: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}body{background:var(--cream);color:var(--ink);font-family:Lora,serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.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:62px;padding:0 2.5rem;display:flex;position:sticky;top:0}.nav-logo{color:var(--wine);margin-right:auto;font-family:Playfair Display,serif;font-size:1rem;font-weight:700}.nav-logo span{color:var(--gold);font-style:italic}.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}.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}.page{display:none}.page.active{display:block}.hero{grid-template-columns:1fr 1fr;min-height:calc(100vh - 62px);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;margin-bottom:.55rem;display:flex}.mini-card-score{color:var(--wine);flex-shrink:0;margin-left:.75rem;font-family:Playfair Display,serif;font-size:2rem;font-weight:900;line-height:1}.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:.5rem;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:900;line-height:1}.how-icon{margin-bottom:.85rem;font-size:1.8rem}.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)}.rating-card{border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:3px;margin-bottom:1.15rem;padding:1.6rem 1.85rem;transition:all .2s}.rating-card:hover{box-shadow:var(--shadow-md)}.rc-header{align-items:flex-start;gap:1.25rem;margin-bottom:1rem;display:flex}.rc-score-block{background:var(--wine);color:#fff;border-radius:3px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.rc-score-num{font-family:Playfair Display,serif;font-size:1.9rem;font-weight:900;line-height:1}.rc-score-label{letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-top:2px;font-family:Jost,sans-serif;font-size:.48rem;font-weight:600}.rc-meta{flex:1}.rc-vintage{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.18rem;font-family:Jost,sans-serif;font-size:.58rem;font-weight:600}.rc-wine{color:var(--ink);margin-bottom:.18rem;font-family:Playfair Display,serif;font-size:1.15rem;font-weight:700;line-height:1.2}.rc-producer{color:var(--muted);margin-bottom:.38rem;font-size:.85rem;font-style:italic}.rc-tags{flex-wrap:wrap;gap:.35rem;display:flex}.rc-tag{letter-spacing:.07em;text-transform:uppercase;color:var(--sage);background:#4a5e4514;border-radius:20px;padding:.12rem .5rem;font-family:Jost,sans-serif;font-size:.58rem;font-weight:500}.rc-notes{color:var(--ink);border-left:3px solid var(--wine);background:#5c1a2806;border-radius:0 3px 3px 0;margin-bottom:1.1rem;padding:.9rem 1.1rem;font-size:.93rem;font-style:italic;line-height:1.8}.rc-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:.9rem;display:flex}.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-actions{gap:.6rem;display:flex}.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}.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}.loading{text-align:center;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:3rem;font-family:Jost,sans-serif;font-size:.8rem}.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)}.empty-state{text-align:center;color:var(--muted);padding:4rem 2rem}.empty-state p{font-size:.95rem;font-style:italic}@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}}