:root{--ink:#141010;--cream:#faf6ef;--parchment:#f0e9da;--wine:#5c1a28;--wine-light:#7d2438;--gold:#b8872c;--gold-lt:#d4a84b;--sage:#4a5e45;--muted:#7a6e65;--border:#1410101a;--border-med:#1410102e;--shadow-sm:0 1px 6px #14101012;--shadow-md:0 4px 24px #1410101a;--shadow-lg:0 12px 48px #14101024}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--cream);color:var(--ink);font-family:Lora,serif;font-size:16px;line-height:1.7;overflow-x:hidden}img,video{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.page{display:none}.page.active{display:block}.nav{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#faf6eff2;align-items:center;gap:1.5rem;height:68px;padding:0 2.5rem;display:flex;position:sticky;top:0}.nav-logo{cursor:pointer;align-items:center;gap:.3rem;margin-right:auto;text-decoration:none;transition:opacity .2s;display:flex}.nav-logo:hover{opacity:.82}.nav-emblem{object-fit:contain;flex-shrink:0;width:81px;height:81px}.nav-logo-text{color:var(--wine);letter-spacing:.02em;white-space:nowrap;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:900}.nav-btn{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.3rem 0;font-family:Jost,sans-serif;font-size:.72rem;font-weight:500;transition:color .2s,border-color .2s}.nav-btn:hover,.nav-btn.active{color:var(--ink);border-bottom-color:var(--wine)}.nav-auth{align-items:center;gap:.6rem;margin-left:.5rem;display:flex}.nav-dropdown{position:relative}.nav-dropdown-menu{border:1px solid var(--border-med);box-shadow:var(--shadow-md);z-index:600;background:#fff;border-radius:3px;min-width:200px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.nav-dropdown-menu.open{display:block}.nav-dropdown-menu button{text-align:left;letter-spacing:.1em;text-transform:uppercase;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--ink);cursor:pointer;background:0 0;padding:.8rem 1rem;font-family:Jost,sans-serif;font-size:.72rem;font-weight:500;transition:background .15s,color .15s;display:block}.nav-dropdown-menu button:last-child{border-bottom:none}.nav-dropdown-menu button:hover{background:var(--parchment);color:var(--wine)}.nav-dropdown-menu .menu-divider{background:var(--border-med);height:1px;margin:0}.nav-dropdown-menu .menu-signout{color:var(--muted)}.nav-dropdown-menu .menu-signout:hover{color:var(--wine)}.nav-user-trigger{border:1.5px solid var(--border-med);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:.5rem;padding:.3rem .65rem .3rem .4rem;transition:border-color .2s;display:flex}.nav-user-trigger:hover{border-color:var(--wine)}.nav-user-trigger span{color:var(--ink);font-family:Jost,sans-serif;font-size:.72rem;font-weight:600}.btn-outline{letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--border-med);color:var(--ink);cursor:pointer;background:0 0;border-radius:2px;padding:.42rem 1rem;font-family:Jost,sans-serif;font-size:.7rem;font-weight:600;transition:all .2s}.btn-outline:hover{border-color:var(--wine);color:var(--wine)}.btn-filled{letter-spacing:.1em;text-transform:uppercase;background:var(--wine);color:#fff;cursor:pointer;border:none;border-radius:2px;padding:.48rem 1.1rem;font-family:Jost,sans-serif;font-size:.7rem;font-weight:600;transition:background .2s}.btn-filled:hover{background:#3e1019}.hero{grid-template-columns:1fr 1fr;min-height:calc(100vh - 68px);max-height:800px;display:grid}.hero-left{background:var(--wine);flex-direction:column;justify-content:center;padding:5rem 4rem;display:flex;position:relative;overflow:hidden}.hero-left:before{content:"";background:radial-gradient(at 80% 20%,#b8872c1f 0%,#0000 60%);position:absolute;inset:0}.hero-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold-lt);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-family:Jost,sans-serif;font-size:.62rem;font-weight:600;display:flex;position:relative}.hero-eyebrow:before{content:"";background:var(--gold-lt);opacity:.6;width:28px;height:1px}.hero h1{color:#fff;margin-bottom:1.5rem;font-family:Playfair Display,serif;font-size:clamp(2.2rem,3.2vw,3.6rem);font-weight:900;line-height:1.08;position:relative}.hero h1 em{color:var(--gold-lt);font-style:italic}.hero-desc{color:#ffffff9e;max-width:400px;margin-bottom:2.5rem;font-family:Lora,serif;font-size:1rem;font-style:italic;line-height:1.8;position:relative}.hero-ctas{flex-wrap:wrap;gap:.75rem;display:flex;position:relative}.btn-hero-primary{letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:#fff;cursor:pointer;border:none;border-radius:2px;padding:.85rem 1.75rem;font-family:Jost,sans-serif;font-size:.7rem;font-weight:600;transition:background .2s}.btn-hero-primary:hover{background:var(--gold-lt)}.btn-hero-ghost{letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;cursor:pointer;background:0 0;border:1.5px solid #ffffff40;border-radius:2px;padding:.85rem 1.75rem;font-family:Jost,sans-serif;font-size:.7rem;font-weight:600;transition:all .2s}.btn-hero-ghost:hover{color:#fff;border-color:#ffffff8c}.hero-stats{border-top:1px solid #ffffff1f;gap:2.5rem;margin-top:3rem;padding-top:2rem;display:flex;position:relative}.stat-val{color:#fff;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:900;line-height:1}.stat-val span{color:var(--gold-lt)}.stat-lbl{letter-spacing:.12em;text-transform:uppercase;color:#ffffff61;margin-top:4px;font-family:Jost,sans-serif;font-size:.58rem;font-weight:500}.hero-right{background:var(--parchment);flex-direction:column;padding:3rem 2.5rem;display:flex;overflow-y:auto}.hero-right-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.6rem;margin-bottom:1.25rem;font-family:Jost,sans-serif;font-size:.6rem;font-weight:600;display:flex}.hero-right-label:after{content:"";background:var(--border);flex:1;height:1px}.mini-card{border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:3px;margin-bottom:.8rem;padding:1.15rem 1.4rem;transition:all .2s}.mini-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.mini-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.55rem;display:flex}.mini-card-vintage{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.15rem;font-family:Jost,sans-serif;font-size:.58rem;font-weight:600}.mini-card-wine{color:var(--ink);font-family:Playfair Display,serif;font-size:.9rem;font-weight:700;line-height:1.25}.mini-card-producer{color:var(--muted);margin-bottom:.5rem;font-family:Lora,serif;font-size:.78rem;font-style:italic}.mini-card-note{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;font-style:italic;line-height:1.55;display:-webkit-box;overflow:hidden}.mini-card-footer{border-top:1px solid var(--border);align-items:center;gap:.6rem;margin-top:.8rem;padding-top:.7rem;display:flex}.avatar-xs{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-family:Jost,sans-serif;font-size:.55rem;font-weight:700;display:flex}.mini-card-rater{color:var(--muted);font-family:Jost,sans-serif;font-size:.65rem}.mini-card-rater strong{color:var(--ink);font-weight:600}.how-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;padding:5rem 2.5rem}.how-inner{max-width:1100px;margin:0 auto}.how-grid{grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3rem;display:grid}.how-step{text-align:center}.how-num{color:var(--parchment);margin-bottom:.75rem;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:900;line-height:1}.how-title{margin-bottom:.4rem;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700}.how-desc{color:var(--muted);font-size:.88rem;font-style:italic;line-height:1.7}.sec-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;font-family:Jost,sans-serif;font-size:.6rem;font-weight:600}.sec-title{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:800;line-height:1.15}.sec-title em{color:var(--wine);font-style:italic}.feed-layout{grid-template-columns:1fr 290px;gap:2.5rem;max-width:1100px;margin:0 auto;padding:3rem 2.5rem;display:grid}.feed-filters{flex-wrap:wrap;gap:.45rem;margin-bottom:1.75rem;display:flex}.filter-chip{letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;border-radius:20px;padding:.38rem .85rem;font-family:Jost,sans-serif;font-size:.65rem;font-weight:600;transition:all .2s}.filter-chip:hover,.filter-chip.active{background:var(--wine);color:#fff;border-color:var(--wine)}.search-wrap{margin-bottom:1.25rem;position:relative}.search-input{border:1.5px solid var(--border);width:100%;color:var(--ink);box-shadow:var(--shadow-sm);background:#fff;border-radius:3px;outline:none;padding:.85rem 3rem .85rem 1.1rem;font-family:Lora,serif;font-size:.95rem;transition:border-color .2s}.search-input:focus{border-color:var(--wine)}.search-input::placeholder{color:var(--muted);font-style:italic}.search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem;line-height:1;transition:color .2s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-clear:hover{color:var(--wine)}.search-results-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;font-family:Jost,sans-serif;font-size:.68rem;font-weight:600}.entry-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:3px;margin-bottom:1.15rem;padding:1.6rem 1.85rem;transition:all .2s}.entry-card:hover{box-shadow:var(--shadow-md)}.entry-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.entry-wine-name{color:var(--ink);margin-bottom:.2rem;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;line-height:1.25}.entry-producer{color:var(--muted);font-size:.82rem;font-style:italic}.entry-mood{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1.5px solid;border-radius:20px;flex-shrink:0;padding:.28rem .7rem;font-family:Jost,sans-serif;font-size:.65rem;font-weight:700}.entry-mood-sm{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1.5px solid;border-radius:20px;flex-shrink:0;padding:.2rem .55rem;font-family:Jost,sans-serif;font-size:.58rem;font-weight:700}.entry-score{color:var(--wine);flex-shrink:0;font-family:Playfair Display,serif;font-size:1.65rem;font-weight:700;line-height:1}.entry-score-sm{font-size:1.2rem}.entry-notes{color:var(--ink);border-left:3px solid var(--gold);background:#b8872c0a;border-radius:0 3px 3px 0;margin-bottom:1.1rem;padding:.9rem 1.1rem;font-size:.95rem;font-style:italic;line-height:1.8}.entry-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:.9rem;display:flex}.sidebar-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:3px;margin-bottom:1.15rem;padding:1.4rem}.sidebar-title{border-bottom:1px solid var(--border);margin-bottom:.9rem;padding-bottom:.7rem;font-family:Playfair Display,serif;font-size:.95rem;font-weight:700}.wm-list{flex-direction:column;gap:.8rem;display:flex}.wm-item{align-items:center;gap:.7rem;display:flex}.wm-info{flex:1}.wm-name{color:var(--ink);font-family:Jost,sans-serif;font-size:.8rem;font-weight:600}.wm-winery{color:var(--muted);font-size:.72rem;font-style:italic}.wm-follow{letter-spacing:.07em;text-transform:uppercase;border:1px solid var(--wine);color:var(--wine);cursor:pointer;white-space:nowrap;background:0 0;border-radius:2px;padding:.22rem .6rem;font-family:Jost,sans-serif;font-size:.6rem;font-weight:600;transition:all .2s}.wm-follow:hover,.wm-follow.following{background:var(--wine);color:#fff}.rc-rater{align-items:center;gap:.7rem;display:flex}.avatar-sm{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:Jost,sans-serif;font-size:.65rem;font-weight:700;display:flex}.rc-rater-info strong{color:var(--ink);font-family:Jost,sans-serif;font-size:.78rem;font-weight:600;display:block}.rc-rater-info span{color:var(--muted);font-family:Jost,sans-serif;font-size:.65rem}.rc-action{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:2px;padding:.32rem .75rem;font-family:Jost,sans-serif;font-size:.65rem;font-weight:600;transition:all .2s}.rc-action:hover{color:var(--wine);border-color:var(--wine)}.rc-action.liked{color:var(--wine);border-color:var(--wine);background:#5c1a280a}.article-card{border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:3px;margin-bottom:1.15rem;padding:1.75rem 2rem;transition:all .2s}.article-card:hover{box-shadow:var(--shadow-md)}.article-card-label{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem;font-family:Jost,sans-serif;font-size:.58rem;font-weight:600}.article-card-title{color:var(--ink);margin-bottom:.4rem;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;line-height:1.25}.article-card-excerpt{color:var(--muted);margin-bottom:1rem;font-size:.9rem;font-style:italic;line-height:1.6}.article-card-footer{border-top:1px solid var(--border);align-items:center;gap:.7rem;padding-top:.9rem;display:flex}.article-body{color:var(--ink);white-space:pre-wrap;font-size:1rem;line-height:1.9}.stats-strip{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:3px;margin-bottom:2rem;display:flex;overflow:hidden}.stat-item{text-align:center;border-right:1px solid var(--border);flex:1;padding:1.1rem 1.4rem}.stat-item:last-child{border-right:none}.stat-item-val{color:var(--wine);font-family:Playfair Display,serif;font-size:1.7rem;font-weight:900}.stat-item-lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-family:Jost,sans-serif;font-size:.58rem;font-weight:600}.rev-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:3px;padding:1.2rem 1.4rem}.rev-card-val{color:var(--ink);font-family:Playfair Display,serif;font-size:1.75rem;font-weight:900}.rev-card-val span{color:var(--muted);font-size:.9rem}.rev-card-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-family:Jost,sans-serif;font-size:.58rem;font-weight:600}.badge{letter-spacing:.1em;text-transform:uppercase;border-radius:20px;padding:.18rem .55rem;font-family:Jost,sans-serif;font-size:.58rem;font-weight:700;display:inline-block}.badge-pending{color:#b45309;background:#fff3e0}.badge-approved{color:var(--sage);background:#4a5e451a}.badge-declined{color:var(--wine);background:#5c1a2814}.tbl-action{letter-spacing:.07em;text-transform:uppercase;cursor:pointer;border-radius:2px;padding:.22rem .65rem;font-family:Jost,sans-serif;font-size:.62rem;font-weight:600;transition:all .15s}.tbl-approve{color:var(--sage);background:#4a5e4514;border:1px solid #4a5e452e}.tbl-approve:hover{background:var(--sage);color:#fff;border-color:var(--sage)}.tbl-decline{color:var(--wine);background:#5c1a280d;border:1px solid #5c1a2824}.tbl-decline:hover{background:var(--wine);color:#fff;border-color:var(--wine)}.modal-overlay{z-index:800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14101099;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--cream);width:95%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:4px;padding:2.5rem;animation:.25s modalIn;position:relative;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1;position:absolute;top:1rem;right:1rem}.modal-title{margin-bottom:.18rem;font-family:Playfair Display,serif;font-size:1.45rem;font-weight:800}.modal-sub{color:var(--muted);margin-bottom:1.75rem;font-size:.85rem;font-style:italic}.form-row{margin-bottom:1.15rem}.form-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.38rem;font-family:Jost,sans-serif;font-size:.62rem;font-weight:700;display:block}.form-input,.form-textarea{border:1.5px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:2px;outline:none;padding:.7rem .95rem;font-family:Lora,serif;font-size:.93rem;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:var(--wine)}.form-textarea{resize:vertical;min-height:105px;line-height:1.7}.form-row-2{grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1.15rem;display:grid}.score-slider-wrap{align-items:center;gap:1.25rem;display:flex}.score-slider{-webkit-appearance:none;background:var(--border);border-radius:2px;outline:none;flex:1;height:3px}.score-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--wine);cursor:pointer;border-radius:50%;width:17px;height:17px;box-shadow:0 0 0 3px #5c1a281f}.score-display{color:var(--wine);text-align:right;min-width:46px;font-family:Playfair Display,serif;font-size:2.1rem;font-weight:900}.toast{z-index:9000;background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;border-radius:3px;padding:.85rem 1.4rem;font-family:Jost,sans-serif;font-size:.8rem;font-weight:500;transition:all .3s;position:fixed;bottom:2rem;right:2rem;transform:translateY(16px)}.toast.show{opacity:1;transform:translateY(0)}.loading{text-align:center;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:3rem;font-family:Jost,sans-serif;font-size:.8rem}.empty-state{text-align:center;color:var(--muted);padding:4rem 2rem}.empty-state p{font-size:.95rem;font-style:italic}.submit-page{z-index:700;background:#f7f3ec;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.submit-page.hidden{display:none}.submit-header{background:#f7f3ec;border-bottom:1px solid #d4c8b2;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px 10px;display:flex}.submit-header-title{color:#2a1a18;letter-spacing:.01em;font-family:Playfair Display,serif;font-size:1rem;font-weight:700}.submit-close{color:#8b7e73;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.3rem;line-height:1}.submit-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.submit-section{border-bottom:1px solid #e4d9c5;padding:20px 20px 16px}.submit-section:last-child{border-bottom:none}.submit-sec-label{letter-spacing:.22em;text-transform:uppercase;color:#8b7e73;align-items:center;gap:.6rem;margin-bottom:10px;font-family:Jost,sans-serif;font-size:.58rem;font-weight:600;display:flex}.submit-sec-label:after{content:"";background:#e4d9c5;flex:1;height:1px}.submit-search-wrap{margin-bottom:10px;position:relative}.submit-search-input{color:#2a1a18;background:#fff;border:1.5px solid #d4c8b2;border-radius:3px;outline:none;width:100%;padding:11px 36px 11px 12px;font-family:Lora,serif;font-size:.95rem;transition:border-color .2s}.submit-search-input:focus{border-color:#6b1f2a}.submit-search-input::placeholder{color:#8b7e73;font-style:italic}.submit-search-clear{color:#8b7e73;cursor:pointer;background:0 0;border:none;font-size:1.1rem;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.submit-recent-list{margin-top:4px}.submit-recent-item{cursor:pointer;border-bottom:1px solid #e4d9c5;justify-content:space-between;align-items:center;padding:11px 0;transition:opacity .15s;display:flex}.submit-recent-item:last-child{border-bottom:none}.submit-recent-item:active{opacity:.6}.submit-recent-item.selected .submit-recent-producer{color:#6b1f2a}.submit-recent-producer{color:#2a1a18;font-family:Playfair Display,serif;font-size:.95rem;font-weight:700;line-height:1.2}.submit-recent-wine{color:#8b7e73;margin-top:1px;font-family:Lora,serif;font-size:.8rem;font-style:italic}.submit-recent-score{color:#8b7e73;flex-shrink:0;margin-left:10px;font-family:Playfair Display,serif;font-size:1.1rem;font-style:italic}.submit-wine-selected{background:#6b1f2a0f;border:1.5px solid #6b1f2a33;border-radius:3px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 14px;display:flex}.submit-wine-selected-name{color:#6b1f2a;font-family:Playfair Display,serif;font-size:.95rem;font-weight:700}.submit-wine-selected-sub{color:#8b7e73;font-family:Lora,serif;font-size:.78rem;font-style:italic}.submit-wine-clear{color:#8b7e73;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:1rem}.submit-manual-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.submit-manual-input{color:#2a1a18;background:#fff;border:1.5px solid #d4c8b2;border-radius:3px;outline:none;width:100%;padding:9px 10px;font-family:Lora,serif;font-size:.88rem;transition:border-color .2s}.submit-manual-input:focus{border-color:#6b1f2a}.submit-manual-input::placeholder{color:#8b7e73;font-style:italic}.submit-manual-input.full{grid-column:1/-1}.submit-score-display{text-align:center;padding:12px 0 8px}.submit-score-numeral{letter-spacing:-3px;color:#d4c8b2;font-family:Playfair Display,serif;font-size:6rem;font-weight:400;line-height:.9;transition:color .25s}.submit-score-numeral.filled{color:#2a1a18}.submit-score-qualifier{color:#8b7e73;min-height:20px;margin-top:4px;font-family:Lora,serif;font-size:.82rem;font-style:italic;transition:opacity .3s}.submit-keypad{grid-template-columns:repeat(3,1fr);margin:0 -20px;display:grid}.submit-key{cursor:pointer;color:#2a1a18;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-top:1px solid #e4d9c5;outline:0;padding:14px 0;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:400;transition:background .1s}.submit-key:active{background:#e4d9c5}.submit-key-del{justify-content:center;align-items:center;display:flex}.submit-notes-textarea{resize:none;color:#2a1a18;background:0 0;border:0;outline:0;width:100%;min-height:80px;padding:4px 0 16px;font-family:Lora,serif;font-size:1rem;line-height:1.65}.submit-notes-textarea::placeholder{color:#8b7e73;font-style:italic}.submit-notes-count{letter-spacing:.15em;color:#8b7e73;text-align:right;padding-bottom:8px;font-family:Jost,sans-serif;font-size:.62rem}.submit-pub-bar{background:#f7f3ec;border-top:1px solid #e4d9c5;flex-shrink:0;padding:12px 20px 28px}.submit-pub-btn{cursor:pointer;letter-spacing:.32em;text-transform:uppercase;color:#8b7e73;background:#d4c8b2;border:0;border-radius:2px;width:100%;padding:18px 0;font-family:Jost,sans-serif;font-size:.78rem;font-weight:500;transition:background .3s,color .3s}.submit-pub-btn.ready{color:#f7f3ec;background:#2a1a18}.submit-pub-btn.ready:active{background:#4a3935}.submit-pub-btn:disabled{cursor:not-allowed;opacity:.7}.submit-success-overlay{z-index:10;background:#2a1a18;flex-direction:column;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.32,0,.15,1);display:flex;position:absolute;inset:0;transform:translateY(100%)}.submit-success-overlay.show{transform:translateY(0)}.submit-success-score{color:#fff;letter-spacing:-2px;font-family:Playfair Display,serif;font-size:5rem;font-weight:400;line-height:1}.submit-success-wine{color:#f0e8d8b3;text-align:center;margin-top:8px;padding:0 32px;font-family:Playfair Display,serif;font-size:1.1rem;font-style:italic}.submit-success-qualifier{color:#f0e8d873;margin-top:6px;font-family:Lora,serif;font-size:.85rem;font-style:italic}.submit-success-done{letter-spacing:.3em;text-transform:uppercase;color:#f0e8d8b3;cursor:pointer;background:0 0;border:1.5px solid #f0e8d840;border-radius:2px;margin-top:48px;padding:14px 32px;font-family:Jost,sans-serif;font-size:.7rem;font-weight:500;transition:border-color .2s,color .2s}.submit-success-done:hover{color:#f0e8d8;border-color:#f0e8d88c}.sidebar-grid{grid-template-columns:1fr 290px;gap:2.5rem;display:grid}@media (width<=960px){.hero{grid-template-columns:1fr;max-height:none}.hero-right{display:none}.feed-layout{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr;gap:2rem}.nav-logo-text{display:none}.sidebar-grid{grid-template-columns:1fr}}@media (width<=768px){.nav-btn{display:none}.hero-left{padding:3rem 1.5rem}}
