@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Cormorant+Garamond:wght@500;600&display=swap";.ph{--forest-900:#0E2E09;--forest-700:#1B4413;--forest-500:#2C5E22;--sage-600:#5D7A4E;--sage-500:#7C9A6C;--sage-300:#AEC29D;--sage-100:#E1E9D8;--honey-700:#A9670F;--honey-600:#C97F1C;--honey-400:#E3A43D;--honey-200:#F0C87E;--honey-100:#FBE4BC;--sun-gold:#F0A93A;--coffee-brown:#6B4226;--cream-100:#F6EFDF;--cream-50:#FBF7ED;--line:#D8CFB6;--bg-page:var(--cream-100);--bg-card:#fff;--bg-sunk:var(--cream-50);--bg-inverse:var(--forest-900);--bg-glass:rgba(255,255,255,.72);--bg-on-dark:rgba(255,255,255,.06);--bg-on-dark-hi:rgba(255,255,255,.12);--text-heading:var(--forest-900);--text-body:var(--forest-900);--text-muted:var(--sage-600);--text-on-dark:var(--cream-50);--text-on-dark-muted:var(--sage-300);--text-on-accent:var(--forest-900);--label:var(--text-muted);--cta:var(--honey-400);--cta-hover:var(--sun-gold);--badge-bg:var(--honey-100);--badge-text:var(--honey-700);--accent-on-dark:var(--honey-200);--sel-primary:var(--honey-400);--sel-primary-fg:var(--forest-900);--sel-structural:var(--forest-700);--sel-structural-fg:var(--cream-50);--sel-modifier:var(--sage-500);--sel-modifier-fg:var(--cream-50);--border:var(--line);--border-strong:var(--forest-900);--pill-border:var(--sage-500);--bw:1.5px;--focus:var(--honey-600);--fs-2xs:11px;--fs-xs:12px;--fs-sm:13.5px;--fs-md:15px;--fs-lg:17px;--fs-xl:21px;--fs-2xl:26px;--fs-display:44px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-body:1.5;--ls-label:.08em;--r-xs:10px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:24px;--r-pill:999px;--ctl-sm:38px;--ctl:44px;--ctl-lg:52px;--ctl-xl:56px;--space-fab:calc(var(--ctl-xl) + var(--ctl-lg) + 44px);--shadow-sm:0 2px 8px rgba(14,46,9,.06);--shadow:0 4px 16px rgba(14,46,9,.08);--shadow-hi:0 10px 28px rgba(14,46,9,.14);--shadow-cta:0 8px 24px rgba(14,46,9,.26);--dur-fast:.12s;--dur-base:.18s;--ease:cubic-bezier(.4,0,.2,1);font-family:Outfit,-apple-system,Segoe UI,sans-serif;font-size:var(--fs-md);background:var(--bg-page);color:var(--text-body);min-height:100vh}.ph,.ph *{box-sizing:border-box}.ph button{font-family:inherit;color:inherit;border:0;cursor:pointer}.ph :focus-visible{outline:2px solid var(--focus);outline-offset:2px}#root{min-height:100vh;background:var(--cream-100)}#root:has(.brew-screen){background:var(--forest-900)}.fab,.st-plus,.brew-next,.utab[data-on="1"],.dialog-actions button[type=submit]{background:var(--cta);color:var(--text-on-accent);font-weight:var(--fw-bold);transition:background var(--dur-base) var(--ease)}.fab:hover,.brew-next:hover,.dialog-actions button[type=submit]:hover{background:var(--cta-hover)}.mpill,.famtab,.seg button,.st-minus,.library-item button.is-danger,.pill-out{background:transparent;color:var(--label);box-shadow:inset 0 0 0 var(--bw) var(--border)}.mpill,.st-minus,.pill-out{box-shadow:inset 0 0 0 var(--bw) var(--pill-border)}.famtab,.seg button{background:var(--bg-card)}.iconbtn,.library-top .ib,.utab,.dialog-actions button,.library-item button{background:var(--bg-sunk);color:var(--text-heading);transition:background var(--dur-fast) var(--ease)}.iconbtn:hover,.library-top .ib:hover,.library-item button:hover{background:var(--sage-100)}.iconbtn,.library-top .ib,.brewtop .ib{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ctl);height:var(--ctl);border-radius:var(--r-pill);font-size:var(--fs-lg)}.iconbtn{color:var(--sage-500)}.mpill,.fab,.brew-next,.library-item button,.dialog-actions button,.gback,.langs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-pill);white-space:nowrap;font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.combo-btn,.library-item,.gopt,.pop,.combo-pop{background:var(--bg-card);border-radius:var(--r-md);box-shadow:var(--shadow)}.gopt:hover,.combo-btn:hover{box-shadow:var(--shadow-hi)}.stats,.tasting{background:var(--bg-sunk);border-radius:var(--r-md)}.fieldlab,.rlab,.stats .k,.brewk,.phaselab,.brew-advice-label,.favorite-dialog label,.brew-save label,.tasting-label{display:block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--label)}.phaselab,.brew-advice-label,.brew-save label,.brewk{color:var(--accent-on-dark)}.brewk,.stats .k{font-size:var(--fs-2xs)}.hint,.combo-empty,.library-item p,.library-section>p{font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--lh-body)}.hint{margin:8px 0 0}.shell{max-width:480px;margin:0 auto;position:relative}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 8px;position:relative}.brandbox{display:flex;align-items:center;gap:9px;min-width:0}.crest{width:36px;height:36px;border-radius:var(--r-pill);object-fit:contain;flex:0 0 auto}.wordmark{display:block;font-family:Cormorant Garamond,serif;font-weight:var(--fw-semibold);font-size:var(--fs-xl);color:var(--text-heading);line-height:1.05}.subtag{display:block;margin-top:1px;font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--label)}.topright{display:flex;align-items:center;gap:6px;flex:0 0 auto}.langs{display:flex;padding:3px;border-radius:var(--r-pill);background:var(--bg-sunk)}.langs button{min-width:var(--ctl);min-height:var(--ctl-sm);padding:6px 12px;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.04em;background:transparent;color:var(--label);transition:background var(--dur-fast) var(--ease)}.langs button[data-on="1"]{background:var(--bg-card);color:var(--text-heading);box-shadow:var(--shadow-sm)}.pop{position:absolute;top:58px;right:16px;z-index:30;box-shadow:var(--shadow-hi);padding:14px;display:flex;flex-direction:column;gap:12px;min-width:210px}.pop h3{margin:0 0 6px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--label)}.unitrow{display:flex;gap:6px}.utab{flex:1;min-height:var(--ctl);padding:8px 6px;border-radius:var(--r-xs);font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.readwrap{position:sticky;top:0;z-index:5;padding:12px 16px;pointer-events:none}.readwrap>*{pointer-events:auto}.readout{background:var(--bg-glass);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);border-radius:var(--r-lg);padding:18px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px #ffffffe6 inset,0 0 0 1px #ffffff80 inset,var(--shadow)}.reads{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.rnum{font-size:var(--fs-display);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--text-heading);line-height:1}.rnum span{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-left:2px}.rmeta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill-out,.pill-fill{display:inline-flex;padding:5px 12px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.pill-fill{background:var(--badge-bg);color:var(--badge-text)}.rmeta small{font-size:var(--fs-sm);color:var(--label);font-weight:var(--fw-semibold)}.body{padding:0 16px var(--space-fab);display:flex;flex-direction:column;gap:18px}.famtabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.famtab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:66px;padding:9px 4px;border-radius:var(--r-md);font-size:var(--fs-2xs);font-weight:var(--fw-bold);line-height:1.1;text-align:center;transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}.famtab[data-on="1"]{background:var(--sel-structural);color:var(--sel-structural-fg);box-shadow:none}.famtab span{display:block}.fampills{display:flex;gap:6px;flex-wrap:wrap}.mpill{min-height:var(--ctl);padding:7px 13px;gap:6px;transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}.mpill[data-on="1"]{background:var(--sel-primary);color:var(--sel-primary-fg);box-shadow:none}.linkbtn{display:inline-flex;align-items:center;gap:8px;min-height:var(--ctl);padding:0;align-self:flex-start;background:transparent;color:var(--text-heading);font-weight:var(--fw-semibold);font-size:var(--fs-md)}.linkbtn:hover{color:var(--honey-700)}.sizerow{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.stepper{display:flex;align-items:center;gap:10px;margin-top:6px}.stepper button{width:var(--ctl);height:var(--ctl);border-radius:var(--r-pill);font-size:var(--fs-xl)}.st-minus{color:var(--text-heading);box-shadow:inset 0 0 0 var(--bw) var(--border-strong)}.stepper .val{min-width:32px;text-align:center;font-size:var(--fs-xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--text-heading)}.sizecol{flex:1;min-width:190px}.ph input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--border);border-radius:var(--r-pill);outline:none;margin-top:16px}.ph input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:var(--r-pill);background:var(--cta);cursor:pointer;box-shadow:var(--shadow-sm)}.ph input[type=range]::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:var(--r-pill);background:var(--cta);cursor:pointer}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:12px 14px}.stats .v{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-body);margin-top:2px}.seg{display:flex;gap:6px;margin-top:8px}.seg button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--ctl);padding:10px 4px;border-radius:var(--r-md);color:var(--text-heading);font-weight:var(--fw-semibold);font-size:var(--fs-sm);transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}.seg button .glyph{flex:0 0 auto}.seg button[data-on="1"]{background:var(--sel-modifier);color:var(--sel-modifier-fg);box-shadow:none}.combo{position:relative;margin-top:8px}.combo-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:var(--ctl-xl);padding:12px 14px;text-align:left;transition:box-shadow var(--dur-base) var(--ease)}.combo-val{flex:1 1 auto;min-width:0}.combo-name{display:block;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-heading);line-height:var(--lh-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-meta{display:block;margin-top:2px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-caret{flex:0 0 auto;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-heading)}.combo-pop{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:var(--shadow-hi)}.combo-input{display:block;width:calc(100% - 16px);margin:8px;min-height:var(--ctl);border:var(--bw) solid var(--border);border-radius:var(--r-pill);padding:10px 16px;font-family:inherit;font-size:var(--fs-md);color:var(--text-body);background:var(--bg-sunk)}.combo-input:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus)}.combo-list{list-style:none;margin:0;padding:4px;max-height:300px;overflow-y:auto;border-top:1px solid var(--border)}.combo-opt{display:flex;align-items:center;min-height:var(--ctl-lg);padding:8px 12px;border-radius:var(--r-sm);cursor:pointer;color:var(--text-heading)}.combo-opt[data-hi="1"]{background:var(--bg-sunk)}.combo-opt[data-on="1"]{background:var(--sel-primary);color:var(--sel-primary-fg)}.combo-opt[data-on="1"] .combo-name{color:var(--sel-primary-fg)}.combo-opt[data-on="1"] .combo-meta{color:var(--coffee-brown)}.combo-empty{margin:0;padding:18px 16px}.tasting{margin-top:10px;padding:14px 16px;border-left:3px solid var(--cta);border-radius:var(--r-sm) var(--r-md) var(--r-md) var(--r-sm)}.tasting p{margin:6px 0 0;font-size:var(--fs-md);line-height:1.6;color:var(--text-body);max-width:60ch;overflow-wrap:anywhere}.fab-stack{position:fixed;z-index:25;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:12px}.fab{min-height:var(--ctl-xl);padding:0 22px;gap:9px;font-size:var(--fs-lg);box-shadow:var(--shadow-cta);transition:transform var(--dur-fast) var(--ease),background var(--dur-base) var(--ease)}.fab:hover{transform:translateY(-1px)}.fab:active{transform:translateY(0)}.fab svg{flex:0 0 auto}.fab-secondary{width:var(--ctl-lg);min-height:var(--ctl-lg);padding:0;border-radius:var(--r-pill);background:var(--bg-card);color:var(--forest-900);box-shadow:var(--shadow-hi)}.fab-secondary:hover{background:var(--bg-sunk)}.toast{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:16px;right:16px;max-width:448px;margin:0 auto;z-index:26;padding:12px 16px;border-radius:var(--r-sm);background:var(--bg-inverse);color:var(--text-on-dark);text-align:center;font-size:var(--fs-sm);font-weight:var(--fw-semibold);box-shadow:var(--shadow-hi)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0e2e097a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.favorite-dialog{width:min(100%,420px);padding:24px;border-radius:var(--r-xl);background:var(--cream-50);box-shadow:var(--shadow-hi);color:var(--forest-900)}.favorite-dialog h2{margin:0;font-size:var(--fs-xl)}.favorite-dialog p{margin:8px 0 20px;color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.favorite-dialog label{margin-bottom:7px}.favorite-dialog input{width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-card);color:var(--forest-900);font:inherit}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.dialog-actions button{min-height:var(--ctl);padding:9px 16px}.dialog-actions button:disabled{opacity:.5;cursor:not-allowed}.library-screen{width:100%;min-height:100vh;margin:0;padding:20px 18px calc(32px + env(safe-area-inset-bottom));color:var(--forest-900)}.library-top,.library-section{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.library-top{display:flex;align-items:center;gap:14px;margin-bottom:24px}.library-top h1{flex:1;min-width:0;margin:0;font-size:clamp(19px,5.5vw,26px);line-height:var(--lh-tight);overflow-wrap:anywhere}.library-section{margin-top:22px;margin-bottom:22px}.library-section h2{margin:0 0 10px;font-size:var(--fs-lg)}.library-item{display:grid;gap:12px;padding:14px;margin:10px 0}.library-item>div{min-width:0}.library-item strong{display:block;font-size:var(--fs-md);line-height:1.3;overflow-wrap:anywhere}.library-item p{margin:5px 0 0;overflow-wrap:anywhere}.library-meta{display:block;margin-top:5px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted)}.library-note{margin-top:10px;padding:12px 14px;border-left:3px solid var(--cta);border-radius:var(--r-sm) var(--r-md) var(--r-md) var(--r-sm);background:var(--bg-sunk)}.library-note p{margin:6px 0 0;font-size:var(--fs-md);line-height:1.6;color:var(--text-body)}.library-note[data-empty="1"] p{color:var(--text-muted);font-style:italic}.library-actions{display:flex;flex-wrap:wrap;gap:8px}.library-item button{flex:0 0 auto;min-height:48px;padding:8px 14px}.library-item button.is-danger{color:var(--text-muted)}.guided{min-height:100vh;display:flex;flex-direction:column;padding:22px 20px;gap:24px;max-width:480px;margin:0 auto}.gtop{display:flex;align-items:center;justify-content:space-between;gap:12px}.gq{margin:0;font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-heading);line-height:1.25}.gopts{display:flex;flex-direction:column;gap:10px}.gopt{text-align:left;padding:18px 16px;min-height:var(--ctl-xl);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-heading);transition:box-shadow var(--dur-base) var(--ease)}.gopt[data-on="1"]{box-shadow:inset 0 0 0 2px var(--sel-structural),var(--shadow)}.gback{min-height:var(--ctl);padding:0 14px 0 10px;background:transparent;color:var(--text-muted)}.gback:hover{color:var(--text-heading)}.brew{min-height:100vh;background:var(--bg-inverse);color:var(--text-on-dark);display:flex;flex-direction:column;gap:16px;max-width:480px;margin:0 auto;padding:20px 20px calc(20px + env(safe-area-inset-bottom))}.ph.brew-screen{min-height:100vh;background:var(--bg-inverse)}.brewtop{display:flex;align-items:center;justify-content:space-between;gap:10px}.brewtop .ib{background:var(--bg-on-dark-hi);color:var(--text-on-dark);font-size:var(--fs-md)}.brewtop small{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-on-dark-muted);text-align:center}.brewcard{display:flex;flex-direction:column;gap:12px;padding:24px 20px;border-radius:var(--r-xl);background:var(--bg-on-dark)}.phaselab{font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.1em}.brewk{margin-bottom:4px}.brewbig{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;font-weight:var(--fw-bold);line-height:1.05;font-variant-numeric:tabular-nums}.brewbig-live{font-size:clamp(56px,16vw,68px)}.brewbig-of{font-size:clamp(24px,7vw,30px);font-weight:var(--fw-semibold);color:var(--text-on-dark-muted)}.brewto{margin-top:6px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-on-dark-muted);font-variant-numeric:tabular-nums}.bar{height:10px;background:var(--bg-on-dark-hi);border-radius:var(--r-pill);overflow:hidden}.bar i{display:block;height:100%;background:var(--honey-400);border-radius:var(--r-pill);transition:width .25s linear}.brew-advice{padding:14px 16px;border-radius:var(--r-md);background:var(--bg-on-dark)}.brew-advice-label{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.1em}.brewhint{margin:7px 0 0;font-size:var(--fs-lg);color:var(--text-on-dark);line-height:var(--lh-body);max-width:58ch}.countdown{font-size:var(--fs-xl);font-weight:var(--fw-bold)}.brew-next{min-height:var(--ctl-lg);padding:12px 18px;font-size:var(--fs-md)}.brew-save{display:grid;gap:10px}.brew-save textarea{width:100%;min-height:74px;resize:vertical;padding:12px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.22);background:var(--bg-on-dark-hi);color:var(--text-on-dark);font:inherit;font-size:var(--fs-md);line-height:var(--lh-body)}.brew-save textarea::placeholder{color:var(--text-on-dark-muted)}.plist{display:flex;flex-direction:column;gap:4px}.prow{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:var(--r-sm);font-size:var(--fs-md)}.prow[data-s=done]{opacity:.42}.prow[data-s=active]{background:var(--bg-on-dark);font-weight:var(--fw-bold);color:var(--accent-on-dark)}.prow[data-s=next]{opacity:.62;color:var(--text-on-dark-muted)}.prow b{font-variant-numeric:tabular-nums;font-weight:inherit}@media (min-width:600px){.shell{max-width:900px;padding:0 24px}.readwrap{position:static;padding:0 0 16px;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.top{padding:18px 0 10px}.pop{right:0}.body{padding:0 0 var(--space-fab);display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;align-items:start}.body>*{grid-column:1/-1}.col-a{grid-column:1}.col-b{grid-column:2}.rnum{font-size:48px}.toast{bottom:24px}.guided{max-width:620px}.brew{max-width:none;padding:32px 40px;column-gap:40px;row-gap:24px;display:grid;align-content:start;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"top top" "card list"}.brewtop{grid-area:top;padding:4px 0 8px}.brewcard{grid-area:card;padding:36px 32px;gap:18px}.plist{grid-area:list;align-self:start;gap:6px}.prow{padding:13px 16px}.prow[data-s=active]{font-size:var(--fs-lg)}}@media (min-width:1024px){.shell{max-width:1180px}.rnum{font-size:52px}.brew{padding:48px 64px;column-gap:64px;max-width:1400px;margin:0 auto}.brewcard{padding:48px 40px;gap:22px}.brewbig-live{font-size:clamp(68px,9vw,96px)}.prow{padding:16px 18px}}@media (max-height:480px) and (orientation:landscape){.brew{padding:12px 20px;gap:10px 20px;display:grid;align-content:start;grid-template-columns:1fr 1fr;grid-template-areas:"top top" "card list"}.brewtop{grid-area:top}.brewcard{grid-area:card;padding:16px 18px;gap:8px}.plist{grid-area:list;align-self:start}.brewbig-live{font-size:52px}.brewbig-of{font-size:22px}.guided{padding:16px 20px;gap:16px}.gq{font-size:var(--fs-xl)}}@media (prefers-reduced-motion:reduce){.ph *{transition:none!important}}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 16px 14px;padding:4px;border-radius:var(--r-pill);background:var(--bg-sunk);box-shadow:inset 0 0 0 1px var(--line)}.tabs button{min-height:var(--ctl);border-radius:var(--r-pill);background:transparent;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-heading)}.tabs button[data-on="1"]{background:var(--sel-structural);color:var(--sel-structural-fg)}.tabs button:focus-visible,.cta-wide:focus-visible,.lot-chip:focus-visible,.adjust summary:focus-visible,.lot-sheet summary:focus-visible{outline:3px solid var(--honey-600);outline-offset:2px}.lot-view{display:flex;flex-direction:column;gap:14px}.lot-hero,.lot-card{background:var(--bg-card);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-sm)}.lot-name{margin:4px 0 12px;font-size:var(--fs-display);line-height:1.02;letter-spacing:-.02em;color:var(--text-heading);overflow-wrap:anywhere}.lot-score{display:flex;align-items:center;gap:12px;margin-bottom:14px}.lot-score-num{font-size:var(--fs-2xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;padding:6px 12px;border-radius:var(--r-sm);background:var(--honey-100);color:var(--forest-900);box-shadow:inset 0 0 0 1px var(--honey-200)}.lot-score-txt{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm);line-height:1.4}.lot-score-txt span,.lot-help,.adj-help,.lot-note{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.45}.lot-note{margin:10px 0 0}.lot-hero .tasting{margin-top:0}.cta-wide{width:100%;margin-top:16px;min-height:var(--ctl-xl);border-radius:var(--r-pill);background:var(--cta);color:var(--text-on-accent);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.cta-wide:hover{background:var(--cta-hover)}.lot-h2{display:block;margin:0;font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-heading)}.lot-facts{margin:10px 0 0;display:grid}.lot-facts div{display:grid;grid-template-columns:7.5em 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.lot-facts div:first-child{border-top:0}.lot-facts dt{color:var(--text-muted);font-size:var(--fs-sm)}.lot-facts dd{margin:0;font-weight:var(--fw-semibold);overflow-wrap:anywhere}.lot-facts .lot-help{display:block;font-weight:400;margin-top:2px}.lot-sheet summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding-right:28px;position:relative}.lot-sheet summary::-webkit-details-marker,.adjust summary::-webkit-details-marker{display:none}.lot-sheet summary:after,.adjust summary:after{content:"";position:absolute;right:4px;top:6px;width:9px;height:9px;border-right:2px solid var(--text-heading);border-bottom:2px solid var(--text-heading);transform:rotate(45deg);transition:transform var(--dur-base) var(--ease)}.lot-sheet[open] summary:after,.adjust[open] summary:after{transform:rotate(225deg);top:10px}.lot-sheet>.lot-help{margin:12px 0 4px}.lot-bars{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:9px}.lot-bars li{display:grid;grid-template-columns:minmax(0,9.5em) 1fr 3em;align-items:center;gap:10px;font-size:var(--fs-sm)}.lot-bars b{text-align:right;font-variant-numeric:tabular-nums}.lot-bar{height:8px;border-radius:var(--r-pill);background:var(--sage-100);overflow:hidden}.lot-bar i{display:block;height:100%;border-radius:inherit;background:var(--forest-500)}.lot-chip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:10px 14px;border-radius:var(--r-md);background:var(--bg-sunk);box-shadow:inset 0 0 0 1px var(--line);text-align:left}.lot-chip-name{font-weight:var(--fw-bold);color:var(--text-heading)}.lot-chip-meta{font-size:var(--fs-sm);color:var(--text-muted)}.step-h{display:block;margin:0 0 8px;font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-heading)}.stats .kh{display:block;font-size:var(--fs-xs);font-weight:400;color:var(--text-muted);text-transform:none;letter-spacing:0;margin-top:1px}.adjust{background:var(--bg-card);border-radius:var(--r-lg);padding:14px 16px;box-shadow:var(--shadow-sm)}.adjust summary{list-style:none;cursor:pointer;position:relative;padding-right:28px}.adjust summary .step-h{margin:0}.adjust[open] summary{margin-bottom:10px}.adjust>.adj-help{margin:0 0 12px}.adjust .fieldlab{margin-top:14px}.adjust .seg{margin-bottom:2px}.adj-help{display:block}.top{padding:12px 16px;margin-bottom:14px;isolation:isolate;z-index:30}.top:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-50vw;right:-50vw;background:var(--forest-900)}.ph{overflow-x:clip}.top .crest{width:46px;height:46px}.top .brandbox{gap:11px}.top .wordmark{color:var(--cream-50);font-size:26px;line-height:1;white-space:nowrap}.top .subtag{margin-top:3px;color:var(--sage-300);white-space:nowrap;letter-spacing:.08em}.top .langs{background:#ffffff1f}.top .langs button{color:var(--sage-300);min-width:38px;padding:6px 10px}.top .langs button[data-on="1"]{background:var(--cream-50);color:var(--forest-900)}.top .iconbtn{color:var(--cream-50);background:#ffffff1f;box-shadow:none}.top .iconbtn:hover{background:#ffffff38}.top .iconbtn:focus-visible,.top .langs button:focus-visible{outline:3px solid var(--honey-400);outline-offset:2px}.top .pop{top:70px}@media (max-width:420px){.top .subtag{display:none}.top .wordmark{font-size:22px}.top .brandbox{gap:8px}.top .crest{width:40px;height:40px}.top{gap:6px;padding:12px}.topright{gap:4px}.top .langs{padding:2px}.top .langs button{min-width:30px;padding:6px}.top .iconbtn{width:38px;height:38px}}@media (min-width:600px){.top{padding:14px 24px}.top .pop{right:24px}}.top .topright{position:relative}.top .pop{position:absolute;top:calc(100% + 10px);right:0;z-index:40;width:min(280px,calc(100vw - 24px));gap:14px}.pop-head{display:flex;flex-direction:column;gap:2px}.pop-head strong{font-size:var(--fs-md);color:var(--text-heading)}.pop-head span{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.45}.actionbar{position:fixed;z-index:25;left:0;right:0;bottom:0;display:flex;gap:10px;align-items:center;max-width:480px;margin:0 auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg-page) 70%,rgba(246,239,223,0))}.actionbar-main{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:var(--ctl-xl);border-radius:var(--r-pill);background:var(--cta);color:var(--text-on-accent);font-size:var(--fs-lg);font-weight:var(--fw-bold);box-shadow:var(--shadow-cta)}.actionbar-main:hover{background:var(--cta-hover)}.fab-secondary-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ctl-xl);height:var(--ctl-xl);border-radius:var(--r-pill);background:var(--bg-card);color:var(--forest-900);box-shadow:inset 0 0 0 1.5px var(--forest-900)}.fab-secondary-btn:hover{background:var(--bg-sunk)}.actionbar button:focus-visible{outline:3px solid var(--honey-600);outline-offset:2px}.brew-next-soft{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}.library-section p{line-height:1.5;max-width:46ch}@media (max-width:599px){.readwrap{background:var(--bg-page)}}@media (min-width:600px){.tabs{max-width:420px;margin:0 auto 18px}.lot-view{max-width:640px;width:100%;margin:0 auto}}.gate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:100svh;padding:24px}.gate h1{margin:0;font-size:var(--fs-xl)}.gate p{margin:0;max-width:34ch;line-height:1.6}.adj-fixed{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);color:var(--text-muted);font-size:var(--fs-sm);line-height:1.45}