:root{--font-display:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--font-body:"Newsreader", Georgia, "Times New Roman", serif;--r-sm:7px;--r-md:12px;--r-lg:20px;--r-pill:999px;--maxw:1080px;--readw:62ch;--ease:cubic-bezier(.22, .61, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2efe9;--panel:#fbfaf7;--panel-2:#eae5dc;--line:#d9d2c6;--line-soft:#e4ded4;--ink:#261e2a;--ink-soft:#6b5f6e;--dim:#8d8190;--plum:#413344;--slate:#305662;--teal:#264d4d;--forest:#315c45;--wine:#98062d;--accent:var(--wine);--accent-soft:#f3e2e7;--accent-line:#98062d61;--on-accent:#fbf7f0;--forest-soft:#e4ebe2;--slate-soft:#e3eaee;--c-taste:#98062d;--c-mouth:#305662;--c-aroma:#264d4d;--c-x:#315c45;--heading-ink:var(--ink);--kicker-ink:var(--wine);--link-ink:var(--wine);--focus-ink:var(--wine);--herb-ink:var(--forest);--herb-soft:var(--forest-soft);--mast-bg:#413344;--mast-ink:#f3eee6;--mast-line:#f3eee661;--rail-bg:#413344;--rail-ink:#f3eee6;--wash:#4133440f;--shadow:0 1px 0 #261e2a0a, 0 18px 40px -28px #261e2a59}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171216;--panel:#241c28;--panel-2:#2c2231;--line:#3a2e40;--line-soft:#302634;--ink:#f3eee6;--ink-soft:#c4b8c4;--dim:#948596;--wine:#a52f40;--accent:var(--wine);--accent-soft:#35181d;--accent-line:#a52f4073;--on-accent:#f3eee6;--forest-soft:#1e2a22;--slate-soft:#1b2830;--teal-ink:#8fc4c0;--teal-heading:#5e9491;--c-taste:#a52f40;--c-mouth:#8fb4c9;--c-aroma:#7fb3b3;--c-x:#9dbfa5;--heading-ink:var(--teal-heading);--kicker-ink:var(--teal-ink);--link-ink:var(--teal-ink);--focus-ink:var(--teal-ink);--herb-ink:var(--c-x);--herb-soft:var(--forest-soft);--mast-bg:#241c28;--mast-ink:#f3eee6;--mast-line:#f3eee647;--rail-bg:#241c28;--rail-ink:#f3eee6;--wash:#f3eee60d;--shadow:0 1px 0 #0003, 0 24px 50px -30px #000c}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100dvh;font-size:1.0625rem;line-height:1.6}h1,h2,h3,h4,.display{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.06}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}ul{margin:0;padding:0;list-style:none}::selection{background:var(--wine);color:var(--on-accent)}:focus-visible{outline:2px solid var(--focus-ink);outline-offset:2px;border-radius:4px}.skip{z-index:40;background:var(--wine);color:var(--on-accent);border-radius:0 0 var(--r-sm) 0;padding:.5rem .8rem;position:absolute;top:0;left:-999px}.skip:focus{left:0}.app{flex-direction:column;min-height:100dvh;display:flex}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:clamp(1rem,4vw,2rem)}.masthead{z-index:30;background:var(--mast-bg);color:var(--mast-ink);border-bottom:3px solid var(--wine);padding-top:env(safe-area-inset-top);position:sticky;top:0}.masthead-inner{align-items:center;gap:1rem;padding-block:.8rem;display:flex}.brand{align-items:center;gap:.7rem;margin-right:auto;display:flex}.brand-mark{flex:none;width:34px;height:34px}.brand-name{color:var(--mast-ink);font-size:1.12rem;line-height:1}.brand-name b{font-weight:700}.brand-sub{font-family:var(--font-display);letter-spacing:.04em;color:color-mix(in srgb, var(--mast-ink) 62%, transparent);margin-top:2px;font-size:.72rem;font-weight:400;display:block}.icon-btn{border:1px solid var(--mast-line);width:40px;height:40px;color:var(--mast-ink);border-radius:var(--r-pill);transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);background:0 0;flex:none;place-items:center;display:grid}.icon-btn:hover{border-color:var(--mast-ink);background:#f3eee61a}.icon-btn:active{transform:scale(.94)}.searchrow{padding-block:.85rem 1rem}.search{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);align-items:center;display:flex;position:relative}.search:focus-within{border-color:var(--focus-ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-ink) 16%, transparent)}.search svg{color:var(--dim);flex:none;margin-left:.9rem}.search input{min-width:0;color:var(--ink);font-family:var(--font-body);background:0 0;border:0;flex:1;padding:.85rem .5rem;font-size:1.05rem}.search input:focus{outline:none}.search input::placeholder{color:var(--dim)}.search-clear{color:var(--dim);font-family:var(--font-display);background:0 0;border:0;height:100%;padding:0 .9rem;font-size:1.2rem;line-height:1}.search-clear:hover{color:var(--ink)}.tabs{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-pill);gap:.25rem;padding:.28rem;display:inline-flex}.tab{border-radius:var(--r-pill);font-family:var(--font-display);color:var(--ink-soft);transition:background .18s var(--ease), color .18s var(--ease);background:0 0;border:0;padding:.5rem 1.05rem;font-size:.95rem;font-weight:500}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{background:var(--wine);color:var(--on-accent);font-weight:600}[data-theme=dark] .tab[aria-selected=true]{background:var(--accent-soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent-line)}.tabbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:.4rem 1.2rem;display:flex}.tab-count{font-family:var(--font-display);color:var(--dim);font-size:.82rem;font-weight:400}.main{flex:1;padding-bottom:5rem}.section-head{margin:1.6rem 0 1rem}.section-title{font-size:1.02rem;font-family:var(--font-display);color:var(--dim);font-weight:600}.hero{padding-block:1.4rem 1.8rem}.eyebrow-quote{font-family:var(--font-body);color:var(--ink-soft);max-width:46ch;font-size:1.05rem;font-style:italic}.equation{font-family:var(--font-display);letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:.5rem .9rem;margin:1rem 0 .6rem;font-size:clamp(1.5rem,5.4vw,2.9rem);font-weight:700;display:flex}.eq-term{border-radius:var(--r-sm);padding:.1em .35em}.eq-op{color:var(--dim);font-weight:400}.eq-flavor{color:var(--ink)}.eq-taste{color:var(--wine)}.eq-mouth{color:var(--c-mouth)}.eq-aroma{color:var(--c-aroma)}.eq-x{color:var(--c-x)}.hero-note{color:var(--ink-soft);max-width:54ch}.lesson-shell{grid-template-columns:1fr;align-items:start;gap:1.6rem;display:grid}.lesson-aside{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:.55rem}.lesson-shell>*,.index-shell>*{min-width:0}.chapter-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;padding-bottom:.3rem;display:flex;overflow-x:auto}.chapter-nav::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);border-radius:var(--r-pill);font-family:var(--font-display);white-space:nowrap;transition:border-color .18s var(--ease), color .18s var(--ease), background .18s var(--ease);padding:.42rem .8rem;font-size:.84rem;font-weight:500}.chip:hover{border-color:var(--accent-line);color:var(--ink)}.chip[aria-current=true]{border-color:var(--wine);color:var(--ink);background:var(--accent-soft)}.mobile-lesson-select{width:100%;font-family:var(--font-display);color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:1rem;padding:.7rem .9rem;font-size:.95rem;display:none}.lesson-list{gap:.5rem;display:grid}.lesson-list button{text-align:left;border-radius:var(--r-sm);font-family:var(--font-display);color:var(--ink-soft);background:0 0;border:1px solid #0000;padding:.6rem .7rem;font-size:.92rem;line-height:1.25}.lesson-list button:hover{background:var(--panel);color:var(--ink)}.lesson-list button[aria-current=true]{background:var(--wash);border-color:var(--line);color:var(--ink);box-shadow:inset 3px 0 0 var(--wine);font-weight:600}.lesson-idx{color:var(--dim);margin-right:.5rem;font-weight:400}.page{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);animation:page-in .4s var(--ease) both;padding:clamp(1.3rem,4vw,2.6rem)}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-kicker{font-family:var(--font-display);color:var(--kicker-ink);font-size:.8rem;font-weight:600}[data-theme=dark] .page-kicker:before{content:"";background:var(--wine);vertical-align:1px;border-radius:1.5px;width:7px;height:7px;margin-right:8px;display:inline-block}.page-title{color:var(--heading-ink);margin:.3rem 0 .5rem;font-size:clamp(1.7rem,5vw,2.6rem)}.page-lead{font-family:var(--font-display);color:var(--ink-soft);max-width:44ch;margin-bottom:1.3rem;font-size:1.12rem;font-weight:400;line-height:1.35}.rule{background:var(--line);border:0;height:1px;margin:1.3rem 0}.points{max-width:var(--readw);gap:.85rem;display:grid}.points li{padding-left:1.5rem;line-height:1.55;position:relative}.points li:before{content:"";background:var(--wine);width:9px;height:9px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;position:absolute;top:.6em;left:0}.points li b{font-weight:600}.try{border-left:3px solid var(--herb-ink);background:var(--herb-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;font-family:var(--font-display);max-width:var(--readw);margin-top:1.5rem;padding:.9rem 1.1rem;font-size:.95rem}.try b{color:var(--herb-ink);font-weight:600}.pagenote{color:var(--ink-soft);max-width:var(--readw);border-top:1px solid var(--line-soft);margin-top:1.4rem;padding-top:1rem;font-style:italic}.scale{border-collapse:collapse;width:100%;margin:1.4rem 0;font-size:.92rem}.scale th,.scale td{text-align:left;border-bottom:1px solid var(--line-soft);padding:.5rem .7rem}.scale th{font-family:var(--font-display);color:var(--dim);font-size:.78rem;font-weight:600}.scale td:first-child,.scale th:first-child{color:var(--ink-soft);font-family:var(--font-display);font-weight:500}.scale tbody tr:hover{background:var(--panel-2)}.pager{align-items:center;gap:1rem;margin-top:1.2rem;display:flex}.pager-spacer{flex:1}.btn{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-pill);font-family:var(--font-display);transition:border-color .18s var(--ease), background .18s var(--ease);align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-size:.92rem;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent-line);background:var(--panel-2)}.btn:disabled{opacity:.38;cursor:default}.btn-primary{background:var(--wine);color:var(--on-accent);border-color:var(--wine);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--wine);filter:brightness(1.06)}.pager-count{font-family:var(--font-display);color:var(--dim);font-size:.85rem}.index-shell{grid-template-columns:1fr;align-items:start;gap:1.4rem;display:grid}.letter-rail{background:var(--rail-bg);border-radius:var(--r-md);scrollbar-width:none;gap:.2rem;padding:.4rem;display:flex;overflow-x:auto}.letter-rail::-webkit-scrollbar{display:none}.letter{border-radius:var(--r-sm);min-width:30px;height:34px;font-family:var(--font-display);color:var(--rail-ink);opacity:.55;background:0 0;border:1px solid #0000;place-items:center;font-size:.86rem;font-weight:500;display:grid}.letter:hover{color:var(--rail-ink);opacity:1;background:#f3eee61f}.letter[aria-current=true]{background:var(--wine);color:var(--on-accent);opacity:1;font-weight:700}.letter.is-off{opacity:.28}.food-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.7rem;display:grid}.food-card{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);width:100%;transition:border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);flex-direction:column;gap:.45rem;padding:.95rem 1rem;display:flex}.food-card:hover{border-color:var(--link-ink);box-shadow:var(--shadow);transform:translateY(-2px)}.food-card-top{align-items:center;gap:.5rem;display:flex}.dot{vertical-align:middle;background:var(--c,var(--dim));border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.food-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--heading-ink);font-size:1rem;font-weight:600;line-height:1.15}.cat-label{font-family:var(--font-display);color:var(--dim);text-transform:none;margin-left:auto;font-size:.68rem}.goes{color:var(--ink-soft);font-size:.87rem;line-height:1.4}.goes b{font-family:var(--font-display);color:var(--dim);font-size:.72rem;font-weight:500}.goes span{color:var(--ink)}.empty{text-align:center;color:var(--ink-soft);max-width:44ch;margin:0 auto;padding:3rem 0}.empty h2{color:var(--heading-ink);margin-bottom:.5rem;font-size:1.4rem}.empty p{font-family:var(--font-body)}.detail{animation:page-in .35s var(--ease) both}.back{color:var(--ink-soft);font-family:var(--font-display);background:0 0;border:0;align-items:center;gap:.4rem;padding:.2rem 0;font-size:.88rem;font-weight:500;display:inline-flex}.back:hover{color:var(--link-ink)}.detail-head{margin:.8rem 0 1.4rem}.detail-name{letter-spacing:-.025em;color:var(--heading-ink);font-size:clamp(2rem,7vw,3.4rem)}.detail-tags{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.8rem;display:flex}.tag{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-pill);max-width:100%;font-family:var(--font-display);color:var(--ink-soft);padding:.3rem .7rem;font-size:.78rem;line-height:1.3;display:inline-block}.tag .dot{width:8px;height:8px;margin-right:.4rem}.essence{background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--r-md);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;margin-bottom:1.6rem;display:grid;overflow:hidden}.essence-cell{background:var(--panel);padding:.8rem .9rem}.essence-k{font-family:var(--font-display);color:var(--dim);margin-bottom:.2rem;font-size:.7rem}.essence-v{font-family:var(--font-display);text-transform:capitalize;font-size:.92rem;font-weight:500;line-height:1.25}.tips{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-md);margin-bottom:1.6rem;padding:.85rem 1rem}.tips .essence-k{color:var(--kicker-ink)}.tips p{font-family:var(--font-display);font-size:.95rem}.tier{margin-bottom:1.5rem}.tier-head{align-items:baseline;gap:.6rem;margin-bottom:.6rem;display:flex}.tier-name{font-family:var(--font-display);font-size:.95rem;font-weight:600}.tier-bars{align-self:center;gap:3px;display:inline-flex}.tier-bars i{background:var(--line);border-radius:2px;width:12px;height:5px}.tier-bars i.on,.tier[data-rank="4"] .tier-bars i.on{background:var(--wine)}.tier[data-rank="3"] .tier-bars i.on{background:var(--c-x)}.tier[data-rank="2"] .tier-bars i.on{background:var(--c-mouth)}.tier[data-rank="1"] .tier-bars i.on{background:var(--dim)}.tier-count{font-family:var(--font-display);color:var(--dim);margin-left:auto;font-size:.78rem}.chips{flex-wrap:wrap;gap:.45rem;display:flex}.pair{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-pill);max-width:100%;font-family:var(--font-display);color:var(--ink);transition:border-color .16s var(--ease), background .16s var(--ease), filter .16s var(--ease);padding:.38rem .75rem;font-size:.86rem;line-height:1.35;display:inline-block}.pair.r4{background:var(--wine);border-color:var(--wine);color:var(--on-accent)}.pair.r3{background:var(--forest-soft);border-color:color-mix(in srgb, var(--c-x) 35%, var(--line));color:var(--c-x)}.pair.r2{background:var(--slate-soft);border-color:color-mix(in srgb, var(--c-mouth) 30%, var(--line));color:var(--c-mouth)}.pair .star{margin-right:.32rem}.pair .note{color:color-mix(in srgb, currentColor 68%, transparent);margin-left:.4rem;font-size:.78rem;font-weight:400}a.pair:hover{border-color:var(--link-ink);filter:brightness(1.04)}a.pair.r4:hover{border-color:var(--wine)}a.pair:after{content:"›";color:currentColor;opacity:.68;margin-left:.35rem;font-weight:700}.pair-static{border-style:dashed}.pair.r1.pair-static{color:var(--ink-soft)}.pair.r4 .star,.pair.r4 .note{color:var(--on-accent)}.star{color:var(--link-ink)}.cluster{border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--panel);font-family:var(--font-display);margin-bottom:.5rem;padding:.7rem .9rem;font-size:.9rem}.cluster b{color:var(--link-ink);font-weight:600}.avoid{border:1px solid var(--wine);border-radius:var(--r-pill);font-family:var(--font-display);color:var(--on-accent);background:var(--wine);align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.84rem;display:inline-flex}.avoid .star{color:inherit}.xref{font-family:var(--font-display);color:var(--ink-soft);margin:.55rem 0 0;font-size:.9rem}.xref a{color:var(--link-ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.xref a:hover{text-decoration-thickness:2px}.subhead{font-family:var(--font-display);color:var(--dim);margin:1.8rem 0 .7rem;font-size:.8rem}.goto-trio{font-family:var(--font-display);font-size:.9rem}.results{padding-top:1rem}.res-group{margin-bottom:1.6rem}.res-item{text-align:left;border:0;border-bottom:1px solid var(--line-soft);background:0 0;align-items:center;gap:.8rem;width:100%;padding:.7rem .3rem;display:flex}.res-item:hover{background:var(--panel)}.res-item .food-name{color:var(--ink);flex:1}.res-kind{font-family:var(--font-display);color:var(--dim);font-size:.72rem}.footer{border-top:1px solid var(--line-soft);padding:1.4rem 0 calc(1.4rem + env(safe-area-inset-bottom));color:var(--dim);font-family:var(--font-display);font-size:.78rem}.footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;display:flex}@media (width>=860px){.lesson-shell{grid-template-columns:250px 1fr}.chapter-nav{display:none}.lesson-aside{position:sticky;top:132px}.index-shell{grid-template-columns:62px 1fr}.letter-rail{flex-direction:column;max-height:calc(100dvh - 160px);position:sticky;top:132px;overflow:visible}.letter{min-width:34px}.brand-name{font-size:1.25rem}}@media (width<=859px){.lesson-aside{display:none}.mobile-lesson-select{display:block}.index-shell .letter-rail{margin-inline:calc(-1*clamp(1rem,4vw,2rem));padding-inline:clamp(1rem,4vw,2rem);-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}