:root{--sky-top:#47ccd1;--sky-bot:#dbfcfa;--ink:#005e75;--ink-soft:#2a6f80;--ink-faint:#5c8f9b;--pink:#c4385f;--pink-bright:#ec006b;--pink-shadow:#a52d52;--purp:#633f89;--cream:#fff8ec;--card:#fff8ec;--card-2:#fff;--line:#d6eef0;--track:#e2f2f3;--turq:#13bfc8;--turq-soft:#dff7f8;--turq-edge:#9fdfe2;--chip:#ffffffb8;--chip-on:#005e75;--chip-on-ink:#fff;--on-pink:#fff;--seg-on:var(--card-2);--seg-on-ink:inherit;--head-sky:linear-gradient(180deg,color-mix(in srgb,var(--sky-top)62%,var(--cream)),color-mix(in srgb,var(--sky-top)28%,var(--cream)));--section-w:640px;--glass:#ffffff8c;--amber:#b86e00;--amber-bg:#fff1d6;--red:#c42736;--red-bg:#ffe3e3;--green:#2f8a3c;--shadow:0 18px 40px -18px #005e7573;--shadow-sm:0 6px 16px -8px #005e7566;--ring:0 0 0 3px var(--purp);--m-tart:#ffb020;--m-tart-hi:#e63946;--m-thick:#ff7aa2;--m-smooth:#b69cff;--m-whey:#8fb8c9;--m-aroma:#8bd17c;--m-live:#9b6bd3;--m-lactose:#e9d7ae;--m-done:#ec006b;--m-fizz:#6cc6ff;--m-ph:#633f89;--display:"Quicksand",ui-rounded,"SF Pro Rounded",system-ui,sans-serif;--body:"Nunito",ui-rounded,system-ui,-apple-system,sans-serif;--r-card:26px;--r-ctl:16px;--gutter:16px;--flip:1;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--ease-out-back:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.22,1,.36,1);--summary-h:76px;--topbar-h:60px}@media (color-gamut:p3){:root{--pink-bright:color(display-p3 .93 0 .42)}}:root[data-theme=dark]{--sky-top:#0c3a46;--sky-bot:#0a2830;--ink:#e5fbfb;--ink-soft:#b4dfe3;--ink-faint:#85b6bd;--pink:#ff6b93;--pink-bright:#ff4f9a;--pink-shadow:#b23560;--purp:#c9a8ff;--cream:#123f4a;--card:#113b45;--card-2:#164a56;--line:#23596560;--track:#1d4f5b;--turq:#39d4dc;--turq-soft:#17505c;--turq-edge:#0b2f38;--chip:#ffffff14;--chip-on:#e5fbfb;--chip-on-ink:#0b3540;--glass:#ffffff12;--on-pink:#0b3540;--seg-on:var(--chip-on);--seg-on-ink:var(--chip-on-ink);--amber:#ffc66b;--amber-bg:#3a3420;--red:#ff8a8a;--red-bg:#42252b;--green:#8fdc8f;--shadow:0 18px 40px -18px #000000b3;--shadow-sm:0 6px 16px -8px #0009;--m-lactose:#cdbb8f;--m-ph:#c9a8ff;--m-live:#b590e8;--pink-text:#ff9bb8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sky-top:#0c3a46;--sky-bot:#0a2830;--ink:#e5fbfb;--ink-soft:#b4dfe3;--ink-faint:#85b6bd;--pink:#ff6b93;--pink-bright:#ff4f9a;--pink-shadow:#b23560;--purp:#c9a8ff;--cream:#123f4a;--card:#113b45;--card-2:#164a56;--line:#23596560;--track:#1d4f5b;--turq:#39d4dc;--turq-soft:#17505c;--turq-edge:#0b2f38;--chip:#ffffff14;--chip-on:#e5fbfb;--chip-on-ink:#0b3540;--glass:#ffffff12;--on-pink:#0b3540;--seg-on:var(--chip-on);--seg-on-ink:var(--chip-on-ink);--amber:#ffc66b;--amber-bg:#3a3420;--red:#ff8a8a;--red-bg:#42252b;--green:#8fdc8f;--shadow:0 18px 40px -18px #000000b3;--shadow-sm:0 6px 16px -8px #0009;--m-lactose:#cdbb8f;--m-ph:#c9a8ff;--m-live:#b590e8;--pink-text:#ff9bb8}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}#setup:focus{outline:none}html{scroll-behavior:smooth;font-size:100%}@media (max-width:359px){html{font-size:93.75%}}@media (min-width:1800px){html{font-size:106.25%}}@media (min-width:2300px){html{font-size:112.5%}}body{overflow-wrap:break-word;font-kerning:normal;font-feature-settings:"kern","liga";overscroll-behavior-y:none;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--purp);outline-offset:2px;border-radius:10px}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.2}p{text-wrap:pretty;margin:0}.ph{vertical-align:-.25em;flex:none;width:1.25em;height:1.25em}[data-icon]:empty{display:inline-flex}.num{font-variant-numeric:tabular-nums lining-nums}.skip{position:absolute;z-index:60;background:var(--card);color:var(--ink);text-decoration:none;border-radius:999px;padding:.6rem 1rem;font-weight:800;top:0;left:12px;transform:translateY(-120%)}.skip:focus{transform:translateY(calc(8px + var(--safe-t)))}.print-only{display:none}.btn{appearance:none;display:inline-flex;font:800 1rem/1 var(--body);letter-spacing:.01em;background:var(--pink);color:var(--on-pink);box-shadow:0 5px 0 var(--pink-shadow);transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out);border:0;border-radius:999px;justify-content:center;align-items: center;gap:.45rem;min-height:48px;padding:.85rem 1.35rem}.btn:active{box-shadow:0 2px 0 var(--pink-shadow);transform:translateY(3px)}.btn.ghost{background:var(--card-2);color:var(--ink);box-shadow:0 5px 0 var(--turq-edge)}.btn.ghost:active{box-shadow:0 2px 0 var(--turq-edge)}.btn.small{box-shadow:0 4px 0 var(--pink-shadow);min-height:44px;padding:.55rem .95rem;font-size:.9375rem}.btn.ghost.small{box-shadow:0 4px 0 var(--turq-edge)}.btn.small:active{box-shadow:0 2px 0 var(--pink-shadow);transform:translateY(2px)}.btn.ghost.small:active{box-shadow:0 2px 0 var(--turq-edge)}.btn .ph{width:1.2em;height:1.2em}.icon-btn{appearance:none;display:inline-grid;background:var(--glass);color:var(--ink);transition:transform .15s var(--ease-out-back),background .15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:0;border-radius:50%;place-items: center;width:44px;height:44px}.icon-btn:hover{background:var(--chip)}.icon-btn:active{transform:scale(.9)}.icon-btn .ph{width:24px;height:24px}.icon-btn.small{width:40px;height:40px}.icon-btn[aria-pressed=true]{background:var(--chip-on);color:var(--chip-on-ink)}.seg{display:inline-flex;background:var(--glass);border-radius:999px;gap:2px;padding:3px}.seg button{appearance:none;font:800 .9375rem/1 var(--body);color:var(--ink);display:inline-flex;background:0 0;border:0;border-radius:999px;justify-content:center;align-items: center;gap:.35rem;min-width:40px;min-height:38px;padding:0 .7rem}.seg button[aria-checked=true],.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--seg-on);color:var(--seg-on-ink);box-shadow:var(--shadow-sm)}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{appearance:none;background:var(--turq-soft);color:var(--ink);display:inline-flex;font:700 .9375rem/1.15 var(--body);text-align:start;transition:transform .18s var(--ease-out-back),background .15s,color .15s;border:2px solid #0000;border-radius:999px;align-items: center;gap:.45rem;min-height:44px;padding:.45rem .95rem}.chip:hover{border-color:var(--turq-edge)}.chip:active{transform:scale(.95)}.chip[aria-checked=true]{background:var(--chip-on);color:var(--chip-on-ink)}.chip .ph{width:1.2em;height:1.2em}.chip small{display:block;color:var(--ink-soft);font-size:.8125rem;font-weight:600}.chip[aria-checked=true] small{color:inherit;opacity:.9}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.9rem,1fr));gap:.45rem}.tile{appearance:none;background:var(--card-2);display:grid;color:var(--ink);box-shadow:var(--shadow-sm);font:800 .8125rem/1.15 var(--body);text-align:center;transition:transform .2s var(--ease-out-back),border-color .15s;border:2px solid #0000;border-radius:20px;align-content: start;justify-items:center;gap:.25rem;min-height:78px;padding:.6rem .4rem .55rem}.tile .blob{display:grid;background:var(--tile-c,var(--turq-soft));color:#00475a;transition:transform .3s var(--ease-out-back);border-radius:50%;place-items: center;width:38px;height:38px}.tile .blob .ph{width:24px;height:24px}.tile small{font:600 .6875rem/1.15 var(--body);color:var(--ink-soft);overflow-wrap:anywhere}.tile[data-key=Classic] small{color:var(--pink-text,var(--pink));font-weight:800}.tile:hover .blob{transform:rotate(-8deg)scale(1.06)}.tile:active{transform:scale(.95)}.tile[aria-checked=true]{border-color:var(--pink)}.tile[aria-checked=true] .blob{box-shadow:0 0 0 3px var(--card-2),0 0 0 5px var(--pink);transform:scale(1.1)}.slider{display:grid;gap:.3rem}.slider-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 .75rem}.slider-head label{font:700 .9375rem/1.3 var(--body)}.slider-head output{font:800 .9375rem/1.3 var(--body);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}input[type=range]{-webkit-appearance:none;appearance:none;touch-action:pan-y;--p:50%;background:0 0;width:100%;height:40px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--turq)var(--p),var(--track)var(--p));border-radius:999px;height:10px}input[type=range]::-moz-range-track{background:var(--track);border-radius:999px;height:10px}input[type=range]::-moz-range-progress{background:var(--turq);border-radius:999px;height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--pink);transition:transform .15s var(--ease-out-back);border:4px solid #fff;border-radius:50%;width:28px;height:28px;margin-top:-9px;box-shadow:0 3px 8px #003c5059}input[type=range]::-moz-range-thumb{background:var(--pink);border:4px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 3px 8px #003c5059}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--purp)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--purp)}.switch{display:flex;font:700 .9375rem/1.3 var(--body);cursor:pointer;justify-content:space-between;align-items: center;gap:1rem;min-height:44px}.switch input{appearance:none;-webkit-appearance:none;background:var(--track);position:relative;cursor:pointer;border-radius:999px;flex:none;width:52px;height:32px;margin:0;transition:background .2s}.switch input:after{content:"";position:absolute;transition:transform .25s var(--ease-out-back);background:#fff;border-radius:50%;width:24px;height:24px;top:4px;left:4px;box-shadow:0 2px 5px #003c504d}.switch input:not(:checked){box-shadow:inset 0 0 0 2px var(--ink-faint)}.switch input:not(:checked):after{background:var(--ink-faint);box-shadow:none}.switch input:checked{background:var(--pink)}.switch input:checked:after{transform:translateX(calc(20px*var(--flip)))}.stepper{display:inline-flex;background:var(--turq-soft);border-radius:999px;align-items: center;gap:.25rem;padding:3px}.stepper button{appearance:none;background:var(--card-2);color:var(--ink);display:grid;box-shadow:var(--shadow-sm);border:0;border-radius:50%;place-items: center;width:38px;height:38px}.stepper button:disabled{opacity:.4;cursor:default}.stepper output{text-align:center;font:800 1rem/1 var(--body);font-variant-numeric:tabular-nums;min-width:2.2ch}input[type=search],.field input,.field textarea,select{border:2px solid var(--line);background:var(--card-2);font:400 1rem/1.4 var(--body);color:var(--ink);border-radius:14px;width:100%;min-height:48px;padding:.65rem .9rem}input[type=search]:focus-visible{outline:none;border-color:var(--purp);box-shadow:0 0 0 2px var(--purp)}.field input:focus-visible{outline:none;border-color:var(--purp);box-shadow:0 0 0 2px var(--purp)}.field textarea:focus-visible{outline:none;border-color:var(--purp);box-shadow:0 0 0 2px var(--purp)}.caption{color:var(--ink-soft);font-size:.875rem;line-height:1.45}.callout{display:flex;background:var(--turq-soft);border-radius:16px;align-items: flex-start;gap:.6rem;padding:.7rem .85rem;font-size:.875rem;line-height:1.45}.callout .ph{width:20px;height:20px;margin-top:1px}.callout.caution{background:var(--amber-bg)}.callout.caution .ph{color:var(--amber)}.callout.danger{background:var(--red-bg)}.callout.danger .ph{color:var(--red)}.badge{display:inline-flex;font:800 .75rem/1 var(--body);letter-spacing:.02em;background:var(--turq-soft);color:var(--ink);white-space:nowrap;border-radius:999px;align-items: center;gap:.2rem;padding:.3rem .5rem}.badge.ok{color:#1d6b29;background:#d9f5dc}.badge.pending{background:var(--amber-bg);color:var(--amber)}:root[data-theme=dark] .badge.ok{color:#9fe6a9;background:#1d4a2c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .badge.ok{color:#9fe6a9;background:#1d4a2c}}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);padding:1.1rem 1rem 1.15rem}.card-title{display:flex;font:700 1.25rem/1.2 var(--display);letter-spacing:-.02em;align-items: center;gap:.5rem}.card-title .ph{color:var(--pink);width:26px;height:26px}.card-title>span{overflow-wrap:anywhere;min-width:0}.app{padding-bottom:calc(var(--summary-h) + var(--safe-b) + 12px);min-height:100dvh}.topbar{position:relative;z-index:20;display:flex;padding:calc(8px + var(--safe-t))calc(var(--gutter) + var(--safe-r))4px calc(var(--gutter) + var(--safe-l));min-height:var(--topbar-h);justify-content:space-between;align-items: center;gap:.5rem;width:100%;max-width:1680px;margin:0 auto}.brand{display:flex;color:#fff;text-shadow:0 3px 14px #00465a38;flex-direction:column}.wordmark{font:700 1.85rem/.95 var(--display);letter-spacing:-.045em}.tagline{font:600 .8125rem/1.2 var(--display);letter-spacing:.01em;margin-inline-start:2px}:root:not([data-theme=dark]) .tagline{color:#003a48;text-shadow:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tagline{color:#fff;text-shadow:inherit}}.topbar-actions{display:flex;align-items: center;gap:.4rem;margin-inline-start:auto}.topbar{flex-wrap:wrap}.brand{flex-shrink:0;min-width:0;max-width:100%}.seg-units button{min-width:38px;padding:0 .55rem}@media (max-width:359px){.tagline{display:none}.wordmark{font-size:1.6rem}.topbar-actions{gap:.3rem}.seg-units button{min-width:34px;padding:0 .4rem}}@media (max-width:319px){.wordmark{font-size:1.4rem}#btn-share{display:none}.topbar-actions .icon-btn{width:40px;height:40px}}.menu{position:absolute;right:calc(var(--gutter) + var(--safe-r));max-width:calc(100vw - 2*var(--gutter) - var(--safe-l) - var(--safe-r));grid-template-columns:minmax(0,1fr);background:var(--card);box-shadow:var(--shadow),0 2px 8px #003c501f;display:grid;transform-origin:top right;animation:pop-in .22s var(--ease-out-back);border-radius:20px;min-width:240px;padding:.4rem;top:calc(100% - 2px)}.menu[hidden]{display:none}.topbar.menu-open{z-index:41}.menu{overflow-y:auto;overscroll-behavior:contain}.menu button{appearance:none;display:flex;font:700 .9375rem/1.2 var(--body);text-align:start;color:var(--ink);background:0 0;border:0;border-radius:12px;align-items: center;gap:.65rem;min-height:44px;padding:0 .75rem}.menu button:hover{background:var(--turq-soft);outline-offset:-3px}.menu button:focus-visible{background:var(--turq-soft);outline-offset:-3px}.menu button .ph{color:var(--pink);width:20px;height:20px}.menu button[aria-checked=true]:after{content:var(--t-on,"on");background:var(--pink);color:var(--on-pink);border-radius:999px;margin-inline-start:auto;padding:.2rem .5rem;font-size:.75rem;font-weight:800}.menu hr{background:var(--line);border:0;height:1px;margin:.3rem .5rem}@keyframes pop-in{0%{opacity:0;transform:scale(.9)translateY(-6px)}}.layout{display:grid;grid-template-columns:minmax(0,1fr);padding:0 calc(var(--gutter) + var(--safe-r))0 calc(var(--gutter) + var(--safe-l));gap:14px;max-width:1680px;margin:0 auto}.col{display:grid;grid-template-columns:minmax(0,1fr);align-content: start;gap:14px;min-width:0}.stage{position:relative;display:grid;justify-items:center}.jar-wrap{position:relative;container:jarwrap/size;width:100%;height:clamp(220px,38svh,420px)}@media (max-width:759px) and (max-height:720px) and (orientation:portrait){.jar-wrap{height:clamp(170px,100svh - 475px,420px)}}@media (max-width:759px) and (max-height:620px) and (orientation:portrait){.jar-wrap{height:clamp(104px,100svh - 450px,420px)}.clock{--clock:2.3rem}.pill{min-height:34px}}#jar{display:block;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;border-radius:24px;width:100%;height:100%}#jar:active{cursor:grabbing}#jar:focus-visible{outline-offset:-3px}.handling{position:absolute;z-index:2;display:flex;animation:chip-in .45s var(--ease-out-back);pointer-events:none;justify-content:center;max-width:calc(100% - 16px);top:4px;left:50%;transform:translate(-50%)}.handling>*{pointer-events:auto}@keyframes chip-in{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.85)}}.handling.wobble .handling-chip{animation:chip-wobble .6s var(--ease-out-back)}@keyframes chip-wobble{20%{transform:scale(1.12)rotate(-4deg)}45%{transform:scale(.96)rotate(3deg)}70%{transform:scale(1.03)rotate(-1deg)}}.handling-chip .hl{overflow:hidden;text-overflow:ellipsis;min-width:0}.handling-chip .chip-ic{display:contents}.handling-chip.tone-info{background:color-mix(in srgb,var(--purp,#8b6cf0)16%,var(--card));color:var(--ink)}.handling.shh .handling-chip{animation:shh-breathe 2.6s ease-in-out infinite}@keyframes shh-breathe{50%{transform:scale(1.05);box-shadow:0 0 0 6px color-mix(in srgb,var(--purp,#8b6cf0)14%,transparent)}}.handling-chip .tex{background:color-mix(in srgb,currentColor 18%,transparent);overflow:hidden;border-radius:999px;flex:none;width:46px;height:8px}.handling-chip .tex i{display:block;border-radius:inherit;transition:width .3s var(--ease-out);background:currentColor;height:100%}.handling-chip button{display:inline-flex;cursor:pointer;border-radius:999px;align-items: center;gap:.2rem;min-height:28px;margin-inline-start:.1rem;background:color-mix(in srgb,currentColor 12%,transparent)!important;text-decoration:none!important;padding:0 .55rem!important}.handling-chip button .ph{width:14px;height:14px}@media (max-width:359px){.handling-chip button span{display:none}.handling-chip .tex{width:32px}}@container jarwrap (height<=300px){.handling{left:6px;top:6px;transform:none;max-width:40%;animation-name:chip-in2}.handling-chip .hl,.handling-chip button span{display:none}.handling-chip{padding:.35rem .4rem .35rem .6rem}}.jar-wrap:has(.zoom.active:not([data-level="0"])) .handling{animation-name:chip-in2;max-width:40%;top:6px;left:auto;right:6px;transform:none}.jar-wrap:has(.zoom.active:not([data-level="0"])) .handling-chip .hl{display:none}.jar-wrap:has(.zoom.active:not([data-level="0"])) .handling-chip button .fj{display:none}.tilt-btn{position:absolute;z-index:2;display:inline-flex;white-space:nowrap;background:var(--card);color:var(--ink);font:800 .8125rem/1 var(--body);box-shadow:var(--shadow-sm);cursor:pointer;animation:chip-in2 .5s var(--ease-out-back)both .6s;border:0;border-radius:999px;align-items: center;gap:.35rem;min-height:40px;padding:0 .85rem;bottom:10px;right:8px}.tilt-btn .ph{color:var(--pink);animation:tilt-rock 2.4s ease-in-out infinite 1.2s;width:18px;height:18px}@keyframes tilt-rock{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-18deg)}85%{transform:rotate(14deg)}}@keyframes chip-in2{0%{opacity:0;transform:translateY(8px)scale(.85)}}@media (prefers-reduced-motion:reduce){.handling,.handling.wobble .handling-chip,.handling.shh .handling-chip,.tilt-btn,.tilt-btn .ph{animation:none}}html.pad :focus{outline:3px solid var(--pink);outline-offset:3px}.bar-lost{position:absolute;z-index:1;pointer-events:none;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--mc)60%,transparent)0 3px,transparent 3px 6px);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--mc)75%,transparent);border-radius:999px;transition:left .18s linear,width .18s linear;top:0;bottom:0}.readout{display:grid;justify-items:center;gap:.45rem;margin-top:-4px}.readout{container:readout/inline-size;width:100%}.pill{max-width:100%}.readout>*{min-width:0;max-width:100%}.clock{text-align:center;overflow-wrap:anywhere}.clock{--clock:2.6rem;font:700 min(var(--clock),17cqi)/1 var(--display);letter-spacing:-.035em;font-variant-numeric:tabular-nums lining-nums;color:var(--ink);white-space:normal}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.pill{display:inline-flex;background:var(--card);box-shadow:var(--shadow-sm);font:800 1rem/1 var(--body);font-variant-numeric:tabular-nums;border-radius:999px;align-items: center;gap:.4rem;min-height:38px;padding:.35rem .9rem}.pill .ph{color:var(--pink);width:20px;height:20px}.pill-status.ready{background:var(--pink);color:var(--on-pink)}.pill-status.ready .ph{color:#fff}.pill-status.tone-warn .ph{color:var(--red)}.pill-status.tone-past{background:var(--amber-bg);color:var(--ink)}.pill-status.tone-past .ph{color:var(--amber)}.pill-status.danger{background:var(--red-bg);color:var(--red);box-shadow:inset 0 0 0 2px var(--red)}.pill-status.danger .ph{color:var(--red)}.pill-live{color:var(--ink);cursor:pointer;font:800 .875rem/1 var(--body);border:0;min-height:44px}.pill-live.on{background:color-mix(in srgb,var(--purp)18%,var(--card));cursor:default}.pill-live .live-dot{background:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red)25%,transparent);animation:live-pulse 1.8s ease-in-out infinite;border-radius:50%;width:10px;height:10px}@keyframes live-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.pill-live .live-dot{animation:none}}.pill-status.pop{animation:pill-pop .6s var(--ease-out-back)}@keyframes pill-pop{30%{transform:scale(1.18)rotate(-3deg)}}.handling-chip{display:inline-flex;font:800 .8125rem/1 var(--body);background:var(--amber-bg);color:var(--amber);box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:999px;align-items: center;gap:.4rem;max-width:100%;padding:.45rem .7rem}.handling-chip button{color:inherit;font:inherit;text-decoration:underline;background:0 0;border:0;padding:0 0 0 .25rem}.timeline{background:var(--glass);border-radius:var(--r-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.85rem .85rem .8rem}.scrub-wrap{position:relative}.scrub{position:relative;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none;height:74px}.scrub:focus-visible{outline-offset:4px}.scrub-track{position:absolute;background:var(--card-2);border-radius:999px;height:12px;top:38px;left:14px;right:14px;box-shadow:inset 0 1px 2px #003c501f}.scrub-fill{position:absolute;border-radius:inherit;background:var(--turq);width:0;top:0;bottom:0;left:0}.scrub-band{position:absolute;background:color-mix(in srgb,var(--m-aroma)70%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--m-aroma)40%,transparent);border-radius:999px;top:-3px;bottom:-3px}.scrub-unc{position:absolute;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--purp)26%,transparent)0 4px,transparent 4px 8px);border-radius:999px;top:-1px;bottom:-1px}.scrub-ticks{position:absolute;height:20px;top:54px;left:14px;right:14px}.scrub-ticks span{position:absolute;font:700 .75rem/1 var(--body);color:var(--ink-soft);font-variant-numeric:tabular-nums;transform:translate(-50%)}.scrub-ticks span{transition:opacity .15s}.scrub-ticks span.under{opacity:0}.scrub-ticks span:before{content:"";position:absolute;background:var(--ink-faint);opacity:.6;border-radius:1px;width:2px;height:4px;top:-6px;left:50%}.scrub-markers{position:absolute;pointer-events:none;height:36px;top:0;left:14px;right:14px}.marker{appearance:none;color:inherit;position:absolute;display:grid;pointer-events:auto;background:0 0;border:0;justify-items:center;padding:0;bottom:0;transform:translate(-50%)}.marker b{display:grid;background:var(--card-2);color:var(--mk,var(--ink));box-shadow:0 0 0 2px var(--mk,var(--ink));transition:transform .2s var(--ease-out-back);border-radius:50%;place-items: center;width:28px;height:28px}.marker b .ph{width:16px;height:16px}.marker:before{content:"";position:absolute;width:44px;height:44px;top:50%;left:50%;transform:translate(-50%,-50%)}.marker:after{content:"";background:var(--mk,var(--ink));border-radius:1px;width:2px;height:6px}.marker:hover b{transform:scale(1.15)}.marker.passed b{background:var(--mk);color:#fff}.scrub-thumb{position:absolute;background:var(--pink);pointer-events:none;transition:transform .18s var(--ease-out-back);will-change:left;border:5px solid #fff;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;top:44px;left:14px;box-shadow:0 4px 10px #003c5059}.scrub.dragging .scrub-thumb{transform:scale(1.18)}.controls{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items: center;gap:.45rem;margin-top:.25rem}.controls>.speed{margin-inline-end:auto}.controls .grow{display:none}.play{appearance:none;display:grid;background:var(--pink);color:var(--on-pink);box-shadow:0 5px 0 var(--pink-shadow);border:0;border-radius:50%;flex:none;place-items: center;width:58px;height:58px;transition:transform .12s,box-shadow .12s}.play:active{box-shadow:0 2px 0 var(--pink-shadow);transform:translateY(3px)}.play .ph{width:28px;height:28px}.speed{appearance:none;background:var(--card-2);color:var(--ink);display:grid;box-shadow:var(--shadow-sm);border:0;border-radius:999px;justify-items:center;min-height:48px;padding:.3rem .85rem;line-height:1.05}.speed b{font:800 1rem/1.1 var(--body);font-variant-numeric:tabular-nums}.speed small{font:600 .75rem/1.1 var(--body);color:var(--ink-soft);white-space:nowrap}.controls .icon-btn{background:var(--card-2);box-shadow:var(--shadow-sm)}@media (max-width:374px){.controls{gap:.3rem}.controls .icon-btn{width:40px;height:40px}.play{width:52px;height:52px}.speed{padding:.3rem .55rem}}@media (max-width:340px){.speed small{display:none}.speed{min-width:52px}}.results-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.5rem;margin-bottom:.75rem}.results-head .at{white-space:nowrap;font:600 .875rem/1.2 var(--body);color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-inline-end:auto}.bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;gap:.25rem .75rem;margin:0;padding:0}@media (max-width:339px){.bars{grid-template-columns:minmax(0,1fr)}}.bar{appearance:none;text-align:start;display:grid;color:var(--ink);background:0 0;border:0;border-radius:14px;gap:.35rem;width:100%;padding:.5rem .5rem .55rem}.bar:hover,.bar[aria-pressed=true]{background:var(--turq-soft)}.bar-top{display:flex;font:700 .9375rem/1.2 var(--body);align-items: center;gap:.4rem;min-width:0}.bar-top .ph{color:var(--mc);filter:saturate(1.2)brightness(.85);width:20px;height:20px}.bar-top .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.bar-top .l-short{display:none}@media (min-width:760px) and (max-width:1319px){.bar-top .l-long{display:none}.bar-top .l-short{display:inline}}.bar-top .val{font:800 1rem/1 var(--body);font-variant-numeric:tabular-nums;text-align:end;min-width:2.2ch}.bar-track{position:relative;background:var(--track);overflow:visible;border-radius:999px;height:10px}.bar-fill{position:absolute;border-radius:inherit;background:var(--mc);width:0;min-width:10px;transition:width .18s linear;top:0;bottom:0;left:0}.bar-target{position:absolute;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink)45%,transparent)0 5px,transparent 5px 8px);pointer-events:none;border-radius:2px;height:4px;top:13px}.bar{padding-bottom:.7rem}.bar.inverted .bar-fill{background:repeating-linear-gradient(-45deg,var(--mc)0 5px,color-mix(in srgb,var(--mc)70%,#fff)5px 9px)}.bar-detail{background:var(--turq-soft);border-radius:16px;min-height:3.1rem;margin:.6rem 0 0;padding:.7rem .85rem;font-size:.875rem;line-height:1.45}.bar-detail strong{font-weight:800}.estimate{display:inline-flex;font:700 .75rem/1 var(--body);color:var(--ink-soft);align-items: center;gap:.2rem}.estimate .ph{width:14px;height:14px}.comp{margin-top:.8rem}.comp summary{list-style:none;cursor:pointer;display:flex;font:800 .9375rem/1.2 var(--body);border-radius:12px;align-items: center;gap:.4rem;min-height:44px}.comp summary::-webkit-details-marker{display:none}.comp summary .ph{color:var(--pink);transition:transform .2s}.comp[open] summary .ph.caret{transform:rotate(90deg)}.comp table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.875rem}.comp th,.comp td{text-align:end;border-bottom:1px solid var(--line);white-space:nowrap;padding:.3rem .25rem}.comp th:first-child,.comp td:first-child{text-align:start;font-weight:700}.comp thead th{color:var(--ink-soft);font-size:.8125rem;font-weight:800}.comp thead th,.comp td:first-child{white-space:normal;overflow-wrap:anywhere}.macro{display:flex;overflow:hidden;background:var(--track);border-radius:999px;height:14px;margin:.5rem 0 .35rem}.macro i{display:block;height:100%}.macro-legend{display:flex;color:var(--ink-soft);flex-wrap:wrap;gap:.3rem .8rem;font-size:.8125rem}.macro-legend span:before{content:"";display:inline-block;background:var(--c);vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-inline-end:.3rem}.chart{position:relative;touch-action:none;user-select:none}.chart svg{display:block;overflow:visible;width:100%;height:auto}.chart .gridline{stroke:var(--line);stroke-width:1}.chart .axis-label{font:700 11px var(--body);fill:var(--ink-soft);font-variant-numeric:tabular-nums}.chart .series{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart .cursor{stroke:var(--pink);stroke-width:2}.chart .cursor-dot{stroke:#fff;stroke-width:2}.chart .band{fill:color-mix(in srgb,var(--ink)9%,transparent)}.chart .ghost{stroke:var(--ink-faint);stroke-width:1.5;stroke-dasharray:4 3}.chart-tip{position:absolute;opacity:.95;background:var(--ink);color:var(--cream);font:800 .8125rem/1.2 var(--body);font-variant-numeric:tabular-nums;white-space:pre-line;pointer-events:none;box-shadow:var(--shadow-sm);z-index:2;border-radius:10px;width:max-content;max-width:100%;padding:.35rem .6rem;top:0}.legend{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.legend button{appearance:none;background:var(--turq-soft);color:var(--ink);font:700 .8125rem/1 var(--body);display:inline-flex;border:0;border-radius:999px;align-items: center;gap:.35rem;min-height:34px;padding:.2rem .7rem}.legend button i{background:var(--c);border-radius:2px;width:14px;height:4px}.legend button[aria-pressed=false]{box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink-soft);text-decoration:line-through;text-decoration-thickness:1.5px;background:0 0}.legend button[aria-pressed=false] i{background:var(--ink-faint)}.plan .goal-ask{margin:.7rem 0 0}.plan .goal-row{display:flex;flex-wrap:wrap;gap:.45rem;margin:.45rem 0 .6rem}.best{display:flex;background:var(--turq-soft);border-radius:18px;align-items: center;gap:.6rem;padding:.75rem .85rem}.best .ph{color:var(--pink);flex:none;width:28px;height:28px}.best>div{overflow-wrap:break-word;min-width:0}.best strong{display:block;font:800 1.05rem/1.25 var(--body);font-variant-numeric:tabular-nums}.best span{color:var(--ink-soft);font-size:.875rem}.suggestions{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:.45rem;margin:.6rem 0 0;padding:0}.sugg{display:flex;background:var(--card-2);box-shadow:var(--shadow-sm);animation:rise .35s var(--ease-out)both;border-radius:16px;align-items: center;gap:.6rem;padding:.55rem .55rem .55rem .8rem}.sugg .txt{overflow-wrap:anywhere;flex:1;min-width:0}.sugg .txt b{display:block;font:800 .9375rem/1.3 var(--body)}.sugg .txt span{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.8125rem}.targets{margin-top:.7rem}.targets summary{list-style:none;cursor:pointer;display:flex;font:800 .9375rem/1.2 var(--body);align-items: center;gap:.35rem;min-height:44px}.targets summary::-webkit-details-marker{display:none}.targets .target-grid{display:grid;gap:.8rem;padding:.3rem 0 .2rem}.range2{position:relative;height:40px}.range2 input[type=range]{position:absolute;pointer-events:none;inset:0}.range2 input[type=range]::-webkit-slider-thumb{pointer-events:auto}.range2 input[type=range]::-moz-range-thumb{pointer-events:auto}.range2 input[type=range]::-webkit-slider-runnable-track{background:0 0}.range2 .rail{position:absolute;background:var(--track);border-radius:999px;height:10px;top:15px;left:0;right:0}.range2 .rail i{position:absolute;border-radius:inherit;background:var(--turq);top:0;bottom:0}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.warnings{display:grid;gap:.5rem}.warnings:empty{display:none}.warn{display:flex;background:var(--card);box-shadow:inset 6px 0 0 var(--turq),var(--shadow-sm);border-radius:18px;align-items: flex-start;gap:.6rem;padding:.75rem .9rem;font-size:.9rem;line-height:1.45}.warn .ph{color:var(--turq);flex:none;width:22px;height:22px}.warn.caution{box-shadow:inset 6px 0 0 #ffb020,var(--shadow-sm)}.warn.caution .ph{color:var(--amber)}.warn.danger{box-shadow:inset 6px 0 0 var(--red),var(--shadow-sm)}.warn.danger .ph{color:var(--red)}.foot{color:var(--ink-soft);padding:.25rem .25rem 1rem;font-size:.8125rem}.foot .ph{width:16px;height:16px}.col-setup{position:fixed;z-index:40;max-height:calc(100dvh - 24px - var(--safe-t));background:var(--cream);visibility:hidden;transition:transform .42s var(--ease-out),visibility 0s .42s;display:flex;border-radius:28px 28px 0 0;flex-direction:column;gap:0;max-width:720px;height:92dvh;margin:0 auto;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -18px 50px -20px #003c5080}.col-setup.open{visibility:visible;transition:transform .5s var(--ease-out-back),visibility 0s;transform:translateY(0)}.col-setup.dragging{transition:none}.sheet-head{position:relative;display:flex;padding:22px calc(var(--gutter) + var(--safe-r))8px calc(var(--gutter) + 4px + var(--safe-l));touch-action:none;flex:none;justify-content:space-between;align-items: center}.sheet-head h2{font-size:1.4rem}.sheet-titles{display:grid;gap:2px;min-width:0}.sheet-live{font:700 .8125rem/1.25 var(--body);color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-live:empty{display:none}.sheet-grip{position:absolute;display:grid;cursor:grab;background:0 0;border:0;place-items: center;width:88px;height:24px;top:0;left:50%;transform:translate(-50%)}.sheet-grip i{background:var(--ink-faint);opacity:.5;border-radius:3px;width:44px;height:5px}.sheet-close{background:var(--turq-soft)}.sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:0 calc(var(--gutter) + var(--safe-r))calc(28px + var(--safe-b))calc(var(--gutter) + var(--safe-l));-webkit-overflow-scrolling:touch;flex:1}.scrim{position:fixed;z-index:35;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fade .3s;background:#00324059;inset:0}@keyframes fade{0%{opacity:0}}.jump{position:sticky;z-index:2;display:flex;overflow-x:auto;scrollbar-width:none;background:var(--cream);box-shadow:0 8px 10px -8px color-mix(in srgb,var(--cream)90%,transparent);gap:.35rem;margin:0 -2px;padding:.35rem 0 .6rem;top:0}.jump::-webkit-scrollbar{display:none}@media not ((min-width:1320px) and (min-height:560px)){.jump:after{content:"";position:sticky;background:linear-gradient(calc(90deg*var(--flip)),transparent,var(--cream)85%);pointer-events:none;flex:none;width:30px;margin-block-start:-.35rem;margin-block-end:-.6rem;right:-2px}}.jump a{text-decoration:none;color:var(--ink);background:var(--turq-soft);font:800 .8125rem/1 var(--body);display:inline-flex;border-radius:999px;flex:none;align-items: center;gap:.3rem;padding:.45rem .8rem}.jump a .ph{color:var(--pink);width:16px;height:16px}.jump a[aria-current]{background:var(--chip-on);color:var(--chip-on-ink)}.jump a[aria-current] .ph{color:inherit}.sec{border-top:1px solid var(--line);display:grid;scroll-margin-top:var(--jump-h,52px);grid-template-columns:minmax(0,1fr);gap:.85rem;padding:1rem 0 1.1rem}.sec:first-of-type{border-top:0;padding-top:.25rem}.sec-title{display:flex;font:700 1.2rem/1.2 var(--display);letter-spacing:-.02em;align-items: center;gap:.5rem}.sec-title .ph{color:var(--pink);width:24px;height:24px}.sec-title .tweaked{margin-inline-start:auto}.sub{font:800 .8125rem/1.2 var(--body);text-transform:lowercase;letter-spacing:.02em;color:var(--ink-soft);margin-bottom:-.35rem}.more{background:color-mix(in srgb,var(--turq-soft)55%,transparent);border-radius:18px}.more>summary{list-style:none;cursor:pointer;display:flex;font:800 .9375rem/1.2 var(--body);border-radius:18px;align-items: center;gap:.45rem;min-height:48px;padding:0 .85rem}.more>summary::-webkit-details-marker{display:none}.more>summary .ph{color:var(--pink);transition:transform .25s var(--ease-out-back)}.more[open]>summary .ph.caret{transform:rotate(90deg)}.more>.more-body{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem;padding:.15rem .85rem .95rem}.options{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem;margin:-2px;padding:2px}.opt{appearance:none;background:var(--card-2);display:flex;text-align:start;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .15s var(--ease-out-back),border-color .15s;border:2px solid #0000;border-radius:16px;align-items: center;gap:.7rem;min-height:52px;padding:.6rem .75rem}.opt:active{transform:scale(.98)}.opt[aria-checked=true]{border-color:var(--pink)}.opt .swatch{box-shadow:inset 0 -3px 0 #00000014,0 0 0 2px var(--line);border-radius:50%;flex:none;width:30px;height:30px}.opt .t{flex:1;min-width:0}.opt .t b{display:block;font:800 .9375rem/1.25 var(--body)}.opt .t>span:not(.macros){display:block;color:var(--ink-soft);font-size:.8125rem;line-height:1.35}.opt:not([aria-checked=true]) .t>.cultures{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opt .check{color:var(--pink);opacity:0;transition:.2s var(--ease-out-back);width:22px;height:22px;transform:scale(.5)}.opt[aria-checked=true] .check{opacity:1;transform:none}.macros{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.macros i{font-style:normal;font:700 .75rem/1 var(--body);background:var(--turq-soft);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:.25rem .45rem}.macros i.p{color:#8a1d43;background:#ffe0ea}.macros i.f{color:#6e5100;background:#fff0c2}.macros i.c{color:#2c5d1c;background:#e3f4dc}:root[data-theme=dark] .macros i.p{color:#ffc2d6;background:#4a2433}:root[data-theme=dark] .macros i.f{color:#ffe39a;background:#463c1d}:root[data-theme=dark] .macros i.c{color:#c4ebb5;background:#26412a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .macros i.p{color:#ffc2d6;background:#4a2433}:root:not([data-theme=light]) .macros i.f{color:#ffe39a;background:#463c1d}:root:not([data-theme=light]) .macros i.c{color:#c4ebb5;background:#26412a}}.selected-card{background:var(--card-2);box-shadow:var(--shadow-sm);display:grid;border-radius:18px;gap:.35rem;padding:.8rem .9rem}.selected-card .row{display:flex;justify-content:space-between;align-items: center;gap:.5rem}.selected-card b{font:800 1rem/1.3 var(--body)}.selected-card p{color:var(--ink-soft);font-size:.8125rem}.species{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.35rem}.species label{display:flex;background:var(--card-2);cursor:pointer;border-radius:12px;align-items: center;gap:.5rem;min-height:40px;padding:.3rem .55rem;font-size:.875rem;font-weight:600}.species input{accent-color:var(--pink);width:18px;height:18px}.region-chips{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:2px 32px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);gap:.4rem;margin:-2px;padding:2px}.region-chips::-webkit-scrollbar{display:none}.rchip{appearance:none;background:var(--card-2);color:var(--ink);display:inline-flex;font:800 .875rem/1.1 var(--body);white-space:nowrap;scroll-snap-align:start;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease-out-back),background .15s,color .15s;border:2px solid #0000;border-radius:999px;flex:none;align-items: center;gap:.35rem;min-height:40px;padding:.3rem .8rem}.rchip:last-child{margin-inline-end:24px}.rchip .ph{color:var(--pink);flex:none;width:16px;height:16px}.rchip small{font:700 .75rem/1 var(--body);color:var(--ink-faint);font-variant-numeric:tabular-nums}.rchip:active{transform:scale(.95)}.rchip[aria-checked=true]{background:var(--chip-on);color:var(--chip-on-ink)}.rchip[aria-checked=true] .ph,.rchip[aria-checked=true] small{color:inherit}.region-chips.dim .rchip[aria-checked=true]{background:var(--card-2);color:var(--ink);border-color:var(--chip-on)}.region-chips.dim .rchip[aria-checked=true] .ph{color:var(--pink)}.st-status{font:700 .8125rem/1.3 var(--body);color:var(--ink-soft);margin:-.35rem .15rem 0}.starter-scroll{--shelf:color-mix(in srgb,var(--turq-soft)45%,var(--card));position:relative;max-height:min(32rem,62dvh,var(--room,100dvh));overflow-y:auto;scrollbar-width:thin;background:var(--shelf);box-shadow:inset 0 1px 0 var(--line);border-radius:18px;margin:0 -.35rem;padding:0 .4rem .45rem}.starter-scroll .options{gap:.15rem;margin:0;padding:2px}.st-group{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem}.st-head{position:sticky;z-index:1;background:var(--shelf);font:800 .75rem/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);box-shadow:0 6px 8px -8px color-mix(in srgb,var(--ink)40%,transparent);margin:0 -.4rem;padding:.6rem .65rem .35rem;top:0}.opt .cultures .cn,.selected-card .cn{font-variant:small-caps;letter-spacing:.03em;color:var(--ink);font-weight:800}.badge.dead{background:var(--red-bg);color:var(--red)}.vh{overflow:hidden;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute!important}@media (hover:hover){.rchip:not([aria-checked=true]):hover{border-color:var(--turq-edge)}}.row2{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.75rem}.row2>span{font:700 .9375rem/1.3 var(--body)}.summary-bar{position:fixed;z-index:30;padding:10px calc(12px + var(--safe-r))calc(10px + var(--safe-b))calc(12px + var(--safe-l));background:var(--cream);border-radius:26px 26px 0 0;bottom:0;left:0;right:0;box-shadow:0 -10px 30px -16px #003c5073}.summary-open{appearance:none;display:flex;text-align:start;color:var(--ink);background:0 0;border:0;align-items: center;gap:.7rem;width:100%;max-width:720px;min-height:56px;margin:0 auto;padding:0}.summary-swatch{background:var(--milk,#fff3d6);box-shadow:inset 0 -4px 0 #00000012,0 0 0 3px var(--turq-soft);display:grid;color:var(--pink);border-radius:50%;flex:none;place-items: center;width:44px;height:44px}.summary-swatch .ph{width:22px;height:22px}.summary-text{display:grid;flex:1;min-width:0}.summary-text strong{font:700 1.05rem/1.25 var(--display);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-text span{color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:.8125rem}.summary-edit{pointer-events:none;flex:none}.summary-open:active .summary-edit{box-shadow:0 2px 0 var(--turq-edge);transform:translateY(2px)}@media (max-width:359px){.summary-edit{padding:.55rem .7rem}.summary-swatch{display:none}}@media (max-width:299px){.summary-edit .se-lbl{display:none}.summary-edit{padding:.55rem}}.toast{position:fixed;z-index:70;left:50%;bottom:calc(var(--summary-h) + var(--safe-b) + 20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--cream);font:800 .9375rem/1.2 var(--body);box-shadow:var(--shadow);transition:.35s var(--ease-out-back);text-align:center;border-radius:999px;max-width:calc(100vw - 32px);padding:.7rem 1.1rem;transform:translate(-50%,20px)}:root[data-theme=dark] .toast{color:#0b3540;background:#e5fbfb}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .toast{color:#0b3540;background:#e5fbfb}}.toast.show{opacity:1;transform:translate(-50%)}.toast.show.act{pointer-events:auto;padding-inline-end:.5rem}.toast-act{background:var(--pink);color:var(--on-pink);font:800 .875rem/1 var(--body);cursor:pointer;border:0;border-radius:999px;min-height:36px;margin-inline-start:.5rem;padding:0 .9rem}.toast-act:focus-visible{outline:3px solid var(--turq);outline-offset:2px}body:has(.col-setup.open) .toast{bottom:calc(var(--safe-b) + 14px)}dialog .toast{top:auto;bottom:calc(96px + var(--safe-b))}dialog{background:var(--cream);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:28px;width:min(100vw - 24px,460px);max-height:calc(100dvh - 32px);padding:1.4rem min(1.25rem,6vw) 1.2rem}dialog.wide{width:min(100vw - 24px,900px)}dialog#text-results{width:min(100vw - 24px,1120px)}dialog[open]{animation:pop-in .3s var(--ease-out-back)}dialog::backdrop{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#00324066}:root[data-theme=dark] dialog::backdrop{background:#000c12a8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) dialog::backdrop{background:#000c12a8}}dialog h2{margin:0 0 .6rem;font-size:1.55rem}dialog p{margin:0 0 .9rem}.hint{color:var(--ink-soft);font-size:.875rem}kbd{display:inline-block;background:var(--card-2);border:1.5px solid var(--line);box-shadow:0 2px 0 var(--line);font:800 .8125rem/1.35 var(--body);color:var(--ink);text-align:center;white-space:nowrap;border-radius:7px;min-width:1.6em;padding:.1em .45em}dialog.keys{width:min(100vw - 24px,980px)}.no-zoom [data-needs=zoom]{display:none}.keys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16.5rem,100%),1fr));overflow:auto;gap:.4rem 1.4rem;max-height:calc(100dvh - 200px)}.keys-grid h3{font:700 1.05rem/1.2 var(--display);margin:.4rem 0 .5rem}.keys-grid dl{display:grid;grid-template-columns:fit-content(50%)minmax(0,1fr);align-items:baseline;gap:.45rem .7rem;margin:0}.keys-grid dt{white-space:normal}.keys-grid dd{overflow-wrap:break-word;min-width:0;margin:0;font-size:.9375rem}@media (pointer:coarse) and (hover:none){.menu .fine-only{display:none}}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.actions.reverse{flex-direction:row-reverse;justify-content:flex-start}.field{display:grid;font:700 .9375rem/1.3 var(--body);gap:.35rem;margin:0 0 .9rem}.field small{color:var(--ink-soft);font-weight:400}.field textarea{resize:vertical;min-height:5.5rem}dialog .scroll{overflow:auto;overscroll-behavior:contain;max-height:62dvh}dialog.lang-dialog{width:min(100vw - 24px,420px)}.lang-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.4rem;margin:0 0 1rem;padding:0}.lang-opt{appearance:none;background:var(--card);color:var(--ink);font:700 1rem/1.2 var(--body);text-align:start;cursor:pointer;border:2px solid #0000;border-radius:14px;width:100%;min-height:44px;padding:.5rem .85rem}.lang-opt:hover{background:var(--turq-soft)}.lang-opt:focus-visible{background:var(--turq-soft)}.lang-opt[aria-current=true]{border-color:var(--pink)}#text-results table{border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:100%;font-size:.875rem}#text-results th,#text-results td{text-align:end;border-bottom:1px solid var(--line);white-space:nowrap;padding:.35rem .5rem}#text-results thead th{position:sticky;background:var(--cream);z-index:2;top:0}#text-results tbody th{position:sticky;background:var(--cream);text-align:start;z-index:1;left:0}#text-results caption{text-align:start;color:var(--ink-soft);position:sticky;padding-bottom:.5rem;font-size:.8125rem;left:0}.saved{list-style:none;margin:0;padding:0}.saved-item{border-top:1px solid var(--line);padding:.9rem 0}.saved-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.saved-head strong{font:800 1.05rem/1.3 var(--body);overflow-wrap:anywhere}.saved-head time{color:var(--ink-soft);flex:none;font-size:.8125rem}.saved-item p{color:var(--ink-soft);margin:.2rem 0 0;font-size:.875rem}.saved-item p.saved-outcome{color:var(--ink);font-weight:800}.saved-item p.saved-recipe{font-size:.8125rem}.saved-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}.outcomes summary{cursor:pointer;display:flex;font:800 .875rem/1.2 var(--body);color:var(--pink);align-items: center;min-height:44px}.outcome-log{margin:0 0 .6rem;padding-inline-start:1.1rem;font-size:.875rem}@media (min-width:760px){:root{--gutter:24px}.layout{grid-template-columns:minmax(0,1.1fr)minmax(320px,.9fr);align-items: start;gap:20px}.col-stage{position:sticky;top:8px}.jar-wrap{height:clamp(300px,46vh,520px)}.col-results{padding-top:6px}}@media (min-width:760px) and (orientation:portrait) and (min-height:960px){.jar-wrap{aspect-ratio:10/14;height:auto;min-height:300px;max-height:clamp(300px,100svh - 480px,760px)}}@media (orientation:landscape) and (max-height:520px){:root{--gutter:14px;--topbar-h:48px}.layout{grid-template-columns:minmax(0,1fr)minmax(0,1fr);align-items: start;gap:14px}.col-stage{position:sticky;top:4px}.stage{grid-template-columns:minmax(0,1fr)min(10.5rem,max(40%,168px));align-items: center;column-gap:8px}.stage>.jar-wrap{height:max(120px,100svh - 246px);min-height:0}.stage>.readout{display:grid;justify-items:center;gap:6px;width:100%;min-width:0}.stage>.readout .pills{flex-direction:column;align-items:stretch;margin:0}.clock{--clock:1.9rem}.tagline{display:none}.wordmark{font-size:1.5rem}.pill{min-height:32px;font-size:.875rem}.stage>.readout .pill{font-size:min(.875rem,9cqi)}.col-setup{height:96dvh;max-height:calc(100dvh - 8px)}.summary-bar{left:auto;right:calc(12px + var(--safe-r));border-radius:26px;width:min(460px,50vw);padding-bottom:10px;bottom:8px}.app{padding-bottom:96px}}@media (orientation:landscape) and (max-height:520px) and (max-width:700px){.stage{grid-template-columns:minmax(0,1fr)min(7.25rem,max(40%,116px))}.clock{--clock:1.5rem}.stage>.readout .pill{padding-inline-start:.55rem;padding-inline-end:.55rem;font-size:min(.8125rem,9cqi)}}@container jarwrap (width<=300px){#jar{width:calc(100% - 46px)}}@media (min-width:1000px) and (max-width:1319px) and (min-height:560px) and (orientation:landscape){.col-setup{left:auto;right:calc(10px + var(--safe-r));top:calc(var(--topbar-h) + var(--safe-t) + 8px);box-shadow:var(--shadow);transform:translateX(calc((100% + 24px)*var(--flip)));border-radius:28px;width:min(480px,42vw);max-width:none;height:auto;max-height:none;margin:0;bottom:10px}.col-setup.open{transform:translate(0)}.scrim{display:none!important}.sheet-grip{display:none}body:has(.col-setup.open) .toast{bottom:calc(var(--summary-h) + var(--safe-b) + 20px);left:30%}}@media (min-width:1320px) and (min-height:560px){:root{--gutter:28px}.app{display:flex;overflow:hidden;flex-direction:column;height:100dvh;padding-bottom:0}.layout{grid-template-columns:minmax(340px,400px)minmax(400px,1fr)minmax(330px,420px);grid-template-areas:"setup stage results";flex:1;gap:24px;width:100%;min-height:0;padding-bottom:20px}.col{height:100%;min-height:0}.col-stage{grid-area:stage;position:static;display:flex;overflow-y:auto;scrollbar-width:thin;flex-direction:column;justify-content:safe center;gap:18px}.stage{flex:1 0 auto;align-content: center;min-height:0}.col-stage>.timeline{flex:none}.jar-wrap{height:min(56vh,620px)}.clock{--clock:3.1rem}.col-results{grid-area:results;overflow-y:auto;scrollbar-width:thin;-webkit-mask-image:linear-gradient(#0000,#000 12px calc(100% - 18px),#0000);mask-image:linear-gradient(#0000,#000 12px calc(100% - 18px),#0000);margin:-10px -6px -6px;padding:10px 6px 24px}body:has(.cook-pill:not([hidden])) .col-results{padding-bottom:92px}.col-setup{grid-area:setup;position:static;visibility:visible;border-radius:var(--r-card);box-shadow:var(--shadow);z-index:auto;max-width:none;height:100%;max-height:none;margin:0;transition:none;transform:none}.sheet-head{padding-top:18px}.sheet-grip,.sheet-close,.sheet-live{display:none}.summary-bar,.scrim{display:none!important}.toast{top:86px;bottom:auto;transform:translate(-50%,-16px)}}@media (min-width:1600px){.layout{grid-template-columns:420px minmax(0,1fr)460px}}@media (min-width:2000px) and (min-height:1000px){.topbar,.layout{max-width:2000px}.layout{grid-template-columns:500px minmax(0,1fr)540px}.jar-wrap{height:min(64vh,860px)}}@media (min-width:1320px) and (min-height:560px){.jump{overflow:visible;flex-wrap:wrap}}@media (hover:hover) and (pointer:fine){.btn:hover{box-shadow:0 6px 0 var(--pink-shadow);transform:translateY(-1px)}.btn.small:hover{box-shadow:0 5px 0 var(--pink-shadow)}.btn.ghost:hover{background:color-mix(in srgb,var(--turq-soft)70%,var(--card-2));box-shadow:0 6px 0 var(--turq-edge)}.btn.ghost.small:hover{box-shadow:0 5px 0 var(--turq-edge)}.btn:active:hover{transform:translateY(3px)}.play:hover{transform:scale(1.04)}.play:active:hover{transform:translateY(3px)}.speed:hover,.seg button:not([aria-checked=true]):not([aria-pressed=true]):hover{background:var(--turq-soft)}.opt:not([aria-checked=true]):hover{border-color:var(--turq-edge)}details>summary:hover{text-decoration:underline 2px var(--turq-edge);text-underline-offset:4px}}@media (forced-colors:active){.scrub-track,.bar-track{border:1px solid canvastext}.scrub-fill,.bar-fill{forced-color-adjust:none;background:highlight}.scrub-band{forced-color-adjust:none;box-shadow:none;outline:3px solid highlight;outline-offset:1px;background:0 0}.scrub-unc{border-block-start:2px dotted canvastext;border-block-end:2px dotted canvastext}[role=radio][aria-checked=true],[aria-pressed=true],.tile[aria-checked=true]{outline:3px solid highlight;outline-offset:1px}.jump a[aria-current]{outline:2px solid highlight}input[type=range]::-webkit-slider-runnable-track{border:1px solid canvastext}input[type=range]::-moz-range-track{border:1px solid canvastext}input[type=range]::-webkit-slider-thumb{background:buttontext}input[type=range]::-moz-range-thumb{background:buttontext}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{@page{margin:14mm}:root,:root[data-theme=dark]{--buncss-light:initial!important;--buncss-dark: !important;color-scheme:light!important}html,body{color:#003a49;background:#fff!important}body *{visibility:hidden}#print-card,#print-card *{visibility:visible}#print-card{display:block;position:absolute;font-family:var(--body);width:100%;top:0;left:0}#loading,.summary-bar,.toast,dialog,.app{display:none!important}.pc-head{display:flex;border-bottom:3px solid #c4385f;justify-content:space-between;align-items:baseline;margin-bottom:12px;padding-bottom:6px}.pc-head h1{font:700 28pt/1 var(--display);letter-spacing:-.04em;color:#c4385f}.pc-head span{font:500 11pt var(--display)}#print-card h2{font:700 15pt/1.2 var(--display);margin:12px 0 4px}#print-card .headline{font:700 20pt/1.2 var(--display);margin:0 0 4px}#print-card ol,#print-card ul{margin:0;padding-inline-start:1.2em;font-size:11pt;line-height:1.5}#print-card .pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;font-size:10.5pt}#print-card table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:9pt}#print-card th,#print-card td{text-align:end;border-bottom:1px solid #cfe3e6;padding:2px 4px}#print-card th:first-child,#print-card td:first-child{text-align:start}#print-card .fine{color:#3d6f7c;margin-top:10px;font-size:8.5pt}#print-card h2 small{font:400 10pt var(--body)}#print-card .pc-cols{display:grid;grid-template-columns:1fr 1.7fr;gap:0 22px}#print-card .pc-ing{list-style:none;padding:0}#print-card .pc-ing li{border-bottom:1px solid #cfe3e6;padding:3px 0}#print-card .pc-glance{font-size:10pt;line-height:1.45}#print-card .pc-steps{list-style:none;counter-reset:st;padding:0}#print-card .pc-steps li{display:flex;break-inside:avoid;gap:8px;padding:4px 0;font-size:10.5pt;line-height:1.35}#print-card .pc-steps .box{border:1.5px solid #005e75;border-radius:3px;flex:none;width:12px;height:12px;margin-top:3px}#print-card .pc-steps small{color:#3d6f7c}#print-card .pc-pull{font:700 11pt var(--body);border:2px solid #c4385f;border-radius:10px;margin-top:8px;padding:6px 10px}#print-card .pc-data{break-before:page}}.results{container-type:inline-size}@container (width<=440px){.results-head .at{display:none}.results-head .card-title{margin-inline-end:auto}}@container (width<=300px){.results-head .seg span{display:none}}@container (width<=21rem){.bar-top .l-long{display:none}.bar-top .l-short{display:inline}}@container (width<=270px) or (width<=17rem){.bars{grid-template-columns:minmax(0,1fr)}.bar-top .l-long{display:inline}.bar-top .l-short{display:none}}.swatch-sm{box-shadow:inset 0 -2px 0 #00000014,0 0 0 2px var(--line);border-radius:50%;flex:none;width:22px;height:22px}.handling-chip.tone-bad{background:var(--red-bg);color:var(--red)}.handling-chip.tone-ok,.handling-chip.tone-good{background:var(--turq-soft);color:var(--ink)}.seg.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr));background:var(--card-2);border-radius:18px;width:100%}.seg.tabs button{text-align:center;overflow-wrap:anywhere;border-radius:15px;min-height:44px;padding:.3rem .4rem;font-size:.875rem;line-height:1.15}.seg.tabs button[aria-selected=true]{background:var(--chip-on);color:var(--chip-on-ink);box-shadow:none}.opt .macros .badge{white-space:normal;flex:none;max-width:100%;line-height:1.15}@media (max-width:440px){.seg.tabs .ph{display:none}}.col-stage:focus{outline:none}@media (pointer:coarse){.marker b{position:relative}.marker b:before{content:"";position:absolute;border-radius:50%;inset:-9px -8px -6px}.jump a{position:relative}.jump a:before{content:"";position:absolute;inset:-7px -2px}.seg-units button{position:relative}.seg-units button:before{content:"";position:absolute;inset:-3px}}:root[dir=rtl]{--flip:-1}:root[dir=rtl] .seg-units button{unicode-bidi:isolate;direction:ltr}:root[dir=rtl] .skip{left:auto;right:12px}:root[dir=rtl] .switch input:after{left:auto;right:4px}:root[dir=rtl] .menu{right:auto;left:calc(var(--gutter) + var(--safe-l));transform-origin:top left}@container jarwrap (height<=300px){:root[dir=rtl] .handling{left:auto;right:6px}}:root[dir=rtl] .jar-wrap:has(.zoom.active:not([data-level="0"])) .handling{left:6px;right:auto}:root[dir=rtl] .tilt-btn{left:8px;right:auto}@media not ((min-width:1320px) and (min-height:560px)){:root[dir=rtl] .jump:after{left:-2px;right:auto}}:root[dir=rtl] #text-results :is(tbody th,caption){left:auto;right:0}@media (orientation:landscape) and (max-height:520px){:root[dir=rtl] .summary-bar{right:auto;left:calc(12px + var(--safe-l))}}@media (min-width:1000px) and (max-width:1319px) and (min-height:560px) and (orientation:landscape){:root[dir=rtl] .col-setup{right:auto;left:calc(10px + var(--safe-l))}}:where(:root[dir=rtl]) .rtl-flip{transform:scaleX(-1)}:root[dir=rtl] :-webkit-any(.timeline,.chart,.range2,.stepper,input[type=range]){direction:ltr}:root[dir=rtl] :-moz-any(.timeline,.chart,.range2,.stepper,input[type=range]){direction:ltr}:root[dir=rtl] :is(.timeline,.chart,.range2,.stepper,input[type=range]){direction:ltr}:root[dir=rtl] :-webkit-any(.taste-ends,.bl-track,.bl-refs){direction:ltr}:root[dir=rtl] :-moz-any(.taste-ends,.bl-track,.bl-refs){direction:ltr}:root[dir=rtl] :is(.taste-ends,.bl-track,.bl-refs){direction:ltr}:root[dir=rtl] :-webkit-any(.taste-ends,.bl-refs)>span{direction:rtl;unicode-bidi:isolate}:root[dir=rtl] :-moz-any(.taste-ends,.bl-refs)>span{direction:rtl;unicode-bidi:isolate}:root[dir=rtl] :is(.taste-ends,.bl-refs)>span{direction:rtl;unicode-bidi:isolate}@media (min-width:1000px) and (max-width:1319px) and (min-height:560px) and (orientation:landscape){:root[dir=rtl] body:has(.col-setup.open) .toast{left:70%}}:root:lang(ja) :is(.tile,.chip,.seg,.opt .t,.appnav-lbl,.pill,.btn,.tabs){word-break:keep-all;overflow-wrap:anywhere}:root:lang(zh-CN) :is(.tile,.chip,.seg,.opt .t,.appnav-lbl,.pill,.btn,.tabs){word-break:keep-all;overflow-wrap:anywhere}@supports (word-break: auto-phrase){:root:lang(ja) :is(.tile,.chip,.seg,.opt .t,.appnav-lbl,.pill,.btn,.tabs){word-break:auto-phrase}}:root:not(:lang(en)) :is(.sub,.zc-title,.zoom-dial .zd-lbl){text-transform:none}:where(summary,.warn,.warnings)>*{min-width:0}.recipe-guide{width:min(70rem,calc(100% - 2*var(--gutter)));margin:1.5rem auto calc(var(--summary-h) + var(--safe-b) + 2rem);padding:clamp(1rem,3vw,2rem);line-height:1.65}.recipe-guide>p,.recipe-guide>ol,.recipe-guide>ul{max-width:70ch}.recipe-guide h2{font-size:clamp(1.35rem,3vw,1.9rem)}.recipe-guide h3{margin-top:1.5rem}.recipe-guide p,.recipe-guide ul,.recipe-guide ol{margin-top:1rem}.recipe-guide li+li{margin-top:.5rem}.recipe-guide a{color:var(--ink);text-underline-offset:.2em}.recipe-guide nav{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.5rem}.recipe-guide nav ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));list-style:none;gap:.5rem;padding:0}.recipe-guide nav li+li{margin-top:0}.recipe-guide nav a{display:flex;align-items: center;min-height:44px;padding:.5rem 0}@media (min-width:1000px) and (min-height:560px) and (orientation:landscape){.recipe-guide{width:min(70rem,calc(100% - var(--rail-w) - 3*var(--gutter)));margin-inline-start:max(calc(var(--rail-w) + 2*var(--gutter)),calc((100% - 70rem)/2))}}dialog.cook{background:var(--cream);color:var(--ink);overflow:hidden;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0}dialog.cook[open]{display:flex;animation:cook-up .42s var(--ease-out-back);flex-direction:column}@keyframes cook-up{0%{transform:translateY(40px);opacity:0}}@media (min-width:700px) and (min-height:620px) and (pointer:fine){dialog.cook{width:min(var(--section-w,640px),calc(100vw - 48px));border-radius:32px;height:min(1180px,100dvh - 48px);margin:auto}}@media (min-width:900px){dialog.cook.planning .cook-body{grid-template-columns:minmax(0,720px);justify-content:center}dialog.cook.planning .cook-foot{padding-inline-start:max(16px,50% - 360px);padding-inline-end:max(16px,50% - 360px)}}.cook-head{display:flex;padding:calc(8px + var(--safe-t))calc(10px + var(--safe-r))10px calc(10px + var(--safe-l));background:var(--head-sky);flex:none;align-items: center;gap:.35rem}.cook-titles{color:var(--ink);flex:1;min-width:0}.cook-titles h2{font:700 1.35rem/1.05 var(--display);letter-spacing:-.03em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;-webkit-box-orient:vertical;margin:0}.cook-titles p{font:700 .875rem/1.2 var(--body);opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.1rem 0 0}:root[data-theme=dark] .cook-titles{color:var(--ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cook-titles{color:var(--ink)}}.cook-head .icon-btn{color:var(--ink);background:color-mix(in srgb,var(--card-2)55%,transparent);flex:none;width:44px;height:44px}.cook-head .icon-btn[aria-pressed=true]{color:var(--pink-ink,#b8124a);background:#fff}.cook-head .cook-wake{display:inline-flex;border-radius:16px;flex-direction:column;justify-content:center;align-items: center;gap:1px;width:auto;min-width:52px;padding-inline-start:4px;padding-inline-end:4px}.cook-wake .ph{width:1.15em;height:1.15em}.cook-wake small{font:800 .625rem/1 var(--body);letter-spacing:.01em;white-space:nowrap}:root[data-theme=dark] .cook-head .icon-btn{color:var(--ink)}:root[data-theme=dark] .cook-head .icon-btn[aria-pressed=true]{background:var(--card-2);color:var(--pink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cook-head .icon-btn{color:var(--ink)}:root:not([data-theme=light]) .cook-head .icon-btn[aria-pressed=true]{background:var(--card-2);color:var(--pink)}}.cook-body{overflow-y:auto;overscroll-behavior:contain;position:relative;padding:14px calc(16px + var(--safe-r))24px calc(16px + var(--safe-l));display:grid;grid-template-columns:minmax(0,1fr);flex:1;align-content: start;gap:18px;min-height:0}.cook-foot{display:flex;padding:12px calc(16px + var(--safe-r))calc(14px + var(--safe-b))calc(16px + var(--safe-l));background:var(--cream);flex:none;align-items: center;gap:10px;box-shadow:0 -10px 24px -16px #00465a59}.cook-foot .btn{min-height:58px;font-size:1.0625rem}.cook-primary{flex:1;min-width:0}.cook-primary span{text-wrap:balance;line-height:1.15}.cook-primary .ph{width:1.4em;height:1.4em}.cook-secondary{white-space:nowrap;flex:0 auto;max-width:42%;padding-inline-start:.9rem;padding-inline-end:.9rem;line-height:1.15}.cook-secondary .ph{width:1.2em;height:1.2em}.cook-primary.confirm{background:var(--amber-bg);color:var(--ink);box-shadow:0 4px 0 var(--amber)}.cook-sec .callout{margin-top:.6rem}.cook-quick{margin:0 0 .6rem}.cook-quick .chip[aria-pressed=true]{background:var(--chip-on);color:var(--chip-on-ink)}.cook-yield{display:flex;align-items: flex-start;gap:.45rem;margin-top:.6rem}.cook-yield .ph{color:var(--pink);flex:none;margin-top:.1em}.cook-added{display:flex;text-align:start;font:700 .9375rem/1.4 var(--body);color:var(--ink-soft);align-items: flex-start;gap:.45rem;max-width:34em}.cook-added .ph{color:var(--pink);flex:none;margin-top:.15em}.cook-night .ph{color:var(--purp)}.cook-hero .cook-night{text-align:start;background:var(--card-2);margin-top:.6rem}.cook-cal{margin:.5rem 0 0}.cook-foot .btn.ghost{flex:none}.cook-foot .icon-btn{background:var(--card-2);box-shadow:0 5px 0 var(--turq-edge);backdrop-filter:none;flex:none;width:58px;height:58px}.cook-foot .icon-btn:active{box-shadow:0 2px 0 var(--turq-edge);transform:translateY(3px)}.cook-foot .icon-btn:disabled{opacity:.35;cursor:default}.cook-foot .cook-more{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:2px}.cook-more .ph{width:1.15em;height:1.15em}.cook-more small{font:800 .6875rem/1 var(--body);white-space:nowrap}.cook-primary.confirm span{white-space:normal;line-height:1.15}.cook-foot:has(.cook-primary.confirm) .cook-more{visibility:hidden}.cook-method{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:calc(-16px - var(--safe-l))calc(-16px - var(--safe-r));padding:2px calc(16px + var(--safe-r))6px calc(16px + var(--safe-l));scroll-padding-inline:16px;mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 22px),#0000);flex-wrap:nowrap}.cook-method::-webkit-scrollbar{display:none}.cook-method .chip{flex:none}@media (min-width:700px){.cook-method{overflow:visible;mask-image:none;flex-wrap:wrap;margin-inline-start:0;margin-inline-end:0;padding:0}}.cook-recipe-line{display:flex;font:700 .9375rem/1.3 var(--body);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.75rem}.cook-recipe-line .btn{flex:none}.cook-sec{display:grid;gap:.6rem}.cook-sec h3,.cook-all summary{font:700 1.05rem/1.2 var(--display);letter-spacing:-.01em;color:var(--ink-soft)}.cook-mode{display:grid;grid-template-columns:1fr 1fr;background:var(--turq-soft);width:100%}.cook-mode button{min-height:48px;font-size:1rem}.cook-by{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem .75rem}.cook-timein{display:inline-flex;font:800 1rem/1 var(--body);align-items: center;gap:.5rem}.cook-timein input{border:2px solid var(--line);background:var(--card-2);color:var(--ink);font:800 1.125rem/1 var(--body);font-variant-numeric:tabular-nums;border-radius:999px;min-height:46px;padding:0 .9rem}.cook-timein input:focus-visible{outline:none;border-color:var(--purp);box-shadow:0 0 0 2px var(--purp)}.cook-anchor{background:var(--turq-soft)}dialog.cook .seg button[aria-checked=true]{background:var(--chip-on);color:var(--chip-on-ink)}.cook-hero{text-align:center;background:radial-gradient(120% 140% at 50% 0%,var(--card-2),var(--turq-soft));box-shadow:var(--shadow-sm);border-radius:26px;padding:1rem 1.1rem 1.05rem}.cook-kicker{display:block;font:700 .9375rem/1.2 var(--display);color:var(--ink-soft)}.cook-big{font:700 clamp(2.1rem,10vw,2.9rem)/1.05 var(--display);letter-spacing:-.04em;color:var(--pink);margin:.1rem 0}.cook-hero-sub{color:var(--ink-soft);white-space:pre-line;font-size:.9375rem}.cook-titles h2:focus{outline:none}.cook-ing{list-style:none;display:grid;gap:.4rem;margin:0;padding:0}.cook-ing li{display:flex;background:var(--card-2);box-shadow:var(--shadow-sm);border-radius:16px;align-items: center;gap:.65rem;padding:.55rem .8rem}.cook-ing li .ph{color:var(--pink);width:22px;height:22px}.cook-ing b{font:800 1rem/1.2 var(--body);white-space:nowrap}.cook-ing span{color:var(--ink-soft);min-width:0;font-weight:600}.cook-list{list-style:none;display:grid;position:relative;margin:0;padding:0}.cook-list li{position:relative;display:flex;align-items: center;gap:.7rem;min-height:50px;padding:.3rem 0}.cook-list li:not(:last-child):after{content:"";position:absolute;background:var(--line);border-radius:2px;width:2px;top:42px;bottom:-8px;left:17px}.cook-list .dot{position:relative;z-index:1;display:grid;background:var(--turq-soft);color:var(--ink);border-radius:50%;flex:none;place-items: center;width:36px;height:36px}.cook-list .dot .ph{width:20px;height:20px}.cook-list .txt{display:grid;flex:1;min-width:0}.cook-list b{font:800 .9375rem/1.25 var(--body)}.cook-list small{color:var(--ink-soft);font-size:.8125rem}.cook-list time{font:800 .875rem/1.2 var(--body);color:var(--ink-soft);white-space:nowrap}.cook-list li.done{opacity:.6}.cook-list li.done .dot{background:var(--turq);color:#fff}.cook-list li.now .dot{background:var(--pink);color:var(--on-pink);box-shadow:0 0 0 4px color-mix(in srgb,var(--pink)25%,transparent)}.cook-list li.now b{color:var(--pink)}.cook-progress{display:flex;gap:4px}.cook-progress i{background:var(--track);border-radius:999px;flex:1;height:8px;transition:background .3s}.cook-progress i.done{background:var(--turq)}.cook-progress i.now{background:var(--pink);animation:cook-breathe 1.8s ease-in-out infinite}@keyframes cook-breathe{50%{opacity:.55}}.cook-progress-label{display:flex;font:800 .8125rem/1.2 var(--body);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;margin-top:-10px}.cook-progress-label>span:first-child{flex:none}.cook-progress-label>span:last-child{text-align:end;overflow-wrap:break-word;min-width:0;margin-inline-start:auto}.cook-now{display:grid;text-align:center;justify-items:center;gap:.7rem}.cook-now.pop{animation:cook-pop .5s var(--ease-out-back)}@keyframes cook-pop{0%{transform:scale(.94)translateY(10px);opacity:.2}}.cook-step-icon{display:grid;background:var(--pink);color:var(--on-pink);box-shadow:0 5px 0 var(--pink-shadow);border-radius:50%;place-items: center;width:54px;height:54px;margin-bottom:-.15rem}.cook-step-icon .ph{width:30px;height:30px}.cook-step-title{font:700 clamp(1.6rem,7.4vw,2.1rem)/1.1 var(--display);letter-spacing:-.035em}.cook-step-title:focus{outline:none}.cook-lead{text-align:start;max-width:34em;font-size:1.0625rem;line-height:1.5}.cook-tips{list-style:none;display:grid;text-align:start;gap:.45rem;width:100%;margin:0;padding:0}.cook-tips li{display:flex;background:var(--turq-soft);border-radius:16px;align-items: flex-start;gap:.55rem;padding:.6rem .75rem;font-size:.9375rem;line-height:1.45}.cook-tips .ph{color:var(--amber);flex:none;width:20px;height:20px;margin-top:1px}.cook-ring{position:relative;aspect-ratio:1;width:min(72vw,290px,38dvh);min-width:190px}.cook-ring svg{display:block;overflow:visible;width:100%;height:100%}.cook-ring circle{fill:none;stroke-width:15;stroke-linecap:round}.cook-ring .track{stroke:var(--track);fill:var(--card-2)}.cook-ring .bar{stroke:var(--turq);transition:stroke-dashoffset .9s linear,stroke .3s}.cook-ring.temp .bar{stroke:var(--m-tart)}.cook-ring.check .bar{stroke:var(--m-aroma)}.cook-ring.due .bar{stroke:var(--pink)}.cook-ring-c{text-align:center;position:absolute;display:grid;place-content: center;justify-items:center;gap:.15rem;inset:14%}.cook-time{font:700 clamp(2.4rem,13vw,3.6rem)/1 var(--display);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}.cook-ring.due .cook-time{color:var(--pink)}.cook-ring.late .bar{stroke:var(--red)}.cook-ring.late .cook-time,.cook-ring.late .cook-kicker{color:var(--red)}.cook-now[data-mode=temp] .cook-ring{width:min(56vw,230px,30dvh);min-width:150px}.cook-now[data-mode=temp] .cook-time{font-size:clamp(2.1rem,10vw,3rem)}.cook-alarm{display:flex;text-align:start;background:color-mix(in srgb,var(--purp)12%,var(--card-2));border-radius:18px;align-items: flex-start;gap:.6rem;width:100%;padding:.7rem .85rem;font-size:.9375rem;line-height:1.45}.cook-alarm>.ph{color:var(--purp);flex:none;width:22px;height:22px;margin-top:1px}.cook-alarm p{margin:0}.cook-alarm .cook-cal{margin-top:.45rem}.cook-alarm.ok{background:var(--turq-soft)}.cook-alarm.ok>.ph{color:var(--ink)}.cook-follow{margin:0}.cook-time-sub{font:700 .875rem/1.25 var(--body);color:var(--ink-soft);max-width:12em}.cook-ring.ding,.cook-ring.due{animation:cook-wobble .9s var(--ease-out-back)2}@keyframes cook-wobble{20%{transform:rotate(-4deg)scale(1.04)}45%{transform:rotate(3deg)scale(1.02)}70%{transform:rotate(-1.5deg)}}.cook-dose{display:grid;background:var(--card-2);box-shadow:var(--shadow-sm);border-radius:28px;justify-items:center;gap:.25rem;padding:1rem 1.4rem 1.1rem}.cook-dose .blob{display:grid;background:var(--m-lactose);color:#5b4a20;border-radius:50%;place-items: center;width:64px;height:64px}.cook-dose .blob .ph{width:36px;height:36px}.cook-dose b{font:700 clamp(1.7rem,8vw,2.3rem)/1.1 var(--display);letter-spacing:-.03em;color:var(--pink)}.cook-dose span{color:var(--ink-soft);font-weight:700}.cook-blob-big{display:grid;background:var(--turq-soft);color:var(--pink);animation:cook-blob 6s ease-in-out infinite;border-radius:42% 58% 55% 45%/48% 44% 56% 52%;place-items: center;width:120px;height:120px}.cook-blob-big .ph{width:60px;height:60px}@keyframes cook-blob{50%{border-radius:55% 45% 42% 58%/52% 58% 42% 48%;transform:rotate(4deg)}}.cook-all summary{list-style:none;cursor:pointer;display:flex;align-items: center;gap:.4rem;min-height:44px}.cook-all summary::-webkit-details-marker{display:none}.cook-all summary .ph{color:var(--pink)}.cook-done .cook-blob-big{background:var(--m-lactose);color:var(--pink)}.confetti{position:absolute;pointer-events:none;z-index:2;height:0;inset:0 0 auto}.confetti i{position:absolute;left:var(--x);background:var(--c);transform:rotate(var(--r));animation:cook-fall 2.4s var(--d)cubic-bezier(.3,.6,.5,1)both;border-radius:4px;width:10px;height:16px;top:-20px}@keyframes cook-fall{0%{transform:translateY(-20px)rotate(var(--r));opacity:1}to{transform:translateY(70vh)rotate(calc(var(--r) + 540deg));opacity:0}}.cook-cta{text-align:start;border-radius:22px;justify-content:flex-start;gap:.7rem;width:100%;min-height:60px;margin-top:.7rem;padding:.7rem 1rem .7rem .9rem}.cook-cta>span{display:grid;grid-template-columns:minmax(0,1fr);flex:1;gap:.15rem;min-width:0}.cook-cta b{font:700 1.125rem/1.1 var(--display);letter-spacing:-.01em}.cook-cta small{font:700 .8125rem/1.2 var(--body);font-variant-numeric:tabular-nums;overflow-wrap:break-word}.cook-cta{white-space:normal;max-width:100%}.cook-cta b{overflow-wrap:anywhere}.cook-cta>.ph:first-child{width:30px;height:30px}.cook-cta{gap:min(.7rem,12px);padding-inline-start:min(.9rem,14px);padding-inline-end:min(1rem,16px)}.cook-cta>.ph:last-child{flex:none;width:20px;height:20px}.cook-cta{container-type:inline-size}@container (width<=15rem){.cook-cta>.ph:last-child{display:none}}.cook-pill{position:fixed;z-index:30;right:calc(12px + var(--safe-r));bottom:calc(var(--summary-h) + var(--safe-b) + 14px);appearance:none;display:inline-flex;background:var(--pink);color:var(--on-pink);font:800 .9375rem/1 var(--body);box-shadow:0 5px 0 var(--pink-shadow),var(--shadow);animation:pop-in .35s var(--ease-out-back);border:0;border-radius:999px;align-items: center;gap:.45rem;max-width:calc(100vw - 24px);min-height:48px;padding:.4rem 1rem .4rem .55rem}.cook-pill .ph{background:#ffffff38;border-radius:50%;width:32px;height:32px;padding:6px}.cook-pill .what{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:11em}.cook-pill b{font-variant-numeric:tabular-nums}.cook-pill:active{box-shadow:0 2px 0 var(--pink-shadow);transform:translateY(3px)}.cook-pill.due,.cook-pill.ding{animation:cook-wobble .9s var(--ease-out-back)infinite}@media (min-width:1320px) and (min-height:560px){.cook-pill{bottom:24px;right:28px}}@media (orientation:landscape) and (max-height:520px){.cook-pill{bottom:96px}.cook-ring{width:min(40svh,170px);min-width:130px}.cook-time{font-size:2rem}.cook-time-sub{white-space:nowrap;font-size:.75rem}.cook-step-icon{display:none}.cook-now:has(>.cook-ring,>.cook-dose){grid-template-columns:auto minmax(0,1fr);text-align:start;place-items: start;column-gap:1.25rem}.cook-now>:-webkit-any(.cook-ring,.cook-dose)~*{grid-column:2}.cook-now>:-moz-any(.cook-ring,.cook-dose)~*{grid-column:2}.cook-now>:is(.cook-ring,.cook-dose)~*{grid-column:2}.cook-now:has(>.cook-ring,>.cook-dose)>:where(.cook-step-icon,.cook-step-title,.km-live){grid-column:2}.cook-now>.cook-ring,.cook-now>.cook-dose{grid-column:1;grid-row:1/span 4;align-self: center}.cook-foot{justify-content:flex-end}.cook-primary{flex:0 420px}}@media (orientation:portrait) and (max-height:760px){.cook-body{gap:12px;padding-top:10px}.cook-step-icon{display:none}.cook-step-title{font-size:clamp(1.4rem,6.4vw,1.75rem)}.cook-ring,.cook-now[data-mode=temp] .cook-ring{width:min(46vw,180px,27dvh);min-width:132px}.cook-time,.cook-now[data-mode=temp] .cook-time{font-size:clamp(1.9rem,9vw,2.4rem)}.cook-ring-c{inset:12%}.cook-time-sub{font-size:.75rem}.cook-lead{font-size:1rem;line-height:1.45}.cook-foot .btn,.cook-foot .icon-btn{min-height:54px}.cook-foot .icon-btn{width:54px;height:54px}}@media (orientation:landscape) and (min-width:900px) and (min-height:621px) and (pointer:fine){dialog.cook:not(.planning){width:min(1080px,100vw - 48px)}}@media (orientation:landscape) and (min-width:900px) and (min-height:621px){.cook-now:has(>.cook-ring,>.cook-dose){grid-template-columns:auto minmax(0,1fr);text-align:start;place-items: start;column-gap:2rem}.cook-now>:-webkit-any(.cook-ring,.cook-dose)~*{grid-column:2}.cook-now>:-moz-any(.cook-ring,.cook-dose)~*{grid-column:2}.cook-now>:is(.cook-ring,.cook-dose)~*{grid-column:2}.cook-now:has(>.cook-ring,>.cook-dose)>:where(.cook-step-icon,.cook-step-title,.km-live){grid-column:2}.cook-now>.cook-ring,.cook-now>.cook-dose{grid-column:1;grid-row:1/span 6;align-self: start}.cook-ring,.cook-now[data-mode=temp] .cook-ring{width:min(56dvh,40vw,520px);min-width:240px}.cook-time,.cook-now[data-mode=temp] .cook-time{font-size:clamp(3.4rem,10dvh,6.4rem)}.cook-time-sub{font-size:1rem}.cook-step-title{font-size:2.3rem}.cook-foot{justify-content:flex-end}.cook-primary{flex:0 460px}}@media (orientation:portrait) and (min-width:700px) and (min-height:1000px){.cook-ring,.cook-now[data-mode=temp] .cook-ring{width:min(66vw,520px,40dvh)}.cook-time,.cook-now[data-mode=temp] .cook-time{font-size:clamp(3.6rem,8.5dvh,6.6rem)}.cook-time-sub{font-size:1rem}}@media (prefers-reduced-motion:reduce){.cook-ring.ding,.cook-ring.due,.cook-pill.due,.cook-pill.ding,.cook-blob-big,.cook-progress i.now{animation:none!important}}@media print{.cook-pill,dialog.cook{display:none!important}}.cook-done-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.4rem}.summary-bar{display:flex;align-items: center;gap:8px}.summary-bar .summary-open{flex:auto;min-width:0}.summary-batch{appearance:none;display:inline-flex;background:var(--pink);color:var(--on-pink);box-shadow:0 4px 0 var(--pink-shadow);cursor:pointer;border:0;border-radius:18px;flex:none;align-items: center;gap:.35rem;max-width:46%;min-height:52px;padding:.3rem .75rem .3rem .4rem}.summary-batch .ph{background:#ffffff38;border-radius:50%;flex:none;width:30px;height:30px;padding:5px}.summary-batch .sb-txt{display:grid;text-align:start;min-width:0;line-height:1.1}.summary-batch small{font:800 .6875rem/1.15 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-batch b{font:800 .9375rem/1.1 var(--body);font-variant-numeric:tabular-nums}.summary-batch.due{animation:cook-wobble .9s var(--ease-out-back)infinite}.summary-bar:has(.summary-batch:not([hidden])) .summary-swatch{display:none}@media not ((min-width:1320px) and (min-height:560px)){.cook-pill{display:none!important}}@media (max-width:359px){.summary-batch small{display:none}}@media (min-width:700px){.summary-batch{gap:.55rem;min-height:60px;padding-inline-end:1rem}.summary-batch .ph{width:38px;height:38px;padding:7px}.summary-batch small{font-size:.8125rem}.summary-batch b{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.summary-batch.due{animation:none}}.cook-fixes{display:grid;gap:.5rem;margin-top:.75rem}.cook-fixit{text-align:start;white-space:normal;justify-content:flex-start;min-height:48px}.cook-fixit small{color:var(--ink-soft);font-weight:600}:root[dir=rtl] .cook-list li:not(:last-child):after{left:auto;right:17px}:root[dir=rtl] .cook-pill{right:auto;left:calc(12px + var(--safe-l))}@media (min-width:1320px) and (min-height:560px){:root[dir=rtl] .cook-pill{left:28px;right:auto}}.taste-sub{margin:.35rem 0 .4rem}.taste{container:taste/inline-size}.taste-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem}@container taste (width>=520px){.taste-grid{grid-template-columns:minmax(0,1fr)minmax(0,1fr);column-gap:1.1rem}}.taste-dial{--dc:var(--turq);container:dial/inline-size;display:grid;grid-template-columns:minmax(0,1fr);border-radius:18px;padding:.45rem .6rem .3rem;transition:background .2s}.taste-dial:focus-within{background:color-mix(in srgb,var(--dc)14%,transparent)}.taste-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.2rem .6rem}.taste-head label{display:inline-flex;font:800 .9375rem/1.2 var(--body);align-items: center;gap:.4rem}.taste-head label .ph{background:var(--dc);color:#00475a;border-radius:50%;width:22px;height:22px;padding:3px}.taste-word{font:700 .9375rem/1.2 var(--display);color:var(--ink);text-align:end;transition:transform .2s var(--ease-out-back)}.taste-dial input[type=range]{width:100%;min-width:0;height:36px}.taste-dial input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--dc)var(--p),var(--track)var(--p));height:12px}.taste-dial input[type=range]::-moz-range-track{height:12px}.taste-dial input[type=range]::-moz-range-progress{background:var(--dc);height:12px}.taste-dial input[type=range]::-webkit-slider-thumb{margin-top:-8px}.taste-ends{display:flex;font:700 .75rem/1.2 var(--body);color:var(--ink-soft);justify-content:space-between;gap:.5rem;margin-top:-4px}.taste-ends>span{overflow-wrap:anywhere;min-width:0}@container dial (width<=10rem){.taste-ends span:not(:first-child):not(:last-child){display:none}}.taste-dial.boing .taste-head label .ph{animation:dial-boing .5s var(--ease-out-back)}@keyframes dial-boing{35%{transform:scale(1.25)rotate(-12deg)}70%{transform:scale(.95)rotate(6deg)}}.taste-verdict{display:flex;background:var(--turq-soft);border-radius:18px;flex-wrap:wrap;align-items: center;gap:.5rem;margin-top:.55rem;padding:.7rem .85rem;font-size:.9375rem;line-height:1.35}.taste-verdict .ph{color:var(--pink);width:24px;height:24px}.taste-verdict span{flex:12rem}.taste-verdict strong{white-space:nowrap;font-weight:800}.taste-verdict.miss{background:var(--amber-bg)}.taste-verdict.miss .ph{color:var(--amber)}.taste-foot{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem .75rem;margin-top:.6rem}.taste-foot .caption{min-width:min(12em,100%)}.taste-foot .caption{flex:1;font-size:.8125rem}.taste-foot .btn{white-space:normal;flex:none;max-width:100%}.kit-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.75rem}@media (max-width:359px){.kit-tiles{grid-template-columns:1fr}}.kit-tile{appearance:none;text-align:start;color:var(--ink);background:var(--card-2);display:grid;box-shadow:0 5px 0 var(--turq-edge),var(--shadow-sm);transition:transform .2s var(--ease-out-back),box-shadow .15s;border:0;border-radius:22px;align-content: start;gap:.5rem;min-height:112px;padding:.8rem .8rem .85rem}.kit-tile:hover .blob{transform:rotate(-10deg)scale(1.08)}.kit-tile:active{box-shadow:0 1px 0 var(--turq-edge),var(--shadow-sm);transform:translateY(4px)}.kit-tile .blob{display:grid;transition:transform .3s var(--ease-out-back);color:#00475a;border-radius:50%;place-items: center;width:44px;height:44px}.kit-tile.fix .blob{background:var(--m-thick)}.kit-tile.jr .blob{background:var(--m-tart)}.kit-tile .blob .ph{width:26px;height:26px}.kit-txt{display:grid;gap:.15rem}.kit-txt strong{font:700 1.05rem/1.15 var(--display);letter-spacing:-.01em}.kit-txt>span,.kit-count{font:600 .8125rem/1.3 var(--body);color:var(--ink-soft)}.kit-log{margin-top:.75rem}dialog.kit-dialog{--pl:1.1rem;--pr:1.1rem;padding:0 var(--pr)1rem var(--pl);display:none;overflow:hidden;flex-direction:column}dialog.kit-dialog[open]{display:flex}dialog.fix-dialog,dialog.journal-dialog{width:min(calc(100vw - 16px),var(--section-w,640px))}.kit-head{display:flex;margin:0 calc(-1*var(--pr)).75rem calc(-1*var(--pl));background:var(--head-sky);align-items: center;gap:.5rem;padding:10px 14px 10px 10px}.kit-head h2{font:700 1.35rem/1.1 var(--display);letter-spacing:-.03em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;margin:0}.kit-head h2:focus{outline:none}.kit-badge{display:grid;background:var(--pink-btn,var(--pink));color:var(--on-pink,#fff);animation:badge-wiggle .7s var(--ease-out-back).15s both;border-radius:50%;flex:none;place-items: center;width:40px;height:40px}.kit-badge .ph{width:24px;height:24px}@keyframes badge-wiggle{0%{transform:scale(.4)rotate(-30deg)}60%{transform:scale(1.1)rotate(8deg)}}.kit-close{color:var(--ink);background:color-mix(in srgb,var(--card-2)55%,transparent);flex:none;width:44px;height:44px}dialog .kit-scroll{flex:1;min-height:0;max-height:none;margin:0 -7px;padding:6px 7px .4rem}.kit-tabs{flex-wrap:wrap;align-self: flex-start;max-width:100%;margin:0 0 .75rem}.kit-tabs button{display:inline-flex;align-items: center;gap:.35rem;min-height:44px}.kit-tabs .ph{width:18px;height:18px}@media (max-width:420px){dialog.kit-dialog{--pl:calc(14px + var(--safe-l));--pr:calc(14px + var(--safe-r));padding-bottom:calc(.8rem + var(--safe-b));border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.kit-head{padding:calc(8px + var(--safe-t))calc(10px + var(--safe-r))10px calc(10px + var(--safe-l))}}.stepper{display:inline-flex;background:var(--card-2);box-shadow:var(--shadow-sm);border-radius:999px;justify-self:start;align-items: center;gap:.25rem;max-width:100%;padding:3px}.stepper-btn{background:var(--turq-soft);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;flex:none;width:44px;height:44px}.stepper-btn:disabled{opacity:.35}.stepper-val{text-align:center;font:800 1.0625rem/1 var(--body);font-variant-numeric:tabular-nums;border-radius:12px;flex:0 auto;min-width:min(7.2em,100vw - 160px);padding:.6rem .2rem}.stepper-val:focus-visible{outline:3px solid var(--purp);outline-offset:1px}.fix-recipe{display:flex;align-items: flex-start;gap:.4rem;margin:0 0 .6rem}.fix-recipe .ph,.jr-recipe .ph{color:var(--pink);flex:none;width:18px;height:18px;margin-top:1px}.fix-when{display:flex;font:700 .9375rem/1.3 var(--body);flex-wrap:wrap;align-items: center;gap:.4rem .6rem;margin-bottom:.8rem}.fix-h{display:inline-flex;align-items: center;gap:.3rem}.fix-h input{width:6.5rem}.fix-h input,.jr-form input:not([type=range]):not([type=file]){border:2px solid var(--line);background:var(--card-2);color:var(--ink);font:700 1rem/1.2 var(--body);font-variant-numeric:tabular-nums;border-radius:14px;width:100%;min-height:44px;padding:.45rem .7rem}.fix-h input:focus-visible{outline:none;border-color:var(--purp);box-shadow:0 0 0 2px var(--purp)}.jr-form input:focus-visible{outline:none;border-color:var(--purp);box-shadow:0 0 0 2px var(--purp)}.jr-form textarea:focus-visible{outline:none;border-color:var(--purp);box-shadow:0 0 0 2px var(--purp)}.fix-q{font:700 1.1rem/1.2 var(--display);margin:0 0 .5rem!important}.sym-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.45rem}.sym{appearance:none;background:var(--card-2);color:var(--ink);display:flex;text-align:start;font:800 .875rem/1.15 var(--body);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out-back),border-color .15s,background .15s;border:2px solid #0000;border-radius:18px;align-items: center;gap:.5rem;min-height:52px;padding:.4rem .6rem .4rem .4rem}.sym .blob{display:grid;background:var(--turq-soft);transition:transform .3s var(--ease-out-back);border-radius:50%;flex:none;place-items: center;width:34px;height:34px}.sym .blob .ph{color:var(--ink);width:20px;height:20px}.sym:hover .blob{transform:rotate(-10deg)scale(1.08)}.sym:active{transform:scale(.95)}.sym[aria-pressed=true]{border-color:var(--pink);background:color-mix(in srgb,var(--pink)10%,var(--card-2))}.sym[aria-pressed=true] .blob{background:var(--pink)}.sym[aria-pressed=true] .blob .ph{color:#fff}.sym.safety .blob{background:var(--red-bg)}.sym.safety .blob .ph{color:var(--red)}.fix-out{display:grid;gap:.7rem;margin-top:.9rem}.fix-out:empty{display:none}.fix-sub{font:700 1.05rem/1.2 var(--display)}.fix-none{background:var(--turq-soft);border-radius:16px;padding:.8rem}.fix-foot{font-size:.8125rem;margin:0!important}.safety{background:var(--amber-bg);animation:rise .35s var(--ease-out)both;border-radius:18px;padding:.75rem .9rem .7rem;font-size:.875rem;line-height:1.45}.safety.urgent{background:var(--red-bg)}.safety-head{display:flex;font:800 .9375rem/1.2 var(--body);align-items: center;gap:.45rem;margin-bottom:.35rem}.safety-head .ph{color:var(--amber);width:22px;height:22px}.safety.urgent .safety-head .ph{color:var(--red)}.safety ul{display:grid;gap:.2rem;margin:0 0 .45rem;padding-inline-start:1.15rem}.safety p{margin:0!important}.causes{list-style:none;display:grid;gap:.6rem;margin:0;padding:0}.cause{background:var(--card-2);box-shadow:var(--shadow-sm);animation:rise .4s var(--ease-out-back)both;border-radius:20px;padding:.8rem .9rem .85rem;font-size:.9rem;line-height:1.45}.cause p{margin:.35rem 0 0!important}.cause.applied{box-shadow:0 0 0 3px var(--pink),var(--shadow-sm)}.cause-head{display:flex;flex-wrap:wrap;align-items: center;gap:.35rem .5rem}.cause-head strong{font:800 1rem/1.25 var(--body);flex:10rem}.lvl{font:800 .6875rem/1 var(--body);letter-spacing:.04em;text-transform:uppercase;background:var(--track);color:var(--ink-soft);border-radius:999px;padding:.3rem .5rem}.lvl.likely{background:var(--pink);color:var(--on-pink)}.lvl.possible{background:var(--m-tart);color:#4a2d00}.meter{background:var(--track);overflow:hidden;border-radius:999px;flex:none;width:54px;height:8px}.meter i{display:block;border-radius:inherit;background:var(--pink);transform-origin:left;animation:grow .6s var(--ease-out)both .2s;height:100%}@keyframes grow{0%{transform:scaleX(0)}}.cause .tip{display:flex;color:var(--ink-soft);gap:.35rem;font-size:.8125rem}.cause .tip .ph{color:var(--purp);flex:none;width:16px;height:16px;margin-top:2px}.fix-slot{margin-top:.65rem}.fix-slot>.btn{text-align:start;max-width:100%}.fix-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:.6rem}.ba{background:var(--turq-soft);display:grid;animation:rise .35s var(--ease-out-back)both;border-radius:16px;gap:.4rem;padding:.7rem .8rem .6rem}.ba-title{display:flex;color:var(--ink-soft);flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;font-size:.8125rem}.ba-title strong{font:800 .9375rem/1.2 var(--body);color:var(--ink)}.ba-row{display:grid;grid-template-columns:6.2rem 1fr 4.6rem;align-items: center;gap:.5rem;font-size:.8125rem}.ba-lbl{font-weight:700}.ba-row.focus .ba-lbl{font-weight:800}.ba-track{position:relative;background:var(--card-2);overflow:hidden;border-radius:999px;height:10px}.ba-track i{position:absolute;border-radius:inherit;top:0;bottom:0;left:0}.ba-0{background:color-mix(in srgb,var(--mc)35%,transparent)}.ba-1{background:var(--mc);animation:grow .7s var(--ease-out-back)both .15s;transform-origin:left;height:6px;top:2px!important}.ba-num{text-align:end;white-space:nowrap;font-weight:800}.ba-row.good .ba-num{color:var(--green)}.ba-row.bad .ba-num{color:var(--red)}.ba-win{display:flex;align-items: center;gap:.35rem;font-size:.8125rem;margin:.15rem 0 0!important}.ba-win .ph{color:var(--pink);width:16px;height:16px}.jr-recipe{display:flex;align-items: flex-start;gap:.4rem;margin:0 0 .75rem!important}.jr-grid{display:grid;grid-template-columns:1fr;gap:0 .8rem}@media (min-width:520px){.jr-grid{grid-template-columns:minmax(0,1fr)auto}.jr-grid>:first-child{grid-column:1/-1}}.jr-form .field input{width:100%}.jr-form .field{margin-bottom:.75rem}.jr-form .field>input[name=name]{width:100%}.stars{display:inline-flex;gap:.15rem}.stars button{appearance:none;color:var(--ink-faint);display:grid;transition:transform .2s var(--ease-out-back),color .15s;background:0 0;border:0;border-radius:50%;place-items: center;width:44px;height:44px;padding:4px}.stars button .ph{filter:drop-shadow(0 2px 0 #003c5026);width:32px;height:32px}.stars button.on{color:#ffb020}.stars button[aria-checked=true]{animation:star-pop .45s var(--ease-out-back)}.stars button:hover{transform:scale(1.12)rotate(-6deg)}@keyframes star-pop{40%{transform:scale(1.35)rotate(-12deg)}}.felt{margin-bottom:.6rem}.felt-track{position:relative}.felt input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--mc)var(--p),var(--track)var(--p))}.felt input[type=range]::-moz-range-progress{background:var(--mc)}.felt-pred{position:absolute;background:color-mix(in srgb,var(--ink)55%,transparent);pointer-events:none;border-radius:2px;width:4px;height:22px;margin-inline-start:-2px;top:9px}.felt-pred-lbl{position:absolute;font:800 .6875rem/1 var(--body);color:var(--ink-soft);white-space:nowrap;bottom:calc(100% + 1px);left:50%;transform:translate(-50%)}.felt .felt-track{margin-top:.7rem}.pred-key{display:inline-flex;align-items: center;gap:.25rem}.pred-key i{background:var(--ink);opacity:.55;border-radius:2px;width:3px;height:12px}.jr-photo-row{display:flex;flex-wrap:wrap;align-items: center;gap:.75rem;margin-bottom:.4rem}.jr-photo-row label.btn{cursor:pointer}.jr-photo-row label.btn:focus-within{outline:3px solid var(--purp);outline-offset:2px}label.btn:focus-visible{outline:3px solid var(--purp);outline-offset:2px}.jr-thumb{position:relative;display:inline-block}.jr-thumb img{display:block;object-fit:cover;box-shadow:var(--shadow-sm);border-radius:16px;width:72px;height:72px;transform:rotate(-3deg)}.jr-thumb .icon-btn{position:absolute;background:var(--card-2);box-shadow:var(--shadow-sm);width:30px;height:30px;top:-10px;right:-12px}.jr-thumb .icon-btn .ph{width:16px;height:16px}.jr-cal{display:flex;background:color-mix(in srgb,var(--m-smooth)22%,var(--card-2));border-radius:18px;align-items: flex-start;gap:.6rem;margin-bottom:.7rem;padding:.75rem .9rem;font-size:.875rem;line-height:1.45}.jr-cal .ph{color:var(--purp);flex:none;width:22px;height:22px}.jr-cal p{margin:0!important}.jr-cal p+p{margin-top:.3rem!important}.jr-list{list-style:none;display:grid;gap:.7rem;margin:.3rem 0 .8rem;padding:0}.jr-item{display:grid;grid-template-columns:64px minmax(0,1fr);background:var(--card-2);box-shadow:var(--shadow-sm);animation:rise .35s var(--ease-out)both;border-radius:22px;gap:.75rem;padding:.75rem}.jr-item.fresh{animation:fresh-pop .7s var(--ease-out-back)both;box-shadow:0 0 0 3px var(--pink),var(--shadow-sm)}@keyframes fresh-pop{0%{transform:scale(.9)rotate(-1.5deg);opacity:0}}@media (min-width:560px){.jr-item{grid-template-columns:96px minmax(0,1fr)}}.jr-img{aspect-ratio:1;object-fit:cover;display:block;border-radius:16px;width:100%}.jr-img.none{display:grid;background:var(--turq-soft);place-items: center}.jr-img.none .ph{color:var(--ink-faint);width:30px;height:30px}.jr-body{min-width:0}.jr-meta{display:flex;font:700 .8125rem/1.2 var(--body);color:var(--ink-soft);flex-wrap:wrap;align-items: center;gap:.25rem .6rem;margin-top:.2rem}.jr-stars{display:inline-flex}.jr-stars i{display:contents;color:var(--ink-faint)}.jr-stars i.on{color:#ffb020}.jr-stars .ph{width:16px;height:16px}.jr-unrated{font:700 .8125rem/1 var(--body);color:var(--ink-faint)}.jr-hd{background:var(--amber-bg);color:var(--amber);border-radius:999px;padding:.15rem .45rem}.jr-sum,.jr-notes{color:var(--ink-soft);overflow-wrap:anywhere;font-size:.8125rem;margin:.3rem 0 0!important}.jr-notes{color:var(--ink);font-style:italic}.cmp{display:grid;gap:.3rem;margin-top:.55rem}.cmp-key{display:flex;font:700 .6875rem/1 var(--body);color:var(--ink-soft);justify-content:flex-end;gap:.8rem}.cmp-key span{display:inline-flex;align-items: center;gap:.25rem}.cmp-key .k-felt{background:var(--ink-soft);border-radius:3px;width:14px;height:6px}.cmp-key .k-pred{background:var(--ink);opacity:.6;border-radius:2px;width:3px;height:11px}.cmp-row{display:grid;grid-template-columns:4.8rem 1fr 4.4rem;align-items: center;gap:.5rem;font-size:.8125rem}.cmp-lbl{font-weight:700}.cmp-track{position:relative;background:var(--track);border-radius:999px;height:10px}.cmp-felt{position:absolute;border-radius:inherit;background:var(--mc);top:0;bottom:0;left:0}.cmp-pred{position:absolute;background:var(--ink);opacity:.6;z-index:1;border-radius:2px;width:3px;height:18px;margin-inline-start:-1.5px;top:-4px}.cmp-num{text-align:end;white-space:nowrap;font-weight:800}.cmp-num small{color:var(--ink-soft);font-size:.75rem;font-weight:600}.cmp-num>small:first-child{white-space:normal;overflow-wrap:anywhere}.cmp-num b.up,.cmp-num b.down{color:var(--purp);font-size:.75rem}.jr-item .saved-actions .btn{padding-inline-start:.75rem;padding-inline-end:.75rem}.jr-item .saved-actions .icon-btn{color:var(--ink-soft);margin-inline-start:auto}.jr-tools{display:flex;flex-wrap:wrap;gap:.6rem}.jr-tools label.btn{cursor:pointer}.jr-empty{display:flex;background:var(--turq-soft);border-radius:20px;align-items: center;gap:.8rem;margin-bottom:.8rem;padding:1rem}.jr-empty .ph{color:var(--pink);flex:none;width:40px;height:40px}.jr-empty p{font-size:.9rem;margin:0!important}@media (prefers-reduced-motion:reduce){.kit-badge,.cause,.ba,.ba-1,.meter i,.jr-item,.jr-item.fresh,.safety,.stars button[aria-checked=true],.taste-dial.boing .taste-head label .ph{animation:none!important}.kit-tile,.sym,.stars button{transition:none}}@media print{#taste,#kitchen{display:none!important}}@media (max-width:759px){#kitchen{display:none}}.jr-form>.actions{position:sticky;z-index:2;background:var(--cream);box-shadow:0 -10px 12px -10px color-mix(in srgb,var(--ink)25%,transparent);margin:0 -7px;padding:.6rem 7px .5rem;bottom:0}.cmp-ph{display:flex;align-items:baseline;gap:.35rem;margin:.1rem 0 0;font-size:.875rem}.cmp-ph .cmp-lbl{min-width:0}.cmp-ph small{color:var(--ink-soft);font-size:.75rem;font-weight:600}.cmp-ph b.up,.cmp-ph b.down{color:var(--purp);font-size:.75rem}.jr-ph input{max-width:10rem}:root[dir=rtl] .jr-thumb .icon-btn{left:-12px;right:auto}:root{--nav-h:62px}.appnav{position:fixed;z-index:31;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px calc(8px + var(--safe-r))calc(4px + var(--safe-b))calc(8px + var(--safe-l));background:var(--cream);border-top:1px solid var(--line);bottom:0;left:0;right:0}.appnav-btn{appearance:none;color:var(--ink-soft);cursor:pointer;display:flex;min-height:calc(var(--nav-h) - 8px);font:800 .75rem/1.1 var(--body);letter-spacing:.01em;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items: center;gap:2px;padding:2px 0}.appnav-ic{position:relative;display:grid;transition:background .25s,transform .35s var(--ease-out-back);border-radius:999px;place-items: center;width:52px;height:30px}.appnav-ic .ph{width:22px;height:22px}.appnav-btn[aria-current=page]{color:var(--ink)}.appnav-btn[aria-current=page] .appnav-ic{background:var(--turq-soft);color:var(--pink)}.appnav-btn:active .appnav-ic{transform:scale(.9)}.appnav-btn:focus-visible{outline:3px solid var(--pink);outline-offset:-3px}.appnav-dot{position:absolute;background:var(--pink);box-shadow:0 0 0 2px var(--cream);display:none;border-radius:50%;width:9px;height:9px;top:2px;right:10px}.appnav-btn.running .appnav-dot{display:block;animation:nav-pulse 1.6s ease-in-out infinite}@keyframes nav-pulse{50%{transform:scale(1.35)}}html{scroll-padding-bottom:calc(var(--summary-h) + var(--safe-b) + 16px)}@media not ((orientation:landscape) and (max-height:520px)){:root{--summary-h:calc(76px + var(--nav-h))}.summary-bar{bottom:calc(var(--nav-h) + var(--safe-b));padding-bottom:8px;box-shadow:0 -10px 30px -16px #003c5073}}@media (min-width:760px) and (max-width:1319px){.appnav{padding-inline-start:max(8px,50vw - 300px);padding-inline-end:max(8px,50vw - 300px)}}@media (orientation:landscape) and (max-height:520px){html{scroll-padding-left:calc(70px + var(--safe-l));scroll-padding-bottom:96px}.app{padding-inline-start:calc(64px + var(--safe-l))}.summary-bar{left:calc(50vw + 39px + var(--safe-l)/2);right:calc(14px + var(--safe-r));width:auto}.appnav{top:50%;bottom:auto;right:auto;left:calc(6px + var(--safe-l));grid-template-columns:1fr;border:0;border-radius:22px;gap:2px;width:54px;padding:6px 4px;transform:translateY(-50%);box-shadow:0 10px 30px -16px #003c5073}.appnav-btn{min-height:48px}.appnav-ic{width:42px;height:32px}.appnav-lbl{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px}.appnav-dot{right:4px}}@media (min-width:1000px) and (min-height:560px) and (orientation:landscape),(min-width:1320px) and (min-height:560px){:root{--rail-w:max(78px,calc(3.3rem + 12px))}.app{padding-inline-start:calc(var(--rail-w) + 14px + var(--safe-l))}.appnav{top:50%;bottom:auto;right:auto;left:max(calc(14px + var(--safe-l)),calc(50vw - 886px));grid-template-columns:1fr;width:var(--rail-w);box-shadow:var(--shadow);border:0;border-radius:28px;gap:6px;padding:10px 6px;transform:translateY(-50%)}.appnav-btn{gap:4px;min-height:66px;font-size:.75rem}.appnav-btn:hover .appnav-ic{background:var(--turq-soft)}.appnav-ic{width:54px;height:34px}.appnav-ic .ph{width:24px;height:24px}}@media (min-width:1000px) and (max-width:1319px) and (min-height:560px) and (orientation:landscape){:root{--summary-h:76px}.summary-bar{bottom:0;left:calc(var(--rail-w) + 14px + var(--safe-l));padding-bottom:calc(10px + var(--safe-b))}}@media (prefers-reduced-motion:reduce){.appnav-ic{transition:none}.appnav-btn.running .appnav-dot{animation:none}}@media print{.appnav{display:none!important}}@media (max-width:299px){.appnav{padding-inline-start:4px;padding-inline-end:4px}.appnav-ic{width:44px}.appnav-lbl{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px}}.appnav-btn{min-width:0;max-width:100%}.appnav-lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.appnav-ic{max-width:100%}@media (min-width:1000px) and (min-height:560px) and (orientation:landscape),(min-width:1320px) and (min-height:560px){.appnav-lbl{white-space:normal;overflow-wrap:anywhere;text-align:center;text-wrap:balance}}@media (min-width:2000px) and (min-height:1000px){.appnav{left:max(calc(14px + var(--safe-l)),calc(50vw - 1046px))}}:root[dir=rtl] .appnav-dot{left:10px;right:auto}@media (orientation:landscape) and (max-height:520px){html[dir=rtl]{scroll-padding-left:0;scroll-padding-right:calc(70px + var(--safe-r))}:root[dir=rtl] .summary-bar{left:calc(14px + var(--safe-l));right:calc(50vw + 39px + var(--safe-r)/2)}:root[dir=rtl] .appnav{left:auto;right:calc(6px + var(--safe-r))}:root[dir=rtl] .appnav-dot{left:4px;right:auto}}@media (min-width:1000px) and (min-height:560px) and (orientation:landscape),(min-width:1320px) and (min-height:560px){:root[dir=rtl] .appnav{left:auto;right:max(calc(14px + var(--safe-r)),calc(50vw - 886px))}}@media (min-width:1000px) and (max-width:1319px) and (min-height:560px) and (orientation:landscape){:root[dir=rtl] .summary-bar{left:0;right:calc(var(--rail-w) + 14px + var(--safe-r))}}@media (min-width:2000px) and (min-height:1000px){:root[dir=rtl] .appnav{left:auto;right:max(calc(14px + var(--safe-r)),calc(50vw - 1046px))}}:root{--zoom-glass:#ffffffa8;--zoom-card:#fff8ece6;--zoom-step:38px}:root[data-theme=dark]{--zoom-glass:#0c343eb8;--zoom-card:#113b45eb}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--zoom-glass:#0c343eb8;--zoom-card:#113b45eb}}#jar-wrap{overflow:hidden;overflow:clip;border-radius:24px}.zoom{position:absolute;z-index:1;pointer-events:none;inset:0}.zoom-gl{position:absolute;display:block;touch-action:pan-y;-webkit-tap-highlight-color:transparent;border-radius:24px;width:100%;height:100%;inset:0}.zoom.active .zoom-gl{pointer-events:auto}.zoom-hud{position:absolute;opacity:0;visibility:hidden;transition:opacity .25s var(--ease-out),visibility 0s .25s;inset:0}.zoom.active:not([data-level="0"]) .zoom-hud{opacity:1;visibility:visible;transition:opacity .35s var(--ease-out)50ms,visibility 0s}.zoom-hud>*{pointer-events:auto}.zoom-dial{position:absolute;display:flex;background:var(--zoom-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm),inset 0 0 0 1px color-mix(in srgb,var(--ink)8%,transparent);pointer-events:auto;touch-action:none;cursor:ns-resize;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;border-radius:999px;flex-direction:column-reverse;padding:4px;top:50%;right:8px;transform:translateY(-50%)}.zoom-dial:focus-visible{outline:3px solid var(--purp);outline-offset:3px;border-radius:999px}.zd-stop{position:relative;z-index:1;display:grid;width:var(--zoom-step);height:var(--zoom-step);color:var(--ink-soft);cursor:pointer;transition:color .2s,transform .25s var(--ease-out-back);place-items: center}.zd-stop .ph{width:20px;height:20px}.zd-stop.on{color:var(--on-pink);transform:scale(1.06)}.zd-stop:not(.on):hover{color:var(--pink)}.zd-stop+.zd-stop:after{content:"";position:absolute;background:color-mix(in srgb,var(--ink)22%,transparent);border-radius:50%;width:4px;height:4px;margin-left:-2px;bottom:-2px;left:50%}.zd-knob{position:absolute;width:var(--zoom-step);height:var(--zoom-step);background:var(--pink);box-shadow:0 3px 0 var(--pink-shadow),0 6px 14px -6px #003c5080;transform:translateY(calc(var(--z,0)*var(--zoom-step)*-1));border-radius:50%;bottom:4px;left:4px}.zoom-dial:active .zd-knob{box-shadow:0 1px 0 var(--pink-shadow),0 4px 10px -6px #003c5080}@container jarwrap (height<=230px){.zoom-dial{--zoom-step:30px;padding:3px}.zd-knob{left:3px;bottom:3px}.zd-stop .ph{width:16px;height:16px}}@container jarwrap (height<=150px){.zoom-dial{--zoom-step:24px}}.zoom-hint{position:absolute;right:6px;bottom:calc(50% + 2*var(--zoom-step) + 14px);display:inline-flex;background:var(--card);color:var(--ink);font:800 .8125rem/1 var(--body);box-shadow:var(--shadow-sm);white-space:nowrap;animation:zoom-hint-in .5s var(--ease-out-back)both,zoom-hint-nudge 1.6s ease-in-out .6s 3;border-radius:999px;align-items: center;gap:.35rem;padding:.5rem .8rem}.zoom-hint .ph{color:var(--pink);width:16px;height:16px}.zoom-hint:after{content:"";position:absolute;right:calc(var(--zoom-step)/2 + 4px - 6px);border:6px solid #0000;border-bottom:0;border-top-color:var(--card);bottom:-6px}@keyframes zoom-hint-in{0%{opacity:0;transform:translateY(-8px)scale(.9)}}@keyframes zoom-hint-nudge{50%{transform:translateY(4px)}}@container jarwrap (height<=270px){.zoom-hint{bottom:auto;top:calc(50% - 2*var(--zoom-step) - 4px + var(--zoom-step)/2 - 16px);right:calc(var(--zoom-step) + 24px)}.zoom-hint:after{right:-6px;bottom:auto;top:50%;margin-top:-6px;border:6px solid #0000;border-right:0;border-left-color:var(--card)}}@container jarwrap (height<=140px){.zoom-hint{display:none}}.zoom-card{position:absolute;left:10px;right:calc(var(--zoom-step) + 26px);container:zcard/inline-size;background:var(--zoom-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);color:var(--ink);border-radius:18px;padding:.55rem .75rem .6rem;bottom:10px}.zc-head{display:flex;align-items: center;gap:.4rem;min-width:0;min-height:30px}.zc-ic{display:grid;background:color-mix(in srgb,var(--pink)14%,transparent);color:var(--pink);border-radius:50%;flex:none;place-items: center;width:26px;height:26px}.zc-ic .ph{width:16px;height:16px}.zc-title{font:700 1.0625rem/1 var(--display);letter-spacing:-.02em;text-transform:lowercase;white-space:nowrap;flex:none}.zc-scale{display:inline-flex;font:800 .8125rem/1 var(--body);font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap;flex:none;align-items: center;gap:.3rem;margin-inline-start:.5rem}.zc-scale i{display:block;position:relative;background:currentColor;border-radius:2px;flex:none;min-width:12px;max-width:120px;height:4px;box-shadow:-1px 0}.zc-scale i:before,.zc-scale i:after{content:"";position:absolute;background:currentColor;border-radius:1px;width:2px;height:10px;top:-3px}.zc-scale i:before{left:0}.zc-scale i:after{right:0}.zc-illu{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 .8125rem/1 var(--body);color:var(--ink-faint);background:color-mix(in srgb,var(--ink)7%,transparent);border-radius:999px;flex:0 auto;min-width:0;padding:.2rem .45rem}.zc-why{cursor:pointer;background:color-mix(in srgb,var(--pink)13%,transparent);color:var(--pink);font:800 .8125rem/1 var(--body);border:0;border-radius:999px;flex:none;min-height:28px;margin-inline-start:auto;padding:0 .6rem}.zc-why:not([hidden])+.zc-key{margin-inline-start:-4px}.zc-head:has(.zc-why:not([hidden])) .zc-illu{display:none}.zc-key{display:grid;color:var(--pink);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items: center;width:44px;height:44px;margin-block-start:-7px;margin-block-end:-7px;margin-inline-start:auto;margin-inline-end:-7px}.zc-key .ph{width:22px;height:22px}.zc-key[aria-expanded=true]{color:var(--purp)}.zc-text{font:600 .9063rem/1.36 var(--body);text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;cursor:pointer;border-radius:8px;-webkit-box-orient:vertical;margin:.25rem 0 0}.zc-note{font:400 .8125rem/1.4 var(--body);color:var(--ink-soft);text-wrap:pretty;display:none;margin:.3rem 0 0}.zoom-card.open .zc-text,.zoom-card.open .zc-note{display:block}.zoom-card.open{overflow:auto;max-height:calc(100% - 20px)}@container jarwrap (height>=300px){.zc-text{-webkit-line-clamp:3}}@container jarwrap (height>=400px){.zc-note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@container jarwrap (height>=500px){.zc-text{-webkit-line-clamp:4}.zc-note{-webkit-line-clamp:4}}@container jarwrap (height<=230px){.zc-text{-webkit-line-clamp:1;font-size:.875rem}.zc-illu{display:none}}@container jarwrap (width<=360px){.zc-illu{display:none}}@container zcard (width<=330px){.zc-illu{display:none}}@container zcard (width<=230px){.zc-scale{display:none}}.zc-head.fit1 .zc-illu,.zc-head.fit2 .zc-why,.zc-head.fit3 .zc-scale{display:none}.zc-head.fit4 .zc-title{overflow:hidden;text-overflow:ellipsis;flex:0 auto;min-width:0}.zc-head.fit5{flex-wrap:wrap;row-gap:0}.zc-head.fit5 .zc-ic{display:none}.zc-head.fit5 .zc-title{overflow:visible;flex:1 0 100%;padding:.15rem 0}@container jarwrap (width>=520px){.zoom-card{right:auto;width:min(460px,calc(100% - var(--zoom-step) - 40px));left:14px;bottom:14px}}.zoom-ruler{position:absolute;display:none;width:54px;top:14px;left:12px;pointer-events:none!important}.zoom[data-level="1"] .zoom-ruler{display:block}.zoom-ruler:before{content:"";position:absolute;background:color-mix(in srgb,var(--ink)75%,transparent);border-radius:1px;width:2px;top:-1px;bottom:-1px;left:0}.zoom-ruler i{position:absolute;background:color-mix(in srgb,var(--ink)75%,transparent);border-radius:1px;width:7px;height:1.5px;left:0}.zoom-ruler i.big{width:13px;height:2px}.zoom-ruler span{position:absolute;font:800 .8125rem/1 var(--body);color:var(--ink);white-space:nowrap;background:var(--zoom-glass);border-radius:999px;padding:.15rem .35rem;left:16px;transform:translateY(-50%)}.zoom-key{position:absolute;inset:8px calc(var(--zoom-step) + 22px)8px 8px;z-index:2;overflow:auto;overscroll-behavior:contain;background:var(--card);color:var(--ink);box-shadow:var(--shadow);animation:zoom-pop .32s var(--ease-out-back);border-radius:20px;padding:.7rem .85rem .8rem}.zk-head{display:flex;align-items: center;gap:.5rem;margin-bottom:.35rem}.zk-head h3{font:700 1.125rem/1.2 var(--display);letter-spacing:-.02em;margin:0}.zk-close{display:grid;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items: center;width:44px;height:44px;margin-block-start:-8px;margin-block-end:-8px;margin-inline-start:auto;margin-inline-end:-8px}.zk-close .ph{width:20px;height:20px}.zoom-key ul{list-style:none;display:grid;gap:.45rem;margin:0;padding:0}.zoom-key li{display:grid;grid-template-columns:18px 1fr;font:400 .875rem/1.38 var(--body);align-items: start;gap:.55rem}.zoom-key li i{background:var(--sw);box-shadow:inset 0 -2px 0 #0000001f,0 0 0 1.5px color-mix(in srgb,var(--ink)18%,transparent);border-radius:50%;width:16px;height:16px;margin-top:2px}.zoom-key li b{font-weight:800}.zk-foot{font:400 .8125rem/1.4 var(--body);color:var(--ink-soft);margin:.6rem 0 0}.zk-now{background:color-mix(in srgb,var(--pink)9%,transparent);font:600 .875rem/1.4 var(--body);border-radius:12px;margin:0 0 .6rem;padding:.5rem .65rem}.zk-now span{display:block;color:var(--ink-soft);margin-top:.25rem;font-weight:400}@container jarwrap (width>=560px){.zoom-key{inset:12px auto 12px 12px;width:min(440px,calc(100% - var(--zoom-step) - 44px))}}.zoom-key.sheet{position:fixed;inset:auto 12px max(12px,env(safe-area-inset-bottom))12px;z-index:60;width:auto;max-width:560px;max-height:min(78svh,560px);margin:0 auto}.zoom-fact{position:absolute;z-index:3;background:var(--card);color:var(--ink);box-shadow:var(--shadow);font:400 .875rem/1.38 var(--body);border-radius:16px;padding:.55rem .75rem .6rem;pointer-events:none!important}.zoom-fact b{display:block;font:700 1rem/1.2 var(--display);letter-spacing:-.01em;color:var(--pink);margin-bottom:.15rem}.zoom-fact:after{content:"";position:absolute;left:var(--tip,50%);border:8px solid #0000;border-bottom:0;border-top-color:var(--card);margin-left:-8px;bottom:-7px}.zoom-fact.below:after{border:8px solid #0000;border-top:0;border-bottom-color:var(--card);top:-7px;bottom:auto}.zoom-fact.pop{animation:zoom-pop .35s var(--ease-out-back)}@keyframes zoom-pop{0%{opacity:0;transform:scale(.88)translateY(6px)}}@media (prefers-reduced-motion:reduce){.zoom-hint,.zoom-key,.zoom-fact.pop{animation:none}.zoom-hud,.zd-stop{transition:none}}@media print{.zoom{display:none}}@container jarwrap (height<=200px){.zoom-card{left:6px;bottom:6px;padding:.2rem .4rem .3rem;padding-inline:.6rem .4rem;border-radius:14px}.zoom-card:not(.open) .zc-note{display:none}.zoom-card:not(.open) .zc-text{margin-top:0;-webkit-line-clamp:1;font-size:.8125rem;line-height:1.3}.zc-head{min-height:24px}.zc-head .zc-key{width:36px;height:36px;margin-block:-6px;margin-inline:auto -6px}.zc-ic,.zc-scale{display:none}.zc-title{font-size:.9375rem}}@container jarwrap (height<=130px){.zoom-card:not(.open) .zc-text{display:none}}@container jarwrap (height<=200px){.zoom-card:not(.open) .zc-head.fit5~.zc-text{display:none}}@container jarwrap (width<=320px){.zc-scale{display:none}}:root[dir=rtl] .zoom-dial{left:8px;right:auto}:root[dir=rtl] .zoom-card{left:calc(var(--zoom-step) + 26px);right:10px}@container jarwrap (width>=520px){:root[dir=rtl] .zoom-card{left:auto;right:14px}}@container jarwrap (height<=200px){:root[dir=rtl] .zoom-card{right:6px}}:root[dir=rtl] .zoom-ruler{left:auto;right:12px}:root[dir=rtl] .zoom-ruler:before,:root[dir=rtl] .zoom-ruler i{left:auto;right:0}:root[dir=rtl] .zoom-ruler span{left:auto;right:16px}:root[dir=rtl] .zoom-key{inset:8px 8px 8px calc(var(--zoom-step) + 22px)}@container jarwrap (width>=560px){:root[dir=rtl] .zoom-key{inset:12px 12px 12px auto}}:root[dir=rtl] .zoom-key.sheet{inset:auto 12px max(12px,env(safe-area-inset-bottom))12px}dialog.science{width:min(100vw - 24px,1060px)}dialog.science[open]{display:flex;flex-direction:column}dialog.science>:-webkit-any(h2,.actions){flex-shrink:0}dialog.science>:-moz-any(h2,.actions){flex-shrink:0}dialog.science>:is(h2,.actions){flex-shrink:0}dialog.science h2{display:block;hyphens:auto}dialog.science h2 svg{color:var(--purp);vertical-align:-.15em;width:1.3rem;height:1.3rem;margin-inline-end:.5rem}dialog .sci-body{position:relative;flex:auto;min-height:0;max-height:calc(100dvh - 190px);padding-inline-end:2px}.sci-body>p:first-child{max-width:62ch}.sci-card{background:var(--card-2);box-shadow:var(--shadow-sm);border-radius:20px;margin:0 0 .9rem;padding:1rem 1rem .8rem}.sci-card h3{font:700 1.125rem/1.2 var(--display);letter-spacing:-.01em;margin:0 0 .45rem}.sci-card .hint{max-width:70ch;margin:.35rem 0 .5rem}.sci-legend{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:0 0 .9rem;font-size:.875rem}.sci-legend span{display:inline-flex;align-items: center;gap:.3rem}.sci-legend svg,.sci-r svg{flex:none;width:1em;height:1em}.is-in svg{color:var(--green)}.is-near svg{color:var(--amber)}.is-out svg{color:var(--red)}.sr{position:absolute;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px}.sci-facts{display:grid;grid-template-columns:minmax(8rem,auto)1fr;gap:.35rem 1rem;margin:0;font-size:.9375rem}.sci-facts dt{color:var(--ink-soft)}.sci-facts dd{font-variant-numeric:tabular-nums;margin:0;font-weight:800}.sci-scroll{overflow:auto;overscroll-behavior:contain;border-radius:12px}.sci-scroll:focus-visible{outline:none;box-shadow:var(--ring)}.sci-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.875rem}.sci-table th,.sci-table td{text-align:start;vertical-align:top;border-bottom:1px solid var(--line);padding:.45rem .55rem}.sci-table thead th{color:var(--ink-soft);background:var(--card-2);position:sticky;z-index:2;font-size:.8125rem;font-weight:800;line-height:1.25;top:0}.sci-table thead th small{display:block;font-weight:400}.sci-table tbody th{position:sticky;background:var(--card-2);z-index:1;min-width:8.5rem;left:0}.sci-table tbody th small{display:block;color:var(--ink-soft);font-weight:400}.sci-style{font-weight:800}.sci-v{display:block;font-size:1rem;font-weight:800}.sci-r{display:flex;color:var(--ink-soft);white-space:nowrap;flex-wrap:nowrap;align-items: center;gap:.25rem;font-size:.8125rem}.sci-r.muted{color:var(--ink-soft)}.sci-g{text-decoration:none;color:var(--ink-soft);cursor:help;border-bottom:1px dotted;font-size:.75rem}.sci-ref{font-size:.6875rem;line-height:0}.sci-ref a{color:var(--purp);text-decoration:none;padding:0 1px;font-weight:800}.sci-ref a:hover{text-decoration:underline}.sci-ref a:focus-visible{text-decoration:underline}.sci-cell.is-out .sci-v{color:var(--red)}.sci-sources{margin:0;padding-inline-start:1.6rem;font-size:.875rem;line-height:1.45}.sci-sources li{margin:0 0 .35rem;scroll-margin-top:1rem}.sci-sources li:target{background:var(--turq-soft);border-radius:6px}.sci-sources a{color:var(--ink);overflow-wrap:anywhere}@media (max-width:979px){dialog.science{overflow-wrap:anywhere;padding:1.1rem min(.9rem,4vw) 1rem}.sci-card{border-radius:18px;padding:.85rem .75rem .6rem}.sci-scroll{overflow:visible}.sci-table,.sci-table tbody{display:block}.sci-table thead{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px}.sci-table tr{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.6rem),1fr));border-bottom:1px solid var(--line);gap:.4rem;padding:.7rem 0}.sci-table tr:last-child{border-bottom:0}.sci-table tbody th{grid-column:1/-1;position:static;display:flex;border:0;flex-wrap:wrap;align-items:baseline;gap:.5rem;min-width:0;padding:0}.sci-table tbody th small{display:inline}.sci-table td{background:var(--cream);border:0;border-radius:12px;padding:.45rem .55rem}.sci-table td:before{content:attr(data-label);display:block;color:var(--ink-soft);font-size:.75rem;font-weight:700}.sci-table td.sci-na{opacity:.6}.sci-r{white-space:normal;flex-wrap:wrap}.sci-facts{grid-template-columns:1fr;gap:0}.sci-facts dd{margin-bottom:.4rem}}:root[dir=rtl] .sci-table tbody th{left:auto;right:0}:root{--frost:#bfe9ff;--frost-ink:#0a6a8f;--cloth:#fffaf0;--cloth-line:#d9c9a8;--whey:#e4e7a6;--whey-edge:#b9bd6a;--sieve:#8aa8b3;--bowl:#fff;--after-band:color-mix(in srgb,var(--frost)55%,transparent)}:root[data-theme=dark]{--frost:#3d7fa0;--frost-ink:#bfe9ff;--cloth:#e9e1cf;--cloth-line:#a8977a;--whey:#b9bd6a;--whey-edge:#8d913f;--sieve:#9cc3cf;--bowl:#2a6070;--after-band:color-mix(in srgb,var(--frost)45%,transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--frost:#3d7fa0;--frost-ink:#bfe9ff;--cloth:#e9e1cf;--cloth-line:#a8977a;--whey:#b9bd6a;--whey-edge:#8d913f;--sieve:#9cc3cf;--bowl:#2a6070;--after-band:color-mix(in srgb,var(--frost)45%,transparent)}}.after-frost{position:absolute;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(ellipse 60% 55% at 50% 55%,transparent 55%,color-mix(in srgb,var(--frost)55%,transparent)100%);border-radius:28px;transition:opacity .4s;inset:0}.after-chip{position:absolute;z-index:2;display:inline-flex;background:var(--card);color:var(--ink);font:800 .8125rem/1 var(--body);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-sm);pointer-events:none;animation:chip-in2 .4s var(--ease-out-back);border-radius:999px;align-items: center;gap:.35rem;min-height:34px;padding:0 .75rem;top:6px;left:6px}.after-chip .chip-ic{display:grid;color:var(--frost-ink)}:has(>.zoom.touring)>.after-chip{display:none}@container jarwrap (height<=220px){.after-chip{min-height:28px;padding:0 .55rem;font-size:.75rem;top:4px;left:4px}}.jar-wrap.after-on .handling{top:46px}@container jarwrap (height<=220px){.jar-wrap.after-on .handling{top:38px}}.jar-wrap.after-on:has(.zoom.touring) .handling{top:4px}.after-chip .ph{width:18px;height:18px}.after-rig{position:absolute;z-index:2;display:grid;pointer-events:none;animation:chip-in2 .4s var(--ease-out-back);justify-items:center;width:clamp(52px,min(25cqw,40cqh),150px);bottom:4px;left:6px}.after-rig svg{overflow:visible;filter:drop-shadow(0 3px 6px #003c502e);width:100%;height:auto}.after-rig .ar-cloth{fill:var(--cloth);stroke:var(--cloth-line);stroke-width:2}.after-rig .ar-curd{fill:#fff8e3;stroke:color-mix(in srgb,var(--cloth-line)70%,transparent);stroke-width:1;transition:transform .3s}.after-rig .ar-sieve{fill:none;stroke:var(--sieve);stroke-width:3;stroke-linejoin:round}.after-rig .ar-bowl{fill:none;stroke:var(--sieve);stroke-width:3}.after-rig .ar-whey{fill:var(--whey);stroke:var(--whey-edge);stroke-width:2;transition:y .3s}.after-rig path.ar-bowl{fill:color-mix(in srgb,var(--bowl)35%,transparent)}.after-rig .ar-drop{fill:var(--whey-edge);opacity:0;animation:ar-drip 1.5s cubic-bezier(.55,0,.9,.5)infinite}.after-rig .ar-drop.d2{animation-delay:.5s}.after-rig .ar-drop.d3{animation-delay:1s}.after-rig.still .ar-drop{animation:none;opacity:.85}.after-rig.still .ar-drop.d2,.after-rig.still .ar-drop.d3{opacity:0}@keyframes ar-drip{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(24px)}}.after-rig .ar-pct{font:800 .75rem/1 var(--body);color:var(--ink-soft);background:var(--card);box-shadow:var(--shadow-sm);border-radius:999px;margin-top:-.2rem;padding:.2rem .45rem}@media (prefers-reduced-motion:reduce){.after-rig .ar-drop{animation:none}.after-frost{transition:none}}.jar-wrap:has(.zoom.active:not([data-level="0"])) .after-rig{display:none}.jar-wrap:has(.zoom.active:not([data-level="0"])) .after-frost{display:none}.pill-status.tone-cold{background:color-mix(in srgb,var(--frost)60%,var(--card));color:var(--ink)}.pill-status.tone-cold .ph{color:var(--frost-ink)}.scrub-tail{position:absolute;pointer-events:none;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--ink-faint)22%,transparent)0 3px,transparent 3px 7px);border-radius:999px;top:0;bottom:0}.scrub-after{position:absolute;pointer-events:none;top:-2px;bottom:-2px}.scrub-after i{position:absolute;box-shadow:inset 0 0 0 2px var(--card);border-radius:999px;top:0;bottom:0}.scrub-after .seg-chill{background:color-mix(in srgb,var(--frost)70%,transparent)}.scrub-after .seg-strain{background:color-mix(in srgb,var(--whey)80%,transparent)}.scrub-ticks .after-tick{display:inline-flex;white-space:nowrap;color:var(--frost-ink);align-items: center;gap:.15rem}.scrub-ticks .after-tick:before{display:none}.scrub-ticks .after-tick .ph{flex:none;width:13px;height:13px}.scrub-ticks .after-tick em{font-style:normal}@media (max-width:479px){.scrub-ticks .after-tick em{display:none}}@media (forced-colors:active){.scrub-after i{forced-color-adjust:none;background:0 0;border:2px dashed canvastext}.scrub-tail{forced-color-adjust:none;background:0 0;border-block-start:2px dotted graytext;border-block-end:2px dotted graytext}}.chart .after-band{fill:var(--after-band)}.chart .tail-series{stroke-width:2;opacity:.35}.chart .tail-hatch{fill:color-mix(in srgb,var(--ink-faint)16%,transparent)}.body-ladder{container:ladder/inline-size;background:var(--card-2);box-shadow:var(--shadow-sm);border-radius:16px;margin-top:.75rem;padding:.6rem .75rem .55rem}.bl-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem}.bl-lbl{display:inline-flex;font:800 .875rem/1.2 var(--body);color:var(--ink-soft);align-items: center;gap:.3rem}.bl-lbl .ph{color:var(--m-thick);width:18px;height:18px}.bl-word{font:800 .9375rem/1.25 var(--body);color:var(--ink)}.bl-track{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:3px;height:12px;margin:.5rem 0 .15rem}.bl-track i{background:var(--track,var(--line));border-radius:999px}.bl-track i.on{background:color-mix(in srgb,var(--m-thick)85%,var(--card))}.bl-track i.on:nth-child(n+5){background:var(--m-thick)}.bl-dot{position:absolute;background:var(--card-2);border:4px solid var(--pink);border-radius:50%;width:18px;height:18px;transition:left .12s linear;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #003c5040}.bl-refs{position:relative;font:700 .75rem/1 var(--body);color:var(--ink-soft);height:1rem}.bl-refs span{position:absolute;white-space:nowrap;top:.15rem;transform:translate(-50%)}.bl-refs span{white-space:normal;overflow-wrap:break-word;text-align:center;width:max-content;max-width:37%}.bl-refs.stagger{height:2rem}.bl-refs.stagger span:nth-child(2n){top:1.1rem}.bl-refs.ends{height:1rem}.bl-refs.ends span:nth-child(2),.bl-refs.ends span:nth-child(3){display:none}.bl-refs.ends span:nth-child(2n){top:.15rem}@container ladder (width<=18.5rem){.bl-refs{height:2rem}.bl-refs span:nth-child(2n){top:1.1rem}}@container ladder (width<=11.5rem){.bl-refs{height:1rem}.bl-refs span:nth-child(2),.bl-refs span:nth-child(3){display:none}.bl-refs span:nth-child(2n){top:.15rem}}.bl-sub{display:block;font:600 .8125rem/1.35 var(--body);color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){.bl-dot{transition:none}}@media (forced-colors:active){.bl-track i.on,.bl-dot{forced-color-adjust:none;background:highlight}}:root[dir=rtl] .after-chip{left:auto;right:6px}@container jarwrap (height<=220px){:root[dir=rtl] .after-chip{left:auto;right:4px}}:root[dir=rtl] .after-rig{left:auto;right:6px}.pill-kitchen{appearance:none;color:var(--ink);cursor:pointer;font:800 .9375rem/1 var(--body);border:0}.pill-kitchen .ph{color:var(--ink-faint)}.pill-kitchen.on{background:var(--purp);color:#fff}.pill-kitchen.on .ph{color:#fff}:root[data-theme=dark] .pill-kitchen.on,:root[data-theme=dark] .pill-kitchen.on .ph{color:#1f1238}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pill-kitchen.on,:root:not([data-theme=light]) .pill-kitchen.on .ph{color:#1f1238}}.pill-kitchen:not(.on){box-shadow:inset 0 0 0 2px var(--line),var(--shadow-sm)}.pill-kitchen:active{transform:scale(.95)}.mk-overlay .mk-plain{fill:none;stroke:var(--m-ph);stroke-width:2;stroke-dasharray:2 5;stroke-linecap:round;opacity:.55}.mk-overlay .mk-dot{fill:var(--pink);stroke:var(--card);stroke-width:2;opacity:.8}.mk-overlay .mk-dot.new{opacity:1}.mk-overlay .mk-dot.live{fill:var(--card);stroke:var(--pink);stroke-width:3;opacity:1}.mk-chart-key{display:flex;color:var(--ink-soft);flex-wrap:wrap;gap:.25rem .9rem;font-size:.8125rem;margin:.35rem 0 0!important}.mk-chart-key span{display:inline-flex;align-items: center;gap:.35rem}.mk-chart-key i{display:inline-block;flex:none}.mk-chart-key .k-plain{border-top:2px dotted var(--m-ph);opacity:.7;width:18px;height:0}.mk-chart-key .k-tuned{background:var(--m-ph);border-radius:2px;width:18px;height:3px}.mk-chart-key .k-dot{background:var(--pink);border-radius:50%;width:10px;height:10px}.mk-chart-key .k-live{border:3px solid var(--pink);box-sizing:border-box;border-radius:50%;width:10px;height:10px}.mk-chart-key .k-bar{background:var(--pink);border-radius:2px;width:18px;height:3px}.mk-chart-key .k-abv{border-top:2px dashed var(--m-tart);width:18px;height:0}.mk-chart-key .k-band{background:color-mix(in srgb,var(--green)22%,transparent);border-radius:3px;width:14px;height:10px}.mk-chart-key .k-proj{border:2px dashed var(--pink);box-sizing:border-box;border-radius:50%;width:10px;height:10px}.kit-tiles:has(.kit-tile.mk){grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.kit-tile.mk .blob{background:var(--m-smooth)}@media (min-width:421px){dialog.mk-dialog{width:min(calc(100vw - 16px),var(--section-w,640px))}}.mk-dialog p{margin:0}.mk-tabs{flex-wrap:wrap}@media (max-width:379px){.mk-tabs button{padding:0 .6rem}.mk-tabs .ph{display:none}}.mk-pane{display:grid;gap:.8rem;padding-bottom:.6rem}.mk-pane:focus{outline:none}.mk-h{display:flex;font:700 1.1rem/1.2 var(--display);letter-spacing:-.02em;align-items: center;gap:.4rem;margin:.4rem 0 0}.mk-h .ph{color:var(--pink);width:22px;height:22px}.mk-kicker{font:800 .75rem/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.mk-note{color:var(--ink-soft);font-size:.875rem;line-height:1.45}.mk-card{background:var(--card-2);box-shadow:var(--shadow-sm);display:grid;animation:rise .35s var(--ease-out)both;border-radius:22px;gap:.55rem;padding:.85rem .95rem .9rem}.mk-empty{display:flex;background:var(--turq-soft);border-radius:20px;align-items: flex-start;gap:.9rem;padding:1rem;font-size:.9rem;line-height:1.5}.mk-empty>.ph{color:var(--pink);flex:none;width:40px;height:40px}.mk-empty p+p{margin-top:.35rem}.mk-switch{appearance:none;color:var(--ink);display:flex;text-align:start;background:0 0;border:0;align-items: center;gap:.85rem;width:100%;min-height:48px;padding:0}.mk-switch-track{background:var(--track);position:relative;border-radius:999px;flex:none;width:54px;height:32px;transition:background .2s;box-shadow:inset 0 2px 4px #003c5026}.mk-switch-track i{position:absolute;transition:transform .25s var(--ease-out-back);background:#fff;border-radius:50%;width:24px;height:24px;top:4px;left:4px;box-shadow:0 2px 5px #003c5059}.mk-switch[aria-checked=true] .mk-switch-track{background:var(--purp)}.mk-switch[aria-checked=true] .mk-switch-track i{transform:translateX(calc(22px*var(--flip)))}.mk-switch-txt{display:grid;gap:.15rem}.mk-switch-txt strong{font:800 1rem/1.25 var(--body)}.mk-switch-txt small{color:var(--ink-soft);font-size:.8125rem;line-height:1.35}.mk-current{background:color-mix(in srgb,var(--m-smooth)16%,var(--card-2))}.mk-cmp{border-collapse:collapse;width:100%;font-size:.9375rem}.mk-cmp th,.mk-cmp td{text-align:end;padding:.35rem .4rem}.mk-cmp thead th{font:800 .75rem/1.2 var(--body);color:var(--ink-soft);letter-spacing:.03em;text-transform:uppercase}.mk-cmp tbody th{text-align:start;font-weight:700}.mk-cmp tbody tr+tr{border-top:1px solid var(--line)}.mk-cmp td{white-space:nowrap;font-weight:700}.mk-cmp td.mk-yours{color:var(--purp);font-weight:800}.mk-words{font-size:.9375rem;line-height:1.45}.mk-groups{list-style:none;display:grid;gap:.6rem;margin:0;padding:0}.mk-group.current{box-shadow:0 0 0 3px var(--purp),var(--shadow-sm)}.mk-group-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.3rem .6rem}.mk-group-head strong{font:800 1rem/1.25 var(--body)}.mk-group-sub{color:var(--ink-soft);font-size:.8125rem;line-height:1.4}.mk-badge-s{display:inline-flex;font:800 .6875rem/1 var(--body);letter-spacing:.04em;text-transform:uppercase;background:var(--track);color:var(--ink-soft);border-radius:999px;align-items: center;gap:.25rem;padding:.35rem .55rem}.mk-badge-s .ph{width:14px;height:14px}.mk-badge-s.s-medium{background:color-mix(in srgb,var(--m-smooth)40%,var(--card-2));color:var(--ink)}.mk-badge-s.s-high{background:var(--purp);color:#fff}:root[data-theme=dark] .mk-badge-s.s-high{color:#1f1238}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mk-badge-s.s-high{color:#1f1238}}.mk-badge-s.t-slowing{background:var(--amber-bg);color:var(--amber)}.mk-badge-s.t-quickening{background:color-mix(in srgb,var(--green)18%,var(--card-2));color:var(--green)}.mk-badge-s.t-steady{background:var(--turq-soft);color:var(--ink)}.mk-dials{display:grid;gap:.35rem}.mk-dial{display:grid;grid-template-columns:3.4rem 1fr 3.6rem;align-items: center;gap:.6rem;font-size:.8125rem}.mk-dial-l{font-weight:700}.mk-dial-t{position:relative;background:var(--track);border-radius:999px;height:10px}.mk-dial-one{position:absolute;background:var(--ink-faint);border-radius:1px;width:2px;height:18px;margin-inline-start:-1px;top:-4px}.mk-dial-sd{position:absolute;background:color-mix(in srgb,var(--purp)25%,transparent);border-radius:999px;top:0;bottom:0}.mk-dial-v{position:absolute;background:var(--purp);border:3px solid var(--card-2);border-radius:50%;width:16px;height:16px;margin-inline-start:-8px;top:-3px;box-shadow:0 2px 4px #003c504d}.mk-dial-n{text-align:end;font-weight:800}.mk-sets{border-collapse:collapse;width:100%;font-size:.8125rem}.mk-sets th{font:800 .6875rem/1.2 var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);text-align:end;padding:.2rem 0 .3rem .5rem}.mk-sets th:first-child{text-align:start;padding-inline-start:0}.mk-sets td{border-top:1px solid var(--line);white-space:nowrap;padding:.32rem 0 .32rem .5rem}.mk-sets td:first-child{padding-inline-start:0}.mk-set-m{display:inline-flex;align-items: center;gap:.3rem}.mk-set-m .ph{color:var(--pink);width:15px;height:15px}.mk-set-p{color:var(--ink-soft);text-align:end}.mk-set-c{color:var(--purp);text-align:end;font-weight:800}.mk-how{color:var(--ink-soft);font-size:.875rem;line-height:1.5}.mk-how summary{display:inline-flex;color:var(--ink);cursor:pointer;align-items: center;gap:.35rem;min-height:44px;font-weight:800}.mk-how summary .ph{color:var(--purp)}.mk-how p+p{margin-top:.4rem}.mk-chart-wrap{min-width:0}.mk-chart{display:block;overflow:visible;width:100%;height:auto}.mk-grid{stroke:var(--line);stroke-width:1}.mk-axis{font:700 11.5px/1 var(--body);fill:var(--ink-soft);font-variant-numeric:tabular-nums}.mk-axis.strong{fill:var(--ink);font-weight:800}.mk-axis.late{fill:var(--amber);font-weight:800}.mk-axis.danger{fill:var(--red);font-weight:800}.mk-axis.abv{fill:var(--amber)}.mk-bar{fill:var(--pink);transform-box:fill-box;transform-origin:bottom;animation:mk-grow .5s var(--ease-out-back)both}.mk-bar.slow{fill:var(--amber)}.mk-bar.none{fill:none;stroke:var(--ink-faint);stroke-width:1.5;stroke-dasharray:3 4;animation:none}.mk-pred{stroke:var(--ink);stroke-width:3;stroke-linecap:round;opacity:.7}@keyframes mk-grow{0%{transform:scaleY(0)}}.mk-zone.ok{fill:color-mix(in srgb,var(--green)12%,transparent)}.mk-zone.caution{fill:color-mix(in srgb,var(--amber)14%,transparent)}.mk-zone.danger{fill:color-mix(in srgb,var(--red)12%,transparent)}.mk-bar-line{fill:none;stroke:var(--pink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mk-abv{fill:none;stroke:var(--m-tart);stroke-width:2.5;stroke-dasharray:6 4;stroke-linecap:round}.mk-burp{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:3 4;opacity:.6}.mk-chart .mk-dot{fill:var(--pink);stroke:var(--card-2);stroke-width:2}.mk-chart .mk-dot.proj{fill:var(--card-2);stroke:var(--pink);stroke-dasharray:3 3;stroke-width:2.5}.mk-proj{stroke:var(--pink);stroke-width:2.5;stroke-dasharray:4 5}.mk-line .callout,.mk-pane>.callout{margin:0}.callout.mk-info{background:var(--turq-soft)}.callout.mk-info .ph{color:var(--purp)}.callout.mk-ok{background:color-mix(in srgb,var(--green)14%,var(--card-2))}.callout.mk-ok .ph{color:var(--green)}.mk-gens{color:var(--ink-soft);font-size:.8125rem;line-height:1.45}.mk-gens summary{display:inline-flex;color:var(--ink);cursor:pointer;align-items: center;min-height:44px;font-weight:800}.mk-gens ol{display:grid;gap:.2rem;margin:0;padding-inline-start:1.2rem}.mk-gens b{color:var(--ink)}.mk-start{font-size:.875rem}.mk-f2-grid{display:grid;gap:.7rem}.mk-f2-grid .field{display:grid;gap:.35rem;margin:0}.mk-f2-grid .field>span{font:800 .8125rem/1.2 var(--body);color:var(--ink-soft);letter-spacing:.03em;text-transform:uppercase}.mk-chips-row{gap:.4rem}.mk-chips-row .chip{min-height:40px;padding:.35rem .8rem;font-size:.875rem}.mk-where{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem .8rem}.mk-temp{display:inline-flex;background:var(--card-2);box-shadow:var(--shadow-sm);border-radius:999px;align-items: center;gap:.3rem;padding:3px}.mk-temp-v{text-align:center;font:800 1rem/1 var(--body);min-width:4.4em}.mk-hours input[type=range]{width:100%}.mk-flavour-note{font-size:.875rem}.mk-gauges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}@media (max-width:480px){.mk-gauges{grid-template-columns:repeat(2,minmax(0,1fr))}}.mk-gauge{display:grid;background:var(--card-2);box-shadow:var(--shadow-sm);text-align:center;border-radius:18px;justify-items:center;gap:.15rem;padding:.6rem .4rem .55rem}.mk-gauge-ic{display:grid;background:var(--turq-soft);border-radius:50%;place-items: center;width:34px;height:34px}.mk-gauge-ic .ph{color:var(--ink);width:20px;height:20px}.mk-gauge-l{font:800 .6875rem/1.2 var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft)}.mk-gauge b{font:700 1.3rem/1.1 var(--display);letter-spacing:-.02em;white-space:nowrap}.mk-gauge small{color:var(--ink-soft);font-size:.75rem;line-height:1.2}.mk-gauge.g-caution .mk-gauge-ic,.mk-gauge.g-lively .mk-gauge-ic{background:var(--amber-bg)}.mk-gauge.g-caution .mk-gauge-ic .ph{color:var(--amber)}.mk-gauge.g-lively .mk-gauge-ic .ph{color:var(--m-fizz)}.mk-gauge.g-danger{box-shadow:inset 0 0 0 2px var(--red),var(--shadow-sm)}.mk-gauge.g-danger .mk-gauge-ic{background:var(--red-bg)}.mk-gauge.g-danger .mk-gauge-ic .ph,.mk-gauge.g-danger b{color:var(--red)}.mk-grains-sec{display:grid;border-top:2px dashed var(--line);gap:.6rem;margin-top:.3rem;padding-top:.6rem}.mk-grains-sec .callout{margin:0}.mk-reading{display:grid;justify-items:center;gap:.3rem;margin:-.2rem 0 .2rem}.mk-reading-l{display:inline-flex;font:800 .8125rem/1.2 var(--body);color:var(--ink-soft);align-items: center;gap:.3rem}.mk-reading-l .ph{color:var(--pink);width:18px;height:18px}.mk-reading-ctl{display:inline-flex;background:var(--card-2);box-shadow:var(--shadow-sm);border-radius:999px;align-items: center;gap:.25rem;padding:3px}.mk-reading output{text-align:center;font:800 1.15rem/1 var(--body);min-width:4.6em}.mk-reading output.unset{color:var(--ink-soft)}.mk-reading-hint{text-align:center;color:var(--ink-soft);max-width:30em;font-size:.8125rem;line-height:1.4}.mk-asmade{text-align:start;display:grid;background:color-mix(in srgb,var(--m-smooth)18%,var(--card-2));box-shadow:var(--shadow-sm);border-radius:18px;gap:.4rem;width:100%;padding:.75rem .85rem;font-size:.9rem;line-height:1.4}.mk-asmade.caution{background:var(--amber-bg)}.mk-asmade.danger{background:var(--red-bg)}.mk-asmade p{margin:0!important}.mk-asmade-h{display:flex;align-items: center;gap:.4rem;font-size:.9375rem}.mk-asmade-h .ph{color:var(--purp);width:20px;height:20px}.mk-devs,.mk-cons{list-style:none;display:grid;gap:.3rem;margin:0;padding:0}.mk-devs li,.mk-cons li{display:flex;align-items: flex-start;gap:.45rem}.mk-devs .ph,.mk-cons .ph{color:var(--ink-soft);flex:none;width:17px;height:17px;margin-top:2px}.mk-devs li{font-weight:700}.mk-cons li.caution .ph{color:var(--amber)}.mk-cons li.danger .ph{color:var(--red)}.mk-cons li.danger{font-weight:700}.mk-retimed{display:flex;color:var(--purp);align-items: flex-start;gap:.45rem;font-weight:700}.mk-retimed .ph{flex:none;width:18px;height:18px;margin-top:1px}.mk-asmade .hint{font-size:.8125rem}.mk-phlog{display:grid;justify-items:center;gap:.45rem;width:100%}.mk-phlist{list-style:none;display:grid;gap:.2rem;width:100%;margin:0;padding:0}.mk-phlist li{display:flex;background:var(--turq-soft);border-radius:12px;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.35rem .7rem;font-size:.875rem}.mk-phlist small{color:var(--ink-soft)}.mk-phform{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:.45rem}.mk-phform label{font:800 .875rem/1 var(--body)}.mk-phform input{border:2px solid var(--line);background:var(--card-2);color:var(--ink);font:800 1.05rem/1.2 var(--body);font-variant-numeric:tabular-nums;border-radius:14px;width:7.5rem;min-height:44px;padding:.45rem .7rem}.mk-phform input:focus-visible{outline:none;border-color:var(--purp);box-shadow:0 0 0 2px var(--purp)}.mk-jr-link{justify-self:start;margin-bottom:.6rem}.mk-measured{background:color-mix(in srgb,var(--m-smooth)12%,var(--card-2));border:0;border-radius:20px;min-width:0;margin:0 0 .75rem;padding:.75rem .85rem .3rem}.mk-measured legend{float:left;display:flex;font:800 .9375rem/1.3 var(--body);align-items: flex-start;gap:.4rem;width:100%;margin-bottom:.5rem;padding:0}.mk-measured legend .ph{color:var(--purp);flex:none;width:20px;height:20px;margin-top:1px}.mk-measured legend small{color:var(--ink-soft);font-size:.8125rem;font-weight:600}.mk-measured .field{clear:both;display:grid;gap:.4rem;margin-bottom:.7rem}.mk-measured .field>span{font-weight:700}.mk-seg{background:var(--card-2);flex-wrap:wrap;justify-self:start}.mk-set-row{display:flex;flex-wrap:wrap;align-items: center;gap:.4rem .7rem}.mk-set-row[hidden]{display:none}.mk-hint{color:var(--ink-soft);font-size:.8125rem}.mk-ph-rows{list-style:none;display:grid;gap:.45rem;margin:0;padding:0}.mk-ph-row{display:flex;background:var(--card-2);box-shadow:var(--shadow-sm);border-radius:18px;flex-wrap:wrap;align-items: center;gap:.4rem;padding:.45rem .5rem}.mk-ph-row .stepper{box-shadow:none;background:var(--turq-soft)}.mk-at{font:800 .875rem/1 var(--body);color:var(--ink-soft);padding-inline-start:.2rem}.mk-ph-in{display:inline-flex;align-items: center;gap:.35rem;font-weight:800}.mk-ph-in input{width:6.2rem!important}.mk-src{padding-inline-start:.7rem!important;padding-inline-end:.7rem!important}.mk-ph-row>.icon-btn{color:var(--ink-soft)}.mk-grain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}@media (max-width:380px){.mk-grain-grid{grid-template-columns:1fr 1fr}}.mk-grain-grid label{display:grid;grid-template-columns:1fr auto;align-items: center;gap:.2rem .3rem;font-size:.8125rem;font-weight:700}.mk-grain-grid label>span{grid-column:1/-1}.mk-grain-grid i{color:var(--ink-soft);font-style:normal}.mk-asmade-log{display:flex;background:var(--turq-soft);border-radius:16px;align-items: flex-start;gap:.5rem;margin-bottom:.75rem;padding:.65rem .8rem;font-size:.875rem;line-height:1.45}.mk-asmade-log .ph{color:var(--purp);flex:none;width:20px;height:20px}.mk-asmade-log ul{margin:.2rem 0 0;padding-inline-start:1.1rem}.mk-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.45rem}.mk-chip{display:inline-flex;background:color-mix(in srgb,var(--m-smooth)18%,var(--card-2));box-shadow:inset 0 0 0 1px var(--line);font:700 .75rem/1.3 var(--body);border-radius:999px;align-items: center;gap:.3rem;padding:.25rem .55rem}.mk-chip .ph{color:var(--purp);width:14px;height:14px}.mk-asmade-d{color:var(--ink-soft);flex-basis:100%;font-size:.8125rem}.mk-asmade-d summary{display:inline-flex;color:var(--ink);cursor:pointer;align-items: center;gap:.3rem;min-height:32px;font-weight:800}.mk-asmade-d .ph{color:var(--purp);width:15px;height:15px}.mk-asmade-d ul{margin:.2rem 0 0;padding-inline-start:1.1rem}@media (prefers-reduced-motion:reduce){.mk-card,.mk-bar{animation:none!important}.mk-switch-track,.mk-switch-track i{transition:none}}@media print{#pill-kitchen,.mk-chart-key{display:none!important}}:root[dir=rtl] .mk-switch-track i{left:auto;right:4px}.sheet-hist{display:flex;gap:.25rem;margin-inline-start:auto;margin-inline-end:.35rem}.sheet-hist .icon-btn,.cmp-hist .icon-btn{background:var(--turq-soft)}[data-history][aria-disabled=true]{opacity:.38;cursor:default}[data-history][aria-disabled=true]:active{transform:none}@media (min-width:1320px) and (min-height:560px){.sheet-hist{margin-inline-end:0}}@media (max-width:374px){.sheet-hist [data-history=redo]{display:none}}.compare{container-type:inline-size}.cmp-head{display:flex;justify-content:space-between;align-items: center;gap:.5rem}.cmp-hist{display:flex;gap:.3rem}.cmp-intro{margin:.45rem 0 .75rem}.cmp-actions{display:flex;flex-wrap:wrap;gap:.5rem .6rem;margin-top:.8rem}.cmp-actions [aria-disabled=true]{opacity:.45;cursor:default}.cmp-actions [aria-disabled=true]:active{transform:none}.cmp-keys{list-style:none;display:grid;gap:.3rem;margin:.6rem 0 0;padding:0}.cmp-keys li{display:grid;grid-template-columns:26px auto minmax(0,1fr)auto;align-items: center;gap:.45rem;font-size:.9375rem}.cmp-keys b{font:700 1rem/1 var(--display)}.cmp-keys span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600}.cmp-keys small{color:var(--ink-soft);font-size:.8125rem}.cmp-swatch{border-top:3px solid var(--ink);border-radius:2px;width:26px;height:0}.cmp-swatch.a{opacity:.7;border-top-style:dashed}.cmp-changes{margin:.55rem 0 .5rem}.cmp-changes b{color:var(--ink)}.cmp-scroll{overflow-x:auto;margin:0 -.25rem}.cmp-table{border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums;width:100%;font-size:.9375rem}.cmp-table th,.cmp-table td{border-bottom:1px solid var(--line);text-align:end;vertical-align:top;padding:.42rem .4rem}.cmp-table thead th{font:700 .875rem/1.2 var(--display);color:var(--ink-soft);border-bottom-width:2px}.cmp-table tbody th{text-align:start;color:var(--ink-soft);white-space:nowrap;font-weight:700}.cmp-table tbody tr:last-child>*{border-bottom:0}.cmp-table td.win{color:var(--ink);font-weight:800}.cmp-table td.win:after{content:"";display:inline-block;background:var(--green);vertical-align:.15em;border-radius:50%;width:6px;height:6px;margin-inline-start:.3rem}.cmp-table .delta{color:var(--ink-soft);white-space:nowrap;font-weight:700}.cmp-note{margin-top:.5rem;font-size:.8125rem}@container (width<=400px){.cmp-table{font-size:.875rem}.cmp-table th,.cmp-table td{padding:.38rem .22rem}.cmp-table tbody th{white-space:normal}.cmp-table .delta{white-space:normal}}@container (width<=360px){.cmp-table{font-size:.8125rem}.cmp-table th,.cmp-table td{padding:.36rem .14rem}.cmp-table td.win:after{display:none}.cmp-keys li{grid-template-columns:22px auto minmax(0,1fr)}.cmp-keys small{display:none}}.bar-ghost{position:absolute;background:var(--ink);box-shadow:0 0 0 1.5px var(--card);opacity:.8;pointer-events:none;border-radius:2px;width:4px;height:18px;margin-inline-start:-2px;top:-4px}.chart .ghost-series{stroke-width:2.2;stroke-dasharray:6 5;opacity:.6}.chart .band-a{fill:none;stroke:var(--ink-faint);stroke-width:1.5;stroke-dasharray:5 4}.chart-tip{line-height:1.35}.chart:focus-visible{outline-offset:4px;border-radius:12px}.legend-a{display:inline-flex;box-shadow:inset 0 0 0 1.5px var(--line);font:700 .8125rem/1 var(--body);color:var(--ink-soft);border-radius:999px;align-items: center;gap:.35rem;min-height:34px;padding:.2rem .7rem}.legend-a i{border-top:3px dashed var(--ink-soft);width:18px;height:0}dialog.share-sheet{width:min(100vw - 24px,640px)}.share-sub{margin:-.2rem 0 .8rem}.share-grid{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items: start;gap:.9rem}.share-card{background:var(--card-2);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:18px}.share-text{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:600 .875rem/1.5 var(--body);color:var(--ink);border-radius:18px;max-height:38dvh;margin:0;padding:.8rem .9rem}.share-qr{text-align:center;width:148px;margin:0}.qr-box{box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;padding:6px}.qr-box svg{display:block;width:100%;height:auto}.share-qr figcaption{margin-top:.4rem;font-size:.8125rem}.share-link{display:grid;gap:.3rem;margin-top:.9rem;font-weight:700}.share-row{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem}.share-url{background:var(--card-2);box-shadow:inset 0 0 0 1.5px var(--line);font:600 .875rem var(--body);color:var(--ink-soft);border:0;border-radius:14px;flex:12ch;min-width:0;min-height:44px;padding:0 .8rem}.share-actions{margin-top:1rem}.share-actions .btn .ph,.share-row .btn .ph{width:1.15em;height:1.15em}@media (max-width:520px){.share-grid{grid-template-columns:minmax(0,1fr)}.share-qr{display:none}.share-actions{flex-direction:column-reverse;align-items:stretch}.share-actions .btn{padding-inline-start:min(1.35rem,5vw);padding-inline-end:min(1.35rem,5vw)}.share-row .btn span{display:none}}@media print{@page{size:auto;margin:11mm 12mm}#print-card{color:#003a49;font-size:9.5pt;line-height:1.35}#print-card .pc-head{margin-bottom:6px;padding-bottom:4px}#print-card .pc-head h1{font-size:22pt}#print-card h2{font:700 11.5pt/1.2 var(--display);margin:8px 0 3px}#print-card h2 small{font:400 8.5pt var(--body)}#print-card .headline{font:700 17pt/1.15 var(--display);margin:2px 0 6px}#print-card .pc-sub{margin:4px 0 2px;font-size:9.5pt}#print-card .pc-strip{list-style:none;display:flex;align-items:stretch;gap:3px;margin:0;padding:0}#print-card .pc-strip li{font-size:8.5pt;line-height:1.2}#print-card .pc-seg{-webkit-print-color-adjust:exact;print-color-adjust:exact;flex:var(--w)1 0;display:flex;background:#e9f6f7;border-top:3px solid #13bfc8;border-radius:7px;flex-direction:column;min-width:76px;padding:4px 6px 5px}#print-card .pc-seg.pc-incubate{background:#fde8ee;border-top-color:#c4385f}#print-card .pc-seg.pc-chill{background:#eaf2fb;border-top-color:#6c9fd3}#print-card .pc-seg.pc-strain{background:#f1ecfb;border-top-color:#8a6cc9}#print-card .pc-seg b{font:700 9pt var(--display)}#print-card .pc-seg span{white-space:nowrap;font-size:10pt;font-weight:800}#print-card .pc-seg small{color:#3d6f7c;font-size:7.5pt}#print-card .pc-pin{font:700 9pt var(--display);flex:none;align-self: center;padding:0 2px}#print-card .pc-eat{color:#c4385f}#print-card .pc-cols{grid-template-columns:1fr 1.75fr;gap:0 18px;margin-top:2px}#print-card .pc-ing li{padding:2px 0;font-size:9.5pt}#print-card .pc-glance{font-size:8.5pt;line-height:1.4}#print-card .pc-steps li{gap:6px;padding:2px 0;font-size:8.5pt;line-height:1.3}#print-card .pc-steps .box{width:10px;height:10px;margin-top:2px}#print-card .pc-qr{display:flex;break-inside:avoid;align-items: center;gap:8px;margin-top:10px}#print-card .pc-qr svg{flex:none;width:27mm;height:27mm}#print-card .pc-qr p{color:#3d6f7c;margin:0;font-size:8pt}#print-card .pc-data{break-before:auto;break-inside:avoid}#print-card table{font-size:8.5pt}#print-card table th[scope=row]{text-align:start;font-weight:600}#print-card .pc-cap{color:#3d6f7c;margin:2px 0 0;font-size:7.5pt}#print-card .fine{overflow-wrap:anywhere;margin-top:6px;font-size:7.5pt}}@media (max-width:759px){.compare.is-empty{display:none}}.zoom-hint{display:none!important}.zoom-tour{position:absolute;right:6px;bottom:calc(50% + 2*var(--zoom-step) + 14px);pointer-events:auto;display:inline-flex;cursor:pointer;background:var(--card);color:var(--ink);font:800 .875rem/1 var(--body);box-shadow:var(--shadow-sm),0 3px 0 var(--turq-edge);white-space:nowrap;animation:zoom-hint-in .5s var(--ease-out-back)both;border:0;border-radius:999px;align-items: center;gap:.35rem;min-width:44px;min-height:44px;padding:0 .85rem 0 .65rem}.zoom-tour .ph{color:var(--pink);width:20px;height:20px}.zoom-tour:active{box-shadow:var(--shadow-sm),0 1px 0 var(--turq-edge);transform:translateY(2px)}.zoom-tour.running{background:var(--pink);color:var(--on-pink);box-shadow:var(--shadow-sm),0 3px 0 var(--pink-shadow)}.zoom-tour.running .ph{color:currentColor}.zoom.toured .zoom-tour:not(.running){justify-content:center;width:44px;padding:0}.zoom.toured .zoom-tour:not(.running) .zt-lbl{display:none}.zoom.toured .zoom-tour:not(.running):-webkit-any(:hover,:focus-visible){width:auto;padding:0 .85rem 0 .65rem}.zoom.toured .zoom-tour:not(.running):-moz-any(:hover,:focus-visible){width:auto;padding:0 .85rem 0 .65rem}.zoom.toured .zoom-tour:not(.running):is(:hover,:focus-visible){width:auto;padding:0 .85rem 0 .65rem}.zoom.toured .zoom-tour:not(.running):-webkit-any(:hover,:focus-visible) .zt-lbl{display:inline}.zoom.toured .zoom-tour:not(.running):-moz-any(:hover,:focus-visible) .zt-lbl{display:inline}.zoom.toured .zoom-tour:not(.running):is(:hover,:focus-visible) .zt-lbl{display:inline}.zoom.active:not([data-level="0"]) .zoom-tour:not(.running){display:none}.zoom.active .zoom-tour.running{top:8px;bottom:auto;right:calc(var(--zoom-step) + 26px)}@container jarwrap (height<=270px){.zoom-tour{bottom:auto;top:calc(50% - 2*var(--zoom-step) - 4px);right:calc(var(--zoom-step) + 24px)}}html.no-zoom .zoom-tour,.zd-lbl{display:none}.zoom.dial-labelled{--zoom-step:52px;--zd-w:max(64px,3.5rem)}.zoom-dial.labelled .zd-stop{width:var(--zd-w);grid-template-rows:auto auto;align-content: center;gap:2px}.zoom-dial.labelled .zd-lbl{display:block;font:800 .75rem/1 var(--body);letter-spacing:0;text-transform:lowercase}.zoom-dial.labelled .zd-knob{width:var(--zd-w);border-radius:22px}.zoom-dial.labelled .zd-stop.on .zd-lbl{color:var(--on-pink)}.zoom.dial-labelled .zoom-card{right:calc(var(--zd-w) + 26px)}.zoom.dial-labelled .zoom-key{right:calc(var(--zd-w) + 22px)}@container jarwrap (height<=300px){.zoom.dial-labelled{--zoom-step:38px}.zoom-dial.labelled .zd-lbl{display:none}.zoom-dial.labelled .zd-stop,.zoom-dial.labelled .zd-knob{width:var(--zoom-step)}.zoom-dial.labelled .zd-knob{border-radius:50%}.zoom.dial-labelled .zoom-card{right:calc(var(--zoom-step) + 26px)}}.zc-fold,.zc-split{cursor:pointer;color:var(--pink);background:0 0;border:0;flex:none}.zc-fold{display:grid;border-radius:50%;place-items: center;width:44px;height:44px;margin-block-start:-7px;margin-block-end:-7px;margin-inline-start:-6px;margin-inline-end:-7px}.zc-fold .ph{width:20px;height:20px}.zc-key{margin-inline-end:-4px}.zc-split{display:inline-flex;font:800 .8125rem/1 var(--body);white-space:nowrap;border-radius:999px;align-items: center;gap:.3rem;min-height:44px;margin:-7px 0;margin-inline-start:auto;padding:0 .55rem}.zc-split .ph{width:18px;height:18px}.zc-split[aria-pressed=true]{background:color-mix(in srgb,var(--pink)14%,transparent)}.zc-head:has(.zc-split:not([hidden])) .zc-illu{display:none}.zc-split:not([hidden])~.zc-key{margin-inline-start:-4px}.zc-why:not([hidden])~.zc-split{margin-inline-start:0}@container zcard (width<=380px){.zc-split span{display:none}.zc-split{width:44px;padding:0;justify-content:center}}.zc-why{position:relative}.zc-why:after{content:"";position:absolute;inset:-8px -2px}.zoom-card.folded{max-width:calc(100% - var(--zoom-step) - 36px);padding-block-start:.4rem;padding-block-end:.4rem;right:auto}.zoom-card.folded .zc-text,.zoom-card.folded .zc-note,.zoom-card.folded .zc-why,.zoom-card.folded .zc-illu{display:none!important}.zoom-card.folded .zc-ic{cursor:pointer}.zoom-split{position:absolute;inset:0;pointer-events:none!important}.zoom-split i{position:absolute;top:var(--y0,0);height:var(--h,100%);left:var(--x,50%);background:var(--card);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink)25%,transparent),0 0 12px #00283259;width:3px;margin-left:-1.5px}.zoom-split span{position:absolute;background:var(--card);color:var(--ink);font:800 .8125rem/1.1 var(--body);box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:999px;padding:.3rem .6rem;top:64px}.zoom-split .zs-b{right:calc(100% - var(--x,50%) + 10px)}.zoom-split .zs-a{left:calc(var(--x,50%) + 10px);color:var(--pink)}.zoom[data-level="1"].settled .zoom-gl{touch-action:none}.zoom-fact.right:after,.zoom-fact.left:after{bottom:auto;left:auto;top:var(--tip,50%);border:8px solid #0000;margin:-8px 0 0}.zoom-fact.right:after{border-left:0;border-right-color:var(--card);left:-7px}.zoom-fact.left:after{border-right:0;border-left-color:var(--card);right:-7px}@media (prefers-reduced-motion:reduce){.zoom-tour{animation:none}}:root[dir=rtl] .zoom-tour{left:6px;right:auto}:root[dir=rtl] .zoom.active .zoom-tour.running{right:auto;left:calc(var(--zoom-step) + 26px)}@container jarwrap (height<=270px){:root[dir=rtl] .zoom-tour{right:auto;left:calc(var(--zoom-step) + 24px)}}:root[dir=rtl] .zoom.dial-labelled .zoom-card{left:calc(var(--zd-w) + 26px);right:10px}:root[dir=rtl] .zoom.dial-labelled .zoom-key{left:calc(var(--zd-w) + 22px);right:8px}@container jarwrap (width>=520px){:root[dir=rtl] .zoom.dial-labelled .zoom-card{right:14px}}@container jarwrap (width>=560px){:root[dir=rtl] .zoom.dial-labelled .zoom-key{right:12px}}@container jarwrap (height<=200px){:root[dir=rtl] .zoom.dial-labelled .zoom-card{right:6px}}@container jarwrap (height<=300px){:root[dir=rtl] .zoom.dial-labelled .zoom-card{left:calc(var(--zoom-step) + 26px)}}:root[dir=rtl] .zoom-card.folded{left:auto}dialog.cook:not(.planning) .cook-foot:has(.cook-back){display:grid;grid-template-columns:58px minmax(0,1fr)minmax(58px,auto);align-items: center;gap:6px 10px}dialog.cook:not(.planning) .cook-foot:has(.cook-back) .cook-primary{height:auto;min-height:58px;padding-block-start:6px;padding-block-end:6px}dialog.cook:not(.planning) .cook-foot:has(.cook-back):not(:has(.cook-more,[data-a=more30])) .cook-primary{grid-column:2/-1}.cook-foot .cook-primary span{overflow-wrap:break-word;min-width:0}dialog.cook:not(.planning) .cook-foot .cook-primary{gap:min(.45rem,8px);padding-inline-start:min(1.35rem,20px);padding-inline-end:min(1.35rem,20px)}dialog.cook:not(.planning) .cook-foot .cook-primary .ph{flex:none;width:min(1.4em,30px);height:min(1.4em,30px)}.cook-foot .cook-primary.confirm span{font-size:.9375rem}.cook-foot .cook-more[hidden]{visibility:hidden;display:flex!important}@media (orientation:landscape) and (max-height:520px),(orientation:landscape) and (min-width:900px) and (min-height:621px){dialog.cook:not(.planning) .cook-foot:has(.cook-back){grid-template-columns:58px minmax(0,460px)minmax(58px,auto);justify-content:end}}.km-hold-hint{grid-column:1/-1;display:flex;font:700 .8125rem/1.2 var(--body);color:var(--ink-soft);justify-content:center;align-items: center;gap:.4rem;margin:0}.km-hold-hint .ph{color:var(--pink);width:1.1em;height:1.1em}.km-hold-hint.nudge{animation:km-nudge .7s var(--ease-out-back)}@keyframes km-nudge{30%{transform:scale(1.08);color:var(--ink)}}@media (orientation:portrait) and (max-height:700px){.km-hold-hint{font-size:.75rem}}dialog.cook[data-km-touch]:not(.planning) .cook-body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}dialog.cook[data-km-touch]:not(.planning) .cook-body :-webkit-any(input,textarea){-webkit-user-select:text;user-select:text}dialog.cook[data-km-touch]:not(.planning) .cook-body :-moz-any(input,textarea){-webkit-user-select:text;user-select:text}dialog.cook[data-km-touch]:not(.planning) .cook-body :is(input,textarea){-webkit-user-select:text;user-select:text}.km-hold{position:absolute;z-index:5;pointer-events:none;display:grid;opacity:0;transition:opacity .12s,transform .18s var(--ease-out-back);place-items: center;width:132px;height:132px;margin:-66px 0 0 -66px;transform:scale(.7)}.km-hold.on{opacity:1;transform:scale(1)}.km-hold svg{position:absolute;width:100%;height:100%;inset:0;transform:rotate(-90deg)}.km-hold circle{fill:none;stroke-width:9;stroke-linecap:round}.km-hold .t{stroke:color-mix(in srgb,var(--ink)18%,transparent);fill:color-mix(in srgb,var(--card-2)70%,transparent)}.km-hold .b{stroke:var(--pink);stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,0)*100)}.km-hold.done{transform:scale(1.12)}.km-hold span{position:absolute;white-space:nowrap;background:var(--ink);color:var(--cream);font:800 .875rem/1.1 var(--body);border-radius:999px;padding:.3rem .7rem;top:calc(100% + 6px)}@media (min-width:700px) and (min-height:560px){dialog.cook:not(.planning) .cook-lead{max-width:36em;font-size:1.3125rem;line-height:1.5}dialog.cook:not(.planning) .cook-tips li{padding:.75rem .95rem;font-size:1.25rem;line-height:1.45}dialog.cook:not(.planning) .cook-tips .ph{width:24px;height:24px;margin-top:2px}dialog.cook:not(.planning) .cook-alarm,dialog.cook:not(.planning) .cook-added{font-size:1.25rem}dialog.cook:not(.planning) .cook-progress-label{font-size:1rem}.cook-foot .btn{font-size:1.1875rem}.km-hold-hint{font-size:.9375rem}}.km-live{display:grid;text-align:start;background:var(--card-2);box-shadow:var(--shadow-sm);border-radius:26px;gap:.75rem;width:100%;padding:.75rem}.km-jar{position:relative;overflow:hidden;aspect-ratio:4/3;background:radial-gradient(120% 90% at 50% 10%,color-mix(in srgb,var(--sky-top)45%,var(--card-2)),color-mix(in srgb,var(--sky-bot)70%,var(--card-2)));border-radius:20px;min-height:150px}.km-canvas{position:absolute;display:block;width:100%;height:100%;inset:0}.km-live.no-jar .km-jar{display:none}.km-badge{position:absolute;display:inline-flex;background:var(--card-2);color:var(--ink);font:800 .8125rem/1.15 var(--body);box-shadow:var(--shadow-sm);border-radius:999px;align-items: center;gap:.4rem;max-width:calc(100% - 16px);margin:0;padding:.3rem .65rem;top:8px;left:8px}.km-badge .live-dot{background:var(--red);border-radius:50%;flex:none;width:9px;height:9px}.km-look{display:grid;gap:.5rem}.km-look h4{font:700 1.125rem/1.2 var(--display);letter-spacing:-.01em;color:var(--ink-soft);margin:0}.km-states{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:0;padding:0}.km-states li{display:grid;color:var(--ink-soft);transition:background .3s,transform .3s var(--ease-out-back);border-radius:18px;justify-items:center;gap:.15rem;padding:.4rem .25rem .5rem}.km-states li:not(.on) .km-svg{opacity:.55}.km-states li b{font:800 .9375rem/1.1 var(--body)}.km-states li.on{color:var(--ink);background:var(--turq-soft);box-shadow:inset 0 0 0 3px var(--pink);transform:scale(1.04)}.km-svg{display:block;width:100%;max-width:92px;height:auto}.km-svg .glass{fill:none;stroke:currentColor;stroke-width:3.2;stroke-linejoin:round}.km-svg .lid{fill:var(--pink)}.km-svg .milk{fill:#fff3d6}.km-svg .gel{fill:#fff3d6;stroke:#e7cf9f;stroke-width:1.2}.km-svg .whey{fill:#e8edb0}.km-svg .surf{stroke:#d9b97a;stroke-width:2;fill:none}.km-svg .gap{stroke:var(--pink);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:3 4;fill:none}.km-svg .shadow{fill:currentColor;opacity:.12}.km-now{font:700 1.0625rem/1.45 var(--body);color:var(--ink);margin:0}.km-acts{margin:0}.cook-follow.km-hide{display:none}@media (min-width:700px) and (min-height:560px){.km-now{font-size:1.25rem}.km-look h4{font-size:1.375rem}.km-states li b{font-size:1.0625rem}.km-live.km-check .km-svg{max-width:120px}}@media (min-width:700px) and (min-height:560px) and (orientation:portrait),(min-width:700px) and (min-height:560px) and (pointer:fine) and (max-width:899px){.cook-now.km-has-live{grid-template-columns:repeat(2,minmax(0,1fr));align-items: start;column-gap:1.25rem}.cook-now.km-has-live>*{grid-column:1/-1}.cook-now.km-has-live>.cook-ring{grid-column:1;place-self: center;width:min(40vw,360px,30dvh);min-width:200px}.cook-now.km-has-live>.km-live{grid-column:2}.cook-now.km-has-live .cook-time{font-size:clamp(2.6rem,6dvh,4.2rem)}}@media (orientation:landscape) and (min-width:900px) and (min-height:621px){.cook-now.km-has-live>.cook-ring{width:min(46dvh,32vw,440px)}.km-live{grid-template-columns:minmax(0,.9fr)minmax(0,1.1fr);align-items: start}.km-jar{aspect-ratio:1}}@media (orientation:landscape) and (max-height:520px){.cook-now.km-has-live{grid-template-columns:auto minmax(150px,.8fr)minmax(0,1.2fr)}.cook-now.km-has-live>*{grid-column:3}.cook-now.km-has-live>.cook-ring{grid-column:1;grid-row:1/span 5;position:sticky;align-self: start;top:0}.cook-now.km-has-live>.km-live{grid-column:2;grid-row:1/span 5;position:sticky;align-self: start;gap:.4rem;padding:.5rem;top:0}.km-live .km-jar{aspect-ratio:1;min-height:0}.km-live h4,.km-live .km-acts{display:none}.km-states{grid-template-columns:1fr}.km-states li:not(.on){display:none}.km-states li{grid-template-columns:40px 1fr;place-items: center start;padding:.25rem .4rem;transform:none!important}.km-live .km-now{font-size:.8125rem;line-height:1.35}.km-badge{padding:.2rem .5rem;font-size:.75rem}}.km-suggest{display:grid;grid-template-columns:auto minmax(0,1fr);background:color-mix(in srgb,var(--purp)14%,var(--card-2));color:var(--ink);border-radius:20px;align-items: center;gap:.4rem .6rem;padding:.75rem .9rem}.km-suggest>.ph{color:var(--purp);width:26px;height:26px}.km-suggest p{margin:0;font-size:1rem;line-height:1.4}.km-suggest-acts{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.cook-head .km-night{display:inline-flex;border-radius:16px;flex-direction:column;justify-content:center;align-items: center;gap:1px;width:52px}.cook-head .km-night .ph{width:1.15em;height:1.15em}.cook-head .km-night small{font:800 .625rem/1 var(--body)}dialog.cook[data-night]{--cream:#120705;--card:#170a07;--card-2:#1f0e09;--line:#3a1a10;--track:#2a130c;--ink:#d98f52;--ink-soft:#c07a45;--ink-faint:#9a6038;--pink:#ff7448;--pink-bright:#ff6a3d;--pink-shadow:#4a1208;--on-pink:#ffb478;--pink-ink:#ff7448;--purp:#e0894f;--turq:#a9602a;--turq-soft:#2a140b;--turq-edge:#3c1a0c;--chip:#ff8c5014;--chip-on:#d98f52;--chip-on-ink:#120705;--amber:#f0a040;--amber-bg:#3a1c0a;--red:#ff6a50;--red-bg:#3a120c;--m-tart:#e08a3a;--m-aroma:#c98a3a;--m-lactose:#6b4a2a;--m-smooth:#b0603a;--sky-top:#3a1608;--sky-bot:#1c0905;--head-sky:linear-gradient(180deg,#2a1009,#1a0906);--shadow:0 18px 40px -18px #000000d9;--shadow-sm:0 6px 16px -8px #000c;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;background:var(--cream);color:var(--ink)}dialog.cook[data-night] .btn:not(.ghost),dialog.cook[data-night] .cook-step-icon{color:#ffb478;background:#7a1f10;box-shadow:0 5px #3e0f06}dialog.cook[data-night] .cook-primary.confirm{background:var(--amber-bg);color:var(--amber);box-shadow:0 4px #5a2a0c}dialog.cook[data-night] .cook-head .icon-btn{color:var(--ink);background:#2a1209}dialog.cook[data-night] .cook-head .icon-btn[aria-pressed=true]{color:var(--pink);background:#3c1a0c}dialog.cook[data-night] .cook-list li.done .dot{color:#120705}dialog.cook[data-night] .cook-ring .track{stroke:#2a130c;fill:#170a07}dialog.cook[data-night] .km-jar{background:radial-gradient(120% 90% at 50% 10%,#2a1009,#120705)}dialog.cook[data-night] .km-svg .milk,dialog.cook[data-night] .km-svg .gel{fill:#8a5a32;stroke:#a06a3a}dialog.cook[data-night] .km-svg .whey{fill:#6a5a22}dialog.cook[data-night] .km-svg .surf{stroke:#c08a4a}dialog.cook[data-night] .km-hold span{background:var(--ink);color:#120705}dialog.cook[data-night] .confetti{display:none}dialog.cook[data-night]::backdrop{background:#0a0302d9}@media (prefers-reduced-motion:reduce){.km-hold,.km-states li{transition:none}.km-hold-hint.nudge{animation:none}}dialog.cook[data-night] .km-canvas{filter:brightness(.5)sepia(.7)saturate(1.5)hue-rotate(-12deg)}@media (min-width:560px){.km-suggest{grid-template-columns:auto minmax(0,1fr)auto;padding:.5rem .6rem .5rem .9rem}.km-suggest-acts{grid-column:auto;flex-wrap:nowrap}}@media (orientation:landscape) and (max-height:520px){.km-hold-hint{display:none}.km-suggest p{font-size:.875rem}.km-suggest>.ph{width:20px;height:20px}}dialog.cook[data-night] .toast{color:var(--ink);background:#2a1209;box-shadow:0 8px 24px -8px #000}@media (max-width:379px){.cook-head .km-night{width:44px}.cook-head .km-night small{display:none}}:root[dir=rtl] .km-badge{left:auto;right:8px}html.ys-calm .handling.shh .handling-chip,html.ys-calm .tilt-btn .ph,html.ys-calm .pill-live .live-dot,html.ys-calm .appnav-btn.running .appnav-dot,html.ys-calm .cook-progress i.now,html.ys-calm .cook-blob-big,html.ys-calm #loading svg{animation:none!important}html.ys-calm .cook-pill.due,html.ys-calm .summary-batch.due,html.ys-calm .cook-ring.due{animation-iteration-count:1!important}.seg button{min-width:44px;min-height:44px}.seg-units{gap:0;padding:0}.seg-units button{min-width:44px;height:44px}@media (max-width:359px){.wordmark{font-size:1.4rem}.seg-units button{min-width:44px;padding:0 .3rem}}.icon-btn.small,.controls .icon-btn{width:44px;height:44px}.controls .icon-btn:-webkit-any(*){width:44px;height:44px}.controls .icon-btn:-moz-any(*){width:44px;height:44px}.controls .icon-btn:is(*){width:44px;height:44px}@media (max-width:374px){.controls .icon-btn{width:44px;height:44px}.controls{gap:.25rem}}.stepper button{width:44px;height:44px}input[type=range],.taste-dial input[type=range]{height:44px}.jump a{position:relative}.jump a:before{content:"";position:absolute;inset:-7px -2px}.sheet-grip{height:44px;top:-10px}.legend button{min-height:44px}.skip{display:inline-flex;align-items: center;min-height:44px}.marker b{position:relative}.marker b:before{content:"";position:absolute;border-radius:50%;inset:-8px}.zoom-dial:before{content:"";position:absolute;border-radius:999px;width:max(100%,44px);top:0;bottom:0;left:50%;transform:translate(-50%)}@container jarwrap (height<=230px) and (height>=196px){.zoom-dial{--zoom-step:44px;padding:0}.zd-knob{left:0;bottom:0}}@container jarwrap (height<=270px){.zoom-tour{top:6px;right:calc(var(--zoom-step) + 20px);padding:0;width:44px;justify-content:center}.zoom-tour .zt-lbl{display:none}}.appnav-btn,.scrub-ticks span,.macros i,.badge,.estimate,.speed small,.tile small,.cook-wake small,.cook-more small,.summary-batch small,.km-badge,.km-hold-hint,.menu button[aria-checked=true]:after,.cook-head .km-night small,.zd-lbl,.taste-ends span,.bl-refs,.sci-table tbody th small,.sci-g,.sci-ref{font-size:max(12px,.75rem)!important}@media (max-width:359px){.summary-batch small{display:none}}.marker.spread:after{background:0 0}.marker.spread b:after{content:"";position:absolute;height:var(--lead-len,6px);background:var(--mk,var(--ink));transform-origin:top center;transform:rotate(var(--lead-ang,0deg));pointer-events:none;border-radius:1px;width:2px;top:calc(100% + 1px);left:calc(50% - 1px)}.marker.spread:hover b{transform:none}.keys-switch{appearance:none;display:flex;background:var(--turq-soft);color:var(--ink);text-align:start;cursor:pointer;border:0;border-radius:18px;flex-wrap:wrap;align-items: center;gap:.75rem;width:100%;min-height:56px;margin:.25rem 0 .9rem;padding:.6rem .85rem}.keys-switch>.ph{color:var(--pink);flex:none;width:26px;height:26px}.keys-switch>span{flex:10rem;min-width:0}.keys-switch b{display:block;font:800 1rem/1.2 var(--body)}.keys-switch small{display:block;font:600 .8125rem/1.35 var(--body);color:var(--ink-soft);margin-top:.15rem}.keys-switch i{background:var(--track);box-shadow:inset 0 0 0 2px var(--ink-faint);position:relative;border-radius:999px;flex:none;width:52px;height:32px;margin-inline-start:auto;transition:background .2s}.keys-switch i:after{content:"";position:absolute;background:var(--ink-faint);transition:transform .25s var(--ease-out-back);border-radius:50%;width:24px;height:24px;top:4px;left:4px}.keys-switch[aria-checked=true] i{background:var(--pink);box-shadow:none}.keys-switch[aria-checked=true] i:after{transform:translateX(calc(20px*var(--flip)));background:#fff}@media (prefers-reduced-motion:reduce){.keys-switch i,.keys-switch i:after{transition:none}}@container jarwrap (height<=170px){.zoom-tour:not(.running){display:none}}:root[dir=rtl] .keys-switch i:after{left:auto;right:4px}