:root{--bg: #ffffff;--surface: #ffffff;--ink: #0f0f0f;--muted: #5c5c5c;--accent: #ff5a4f;--sand: #f4f1ec;--sand-deep: #e8e2d8;--rule: #e5e5e5;--radius: 12px;--font-body: "Space Grotesk", system-ui, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif;--maxw: 1080px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15.5px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font-display);line-height:1.15}h1{font-weight:700;letter-spacing:-.03em;font-size:clamp(32px,6vw,52px);line-height:1.05;margin:0 0 12px}h2{font-weight:700;letter-spacing:-.025em;font-size:clamp(22px,4vw,30px);margin:0 0 10px}h3{font-size:18px;margin:0 0 8px}p{margin:0 0 10px}.kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--accent);margin:0 0 8px}.kicker a{text-decoration:none;color:inherit}.tagline,.hook{color:var(--muted)}.pronounce{color:var(--muted);font-size:13px;letter-spacing:.14em;text-transform:uppercase}.topbar{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--rule)}.topbar-inner{max-width:var(--maxw);margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px}.brand{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;font-size:18px;text-decoration:none;color:inherit}.topnav{display:flex;gap:4px}.topnav a{text-decoration:none;font-size:13px;font-weight:600;padding:5px 12px;border-radius:99px;border:1px solid transparent;color:inherit}.topnav a:hover{background:var(--sand)}.topnav a.active{border-color:var(--ink)}.crumb{flex:1;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-account{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}.sign-out-btn{font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid var(--rule);border-radius:99px;padding:5px 12px;background:var(--bg);color:inherit}.sign-out-btn:hover{background:var(--sand)}main{max-width:var(--maxw);margin:0 auto;padding:20px 20px 80px}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:22px;margin-top:18px}.card-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:12px}a.toc-card:hover{background:var(--sand);border-color:#cbcbcb}.accent-card{background:var(--sand);border-color:transparent}.accent-card .card-title{color:var(--accent)}.accent-card blockquote{font-family:var(--font-display);font-size:19px;font-weight:500;letter-spacing:-.01em;line-height:1.4;margin:0}.fold summary{cursor:pointer;font-family:var(--font-display);font-size:15px;font-weight:600}.fold summary:hover{color:var(--accent)}.fold[open] summary{margin-bottom:10px}.hero{display:flex;flex-direction:column;gap:18px;padding:16px 0 8px}.hero-img,.head-img{width:100%;border-radius:var(--radius);border:1px solid var(--rule)}.hero-img{width:100%}.hero h1{font-size:clamp(34px,6vw,56px);margin:6px 0 10px}.tagline{font-size:18px;max-width:34em}.toc{display:grid;gap:18px;margin-top:22px}.toc-card{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:22px}.toc-card h2{font-size:24px;margin:6px 0 8px}.toc-card>p{color:var(--muted);font-size:14px}.toc-list{list-style:none;margin:14px 0 0;padding:0}.toc-list a{display:flex;align-items:baseline;gap:10px;padding:10px 0;text-decoration:none;border-top:1px solid var(--rule)}.toc-list li:first-child a{border-top:0;padding-top:0}.toc-name{font-weight:600}.toc-sub{color:var(--muted);font-size:13px;margin-left:auto}.hub-grid{display:grid;gap:18px;margin-top:24px}.hub-card{display:block;text-decoration:none;border:1px solid var(--rule);border-radius:var(--radius);padding:28px}.hub-card:hover{background:var(--sand);border-color:#cbcbcb}.hub-card h2{font-size:30px;letter-spacing:-.03em;margin:6px 0 8px}.hub-card p{color:var(--muted);font-size:14.5px}.hub-card .hero-img,.hub-card .head-img{margin-bottom:14px}.hub-count{display:inline-block;margin-top:14px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600}.page-head{display:flex;flex-direction:column-reverse;gap:18px;padding:12px 0 6px}.page-head h1{font-size:clamp(32px,6vw,52px);margin:4px 0 2px}.hook{font-size:18px;margin-top:12px;max-width:32em}.cat-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.cat-chip i{width:10px;height:18px;border-radius:3px;background:linear-gradient(var(--cat-from),var(--cat-to))}.two-col{display:grid;gap:18px;margin-top:18px}.two-col .card{height:100%;margin-top:0}.two-col>div{display:flex;flex-direction:column;gap:18px}.two-col>div>.card{height:auto;margin-top:0}.scale-row{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:4px 12px;padding:7px 0 10px;border-bottom:1px dashed var(--rule)}.scale-row:last-child{border-bottom:0}.scale-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.scale-ends{grid-column:2;display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.scale-blocks{display:flex;gap:5px}.scale-blocks .cell{flex:1;height:14px;border-radius:2px;background:var(--sand-deep)}.scale-blocks .cell.on{background:var(--ink)}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:14px}.note{margin:0;text-align:center;border:1px solid var(--rule);border-radius:12px;padding:10px 6px}.note:hover{background:var(--sand)}.note img{width:64px;height:64px;margin:0 auto 6px;object-fit:contain}.note-name{display:block;font-size:12.5px;font-weight:600;line-height:1.2}.note-fam{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--fam);margin-top:2px}.pairings{list-style:none;margin:0;padding:0}.pairings li{padding:10px 0;border-top:1px solid var(--rule)}.pairings li:first-child{border-top:0;padding-top:0}.pairings .dish{display:block;font-weight:600;letter-spacing:-.01em}.pairings .why{color:var(--muted);font-size:14px}.avoid{margin-top:12px;font-size:14px;color:var(--muted)}.bridges{display:grid;gap:12px}.bridge{display:block;text-decoration:none;padding:14px;border-radius:calc(var(--radius) - 4px);background:var(--sand);border:1px solid transparent}a.bridge:hover{border-color:var(--ink);background:#fff}.bridge-name{font-weight:700;font-family:var(--font-display)}a.bridge .bridge-name:after{content:" →";color:var(--accent)}.bridge p{font-size:14px;color:var(--muted);margin:3px 0 0}.regions-list,.styles-list{list-style:none;margin:0;padding:0}.regions-list li,.styles-list li{padding:10px 0;border-top:1px solid var(--rule)}.regions-list li:first-child,.styles-list li:first-child{border-top:0;padding-top:0}.region-name,.style-name{display:block;font-weight:600;letter-spacing:-.01em}.region-style,.style-profile{display:block;color:var(--muted);font-size:14px}.styles-list .cat-chip{float:right;margin-top:3px}.service,.deeper,.terms{display:grid;gap:10px}.service>div,.deeper>div,.terms>div{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:baseline}dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}dd{font-size:14.5px;margin:0;font-variant-numeric:tabular-nums;text-transform:none}.decoder-intro{margin-bottom:14px;font-size:14.5px}.pyramid{list-style:none;display:grid;gap:8px;margin:0 0 16px;padding:0}.pyramid li{padding:10px 14px;border-radius:calc(var(--radius) - 6px);background:var(--sand)}.pyramid li:nth-child(1){width:70%;background:var(--ink);color:#fff}.pyramid li:nth-child(1) .meaning{color:#bbb}.pyramid li:nth-child(2){width:85%}.pyramid li:nth-child(3){width:100%}.pyramid .term{font-weight:700;margin-right:8px}.pyramid .meaning{font-size:13.5px;color:var(--muted)}.steps{list-style:none;display:grid;gap:0;margin:0;padding:0}.step-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.step-num{font-family:var(--font-display);font-size:17px;font-weight:700;background:var(--ink);color:#fff;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;flex:none}.step-head h3{font-size:20px;margin:0}.step-instruction{font-weight:500}.step-anchor{color:var(--muted);font-size:14.5px;margin-top:6px}.step-guest{margin:10px 0 0;font-style:italic;font-size:14.5px;padding:10px 14px;border-left:3px solid var(--accent);background:var(--sand);border-radius:0 8px 8px 0}img.missing{visibility:hidden;min-height:120px}footer{text-align:center;padding:24px;font-size:12px;color:var(--muted)}.family-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.family-tile{display:grid;grid-template-columns:10px 1fr;gap:4px 12px;align-items:start;text-decoration:none;border:1px solid var(--rule);border-radius:12px;padding:14px}.family-tile:hover{background:var(--sand)}.family-tile i{grid-row:span 2;width:10px;height:100%;min-height:40px;border-radius:4px;background:linear-gradient(var(--cat-from),var(--cat-to))}.family-name{font-weight:700;letter-spacing:-.01em}.family-blurb{font-size:12.5px;color:var(--muted)}.filter-bar{display:grid;gap:12px}.filter-bar input[type=search]{font:inherit;padding:10px 14px;border:1px solid var(--rule);border-radius:99px;width:100%;background:var(--sand);outline:none}.filter-bar input[type=search]:focus{border-color:var(--ink);background:#fff}.filter-row{display:flex;flex-wrap:wrap;gap:7px}.filter-chip{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font:inherit;font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:99px;border:1px solid var(--rule);background:var(--bg);color:inherit;cursor:pointer}.filter-chip i{width:8px;height:14px;border-radius:3px;background:linear-gradient(var(--cat-from),var(--cat-to))}.filter-chip:hover{background:var(--sand)}.filter-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.ckt-list{list-style:none;margin:18px 0 0;padding:0}.ckt-list li+li{margin-top:8px}.ckt-list a{display:grid;grid-template-columns:8px 44px 1fr;grid-template-rows:auto auto;gap:2px 14px;align-items:center;text-decoration:none;border:1px solid var(--rule);border-radius:12px;padding:10px 14px}.ckt-list a:hover{background:var(--sand);border-color:#cbcbcb}.ckt-list .stripe{grid-row:span 2;width:8px;height:100%;min-height:40px;border-radius:4px;background:linear-gradient(var(--cat-from),var(--cat-to))}.ckt-list .glass-thumb{grid-row:span 2;width:44px;height:44px;object-fit:contain}.ckt-list .glass-thumb.missing{visibility:hidden}.ckt-list .ckt-name{font-weight:700;letter-spacing:-.01em}.ckt-list .ckt-hook{font-size:13px;color:var(--muted)}.ckt-list.plain{margin-top:0}.ckt-list.plain a{grid-template-columns:8px 1fr}.spec{list-style:none;margin:0 0 16px;padding:0}.spec li{display:grid;grid-template-columns:74px 1fr;gap:2px 12px;padding:8px 0;border-bottom:1px dashed var(--rule);align-items:baseline}.spec li:last-child{border-bottom:0}.spec-amount{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}.spec-name{font-weight:600;text-decoration:none}a.spec-name:hover{color:var(--accent)}.spec-note{grid-column:2;font-size:12.5px;color:var(--muted)}.build{margin-top:8px}.build dd{text-transform:capitalize}.glass-img{width:220px;align-self:center}.glossary-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:14px}.glossary-card{border:1px solid var(--rule);border-radius:12px;padding:14px;background:var(--sand)}.glossary-card p{font-size:13.5px;margin-top:6px}.glossary-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.glossary-name{font-weight:700;letter-spacing:-.01em}.glossary-abv{font-size:11px;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums}.glossary-sub{color:var(--muted)}.mini-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.mini-chip{font-size:11.5px;font-weight:600;text-decoration:none;border:1px solid var(--rule);background:#fff;border-radius:99px;padding:3px 10px}.mini-chip:hover{border-color:var(--ink)}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.auth-wrap{width:100%;max-width:400px}.auth-brand{text-align:center;margin-bottom:24px}.auth-brand img{width:72px;height:72px;margin:0 auto 14px;border-radius:16px;border:1px solid var(--rule)}.auth-card{border:1px solid var(--rule);border-radius:var(--radius);padding:28px;background:var(--surface)}.auth-field{display:grid;gap:6px;margin-bottom:16px}.auth-field label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--muted)}.auth-field input{font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--rule);border-radius:8px;background:var(--bg);outline:none;width:100%}.auth-field input:focus{border-color:var(--ink)}.auth-hint{font-size:12.5px;color:var(--muted);margin-top:-8px;margin-bottom:16px}.auth-error{background:var(--sand);border:1px solid var(--accent);color:var(--accent);border-radius:8px;padding:10px 12px;font-size:13.5px;margin-bottom:16px}.auth-success{background:var(--sand);border-radius:8px;padding:10px 12px;font-size:13.5px;margin-bottom:16px}.btn-primary{font:inherit;font-weight:600;font-size:15px;width:100%;padding:12px 16px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;cursor:pointer}.btn-primary:hover{background:#000}.btn-primary:disabled{opacity:.6;cursor:default}.coming-soon-card{text-align:center;padding:48px 28px}.venue-switcher{display:inline-flex;align-items:center;gap:8px;margin-top:6px}.venue-switcher label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}.venue-switcher select{font:inherit;font-size:13.5px;font-weight:600;padding:6px 10px;border:1px solid var(--rule);border-radius:99px;background:var(--bg);color:inherit}.venue-switcher select:focus{outline:none;border-color:var(--ink)}.no-venue-card{text-align:center;padding:40px 28px}.error-card{border-color:var(--accent);background:#fff6f5}.error-card p{color:var(--ink)}.answer-actions,.practice-toolbar{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.practice-toolbar{margin-top:0;margin-bottom:4px;justify-content:flex-end}.action-btn{font:inherit;font-size:14px;font-weight:600;cursor:pointer;border-radius:99px;padding:11px 18px;border:1px solid var(--rule);background:var(--bg);color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease,border-color .15s ease}.action-btn:hover:not(:disabled){background:var(--sand)}.action-btn:disabled{opacity:.5;cursor:default}.action-btn.grow{flex:1}.action-btn.ghost{background:var(--sand);border-color:transparent}.action-btn.ghost:hover:not(:disabled){background:var(--sand-deep)}.action-btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.action-btn.primary:hover:not(:disabled){background:#000}.action-btn.recording{background:var(--accent);border-color:var(--accent);color:#fff;animation:rec-pulse 1.2s infinite}@keyframes rec-pulse{0%,to{box-shadow:0 0 #ff5a4f73}50%{box-shadow:0 0 0 8px #ff5a4f00}}.rec-dot{width:8px;height:8px;border-radius:50%;background:#fff;display:inline-block}.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:4px}.tag-chip{display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:99px;background:var(--sand);color:var(--ink)}.tag-chip-accent{background:var(--ink);color:#fff;text-transform:capitalize}.tag-chip-like{background:#e4f3e7;color:#206b3a}.tag-chip-dislike{background:#fbe6e4;color:#a3392f}.dietary-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.menu-nav{margin:8px 0 4px}.menu-block{margin-top:24px}.menu-block h2{font-size:22px}.menu-section-card+.menu-section-card{margin-top:14px}.wine-list{display:grid;gap:18px}.wine-item{border-top:1px solid var(--rule);padding-top:18px}.wine-item:first-child{border-top:0;padding-top:0}.wine-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.wine-item-name{font-size:16.5px;margin:0 0 2px;letter-spacing:-.01em}.wine-item-meta,.wine-item-grapes{font-size:13px;color:var(--muted);margin:0}.wine-item-desc{font-size:14px;color:var(--muted);margin-top:10px}.wine-item-prices{display:flex;flex-wrap:wrap;gap:6px;flex:none}.price-chip{display:inline-flex;align-items:baseline;gap:5px;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:99px;background:var(--sand);white-space:nowrap}.price-label{font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.simple-list{display:grid;gap:4px}.simple-item{padding:12px 0;border-top:1px solid var(--rule)}.simple-item:first-child{border-top:0;padding-top:0}.simple-item-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.simple-item-name{font-weight:600;letter-spacing:-.01em}.simple-item-prices{display:flex;gap:6px;flex:none}.simple-item-desc{font-size:13.5px;color:var(--muted);margin:4px 0 0}.skeleton{background:linear-gradient(90deg,var(--sand) 25%,#faf8f4 50%,var(--sand) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s linear infinite;border-radius:6px}.skeleton-line{height:13px;margin-bottom:10px}.skeleton-line.wide{width:70%}.skeleton-line.short{width:40%}.skeleton-line:last-child{margin-bottom:0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.scenario-context{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:14px}.scenario-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--muted);margin:14px 0 8px}.scenario-label:first-of-type{margin-top:0}.answer-input{width:100%;font:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--rule);border-radius:8px;resize:vertical;line-height:1.5;background:var(--bg);color:inherit}.answer-input:focus{outline:none;border-color:var(--ink)}.field-error{color:var(--accent);font-size:13px;margin-top:8px}.score-overall{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.rating-badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 13px;font-size:12.5px;font-weight:700;text-transform:capitalize;min-width:44px;min-height:1.4em;justify-content:center}.rating-badge.big{font-size:14px;padding:6px 16px}.rating-badge.excellent{background:#dff2e3;color:#1f7a3e}.rating-badge.good{background:#fdf0d6;color:#93630a}.rating-badge.fair{background:#fbe3e0;color:#a3392f}.rating-badge.pending{background:linear-gradient(90deg,var(--sand) 25%,#faf8f4 50%,var(--sand) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s linear infinite}.score-axis{border-top:1px solid var(--rule);padding:14px 0 2px}.score-axis-head{display:flex;align-items:center;justify-content:space-between}.score-axis-name{font-family:var(--font-display);font-weight:700;font-size:15px}.score-axis-hint{color:var(--muted);font-size:12.5px;margin:2px 0 0}.score-axis-expl{margin:8px 0 0;line-height:1.5}.stream-cursor{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--accent);animation:stream-blink 1s steps(1) infinite}@keyframes stream-blink{50%{opacity:0}}.score-section{margin-top:16px}.tip-list{margin:6px 0 0;padding-left:18px;line-height:1.55}.tip-list li{margin-bottom:6px}@media(min-width:760px){.hero{flex-direction:row;align-items:center;gap:36px}.hero-img{width:46%}.toc,.hub-grid{grid-template-columns:repeat(3,1fr)}.page-head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:36px}.head-text{flex:1}.head-img{width:340px}.head-img-wide{width:46%}.two-col{grid-template-columns:1fr 1fr}.bridges{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr);gap:18px}.steps .card{margin-top:0}main{padding-top:28px}.glass-img{width:260px}}