:root{--bg: #ffffff;--surface: #f4f5f7;--surface-2: #e9ebef;--fill: rgba(17, 19, 24, .05);--ink: #111318;--ink-2: #5c616a;--ink-3: #6b717a;--line: rgba(17, 19, 24, .08);--line-2: #d7dae0;--accent: #a4832a;--accent-ink: #1b1608;--accent-soft: rgba(201, 168, 76, .14);--brass-hi: #f1dfa6;--brass-lo: #d2b15a;--gold-glow: rgba(201, 168, 76, .55);--hair: rgba(255, 255, 255, .9);--good: #2f9e5b;--warn: #c77a12;--bad: #d4453a;--water: #2b8ea3;--grinder: #111318;--brewer: #2b8ea3;--scale: #8b9098;--shadow: 0 0 0 0 transparent;--lift: 0 18px 40px -20px rgba(0, 0, 0, .35);--bar: rgba(255, 255, 255, .88);--r-sm: 12px;--r: 16px;--r-lg: 20px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, system-ui, sans-serif;--font-d: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, system-ui, sans-serif;--font-ar: -apple-system, "SF Arabic", "Geeza Pro", "Noto Naskh Arabic", "Segoe UI", Tahoma, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--tab-h: 56px;--gap: 32px;color-scheme:light}:root[data-theme=dark]{--bg: #09090b;--surface: #151618;--surface-2: #1e2024;--fill: rgba(255, 255, 255, .06);--ink: #ffffff;--ink-2: #a7abb3;--ink-3: #7c8189;--line: rgba(255, 255, 255, .08);--line-2: #2c2f35;--accent: #e4c66c;--accent-ink: #1b1608;--accent-soft: rgba(228, 198, 108, .14);--brass-hi: #f4e2a3;--brass-lo: #cba84c;--gold-glow: rgba(228, 198, 108, .6);--hair: rgba(255, 255, 255, .05);--good: #5cc98a;--warn: #e9a23b;--bad: #ff6b5c;--water: #7cc3d4;--grinder: #ffffff;--brewer: #7cc3d4;--scale: #a7abb3;--shadow: 0 0 0 0 transparent;--lift: 0 22px 48px -22px rgba(0, 0, 0, .9);--bar: rgba(10, 10, 12, .88);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{margin:0;height:100%;scroll-padding-block-start:72px;background:var(--bg);scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none;width:0;height:0}*{scrollbar-width:none}body{margin:0;min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.45;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom))}:root[lang=ar] body{font-family:var(--font-ar);line-height:1.7}:root[lang=ar] .mono,:root[lang=ar] .dump{font-family:var(--mono);direction:ltr}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0;color:inherit}h1{margin:0;font-family:var(--font-d);font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.1}h2{margin:0;font-family:var(--font-d);font-size:19px;font-weight:650;letter-spacing:-.02em}h3{margin:0;font-size:15px;font-weight:650}p{margin:0}:root[lang=ar] :is(h1,h2,h3,.display){letter-spacing:0;font-family:var(--font-ar)}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.sm{font-size:13px}.xs{font-size:12px}.mono{font-family:var(--mono);font-size:12px}.hide{display:none!important}.num{font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:isolate}:root[dir=rtl] :is(.rt-body,.sc-body,.hbody,.lt)>.ltr{text-align:right}:root[dir=rtl] .f-ratio.ltr{inset-inline-start:auto;inset-inline-end:12px}.chev{width:18px;height:18px;flex:none;color:var(--ink-3)}:root[dir=rtl] .chev{transform:scaleX(-1)}.veil{position:fixed;inset-block-start:0;inset-inline:0;z-index:30;pointer-events:none;height:env(safe-area-inset-top,0px);background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:8px;flex:none}.logo{width:22px;height:22px;color:var(--ink)}.wordmark{font-family:var(--font-d);font-size:22px;font-weight:700;letter-spacing:-.035em}.sidefoot{display:none}.pill{display:flex;align-items:center;gap:7px;min-width:0;padding:6px 12px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;color:var(--ink-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--ink-3);flex:none}.pill[data-status=connected] .dot{background:var(--good)}.pill[data-status=silent] .dot{background:var(--warn)}.pill[data-status=connecting] .dot{background:var(--warn);animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-weight:600;font-size:14.5px;min-height:44px;color:var(--ink);transition:transform .06s ease,opacity .15s,background .15s}a.btn{text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-1{background:var(--accent);color:var(--accent-ink);box-shadow:none}.btn-q{background:transparent;color:var(--ink-2);box-shadow:none}.btn-bad{color:var(--bad);background:transparent;box-shadow:none}.btn-big{width:100%;min-height:52px;font-size:16px;border-radius:16px}.btn-sm{min-height:36px;padding:6px 14px;font-size:13.5px}.btn svg{width:18px;height:18px;flex:none}.row-btns{display:flex;gap:8px}.row-btns>.btn{flex:1}.iconbtn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}.iconbtn svg{width:21px;height:21px}.link{display:inline-flex;align-items:center;gap:2px;font-size:14px;color:var(--ink-2);font-weight:500}.link .chev{width:16px;height:16px}.view{max-width:620px;margin-inline:auto;padding:8px 20px 24px;display:grid;gap:var(--gap)}.view>*,.stack>*,.panel>*,.row>*,.sheet>*{min-width:0}.row-btns{flex-wrap:wrap}.row-btns>.btn{flex:1 1 0%;min-width:max-content}.stack{display:grid;gap:16px}.row{display:flex;align-items:center;gap:8px}.grow{flex:1;min-width:0}.brewbar h2.grow{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2}.g2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sect{display:grid;gap:12px}.panel{background:var(--surface);border-radius:var(--r-lg);padding:16px;display:grid;gap:12px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}.intro{display:grid;gap:8px;padding-block-start:4px}.display{font-size:clamp(32px,9.4vw,44px);font-weight:750;letter-spacing:-.045em;line-height:1.02}.lede{font-size:17px;color:var(--ink-2);letter-spacing:-.01em}:root[lang=ar] .display{line-height:1.3;font-weight:700}.mcard{position:relative;overflow:hidden;min-height:168px;background:var(--surface);border-radius:var(--r-lg);padding:18px 18px 20px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);display:grid;gap:14px;align-content:start}.mtop{display:flex;align-items:flex-start;gap:8px;position:relative;z-index:1}.mhead{flex:1;min-width:0;display:grid;gap:4px;text-align:start;justify-items:start}.mhead .mname{font-family:var(--font-d);font-size:22px;font-weight:700;letter-spacing:-.03em;display:flex;align-items:center;gap:2px;min-width:0;max-width:100%}.mhead .mname span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mhead .mname>span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15;overflow-wrap:anywhere}.mhead .mname{align-items:flex-start}.mhead .mname .chev{margin-block-start:.22em}.mhead .mstat{font-size:14px;color:var(--ink-2);display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.mhead .mstat>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mstat .dot{width:9px;height:9px;border-radius:50%;background:var(--ink-3);opacity:.6;flex:none}.mcard[data-live=on] .mstat .dot,.mcard[data-live=brewing] .mstat .dot{background:var(--good);opacity:1}.mcard[data-live=silent] .mstat .dot{background:var(--warn);opacity:1}.mcard .iconbtn{box-shadow:none;background:transparent;margin:-8px -8px 0 0}:root[dir=rtl] .mcard .iconbtn{margin:-8px 0 0 -8px}.mcard[data-live=off] .rig{color:var(--ink-3);opacity:.55;stroke-dasharray:4 5}.mcard[data-live=off] .rig path,.mcard[data-live=off] .rig circle{stroke-dasharray:4 5}.mtop,.hero-note,.mchips,.mcard>.pillbtn{max-width:calc(100% - 166px)}.hero-note{font-size:13.5px;color:var(--ink-2);position:relative;z-index:1}.mchips{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:1}.mchip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--fill);color:var(--ink-2);white-space:nowrap}.mchip svg{width:13px;height:13px;flex:none}.mchip.warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}@media (max-width: 360px){.mtop,.hero-note,.mchips,.mcard>.pillbtn{max-width:calc(100% - 128px)}}.rows{background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}.lrow{display:flex;align-items:center;gap:14px;padding:12px 16px;width:100%;text-align:start;min-height:72px;transition:background .15s}.lrow+.lrow{position:relative}.lrow+.lrow:before{content:"";position:absolute;inset-block-start:0;inset-inline:16px;height:1px;background:var(--line)}.lrow:active{background:var(--surface-2)}.lrow:disabled{cursor:not-allowed}.lrow:disabled .ib,.lrow:disabled .lt{opacity:.45}.ib{width:48px;height:48px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;flex:none;color:var(--ink)}.ib svg{width:24px;height:24px}.lrow .lt{flex:1;min-width:0;display:grid;gap:1px}.lrow .l1{font-size:16.5px;font-weight:600;letter-spacing:-.01em}.lrow .l2{font-size:14px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px;padding-block:2px 6px;scroll-snap-type:x proximity}.rail::-webkit-scrollbar{display:none}.searchbox{display:flex;align-items:center;gap:10px;padding:0 16px;min-height:52px;background:var(--surface);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-3)}.searchbox svg{width:21px;height:21px;flex:none}.searchbox:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent)}.search{flex:1;min-width:0;padding:12px 0;background:transparent;border:0;font-size:16px;color:var(--ink);outline:none}.search::placeholder{color:var(--ink-3)}.empty{text-align:center;padding:32px 16px;color:var(--ink-2);display:grid;gap:12px;justify-items:center;background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line)}.field{display:grid;gap:5px;min-width:0}.field>label{font-size:12.5px;font-weight:600;color:var(--ink-2)}.field input[type=text],.field input[type=number],.field select,.field textarea{width:100%;padding:12px 14px;border-radius:var(--r-sm);border:0;background:var(--surface-2);min-height:46px;color:var(--ink);font-size:16px}.field textarea{min-height:76px;resize:vertical}.field :is(input,select,textarea):focus{outline:2px solid var(--accent);outline-offset:-2px}.hint{font-size:11.5px;color:var(--ink-3)}input[type=range]{width:100%;accent-color:var(--accent)}.sw{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.sw>span{flex:1}.sw input{-webkit-appearance:none;appearance:none;flex:none;width:44px;height:26px;border-radius:999px;background:var(--line-2);position:relative;transition:background .15s;margin:0}.sw input:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:inset-inline-start .15s}.sw input:checked{background:var(--accent)}.sw input:checked:after{inset-inline-start:21px}.seg{display:flex;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2);width:100%}.seg{padding:3px;gap:3px;border-radius:999px}.seg button{flex:1;padding:9px 8px;font-size:13.5px;font-weight:600;color:var(--ink-2);border-radius:999px}.seg button.on{background:var(--ink);color:var(--bg)}.chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--surface-2);color:var(--ink-2)}.chip.a{background:var(--accent-soft);color:var(--accent)}.pour{border-radius:var(--r);padding:14px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:10px}.pour .ph{display:flex;align-items:center;gap:8px}.pour .n{width:23px;height:23px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.problems{padding:10px 13px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad);font-size:13px;display:grid;gap:3px}.sticky .problems{margin-block-end:10px;max-height:7.2em;overflow-y:auto;background:color-mix(in srgb,var(--bad) 12%,var(--bg))}.sticky .problems.hide{display:none}.strip{display:flex;gap:20px;padding:2px}.strip div{flex:1;text-align:center}.strip b{display:block;font-size:20px;letter-spacing:-.02em;font-weight:650;font-variant-numeric:tabular-nums}.strip span{font-size:12px;color:var(--ink-3)}.sticky{position:sticky;inset-block-end:calc(var(--tab-h) + env(safe-area-inset-bottom));z-index:5;margin-inline:-20px;padding:20px 20px 12px;background:linear-gradient(to top,var(--bg) 70%,color-mix(in srgb,var(--bg) 0%,transparent))}.brewview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--bg);overflow-y:auto;overscroll-behavior:contain;padding-block-end:calc(40px + env(safe-area-inset-bottom))}.brewbar{position:sticky;inset-block-start:0;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 20px;padding-block-start:calc(12px + env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brewbody{max-width:620px;margin-inline:auto;padding:4px 20px;display:grid;gap:16px}.phase{text-align:center;padding:24px 16px;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.phase .pn{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:700}:root[lang=ar] .phase .pn{text-transform:none;letter-spacing:0;font-size:12.5px}.phase .pc{font-family:var(--font-d);font-size:22px;letter-spacing:-.02em;font-weight:650;margin-block-start:5px}.phase[data-p=done]{box-shadow:inset 0 0 0 1.5px var(--good)}.phase[data-p=failed],.phase[data-p=lostContact]{box-shadow:inset 0 0 0 1.5px var(--bad)}.phase[data-p=brewing],.phase[data-p=bypass]{box-shadow:inset 0 0 0 1.5px var(--accent)}.live{display:flex;gap:10px}.live div{flex:1;text-align:center;background:var(--surface);border-radius:var(--r);padding:14px 6px;box-shadow:inset 0 0 0 1px var(--line)}.live b{display:block;font-size:26px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.live span{font-size:12px;color:var(--ink-3)}.live .cup b{color:var(--accent)}.live .wat b{color:var(--water)}.trace{width:100%;height:190px;display:block;border-radius:var(--r);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.ladder{display:grid;gap:5px}.rung{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:14px}.rung .n{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-2);display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--ink-3)}.rung.done .n{background:var(--good);color:var(--bg);box-shadow:none}.rung.now{background:var(--accent-soft)}.rung.now .n{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent)}.rung .d{color:var(--ink-2);font-size:12.5px;font-variant-numeric:tabular-nums}.taste{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.taste button{padding:14px 6px;border-radius:var(--r);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:5px;justify-items:center;font-size:12.5px;font-weight:600}.taste button .tg{font-size:18px}.taste button.on{background:var(--accent-soft);color:var(--accent)}.reader{display:grid;justify-items:center;gap:16px;padding:26px 0 10px;text-align:center}.reader{background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);padding:32px 20px 20px}.reader svg{width:80px;height:80px;color:var(--accent)}.reader.busy svg{animation:pulse 1.2s ease-in-out infinite}.dump{font-family:var(--mono);font-size:11.5px;line-height:1.6;background:var(--surface-2);border-radius:var(--r-sm);padding:12px;overflow-x:auto;direction:ltr;text-align:left}.dump .dl{display:grid;grid-template-columns:3ch 4ch 1fr 5ch;gap:10px;white-space:pre}.dump .sig{color:var(--ink-3)}.dump .xid{color:var(--accent)}.dump .off{color:var(--ink-3)}.kv{display:grid;grid-template-columns:auto 1fr;gap:5px 16px;font-size:13.5px;margin:0}.kv dt{color:var(--ink-3)}.kv dd{margin:0;font-variant-numeric:tabular-nums}.log{font-family:var(--mono);font-size:11.5px;line-height:1.55;max-height:48dvh;overflow:auto;background:var(--surface-2);border-radius:var(--r-sm);padding:12px;direction:ltr;text-align:left}.log .l{display:grid;grid-template-columns:56px 1fr;gap:8px;white-space:pre-wrap;word-break:break-all}.log .t{color:var(--ink-3)}.log .tx{color:var(--accent)}.log .rx{color:var(--water)}.log .note{color:var(--ink-2);font-style:italic}.log .raw{color:var(--ink-3)}.tabs{position:fixed;inset-inline:0;inset-block-end:0;z-index:30;display:flex;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-block-end:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 var(--line)}.tabs button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:500;color:var(--ink-2)}.tabs button svg{width:25px;height:25px}.tabs button.on{color:var(--accent);font-weight:600}@media (min-width: 880px){body{padding-bottom:20px;padding-inline-start:196px}.tabs{inset-block:0;inset-inline-end:auto;width:196px;height:auto;flex-direction:column;justify-content:flex-start;padding:76px 12px 16px;gap:3px;box-shadow:inset -1px 0 0 var(--line)}:root[dir=rtl] .tabs{box-shadow:inset 1px 0 0 var(--line)}.tabs button{flex:none;flex-direction:row;justify-content:flex-start;gap:12px;padding:11px 14px;border-radius:14px;font-size:15px}.tabs button svg{width:22px;height:22px}.tabs button.on{background:var(--accent-soft)}.sticky{inset-block-end:0}.brewview{inset-inline-start:196px;inset-inline-end:0}}.toast{position:fixed;inset-inline:0;inset-block-end:calc(var(--tab-h) + 20px + env(safe-area-inset-bottom));margin-inline:auto;width:max-content;max-width:88vw;transform:translateY(14px);opacity:0;transition:.2s;pointer-events:none;z-index:60;background:var(--ink);color:var(--bg);padding:11px 17px;border-radius:999px;font-weight:600;font-size:13.5px;text-align:center}.toast.show{opacity:1;transform:translateY(0)}.toast.bad{background:var(--bad);color:#fff}.toast.top{inset-block-end:auto;inset-block-start:calc(env(safe-area-inset-top) + 12px);transform:translateY(-14px)}.toast.top.show{transform:translateY(0)}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#140e0a61;display:grid;place-items:end center;overflow:hidden;overscroll-behavior:contain}.sheet-wrap[hidden]{display:none}.sheet{width:100%;max-width:560px;background:var(--bg);border-start-start-radius:24px;border-start-end-radius:24px;padding:8px 20px calc(24px + env(safe-area-inset-bottom));max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:13px;align-content:start;animation:up .22s cubic-bezier(.2,.8,.3,1)}@keyframes up{0%{transform:translateY(20px);opacity:.5}}@media (min-width: 880px){.sheet-wrap{place-items:center}.sheet{border-radius:22px;animation:none}}.grab{width:40px;height:5px;border-radius:99px;background:var(--line-2);justify-self:center;margin-block:4px 2px}.sh{display:flex;align-items:center;justify-content:space-between;gap:10px}.note{padding:14px 16px;border-radius:var(--r);background:var(--accent-soft);font-size:13.5px}details>summary{cursor:pointer;font-weight:600;color:var(--ink-2);font-size:13.5px}label.btn{cursor:pointer}.btn.off{opacity:.4;pointer-events:none}.qrcam{position:relative;aspect-ratio:1;max-height:52vh;margin-inline:auto;width:100%;border-radius:var(--r);overflow:hidden;background:#000}.qrcam video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.qrframe{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:18px;box-shadow:0 0 0 100vmax #00000061,inset 0 0 0 2px #ffffffe6;pointer-events:none}.qraim{position:absolute;inset-inline:12px;bottom:10px;margin:0;color:#fff;font-size:13px;font-weight:600;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.6)}.qrshow{width:min(100%,300px);margin-inline:auto;padding:10px;background:#fff;border-radius:var(--r)}.qrshow svg{display:block;width:100%;height:auto}.qrname{display:grid;gap:2px;margin:0;text-align:center}.scanshot{width:100%;max-height:220px;object-fit:cover;border-radius:var(--r);display:block;box-shadow:inset 0 0 0 1px var(--line)}.scanbusy{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;font-weight:600;color:var(--ink-2)}.spin{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--line-2);border-block-start-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.prep{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-sm);background:var(--accent-soft);font-size:14px}.prepg{flex:none;font-family:var(--font-d);font-size:22px;font-weight:750;letter-spacing:-.02em;color:var(--accent)}.prepcard{gap:10px}.field>label .unit{color:var(--ink-3);font-weight:500}.btn-sm,.btn-q{white-space:nowrap}.chev.back{transform:scaleX(-1);margin-inline-start:-6px}:root[dir=rtl] .chev.back{transform:none}.pour select{padding-inline:12px 6px;font-size:15px}.edhead,.edhead .row{gap:0}.edhead .btn{padding-inline:10px}@media (max-width: 359px){.view{padding-inline:16px}.g2{grid-template-columns:1fr}.edhead .btn{padding-inline:7px;font-size:13px}.sticky{margin-inline:-16px;padding-inline:16px}.sticky .btn{font-size:15px;white-space:nowrap;padding-inline:12px}}.rows>*{min-width:0}body{letter-spacing:-.01em;line-height:1.35}:root[lang=ar] body{letter-spacing:0;line-height:1.6}a{color:var(--accent)}.iconbtn{width:34px;height:34px;background:var(--fill);box-shadow:none;color:var(--ink)}.iconbtn svg{width:19px;height:19px}.pill{background:var(--surface);box-shadow:none}.largetitle{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-inline:4px}.largetitle h1{font-family:var(--font-d);font-size:34px;font-weight:700;letter-spacing:-.025em;line-height:41px}:root[lang=ar] .largetitle h1{letter-spacing:0;line-height:1.35}.largetitle .acts{display:flex;gap:10px;padding-block-end:4px}.lede.sm{font-size:15px;padding-inline:4px;margin-block-start:-18px}.view{padding:0 16px 28px;gap:var(--gap)}.sticky{margin-inline:-16px;padding-inline:16px}.sect{gap:7px}.sect>h2,.sect>.head>h2{font-family:var(--font);font-size:13px;font-weight:400;letter-spacing:0;text-transform:uppercase;color:var(--ink-2)}.sect>h2,.sect>.head{padding-inline:16px}:root[lang=ar] .sect>h2,:root[lang=ar] .sect>.head>h2{text-transform:none;font-size:14px}.link{font-size:15px;color:var(--accent);font-weight:400}.link .chev{color:var(--accent);opacity:1}.panel,.rows,.mcard,.searchbox,.empty,.reader,.phase,.live div,.trace,.rung,.taste button,.pour,.scanshot{box-shadow:none}.panel{border-radius:var(--r-lg)}.chev{width:16px;height:16px;color:var(--ink-3);opacity:.7}.lrow{min-height:52px;padding:10px 16px;gap:12px}.lrow+.lrow:before{inset-inline-start:58px;inset-inline-end:0;height:.5px;background:var(--line)}.lrow:active{background:var(--fill)}.ib{width:30px;height:30px;border-radius:7px;background:var(--ink-3);color:#fff}.ib svg{width:19px;height:19px}.ib.c-blue{background:var(--accent);color:#fff}.ib.c-teal{background:#30b0c7}.ib.c-gray{background:#8e8e93}.ib.c-indigo{background:#5856d6}.lrow .l1{font-size:17px;font-weight:400;letter-spacing:-.02em}:root[lang=ar] .lrow .l1{letter-spacing:0}.lrow .l2{font-size:13px;color:var(--ink-2)}.mcard{min-height:178px;padding:16px;gap:12px}.mhead .mname{font-size:22px;letter-spacing:-.02em}.mcard,.stkstage{--rigw: 180px;--rig-end: 6px}.rig,.rig-fill{position:absolute;inset-block-end:-40px;inset-inline-end:var(--rig-end);width:var(--rigw);height:calc(var(--rigw) * 410 / 395);pointer-events:none}.rig{background:var(--ink);opacity:.78;-webkit-mask:url(./machine-CQvmiLMw.png) 0 0 / 100% 100% no-repeat;mask:url(./machine-CQvmiLMw.png) 0 0 / 100% 100% no-repeat;transition:opacity .3s,background .3s}.mcard[data-live=off] .rig{opacity:.42;color:inherit;stroke-dasharray:none}.mcard[data-live=brewing] .rig{background:var(--accent);opacity:.9}.mtop,.hero-note,.mchips,.mcard>.pillbtn{max-width:calc(100% - 178px)}.hero-note{font-size:15px}.pillbtn{justify-self:start;position:relative;z-index:1;min-height:34px;padding:6px 18px;border-radius:999px;font-size:15px;font-weight:600}.mchoice{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1;max-width:calc(100% - 150px)}.mchoice .pillbtn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 360px){.mcard{--rigw: 150px}.mtop,.hero-note,.mchips,.mcard>.pillbtn{max-width:calc(100% - 148px)}}.rail{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;gap:10px}.searchbox{min-height:36px;padding:0 8px;gap:6px;border-radius:10px;background:var(--fill);color:var(--ink-3)}.searchbox svg{width:17px;height:17px}.searchbox:focus-within{box-shadow:none}.search{padding:7px 0;font-size:17px}.view>.searchbox{margin-block-start:-16px}.btn{background:var(--fill);color:var(--accent);box-shadow:none;border-radius:12px;font-size:16px;font-weight:600;min-height:44px;padding:10px 16px}.btn-1{background:var(--accent);color:#fff}.btn-q{background:transparent;color:var(--accent);font-weight:400}.btn-bad{background:transparent;color:var(--bad)}.btn-big{min-height:50px;border-radius:14px;font-size:17px}.btn-sm{min-height:32px;padding:5px 12px;font-size:15px;border-radius:999px}.sh .btn-q[data-a=sheet-close]{width:30px;height:30px;min-height:30px;padding:0;border-radius:50%;background:var(--fill);color:var(--ink-2);font-size:13px;font-weight:700}.field>label{font-size:13px;font-weight:400;color:var(--ink-2)}.field input[type=text],.field input[type=number],.field select,.field textarea{background:var(--fill);border-radius:10px;min-height:44px;padding:10px 12px;font-size:17px}.sheet>.field :is(input,select,textarea),.sheet>.g2 .field :is(input,select,textarea){background:var(--surface)}.field :is(input,select,textarea):focus{outline:2px solid var(--accent)}.sw input{width:51px;height:31px;background:#78788029}.sw input:after{inset-block-start:2px;inset-inline-start:2px;width:27px;height:27px;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}.sw input:checked{background:var(--good)}.sw input:checked:after{inset-inline-start:22px}.seg{background:var(--fill);border-radius:9px;padding:2px;gap:0}.seg button{border-radius:7px;padding:6px 8px;font-size:13px;font-weight:500;color:var(--ink)}.seg button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 3px 8px #0000001f,0 0 0 .5px #0000000a}:root[data-theme=dark] .seg button.on{background:#636366}input[type=range]{accent-color:var(--accent)}.pour{background:var(--bg);border-radius:12px}.phase{border-radius:14px}.live div{border-radius:12px}.rung{border-radius:10px}.rung.done .n{color:#fff}.taste button{border-radius:12px}.reader svg{color:var(--accent)}@media (max-width: 879px){.tabs{background:var(--bar);box-shadow:inset 0 .5px 0 var(--line)}.tabs button{justify-content:flex-start;padding-block-start:6px;gap:2px;font-size:10px;font-weight:500;color:var(--ink-3)}.tabs button svg{width:26px;height:26px}.tabs button.on{color:var(--accent);font-weight:500}}.sheet-wrap{background:#00000052}.sheet{border-start-start-radius:14px;border-start-end-radius:14px}.grab{width:36px;background:var(--line-2)}.sh h2{font-family:var(--font);font-size:17px;font-weight:600;letter-spacing:-.02em}.note{border-radius:12px;font-size:15px}.toast{border-radius:14px;font-weight:500}:root{--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.4, 0, .8, .4);--spring: cubic-bezier(.34, 1.56, .64, 1);--soft: cubic-bezier(.2, .9, .25, 1)}.btn,.iconbtn,.rtile,.lrow,.tabs button,.seg button,.taste button,.mhead,.link,.slide{-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .5s var(--spring),background-color .25s ease,color .25s ease,opacity .25s ease,box-shadow .25s ease,filter .25s ease}.btn:active,.lrow:active{transform:none}.btn.pressed,.iconbtn.pressed,.taste button.pressed,.link.pressed{transform:scale(.94);transition-duration:.14s;transition-timing-function:var(--ease-out)}.btn-1.pressed{filter:brightness(1.12)}.btn-big.pressed{transform:scale(.97)}.lrow.pressed,.mhead.pressed{background:var(--fill);transition-duration:0s}.lrow.pressed .ib{transform:scale(.9)}.lrow .ib{transition:transform .5s var(--spring)}.seg button.pressed{transform:scale(.94);transition-duration:.14s}.seg button.on{transition:background-color .3s var(--soft),box-shadow .3s var(--soft),color .2s}.tabs button svg{transition:transform .5s var(--spring)}.tabs button.pressed svg{transform:scale(.82);transition-duration:.14s}.tabs button.on svg{animation:tab-pop .5s var(--spring)}@keyframes tab-pop{40%{transform:scale(1.14) translateY(-1px)}}.sw input{transition:background-color .3s var(--soft)}.sw input:after{transition:inset-inline-start .45s var(--spring),width .2s}.sw input:active:after{width:32px}.toast{transition:transform .55s var(--spring),opacity .25s ease}.sheet-wrap:not([hidden]){animation:scrim-in .3s ease both}.sheet{animation:sheet-up .5s var(--soft) both}@keyframes scrim-in{0%{background-color:#0000}}@keyframes sheet-up{0%{transform:translateY(105%)}}.sheet-wrap.closing{pointer-events:none;animation:scrim-out .24s ease forwards}.sheet-wrap.closing .sheet{animation:sheet-down .24s var(--ease-in) forwards}@keyframes scrim-out{to{background-color:#0000}}@keyframes sheet-down{to{transform:translateY(105%)}}@media (min-width: 880px){.sheet{animation:sheet-pop .38s var(--soft) both}.sheet-wrap.closing .sheet{animation:sheet-fade .2s ease forwards}}@keyframes sheet-pop{0%{transform:translateY(16px) scale(.97);opacity:0}}@keyframes sheet-fade{to{transform:scale(.97);opacity:0}}.brewview:not([hidden]){animation:brew-up .5s var(--soft) both}@keyframes brew-up{0%{transform:translateY(28px);opacity:0}}.view.swap>*{animation:rise .42s var(--ease-out) both}.view.swap>:nth-child(2){animation-delay:.03s}.view.swap>:nth-child(3){animation-delay:.06s}.view.swap>:nth-child(4){animation-delay:.09s}.view.swap>:nth-child(n+5){animation-delay:.12s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.view.enter>*{animation:rise-in .8s var(--ease-out) both}.view.enter>:nth-child(1){animation-delay:.05s}.view.enter>:nth-child(2){animation-delay:.14s}.view.enter>:nth-child(3){animation-delay:.26s}.view.enter>:nth-child(4){animation-delay:.36s}.view.enter>:nth-child(5){animation-delay:.44s}.view.enter>:nth-child(n+6){animation-delay:.5s}@keyframes rise-in{0%{opacity:0;transform:translateY(30px) scale(.98)}}.view.enter .mcard .rig{animation:rig-in 1.3s .3s var(--soft) both}@keyframes rig-in{0%{clip-path:inset(100% 0 0 0);transform:translateY(46px);opacity:0}35%{opacity:.9}to{clip-path:inset(0 0 0 0)}}.view.enter .rail>.rtile{animation:card-in .9s var(--soft) both}.view.enter .rail>.rtile:nth-child(1){animation-delay:.45s}.view.enter .rail>.rtile:nth-child(2){animation-delay:.52s}.view.enter .rail>.rtile:nth-child(n+3){animation-delay:.59s}@keyframes card-in{0%{opacity:0;transform:translate(40px) rotateY(-18deg)}}:root[dir=rtl] .view.enter .rail>.rtile{animation-name:card-in-rtl}@keyframes card-in-rtl{0%{opacity:0;transform:translate(-40px) rotateY(18deg)}}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:grid;place-items:center;overflow:hidden}.intro-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle closest-side at 50% 50%,rgba(228,198,108,.22),rgba(228,198,108,.06) 55%,transparent 80%);opacity:0;animation:intro-glow 3s ease-out both}@keyframes intro-glow{0%{opacity:0;transform:scale(.7)}45%{opacity:.55;transform:scale(.9)}55%{opacity:1;transform:scale(1.05)}75%{opacity:.7}to{opacity:.85;transform:scale(1)}}.intro-stage{position:relative;display:grid;justify-items:center;animation:stage-lift .7s 1.95s var(--ease-out) both}@keyframes stage-lift{to{transform:translateY(-34px) scale(.94)}}.intro-mark{width:110px;height:auto;overflow:visible;margin-block-start:20px;filter:drop-shadow(0 0 12px rgba(201,168,76,.45));animation:mark-glow 3s ease-in-out both}@keyframes mark-glow{30%{filter:drop-shadow(0 0 18px rgba(228,198,108,.6))}53%{filter:drop-shadow(0 0 34px rgba(244,226,163,.95))}to{filter:drop-shadow(0 0 16px rgba(228,198,108,.55))}}.intro .mk-sheen{transform:translate(-260px) skew(-18deg);animation:sheen 1.1s .25s cubic-bezier(.45,0,.25,1) both}@keyframes sheen{to{transform:translate(1300px) skew(-18deg)}}.intro .mk-drop{transform-box:fill-box;transform-origin:50% 100%;animation:drip 1.05s .8s both}@keyframes drip{0%{transform:none;opacity:1}20%{transform:translateY(-45%) scale(.25);opacity:0}40%{transform:translateY(-150%) scale(.2);opacity:0}48%{transform:translateY(-150%) scale(.4);opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}76%{transform:translateY(0) scale(.92,1.12)}86%{transform:translateY(0) scale(1.14,.82)}94%{transform:translateY(0) scale(.97,1.03)}to{transform:none}}.intro .mk-ring{fill:none;stroke:#e4c66c;stroke-width:2;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50% 50%;opacity:0;animation:ring 1.3s 1.6s cubic-bezier(.15,.6,.3,1) both}.intro .mk-ring.two{animation-delay:1.78s;stroke:#f4e2a3}@keyframes ring{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:scale(5.2)}}.intro-steam{position:absolute;inset-block-end:4px;inset-inline-start:50%;width:0;height:0}.intro-steam i{position:absolute;width:3px;height:3px;border-radius:50%;background:#f4e2a3;box-shadow:0 0 6px 1px #f4e2a3cc;opacity:0;animation:mote 1.4s 1.65s ease-out both}.intro-steam i:nth-child(1){--dx: -22px;animation-delay:1.65s}.intro-steam i:nth-child(2){--dx: 14px;animation-delay:1.75s}.intro-steam i:nth-child(3){--dx: -6px;animation-delay:1.85s;width:2px;height:2px}.intro-steam i:nth-child(4){--dx: 26px;animation-delay:1.95s;width:2px;height:2px}.intro-steam i:nth-child(5){--dx: -30px;animation-delay:2.05s}@keyframes mote{0%{opacity:0;transform:translate(0) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(var(--dx),-90px) scale(1.2)}}.intro-word{position:absolute;inset-block-start:calc(100% + 26px);display:flex;gap:.34em;font:600 22px/1.2 var(--font-d);letter-spacing:.02em;color:#fdf7e9}.intro-word span{display:inline-block;opacity:0;animation:letter .6s var(--ease-out) both,glint .5s ease-in-out both}.intro-word span:nth-child(1){animation-delay:2.05s,2.55s}.intro-word span:nth-child(2){animation-delay:2.12s,2.63s}.intro-word span:nth-child(3){animation-delay:2.19s,2.71s}.intro-word span:nth-child(4){animation-delay:2.26s,2.79s}@keyframes letter{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes glint{50%{color:#e4c66c;text-shadow:0 0 12px rgba(228,198,108,.7)}}.intro.out{pointer-events:none;animation:intro-out .6s var(--ease-out) forwards}.intro.out .intro-stage{animation:mark-out .6s var(--ease-in) forwards}@keyframes intro-out{to{opacity:0}}@keyframes mark-out{0%{transform:translateY(-34px) scale(.94)}to{transform:translateY(-34px) scale(1.3);opacity:0;filter:blur(3px)}}@media (prefers-reduced-motion: reduce){.intro *,.intro-stage{animation:none!important}.intro-word span{opacity:1}.intro-glow{opacity:.6}}.logo{color:var(--ink)}.mcard[data-live=looking] .mstat .dot{background:var(--accent);opacity:1;animation:blink 1.1s ease-in-out infinite}.mcard[data-live=looking] .rig{opacity:.6;animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.3}}.ib.c-green{background:var(--good)}.slides{display:grid;gap:8px}.slides.two{grid-template-columns:repeat(2,minmax(0,1fr))}.slide{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:end;column-gap:8px;min-height:68px;padding:9px 14px 10px;border-radius:14px;background:var(--fill);touch-action:pan-y;cursor:ew-resize;outline:none}.slide.sm{min-height:62px;padding:8px 12px 9px;border-radius:12px}.sl-fill{position:absolute;inset-block:0;inset-inline-start:0;z-index:-1;width:calc(var(--f) * 100%);background:color-mix(in srgb,var(--accent) 20%,transparent);transition:width .22s var(--ease-out),background-color .2s;pointer-events:none}.sl-fill:after{content:"";position:absolute;inset-block:30px 12px;inset-inline-end:0;width:3px;border-radius:3px;background:var(--accent);opacity:.85;transition:inset-block .3s var(--spring),opacity .15s}.slide.sm .sl-fill:after{inset-block:28px 11px}.slide.edge-under .sl-fill:after{opacity:0}.slide.dragging{transform:scale(1.02);box-shadow:inset 0 0 0 1.5px var(--accent);transition-duration:.2s}.slide.dragging .sl-fill{transition:width .05s linear;background:color-mix(in srgb,var(--accent) 30%,transparent)}.slide.dragging .sl-fill:after{inset-block:28px 6px;opacity:1}.slide.dragging.edge-under .sl-fill:after{opacity:0}.slide:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.sl-text{display:contents}.sl-label{grid-column:1 / -1;grid-row:1;align-self:start}.sl-sub{grid-column:1;grid-row:2;align-self:end;padding-block-end:2px}.sl-val{grid-column:2;grid-row:2}.sl-label{font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-sub{font-size:13px;font-weight:600;color:var(--ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-val{display:flex;align-items:flex-end;gap:3px;flex:none;padding-block-end:1px}.sl-val b{font-family:var(--font-d);font-size:32px;font-weight:700;letter-spacing:-.035em;line-height:.95;font-variant-numeric:tabular-nums;cursor:text}.slide.sm .sl-val b{font-size:25px}.sl-unit{font-size:13px;color:var(--ink-3);padding-block-end:2px}.sl-input{width:5.2ch;min-width:0;margin:0;border:0;border-radius:8px;padding:2px 6px;background:var(--surface);color:var(--ink);text-align:end;font-family:var(--font-d);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;outline:2px solid var(--accent)}.sl-input::-webkit-outer-spin-button,.sl-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (max-width: 359px){.slides.two{grid-template-columns:1fr}}.holo,.holo:active{--press: 1;transform:perspective(900px) rotateX(calc(var(--ty, 0) * 8deg)) rotateY(calc(var(--tx, 0) * -8deg)) scale(var(--press));will-change:transform}.holo.pressed{--press: .965;transition-duration:.14s;transition-timing-function:var(--ease-out)}.holo.tilting{transition:transform .12s linear}.face{position:relative;display:block;overflow:hidden;color:#fff;background:linear-gradient(150deg,hsl(var(--h) 85% 70%),hsl(calc(var(--h) + 28) 70% 46%))}:root[data-theme=dark] .face{background:linear-gradient(150deg,hsl(var(--h) 62% 52%),hsl(calc(var(--h) + 28) 58% 30%))}.f-top{position:absolute;inset-block-start:10px;inset-inline:12px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.92}:root[lang=ar] .f-top{letter-spacing:0;font-size:12px}.f-star svg{width:15px;height:15px;display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.25))}.f-ratio{position:absolute;inset-inline-start:12px;inset-block-end:8px;font-family:var(--font-d);font-size:27px;font-weight:750;letter-spacing:-.035em;line-height:1;text-shadow:0 2px 14px rgba(0,0,0,.2);transform:translate(calc(var(--tx, 0) * 4px),calc(var(--ty, 0) * 3px))}.f-mark{position:absolute;inset-inline-end:-12px;inset-block-end:-16px;width:92px;color:#fff;opacity:.2;transform:translate(calc(var(--tx, 0) * -7px),calc(var(--ty, 0) * -6px)) rotate(-8deg)}.f-mark svg{width:100%;height:auto;display:block}.foil,.glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.foil{mix-blend-mode:color-dodge;opacity:.4;background:repeating-linear-gradient(115deg,#fb747400,#74dafb99,#dc7efc80,#fbef6a8c,#6afbb366,#fb747400 35%);background-size:260% 260%;background-position:calc(50% + var(--tx, 0) * 70%) calc(50% + var(--ty, 0) * 70%)}.glare{mix-blend-mode:overlay;opacity:.75;background:radial-gradient(circle at calc(50% + var(--tx, 0) * 50%) calc(30% + var(--ty, 0) * 50%),#ffffffb3,#fff0 55%)}.holo.fav .foil{opacity:.62}.holo.fav .glare{background:radial-gradient(circle at calc(50% + var(--tx, 0) * 50%) calc(30% + var(--ty, 0) * 50%),#ffffffbf,#fff0 55%),radial-gradient(circle,#fffffff2 0 .7px,#fff0 1.4px) calc(var(--tx, 0) * 9px) calc(var(--ty, 0) * 9px) / 11px 11px,radial-gradient(circle,#fffc 0 .6px,#fff0 1.2px) calc(4px + var(--tx, 0) * -6px) calc(6px + var(--ty, 0) * -6px) / 17px 17px}.rail{padding-block:8px 22px;margin-block:-6px -16px}.rgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 600px){.rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.rtile{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-width:0;background:var(--surface);border-radius:18px;overflow:hidden;text-align:start;cursor:pointer;box-shadow:0 16px 30px -20px #00000073}:root[data-theme=dark] .rtile{box-shadow:0 16px 30px -18px #000000e6}.rtile .face{height:112px}.rt-body{padding:10px 12px 2px;display:grid;gap:2px;min-width:0;align-content:start}.rt-body .rn{font-size:15.5px;font-weight:600;line-height:1.25;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rt-body .rm{font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-body .rm2{font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ncard{position:relative;display:block;width:100%;max-width:340px;margin-inline:auto;aspect-ratio:1.586;border-radius:18px;overflow:hidden;color:#fdf7e9;background:radial-gradient(120% 90% at 20% 0%,#2b1a12,#0b0705 60%,#000);box-shadow:0 24px 40px -24px #000000b3,inset 0 0 0 1px #fdf7e91f}.ncard .foil{opacity:.55}.nc-in{position:absolute;top:0;right:0;bottom:0;left:0;padding:18px 20px;display:grid;align-content:space-between}.nc-top{display:flex;align-items:center;gap:10px}.nc-logo{width:38px;height:auto;color:#fdf7e9;filter:drop-shadow(0 0 8px rgba(228,198,108,.5))}.nc-kind{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.8}:root[lang=ar] .nc-kind{letter-spacing:0;font-size:13px}.nc-code{font-size:28px;font-weight:700;letter-spacing:.12em;transform:translate(calc(var(--tx, 0) * 4px),calc(var(--ty, 0) * 3px))}.nc-serial{font-size:12px;opacity:.6;letter-spacing:.08em}.scard{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:stretch;border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:0 18px 34px -22px #00000080}.scard .face{height:100%;min-height:110px}.sc-body{display:grid;align-content:center;gap:3px;padding:12px 14px;min-width:0}.sc-body .sc-k{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}:root[lang=ar] .sc-body .sc-k{letter-spacing:0;font-size:12.5px}.sc-body b{font-size:17px;line-height:1.25}.sc-body .sm{color:var(--ink-2)}.reveal{animation:deal .9s var(--soft) both}@keyframes deal{0%{opacity:0;transform:perspective(900px) rotateY(-75deg) translateY(10px) scale(.9)}}.mlist{display:grid}.mrow{display:flex;align-items:center;gap:12px;padding:10px 8px 10px 14px;min-width:0}:root[dir=rtl] .mrow{padding:10px 14px 10px 8px}.mrow+.mrow{box-shadow:inset 0 .5px 0 var(--line)}.mnick{width:100%;border:0;background:transparent;padding:2px 0;font-size:17px;color:var(--ink);outline:none;border-radius:0}.mnick:focus{box-shadow:0 1.5px 0 var(--accent)}.mnick::placeholder{color:var(--ink);opacity:1}.mnick:focus::placeholder{color:var(--ink-3)}.okc{color:var(--good);font-weight:600}@media (prefers-reduced-motion: reduce){.intro .mk-drop,.intro-mark,.view.enter>*,.view.swap>*,.view.enter .mcard .rig,.view.enter .rail>.rtile,.sheet,.sheet-wrap,.brewview,.reveal,.tabs button.on svg,.mcard[data-live=looking] .rig{animation:none!important}.intro.out{animation:intro-out .15s linear forwards}.holo{transform:none!important}}html{background:var(--bg)}body{background:var(--bg);letter-spacing:-.005em}::selection{background:var(--accent-soft)}a{color:var(--ink);text-decoration-color:var(--ink-3)}.view{padding-block-start:calc(14px + env(safe-area-inset-top))}@media (min-width: 880px){.view{padding-block-start:28px}}.largetitle h1{font-family:var(--font-d);font-weight:700;font-size:34px;letter-spacing:-.025em;line-height:1.15}.largetitle{align-items:center;padding-inline:4px}.largetitle .acts{padding-block-end:0}.sect>h2,.sect>.head>h2{font-size:11px;font-weight:650;letter-spacing:.12em;color:var(--ink-3)}:root[lang=ar] .sect>h2,:root[lang=ar] .sect>.head>h2{letter-spacing:0;font-size:13.5px;font-weight:600}.lede.sm{font-size:15.5px;line-height:1.45;color:var(--ink-2);margin-block-start:-16px}.wordmark,.display{font-family:var(--font-d);font-weight:700;letter-spacing:-.03em}:root[lang=ar] .display{font-family:var(--font-ar);letter-spacing:0}.sh h2{font-family:var(--font-d);font-size:19px;font-weight:700;letter-spacing:-.02em}:root[lang=ar] .sh h2{font-family:var(--font-ar);font-size:18px}.panel,.rows,.mcard,.searchbox,.empty,.reader,.phase,.live div,.rung,.taste button,.hlist,.facts,.trace,.scanshot,.qbtn,.aichoice,.rtile,.scard{box-shadow:inset 0 0 0 1px var(--line)}.panel,.rows,.empty,.reader,.phase{border-radius:var(--r-lg)}.pour{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px}.sheet{background:var(--bg);border-start-start-radius:26px;border-start-end-radius:26px;box-shadow:0 -1px 0 var(--line),0 -24px 60px -30px #00000080}.sheet-wrap{background:#09090b73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.sheet .panel,.sheet .facts,.sheet .hlist,.sheet .bag{background:var(--surface)}.grab{width:40px;height:5px;background:var(--line-2)}.toast{border-radius:999px;padding:12px 20px;box-shadow:0 14px 30px -14px #00000080}.note{background:var(--fill);border-radius:14px}.note.bad{background:color-mix(in srgb,var(--bad) 13%,transparent)}.note.good{background:color-mix(in srgb,var(--good) 13%,transparent)}.btn{min-height:48px;border-radius:999px;padding:10px 20px;background:var(--surface);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--line)}.sheet>.btn:not(.btn-1):not(.btn-q),.sheet .row-btns>.btn:not(.btn-1):not(.btn-q),.sheet .stack>.btn:not(.btn-1):not(.btn-q){background:var(--surface)}.btn-1{background:linear-gradient(180deg,var(--brass-hi),var(--brass-lo));color:var(--accent-ink);box-shadow:inset 0 1px #ffffff8c,0 0 0 1px #c9a84c59,0 10px 26px -12px var(--gold-glow)}.btn-1:disabled{box-shadow:none}.btn-1.pressed{filter:brightness(1.06)}.btn-q{background:transparent;box-shadow:none;color:var(--ink)}.btn-bad{background:transparent;box-shadow:none;color:var(--bad)}.btn-big{min-height:56px;font-size:17px;border-radius:999px}.btn-sm{min-height:36px;padding:6px 14px;font-size:14.5px}.btn-q.btn-sm{box-shadow:none}.sh .btn-q[data-a=sheet-close]{background:var(--fill);color:var(--ink-2)}.iconbtn{width:40px;height:40px;background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.iconbtn svg{width:20px;height:20px}.pillbtn{min-height:44px;padding:8px 22px;font-size:16px}.link{font-size:15px;color:var(--ink-2);font-weight:500}.link .chev{color:var(--ink-2);opacity:1}.ib,.ib.c-blue,.ib.c-teal,.ib.c-gray,.ib.c-indigo{width:36px;height:36px;border-radius:11px;color:var(--ink-2);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.ib.c-green{background:color-mix(in srgb,var(--good) 22%,var(--surface-2));color:var(--good)}.lrow{min-height:60px}.lrow+.lrow:before{inset-inline-start:64px}.seg{background:var(--fill);border-radius:999px;padding:3px;box-shadow:inset 0 0 0 1px var(--line)}.seg button{border-radius:999px;padding:8px 10px;font-size:13.5px;color:var(--ink-2)}.seg button.on,:root[data-theme=dark] .seg button.on{background:var(--ink);color:var(--bg);box-shadow:none}.sw input{background:var(--line-2)}.sw input:checked{background:var(--ink)}.sw input:after{background:#fff}:root[data-theme=dark] .sw input:checked:after{background:var(--bg)}.field input[type=text],.field input[type=number],.field select,.field textarea{border-radius:14px;background:var(--fill);box-shadow:inset 0 0 0 1px var(--line)}.field textarea{font-size:16px;line-height:1.45}.field :is(input,select,textarea):focus{outline:2px solid color-mix(in srgb,var(--ink) 55%,transparent)}.searchbox{min-height:46px;padding:0 14px;border-radius:999px;background:var(--surface);gap:8px}.searchbox svg{width:18px;height:18px}.searchbox:focus-within{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 55%,transparent)}.search{font-size:16px}.search::-webkit-search-cancel-button{filter:grayscale(1);opacity:.6}input[type=range]{accent-color:var(--ink)}.slide{background:var(--fill);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px}.sheet .slide{background:var(--surface)}.sl-fill{background:color-mix(in srgb,var(--ink) 9%,transparent)}.slide.dragging .sl-fill{background:color-mix(in srgb,var(--ink) 14%,transparent)}.sl-fill:after{background:var(--ink)}.slide.dragging,.slide:focus-visible{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 55%,transparent)}.sl-input{outline:2px solid color-mix(in srgb,var(--ink) 55%,transparent)}.pour .n{background:var(--ink);color:var(--bg)}.chip.a{background:var(--fill);color:var(--ink-2)}.taste button.on{background:var(--ink);color:var(--bg)}.mnick:focus{box-shadow:0 1.5px 0 var(--ink)}.spin{border-block-start-color:var(--ink)}.prep{background:var(--fill)}.prepg{color:var(--ink)}.reader svg{color:var(--ink-2)}.log .tx,.dump .xid,.live .cup b{color:var(--ink)}.logo{color:var(--ink);filter:none}.tabs{background:var(--bar);box-shadow:inset 0 1px 0 var(--line)}@media (max-width: 879px){.tabs{background:var(--bar);box-shadow:inset 0 .5px 0 var(--line)}.tabs button{font-size:10.5px;font-weight:600;color:var(--ink-3);position:relative;padding-block-start:8px}.tabs button svg{width:25px;height:25px}.tabs button.on{color:var(--ink)}.tabs button.on:before{content:"";position:absolute;inset-block-start:0;inset-inline:36%;height:2px;border-radius:0 0 2px 2px;background:var(--ink)}}@media (min-width: 880px){.tabs button.on{background:var(--fill);color:var(--ink)}}.gearbtn{width:40px;height:40px}@media (min-width: 880px){.gearbtn,.veil{display:none}.sidefoot{position:fixed;inset-block-end:0;inset-inline-start:0;z-index:31;width:196px;display:grid;gap:10px;padding:12px 16px 18px;background:var(--bar);box-shadow:inset -1px 0 0 var(--line),inset 0 1px 0 var(--line)}:root[dir=rtl] .sidefoot{box-shadow:inset 1px 0 0 var(--line),inset 0 1px 0 var(--line)}.sidefoot .pill{justify-content:flex-start}.sidefoot .iconbtn{justify-self:start}.tabs{padding-block-end:120px}}.mcard{background:var(--surface);min-height:184px;padding:18px 16px;gap:12px}.mhead .mname{font-family:var(--font-d);font-weight:700;font-size:22px;letter-spacing:-.02em}@media (max-width: 479px){.mcard{--rigw: 164px}.mtop,.hero-note,.mchips,.mcard>.pillbtn{max-width:calc(100% - 164px)}.mhead .mname{font-size:21px}}@media (max-width: 360px){.mcard{--rigw: 142px}.mtop,.hero-note,.mchips,.mcard>.pillbtn{max-width:calc(100% - 142px)}}:root[lang=ar] .mhead .mname{font-family:var(--font-ar)}.mhead .mstat{font-size:15px}.rig{background:var(--ink);opacity:.62;z-index:1}.mcard[data-live=off] .rig,.mcard[data-live=looking] .rig{opacity:.38}.mcard[data-live=brewing] .rig{background:var(--accent);opacity:.95}.rig-fill{-webkit-mask:url(./machine-body-DTlnVAw5.png) 0 0 / 100% 100% no-repeat;mask:url(./machine-body-DTlnVAw5.png) 0 0 / 100% 100% no-repeat}[data-finish=sage],[data-finish=sagegold]{--finish: linear-gradient(160deg, #d6e2cf 0%, #a9bfa3 45%, #7f977b 100%)}[data-finish=sagegold]{--finish-hi: rgba(241, 223, 166, .75)}[data-finish=blue]{--finish: linear-gradient(160deg, #c9d6e6 0%, #8ea3c0 45%, #5f7797 100%)}[data-finish=twilight]{--finish: linear-gradient(160deg, #8c8aa4 0%, #5e5c77 45%, #3a3950 100%)}[data-finish=black]{--finish: linear-gradient(160deg, #5a5a60 0%, #2e2e33 45%, #141416 100%)}[data-finish=white]{--finish: linear-gradient(160deg, #ffffff 0%, #e9e9ec 45%, #c9c9cf 100%)}[data-finish=""],[data-finish=none]{--finish: linear-gradient(160deg, #e9eaee 0%, #c9ccd3 45%, #a3a7b0 100%)}.mcard[data-live=looking] .mstat .dot{background:var(--ink-2)}.phase .pc{font-family:var(--font-d);font-weight:700}:root[lang=ar] .phase .pc{font-family:var(--font-ar)}.liquid{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--finish);opacity:.92;--wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='440' viewBox='0 0 100 440'%3E%3Cpath d='M0 7Q25 0 50 7T100 7V440H0z'/%3E%3C/svg%3E");-webkit-mask-image:var(--wave);mask-image:var(--wave);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:100px 440px;mask-size:100px 440px;-webkit-mask-position:0 162px;mask-position:0 162px}:root[data-theme=dark] .liquid{opacity:.86}.mcard:is([data-live=on],[data-live=brewing]) .liquid{-webkit-mask-position:0 -24px;mask-position:0 -24px}.liquid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 20% 0%,var(--finish-hi, rgba(255, 255, 255, .35)),transparent 60%)}.liquid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 48%,rgba(255,255,255,.1) 56%,transparent 70%) no-repeat;background-size:260% 100%;background-position:130% 0}.mcard.fill-rise .liquid{animation:liq-rise 2.4s linear var(--t, 0ms) both}.mcard.fill-rise .liquid:after{animation:liq-sheen 1.1s ease-out calc(2.2s + var(--t, 0ms)) both}.mcard.fill-drain .liquid{animation:liq-drain .9s linear var(--t, 0ms) both}@keyframes liq-sheen{0%{opacity:1;background-position:130% 0}to{opacity:1;background-position:-40% 0}}@keyframes liq-rise{0%{-webkit-mask-position:-0px 162px;mask-position:-0px 162px}4%{-webkit-mask-position:-14px 138.3px;mask-position:-14px 138.3px}8%{-webkit-mask-position:-29px 116.8px;mask-position:-29px 116.8px}12%{-webkit-mask-position:-43px 97.5px;mask-position:-43px 97.5px}16%{-webkit-mask-position:-58px 80.2px;mask-position:-58px 80.2px}20%{-webkit-mask-position:-72px 64.8px;mask-position:-72px 64.8px}24%{-webkit-mask-position:-86px 51.4px;mask-position:-86px 51.4px}28%{-webkit-mask-position:-101px 39.8px;mask-position:-101px 39.8px}32%{-webkit-mask-position:-115px 30px;mask-position:-115px 30px}36%{-webkit-mask-position:-130px 21.9px;mask-position:-130px 21.9px}40%{-webkit-mask-position:-144px 15.3px;mask-position:-144px 15.3px}44%{-webkit-mask-position:-158px 10.2px;mask-position:-158px 10.2px}48%{-webkit-mask-position:-173px 6.5px;mask-position:-173px 6.5px}52%{-webkit-mask-position:-187px 4px;mask-position:-187px 4px}56%{-webkit-mask-position:-202px 2.6px;mask-position:-202px 2.6px}60%{-webkit-mask-position:-216px 2px;mask-position:-216px 2px}64%{-webkit-mask-position:-230px -.7px;mask-position:-230px -.7px}68%{-webkit-mask-position:-245px -4.9px;mask-position:-245px -4.9px}72%{-webkit-mask-position:-259px -5.7px;mask-position:-259px -5.7px}76%{-webkit-mask-position:-274px -.7px;mask-position:-274px -.7px}80%{-webkit-mask-position:-288px 3px;mask-position:-288px 3px}84%{-webkit-mask-position:-302px 1.5px;mask-position:-302px 1.5px}88%{-webkit-mask-position:-317px -2.2px;mask-position:-317px -2.2px}92%{-webkit-mask-position:-331px -7.8px;mask-position:-331px -7.8px}96%{-webkit-mask-position:-346px -15.1px;mask-position:-346px -15.1px}to{-webkit-mask-position:-360px -24px;mask-position:-360px -24px}}@keyframes liq-drain{0%{-webkit-mask-position:-0px -24px;mask-position:-0px -24px}10%{-webkit-mask-position:-16px -18.8px;mask-position:-16px -18.8px}20%{-webkit-mask-position:-32px -4.7px;mask-position:-32px -4.7px}30%{-webkit-mask-position:-48px 16.2px;mask-position:-48px 16.2px}40%{-webkit-mask-position:-64px 41.5px;mask-position:-64px 41.5px}50%{-webkit-mask-position:-80px 69px;mask-position:-80px 69px}60%{-webkit-mask-position:-96px 96.5px;mask-position:-96px 96.5px}70%{-webkit-mask-position:-112px 121.8px;mask-position:-112px 121.8px}80%{-webkit-mask-position:-128px 142.7px;mask-position:-128px 142.7px}90%{-webkit-mask-position:-144px 156.8px;mask-position:-144px 156.8px}to{-webkit-mask-position:-160px 162px;mask-position:-160px 162px}}@media (prefers-reduced-motion: reduce){.mcard.fill-rise .liquid,.mcard.fill-rise .liquid:after,.mcard.fill-drain .liquid{animation:none!important}}.mrail{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x mandatory;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.mrail::-webkit-scrollbar{display:none}.mrail>.mcard{flex:0 0 calc(100% - 28px);scroll-snap-align:start}.mrail>.mcard:only-child{flex-basis:100%}.mrail>.addcard{flex:0 0 min(58%,220px);display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;background:transparent;box-shadow:none;border:1.5px dashed var(--line-2);color:var(--ink);cursor:pointer;transition:transform .5s var(--spring),border-color .25s}.addcard.pressed{transform:scale(.97);transition-duration:.14s}.addic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.addic svg{width:24px;height:24px}.addt{display:grid;gap:3px;padding-inline:10px}.addt b{font-size:15.5px;font-weight:650;letter-spacing:-.01em}.addt span{font-size:12.5px;color:var(--ink-2)}.mcard.other .mhead .mname{font-size:19px}@media (max-width: 479px){.mrail .mcard{--rigw: 148px}.mrail .mcard :is(.mtop,.hero-note,.mchips),.mrail .mcard>.pillbtn{max-width:calc(100% - 150px)}}@media (max-width: 360px){.mrail .mcard{--rigw: 124px}.mrail .mcard :is(.mtop,.hero-note,.mchips),.mrail .mcard>.pillbtn{max-width:calc(100% - 124px)}}.mhead .mstat{align-items:flex-start}.mhead .mstat .dot{margin-block-start:.45em}.mhead .mstat>span{white-space:normal}.view.enter .mrail>:nth-child(2){animation:peek-in 1s 1.1s var(--soft) both}@keyframes peek-in{0%{transform:translate(46px);opacity:0}}:root[dir=rtl] .view.enter .mrail>:nth-child(2){animation-name:peek-in-rtl}@keyframes peek-in-rtl{0%{transform:translate(-46px);opacity:0}}@media (prefers-reduced-motion: reduce){.view.enter .mrail>:nth-child(2){animation:none!important}}.mlook{display:grid;gap:14px;padding-block-end:4px}.finrow{display:flex;flex-wrap:wrap;gap:10px;padding-block:2px}.findot.pick{width:38px;height:38px;flex:none;cursor:pointer;transition:transform .5s var(--spring),box-shadow .2s}.findot.pick.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink)}.findot.pick.pressed{transform:scale(.9);transition-duration:.14s}.findot.custom:not([data-finish=custom]){background:conic-gradient(from 200deg,#e45b5b,#e4c66c,#6cc48a,#5b9be4,#a36ce4,#e45b5b)}.findot.custom input,.anycolour input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.anycolour{position:relative;justify-content:flex-start;gap:12px}.anycolour .findot{width:28px;height:28px}.fins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.finbtn{display:grid;justify-items:center;gap:8px;padding:14px 6px 12px;min-width:0;border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;font-weight:600;text-align:center;transition:transform .5s var(--spring),box-shadow .25s}.finbtn>span:last-child{max-width:100%;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.finbtn.on{box-shadow:inset 0 0 0 2px var(--ink)}.finbtn.pressed{transform:scale(.95);transition-duration:.14s}.findot{position:relative;width:44px;height:44px;border-radius:50%;background:var(--finish);box-shadow:inset 0 0 0 1px #0000001f,inset 0 1px #ffffff80}.findot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(120% 80% at 25% 10%,var(--finish-hi, rgba(255, 255, 255, .4)),transparent 55%)}.mrow .findot{width:26px;height:26px;flex:none}.mrow .findot.none{background:var(--fill);box-shadow:inset 0 0 0 1.5px var(--line-2)}.mrow .findot.none:after{display:none}.face{background:linear-gradient(150deg,hsl(var(--h) 62% 60%),hsl(calc(var(--h) + 16) 58% 42%) 62%,hsl(calc(var(--h) + 28) 52% 32%))}:root[data-theme=dark] .face{background:linear-gradient(150deg,hsl(var(--h) 58% 52%),hsl(calc(var(--h) + 16) 56% 32%) 62%,hsl(calc(var(--h) + 28) 50% 20%))}.face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff38,inset 0 1px #ffffff4d}.holo.fav .face:after{box-shadow:inset 0 0 0 1.5px #e4c66cd9,inset 0 1px #ffffff4d}.f-star svg{color:#f4e2a3;filter:drop-shadow(0 0 5px rgba(228,198,108,.8))}.rtile{border-radius:20px;background:var(--surface)}:root[data-theme=dark] .rtile{box-shadow:inset 0 0 0 1px var(--line)}.rtile{display:grid;grid-template-rows:auto 1fr}.rtile .face{height:118px;border-radius:20px 20px 0 0}.rt-body{padding:14px 14px 16px;gap:4px}.rt-body .rn{font-size:16px;font-weight:650;letter-spacing:-.015em}.rt-body .rm{font-size:13px;color:var(--ink-2)}.rgrid{gap:16px}.rail{padding-block:8px 12px;margin-block:-6px -6px}.ncard{box-shadow:inset 0 0 0 1px #fdf7e91f}.quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block-start:-10px}.qbtn{display:grid;justify-items:center;align-content:start;gap:9px;padding:18px 8px 16px;min-width:0;border-radius:22px;background:var(--surface);color:var(--ink)}.qic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:transform .5s var(--spring)}.qic svg{width:26px;height:26px}.ql{font-size:14px;font-weight:600;letter-spacing:-.01em;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qbtn.pressed{transform:scale(.95);transition-duration:.14s}.qbtn.pressed .qic{transform:scale(.9)}@property --ang{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.aihero{position:relative;display:block;width:100%;padding:1.5px;border-radius:26px;text-align:start;color:var(--ink);background:conic-gradient(from var(--ang),#cba84c,#f4e2a3,#cba84c,#8d7130,#cba84c);box-shadow:0 0 34px -12px var(--gold-glow);animation:ai-spin 8s linear infinite}@keyframes ai-spin{to{--ang: 360deg}}.ai-in{position:relative;display:flex;align-items:center;gap:14px;overflow:hidden;isolation:isolate;padding:20px 16px 20px 18px;border-radius:24.5px;min-height:104px;background:var(--surface)}:root[data-theme=dark] .ai-in{background:linear-gradient(135deg,#1a1b1f,#101114)}:root[dir=rtl] .ai-in{padding:20px 18px 20px 16px}.ai-ic{width:52px;height:52px;border-radius:17px;flex:none;display:grid;place-items:center;color:#1b1608;background:linear-gradient(150deg,#f4e2a3,#cba84c);box-shadow:inset 0 1px #fff9,0 0 20px -6px #e4c66ce6}.ai-ic svg{width:28px;height:28px;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{50%{transform:scale(.86) rotate(12deg)}}.ai-t{flex:1;min-width:0;display:grid;gap:3px}.ai-t b{font-family:var(--font-d);font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.15}:root[lang=ar] .ai-t b{font-family:var(--font-ar);font-size:19px}.ai-t>span:last-child{font-size:13.5px;line-height:1.35;color:var(--ink-2)}.ai-go{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.ai-go svg{width:17px;height:17px}:root[dir=rtl] .ai-go svg{transform:scaleX(-1)}.ai-badge{justify-self:start;margin-block-end:3px;padding:2px 8px;border-radius:999px;line-height:1.5;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}:root[lang=ar] .ai-badge{letter-spacing:0}.ai-in .foil{opacity:.12}.ai-in .glare{opacity:.25}.aihero.pressed{--press: .97}.navrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-end:-14px}.navrow .btn-q{padding-inline:8px 10px}.navrow .row{gap:8px}.fav-btn.on{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.hero{position:relative;border-radius:28px;overflow:hidden}.hero.fav{box-shadow:0 0 0 1.5px #e4c66cd9,0 0 28px -8px var(--gold-glow)}.face.big{height:214px;border-radius:28px}.hero.small .face.big{height:168px}.face.big .f-top{inset-block-start:18px;inset-inline:20px;font-size:11.5px}.face.big .f-name{position:absolute;inset-inline:20px 24%;inset-block-end:70px;font-family:var(--font-d);font-size:26px;font-weight:700;line-height:1.12;letter-spacing:-.02em;text-shadow:0 2px 16px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transform:translate(calc(var(--tx, 0) * 3px),calc(var(--ty, 0) * 2px))}:root[lang=ar] .face.big .f-name{font-family:var(--font-ar);font-size:24px;line-height:1.35}.hero.small .face.big .f-name{font-size:22px;inset-block-end:58px}.face.big .f-big{position:absolute;inset-inline-start:20px;inset-block-end:18px;display:flex;align-items:center;gap:12px;font-family:var(--font-d);font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1;text-shadow:0 2px 16px rgba(0,0,0,.25);transform:translate(calc(var(--tx, 0) * 5px),calc(var(--ty, 0) * 4px))}.hero.small .face.big .f-big{font-size:28px;inset-block-end:14px}.face.big .f-big i{width:1.5px;height:.8em;background:#ffffff80;border-radius:1px}.face.big .f-mark{width:190px;inset-inline-end:-26px;inset-block-end:-36px;opacity:.16}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 4px 13px;border-radius:22px;background:var(--surface)}.facts>div{position:relative;display:grid;justify-items:center;align-content:start;gap:3px;text-align:center;min-width:0}.facts>div+div:before{content:"";position:absolute;inset-inline-start:0;inset-block:4px;width:1px;background:var(--line)}.facts span{font-size:10.5px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}:root[lang=ar] .facts span{letter-spacing:0;font-size:12px;text-transform:none}.facts b{font-family:var(--font-d);font-size:25px;font-weight:700;letter-spacing:-.03em;line-height:1.05;white-space:nowrap}.facts b small{font-size:12.5px;font-weight:500;color:var(--ink-2);margin-inline-start:2px;letter-spacing:0}.facts b.rng{font-size:20px;padding-block-start:3px}.facts em{font-style:normal;font-size:11px;font-weight:600;color:var(--ink-2);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}@media (max-width: 370px){.facts b{font-size:21px}.facts span{font-size:9.5px;letter-spacing:.06em}}.pchart{display:flex;align-items:flex-end;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 16px 2px;margin-inline:-16px;scroll-padding-inline:16px}.pchart::-webkit-scrollbar{display:none}.pchart>.pbar{scroll-snap-align:start}.pbar{flex:1 0 60px;display:grid;justify-items:center;gap:7px;min-width:0}.pv{font-family:var(--font-d);font-size:16px;font-weight:650;letter-spacing:-.02em}.pv small{font-size:11px;font-weight:500;color:var(--ink-3);margin-inline-start:1px}.pcol{display:block;width:100%;height:calc(34px + var(--v) * 112px);border-radius:16px 16px 10px 10px;background:var(--line-2);transform-origin:50% 100%;animation:bar-up .9s var(--soft) both;animation-delay:calc(var(--i) * 70ms)}.pbar.by .pcol{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--water) 60%,transparent) 0 6px,color-mix(in srgb,var(--water) 35%,transparent) 6px 12px)}@keyframes bar-up{0%{transform:scaleY(0);opacity:0}}.pt{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--ink-2)}.patg{width:14px;height:14px;color:var(--ink-3);flex:none}.pn{font-size:12.5px;font-weight:600;text-align:center;line-height:1.15;max-width:100%;overflow-wrap:anywhere}.notes{white-space:pre-line;line-height:1.5}.src{padding-inline:4px;margin-block-start:-14px}.bag{display:grid;gap:12px}.bag .kv{grid-template-columns:minmax(72px,auto) 1fr;gap:7px 14px;font-size:14.5px}.bag .kv dt{color:var(--ink-3);font-size:13px;padding-block-start:1px}.bag .kv dd{font-weight:500;overflow-wrap:anywhere}.tchips{display:flex;flex-wrap:wrap;gap:6px}.tchip{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:600;background:var(--fill);color:var(--ink-2)}.whylist{display:grid;gap:10px}.whyrow{display:flex;align-items:center;gap:12px;min-width:0;font-size:14.5px;line-height:1.35}.whyrow>span:last-child{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.whyic{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;color:var(--ink);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.whyic svg{width:18px;height:18px}.actbar{position:sticky;inset-block-end:calc(var(--tab-h) + env(safe-area-inset-bottom) + 12px);z-index:6;display:flex;align-items:center;gap:12px;padding:8px;margin-block-start:4px;border-radius:999px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:inset 0 0 0 1px var(--line),var(--lift)}.rbtn{width:56px;height:56px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);transition:transform .5s var(--spring)}.rbtn svg{width:23px;height:23px}.rbtn.pressed{transform:scale(.9);transition-duration:.14s}.brewbtn{flex:1;min-height:56px;font-size:18px;font-weight:700;letter-spacing:.02em;gap:10px}.brewbtn svg{width:19px;height:19px}@media (min-width: 880px){.actbar{inset-block-end:18px}}.phase[data-p=brewing],.phase[data-p=bypass]{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 30px -10px var(--gold-glow)}.rung{background:var(--surface)}.rung.done .n{background:var(--ink);color:var(--bg)}.rung.now{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.rung.now .n{background:linear-gradient(180deg,var(--brass-hi),var(--brass-lo));color:var(--accent-ink);box-shadow:none}.standnear{text-align:center;font-size:12px;color:var(--ink-3);padding-inline:12px}.shgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 2px}@media (max-width: 480px){.shgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 2px}}.shbtn{display:grid;justify-items:center;gap:8px;min-width:0;color:var(--ink);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:-.01em;text-align:center}.shbtn>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shic{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);transition:transform .5s var(--spring)}.shic svg{width:25px;height:25px}.shbtn.pressed .shic{transform:scale(.88);transition-duration:.14s}.sc-body .sc-k{color:var(--ink-2)}.chips{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:-16px;padding:2px 16px;scroll-padding-inline:16px}.chips::-webkit-scrollbar{display:none}.view>.chips{margin-block-start:-16px}.fchip,.rchip{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:6px 15px;border-radius:999px;background:var(--surface);color:var(--ink-2);font-size:14px;font-weight:600;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line);transition:transform .5s var(--spring),background-color .25s,color .25s,box-shadow .25s}.fchip.on,.rchip.on{background:var(--ink);color:var(--bg);box-shadow:none}.fchip.pressed,.rchip.pressed{transform:scale(.94);transition-duration:.14s}.fchip:disabled{opacity:.4}.rchip .flag{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:6px;background:var(--fill);color:var(--ink-3)}.rchip.on .flag{background:#ffffff2e;color:var(--bg)}:root[data-theme=dark] .rchip.on .flag{background:#00000024}:root[lang=ar] .rchip .flag{letter-spacing:0;font-size:11px}.hlist{display:grid;background:var(--surface);border-radius:22px;overflow:hidden}.hrow{position:relative;display:flex;align-items:center;gap:13px;width:100%;min-height:78px;padding:10px 14px;text-align:start;color:var(--ink);transition:background-color .2s}.hrow+.hrow:before{content:"";position:absolute;inset-block-start:0;inset-inline:83px 0;height:1px;background:var(--line)}.hrow.pressed{background:var(--fill)}.himg{position:relative;width:56px;height:56px;flex:none;overflow:hidden;border-radius:15px;display:grid;place-items:center;background:linear-gradient(150deg,hsl(var(--h) 52% 50%),hsl(calc(var(--h) + 16) 50% 28%));box-shadow:inset 0 0 0 1px #ffffff2e}.himg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#eef0f3}.himg .hr{position:relative;font-size:12.5px;font-weight:700;color:#fff;letter-spacing:-.01em}.hbody{flex:1;min-width:0;display:grid;gap:2px}.hn{font-size:16px;font-weight:600;line-height:1.25;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hm{font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tagm{display:inline-block;margin-inline-start:6px;padding:0 6px;border-radius:6px;font-size:10.5px;font-weight:700;background:var(--fill);color:var(--ink-3);vertical-align:1px}.hl{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--ink-3)}.hl svg,svg.inl{width:12px;height:12px;color:color-mix(in srgb,var(--bad) 70%,var(--ink-3));vertical-align:-1px}.hgo{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--bg);background:var(--ink)}.hgo svg{width:16px;height:16px}.pickhead{display:flex;align-items:center;gap:10px;min-height:24px}.pickhead .spin{width:16px;height:16px;border-width:2px;flex:none}.hrow.found{min-height:64px}.hrow.found+.hrow.found:before{inset-inline:14px 0}.hrow.found .hn{font-family:var(--mono);font-size:15px;letter-spacing:0}.hrow.found.known .hm{color:var(--ink);font-weight:600}.hrow.found:not(.known) .hgo{background:var(--accent);color:var(--accent-ink)}.hrow.found:disabled{opacity:.55}.hrow.found:disabled .hgo{visibility:hidden}.aihead h2{display:flex;align-items:center;gap:10px}.aispark{width:30px;height:30px;border-radius:10px;display:inline-grid;place-items:center;color:#1b1608;background:linear-gradient(150deg,#f4e2a3,#cba84c);flex:none}.aispark svg{width:18px;height:18px}.aichoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aichoice{display:grid;justify-items:start;align-content:start;gap:6px;padding:18px 16px;min-height:150px;text-align:start;border-radius:22px;background:var(--surface);color:var(--ink);transition:transform .5s var(--spring)}.aichoice.pressed{transform:scale(.96);transition-duration:.14s}.aichoice:disabled{opacity:.45}.aichoice .aci{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin-block-end:6px;color:var(--ink);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2)}.aichoice .aci svg{width:24px;height:24px}.aichoice b{font-size:17px;font-weight:650}.aichoice>span:last-child{font-size:13px;color:var(--ink-2);line-height:1.35}.aigo svg{width:20px;height:20px}.spin-s svg{animation:spin 1.6s linear infinite}.colophon{text-align:center;font-size:12px;color:var(--ink-3);padding-block-start:4px;-webkit-user-select:none;user-select:none}@media (hover: none){.colophon{cursor:pointer}}@media (prefers-reduced-motion: reduce){.aihero,.ai-in:before,.ai-ic svg,.pcol,.spin-s svg{animation:none!important}}.sheet .row-btns>.btn-big{font-size:16px;padding-inline:12px;min-width:0}.sheet .row-btns>.btn-big:only-child{flex-basis:100%}.mrail>.mcard:not(.addcard){display:flex;flex-direction:column;align-items:flex-start;min-height:220px}.mrail>.mcard:not(.addcard)>.mtop{align-self:stretch}.mrail>.mcard>.pillbtn{margin-block-start:auto}.mcard .hero-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.mhead .mstat>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pillbtn.joining{display:inline-flex;align-items:center;gap:8px;pointer-events:none}.pillbtn.joining .spin{flex:none;width:15px;height:15px;border-width:2px;border-color:#0000002e;border-block-start-color:currentColor}.mcard[data-live=looking] .mstat .dot{background:var(--accent)}.shgrid .shbtn[aria-disabled=true]{opacity:.42;pointer-events:none}.shbtn{transition:opacity .25s,transform .5s var(--spring)}.shlink{display:flex;align-items:center;gap:8px;margin-block:-2px -6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shlink .spin{width:13px;height:13px;border-width:2px;flex:none}:root[data-theme=dark] [data-finish=sage]{--rich: linear-gradient(150deg, hsl(100 24% 60%), hsl(110 20% 38%) 60%, hsl(120 18% 20%))}:root[data-theme=dark] [data-finish=sagegold]{--rich: linear-gradient(150deg, hsl(48 56% 72%) 0, hsl(100 24% 58%) 22%, hsl(110 20% 38%) 60%, hsl(120 18% 20%))}:root[data-theme=dark] [data-finish=blue]{--rich: linear-gradient(150deg, hsl(210 50% 72%), hsl(215 38% 46%) 60%, hsl(222 36% 24%))}:root[data-theme=dark] [data-finish=twilight]{--rich: linear-gradient(150deg, hsl(250 30% 66%), hsl(250 24% 42%) 60%, hsl(254 26% 22%))}:root[data-theme=dark] [data-finish=black]{--rich: linear-gradient(150deg, hsl(230 6% 52%), hsl(235 5% 26%) 55%, hsl(240 6% 10%))}:root[data-theme=dark] [data-finish=white]{--rich: linear-gradient(150deg, hsl(40 30% 97%), hsl(220 10% 80%) 60%, hsl(222 10% 52%))}:root[data-theme=dark] :is([data-finish=""],[data-finish=none]){--rich: linear-gradient(150deg, hsl(220 8% 80%), hsl(222 7% 52%) 60%, hsl(224 8% 28%))}:root[data-theme=dark] [data-finish=custom]{--rich: var(--finish-rich, var(--finish))}:root[data-theme=dark] .liquid{background:linear-gradient(90deg,#ffffff14 0 40.5%,#0003 40.5% 100%),var(--rich, var(--finish));opacity:1}:root[data-theme=dark] .liquid:before{background:radial-gradient(circle at calc(30% + var(--tx, 0) * 50%) calc(20% + var(--ty, 0) * 50%),#ffffff57,#fff0 50%),linear-gradient(180deg,#ffffff40 0,#fff0 10%);mix-blend-mode:soft-light}:root[data-theme=dark] .mcard:is([data-live=on],[data-live=brewing]) .rig{background:#000;opacity:.42}.rig-fill .stk{position:absolute;z-index:1;left:54%;top:40%;width:27%;aspect-ratio:1;pointer-events:none;transform:translate(-50%,-50%) skewY(10.5deg) rotate(var(--rot, -5deg));background:var(--stk) center / contain no-repeat;transition:filter .3s}.rig-fill .stk:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transform:translate(.5px,.8px);background:#00000061;-webkit-mask:var(--stk) center / contain no-repeat;mask:var(--stk) center / contain no-repeat}.rig-fill .stk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,#fff0 30%,#ffffff59 46%,#fff0 58%) calc(50% + var(--tx, 0) * 60%) 0 / 220% 100% no-repeat,linear-gradient(180deg,#ffffff1f,#0000001a);-webkit-mask:var(--stk) center / contain no-repeat;mask:var(--stk) center / contain no-repeat}:root[data-theme=dark] .rig-fill .stk{filter:brightness(.84) saturate(.95)}:root[data-theme=dark] .mcard:not([data-live=on]):not([data-live=brewing]) .rig-fill .stk{filter:brightness(.7) saturate(.8)}.mcard[data-live=off] .rig-fill .stk,.mcard[data-live=looking] .rig-fill .stk{opacity:.9}.stkstage{position:relative;height:196px;overflow:hidden;border-radius:18px;touch-action:none;cursor:grab;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);margin-block-start:4px}.stkstage.dragging{cursor:grabbing}.stkstage{--rigw: 250px;--rig-end: calc(50% - 115px) }.stkstage .rig,.stkstage .rig-fill{inset-block-end:-74px}.stkstage .rig{opacity:.5}:root[data-theme=dark] .stkstage .rig{background:#000;opacity:.42}.stkstage .liquid{-webkit-mask-position:0 -24px;mask-position:0 -24px}.stkstage .stk{outline:none;transition:filter .2s}.stkstage.dragging .stk,.stkstage .stk:focus-visible{filter:drop-shadow(0 0 4px var(--accent)) brightness(1.04)}.stkhint{margin-block-start:6px;text-align:center}.rail>.rtile{flex:0 0 164px;width:164px;scroll-snap-align:start}.taste2{display:grid;gap:12px}.tdial{--dir: 90deg;display:grid;gap:10px;padding:14px 16px 12px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);outline:none}:root[dir=rtl] .tdial{--dir: 270deg}.tdial:focus-visible{box-shadow:inset 0 0 0 1px var(--line),0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}.td-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.td-label{font-size:13px;color:var(--ink-2)}.td-val{font-size:16px;font-weight:700;letter-spacing:-.01em}.td-flavour{--grad: linear-gradient(var(--dir), #f3c34f, #ea9a4b, #c98452, #8a5634, #4a2c1d)}.td-body{--grad: linear-gradient(var(--dir), #efe3c9, #cfae82, #a57a4f, #8b5a37, #4b2a19)}.td-track{position:relative;height:12px;margin-block:8px;margin-inline:14px;border-radius:99px;background:var(--grad);touch-action:none;cursor:pointer}.td-track:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px}.td-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0000001a;pointer-events:none}.td-stop{position:absolute;top:50%;inset-inline-start:calc(var(--at) * 100%);width:4px;height:4px;margin-block-start:-2px;margin-inline-start:-2px;border-radius:50%;background:#fffc;box-shadow:0 0 0 1px #00000038;pointer-events:none}.td-thumb{position:absolute;top:50%;inset-inline-start:calc(var(--p) * 100%);width:28px;height:28px;margin-block-start:-14px;margin-inline-start:-14px;border-radius:50%;background:#fff;pointer-events:none;box-shadow:0 2px 8px #00000059,inset 0 0 0 5px var(--dot);transition:inset-inline-start .32s var(--spring),box-shadow .25s,transform .2s var(--spring)}.tdial.dragging .td-thumb{transform:scale(1.12);transition:inset-inline-start 0s,box-shadow .25s,transform .2s var(--spring)}.td-ends{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--ink-3)}.xchips{display:flex;flex-wrap:wrap;gap:8px}.xchips .fchip{min-height:34px;font-size:13.5px}.xlabel{font-size:13px;color:var(--ink-2);margin-block-end:-4px}.tthen{margin-block-start:6px}.yourtaste{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.yourtaste .fchip{min-height:32px;font-size:13px;pointer-events:none}.yourtaste .edit{font-size:13px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;padding:6px 2px}.madefor{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--ink-2)}.madefor .tchip{background:var(--fill)}.busybag{display:grid;justify-items:center;gap:14px;padding:36px 12px 24px;text-align:center}.busybag .aispark{width:56px;height:56px;border-radius:18px}.busybag .aispark svg{width:30px;height:30px}.busybag b{font-size:18px}.busybag p{font-size:14px;color:var(--ink-2);max-width:280px}.busybag .bar{position:relative;width:70%;height:4px;border-radius:99px;background:var(--fill);overflow:hidden}.busybag .bar i{position:absolute;inset-block:0;width:45%;background:linear-gradient(90deg,#cba84c,#f4e2a3);border-radius:inherit;animation:aibar 1.6s ease-in-out infinite}@keyframes aibar{0%{transform:translate(-100%)}to{transform:translate(230%)}}@media (prefers-reduced-motion: reduce){.busybag .bar i{animation:none;width:60%}.td-thumb{transition:none}}.sc-body .sc-k.brandname,.brandname{text-transform:none;letter-spacing:.02em}.report{margin:2px 0 0;text-align:center}.report .link{color:var(--ink-3);font-weight:500}.toolstat{display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:var(--fill);box-shadow:inset 0 0 0 1px var(--line)}.toolstat[hidden]{display:none}.ts-line{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.ts-line .spin{width:16px;height:16px;flex:none}.ts-bar{height:6px;border-radius:999px;background:color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden}.ts-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .6s linear}.toolstat[data-phase=confirm]{box-shadow:inset 0 0 0 1.5px var(--warn)}.toolstat[data-phase=failed]{box-shadow:inset 0 0 0 1.5px var(--bad)}.toolstat[data-phase=failed] .ts-line{color:var(--bad)}.toolstat[data-phase=done] .ts-bar i{background:var(--good)}.scale-read{text-align:center;font-size:46px;font-weight:700;letter-spacing:-.02em;margin-block:6px 0}.scale-read.zeroed{animation:zeroed .7s ease-out}@keyframes zeroed{0%{color:var(--accent);transform:scale(1.04)}}@keyframes zeroed-still{0%{color:var(--accent)}}@media (prefers-reduced-motion: reduce){.scale-read.zeroed{animation-name:zeroed-still}}.scale-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 4px;color:var(--ink-2)}.scale-note:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.45}.scale-note[data-live=on]:before{background:var(--good);opacity:1}body.covered #view *,body.covered #tabs *{animation-play-state:paused!important}body.covered{overflow:hidden}.welcome{--accent: #e4c66c;--accent-ink: #1b1608;--brass-hi: #f4e2a3;--brass-lo: #cba84c;--gold-glow: rgba(228, 198, 108, .6);--ink: #fff;--ink-2: #a7abb3;--wl-line: rgba(253, 247, 233, .82);--wl-dim: rgba(253, 247, 233, .16);position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#000;color:var(--ink);display:grid;grid-template-rows:1fr auto;overflow:hidden;padding-block:env(safe-area-inset-top) env(safe-area-inset-bottom);animation:wl-in .6s var(--ease-out) both}@keyframes wl-in{0%{opacity:0}}.welcome.out{pointer-events:none;animation:wl-out .52s var(--ease-in) forwards}@keyframes wl-out{to{opacity:0;transform:scale(1.04)}}.wl-glow{position:absolute;top:-30%;right:-40%;bottom:-30%;left:-40%;pointer-events:none;background:radial-gradient(circle closest-side,rgba(228,198,108,.18),transparent 70%);transform:translate(calc(var(--gx, 0) * 1%),-18%);transition:transform 1.2s var(--ease-out)}.welcome[data-at="1"] .wl-glow{--gx: 14}.welcome[data-at="2"] .wl-glow{--gx: -12}.welcome[data-at="3"] .wl-glow{--gx: 6}.wl-skip{position:absolute;inset-block-start:calc(env(safe-area-inset-top) + 10px);inset-inline-end:12px;z-index:2;background:none;border:0;color:var(--ink-2);font:600 15px/1 var(--font);padding:12px;min-height:44px}.wl-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;min-height:0}.wl-scene{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-rows:1fr auto;align-items:end;gap:28px;padding:72px 28px 8px}.wl-art{align-self:center;justify-self:center;width:min(100%,340px);transform:translate(calc(var(--p, 0) * -38%)) scale(calc(1 - var(--p, 0) * var(--p, 0) * .12));opacity:calc(1 - var(--p, 0) * var(--p, 0) * 1.4)}.wl-copy{max-width:420px}.wl-copy h2{margin:0 0 10px;font:700 clamp(28px,8vw,34px)/1.1 var(--font-d);letter-spacing:-.02em}.wl-copy p{margin:0;font-size:17px;line-height:1.45;color:var(--ink-2)}[lang=ar] .wl-copy h2,[lang=ar] .wl-copy p{font-family:var(--font-ar);letter-spacing:0}.wl-copy .wl-indie{margin-block-start:14px;font-size:13px;color:var(--ink-3, #7c8189)}.wl-scene.on .wl-copy>*{animation:rise .6s var(--ease-out) both}.wl-scene.on .wl-copy>:nth-child(2){animation-delay:.08s}.wl-scene.on .wl-copy>:nth-child(3){animation-delay:.16s}.wl-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px 22px}.wl-dots{display:flex;gap:8px}.wl-dots i{width:7px;height:7px;border-radius:99px;background:var(--wl-dim);transition:width .4s var(--ease-out),background .4s}.wl-dots i.on{width:26px;background:var(--accent)}.wl-next{min-width:150px}.wl-svg{display:block;width:100%;height:auto;overflow:visible}.wl-svg *{fill:none;stroke:var(--wl-line);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.wl-screen{fill:#fdf7e90d;stroke:none}.wl-glyph path{fill:var(--accent);stroke:none;filter:drop-shadow(0 0 30px rgba(228,198,108,.6))}.wl-waves path{stroke:var(--accent);opacity:.15}.wl-scene.on .wl-waves path{animation:wl-wave 1.8s ease-in-out infinite}.wl-scene.on .wl-waves path:nth-child(2){animation-delay:.18s}.wl-scene.on .wl-waves path:nth-child(3){animation-delay:.36s}@keyframes wl-wave{0%,to{opacity:.15}30%{opacity:1}}.wl-spark{fill:var(--accent);stroke:none;opacity:0}.wl-scene.on .wl-spark{animation:wl-spark 1.8s .5s ease-in infinite}@keyframes wl-spark{0%{opacity:0;transform:translate(-20px)}30%{opacity:1}70%{opacity:1;transform:translate(18px)}to{opacity:0;transform:translate(22px)}}.wl-led{fill:var(--wl-dim);stroke:none}.wl-scene.on .wl-led{animation:wl-led .5s 1.1s both}@keyframes wl-led{to{fill:var(--accent);filter:drop-shadow(0 0 6px var(--accent))}}.wl-stream{stroke:var(--accent);stroke-dasharray:4 7;opacity:0}.wl-scene.on .wl-stream{animation:wl-stream .5s 1.4s linear both,wl-flow .6s 1.4s linear infinite}@keyframes wl-stream{to{opacity:1}}@keyframes wl-flow{to{stroke-dashoffset:-11}}@property --wl-dose{syntax: "<integer>"; inherits: true; initial-value: 15;}@property --wl-ratio{syntax: "<integer>"; inherits: true; initial-value: 14;}@property --wl-temp{syntax: "<integer>"; inherits: true; initial-value: 90;}.wl-tiles{display:grid;gap:12px;width:min(100%,300px);margin-inline:auto}.wl-tile{position:relative;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;padding:14px 16px 16px;border-radius:18px;background:#151618;box-shadow:inset 0 0 0 1px #ffffff14}.wl-tile span{font-size:13px;color:var(--ink-2)}.wl-tile b{font:700 24px/1 var(--font-d);font-variant-numeric:tabular-nums}.wl-tile i{grid-column:1 / -1;position:relative;height:4px;border-radius:4px;background:#ffffff1a;overflow:hidden}.wl-tile em{position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);border-radius:4px;background:linear-gradient(90deg,var(--brass-lo),var(--brass-hi))}.wl-tile.t1{--w: 40%}.wl-tile.t2{--w: 50%}.wl-tile.t3{--w: 55%}.n-dose{counter-reset:n var(--wl-dose)}.n-dose:after{content:counter(n) " g"}.n-ratio{counter-reset:n var(--wl-ratio)}.n-ratio:after{content:"1:" counter(n)}.n-temp{counter-reset:n var(--wl-temp)}.n-temp:after{content:counter(n) "°C"}.wl-scene.on .t1{animation:wl-dose 2.6s .3s var(--ease-out) infinite alternate}.wl-scene.on .t1 em{animation:wl-bar1 2.6s .3s var(--ease-out) infinite alternate}.wl-scene.on .t2{animation:wl-ratio 2.6s .7s var(--ease-out) infinite alternate}.wl-scene.on .t2 em{animation:wl-bar2 2.6s .7s var(--ease-out) infinite alternate}.wl-scene.on .t3{animation:wl-temp 2.6s 1.1s var(--ease-out) infinite alternate}.wl-scene.on .t3 em{animation:wl-bar3 2.6s 1.1s var(--ease-out) infinite alternate}@keyframes wl-dose{to{--wl-dose: 19}}@keyframes wl-ratio{to{--wl-ratio: 16}}@keyframes wl-temp{to{--wl-temp: 94}}@keyframes wl-bar1{to{width:78%}}@keyframes wl-bar2{to{width:70%}}@keyframes wl-bar3{to{width:82%}}.wl-finger{position:absolute;inset-block-end:3px;inset-inline-start:calc(1px + (100% - 32px)*.4);width:30px;height:30px;border-radius:50%;background:#fdf7e938;box-shadow:0 0 0 1px #fdf7e980,0 0 18px #e4c66c80}.wl-scene.on .wl-finger{animation:wl-finger 2.6s .3s var(--ease-out) infinite alternate}@keyframes wl-finger{to{inset-inline-start:calc(1px + (100% - 32px)*.78)}}.wl-bag{fill:#151618}.wl-seal{fill:#1e2024}.wl-label{stroke:var(--wl-dim)}.wl-labtext{stroke:var(--wl-dim);stroke-width:3}.wl-scan{fill:var(--accent);stroke:none;filter:drop-shadow(0 0 6px var(--accent));opacity:0}.wl-scene.on .wl-scan{animation:wl-scan 1.6s .3s ease-in-out 2 both}@keyframes wl-scan{0%{opacity:0;transform:translateY(0)}15%,85%{opacity:1}to{opacity:0;transform:translateY(150px)}}.wl-scene.on .wl-labtext{animation:wl-read .4s 1.6s both}@keyframes wl-read{to{stroke:var(--accent)}}.wl-star{fill:var(--accent);stroke:none;transform-box:fill-box;transform-origin:center;opacity:0}.wl-scene.on .wl-star{animation:wl-star 1.6s ease-in-out infinite}.wl-scene.on .wl-star.s2{animation-delay:.5s}.wl-scene.on .wl-star.s3{animation-delay:1s}@keyframes wl-star{0%,to{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}.wl-card{opacity:0}.wl-card rect:first-child{fill:#151618;stroke:var(--accent)}.wl-cardline{stroke-width:3}.wl-cbar{fill:var(--wl-dim);stroke:none;transform-box:fill-box;transform-origin:bottom}.wl-cbar.b2{fill:var(--accent)}.wl-scene.on .wl-card{animation:wl-card .7s 2.1s var(--ease-out) both}.wl-scene.on .wl-cbar{animation:bar-up .5s var(--ease-out) both}.wl-scene.on .wl-cbar.b1{animation-delay:2.5s}.wl-scene.on .wl-cbar.b2{animation-delay:2.6s}.wl-scene.on .wl-cbar.b3{animation-delay:2.7s}.wl-scene.on .wl-cbar.b4{animation-delay:2.8s}@keyframes wl-card{0%{opacity:0;transform:translate(-40px) scale(.9)}to{opacity:1;transform:none}}.wl-dripper{fill:#151618}.wl-cup{stroke-width:2.4}.wl-pour{stroke:var(--accent);stroke-width:3;stroke-dasharray:6 8;opacity:0}.wl-scene.on .wl-pour{animation:wl-stream .3s .2s both,wl-flow .5s linear infinite,wl-stop .4s 3.4s both}@keyframes wl-stop{to{opacity:0}}.wl-fill{transform:translateY(216px)}.wl-wave{fill:url(#wl-coffee);stroke:none}.wl-scene.on .wl-fill{animation:wl-rise 3.4s .4s cubic-bezier(.3,.1,.3,1) both}.wl-scene.on .wl-wave{animation:wl-lap 1.4s linear infinite}@keyframes wl-rise{to{transform:translateY(150px)}}@keyframes wl-lap{to{transform:translate(-60px)}}.wl-bars rect{fill:var(--wl-dim);stroke:none;transform-box:fill-box;transform-origin:bottom}.wl-scene.on .wl-bars rect{animation:bar-up .6s var(--ease-out) both,wl-live 1.1s both}.wl-scene.on .wl-bars .p1{animation-delay:.4s,.4s}.wl-scene.on .wl-bars .p2{animation-delay:1.5s,1.5s}.wl-scene.on .wl-bars .p3{animation-delay:2.6s,2.6s}@keyframes wl-live{0%,to{fill:var(--wl-dim)}10%,90%{fill:var(--accent)}}@media (prefers-reduced-motion: reduce){.welcome,.welcome *{animation:none!important;transition:none!important}.wl-card,.wl-stream{opacity:1}.wl-fill{transform:translateY(160px)}}.scanhero{display:flex;align-items:center;gap:14px;width:100%;padding:18px 16px;border-radius:24px;text-align:start;background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);transition:transform .5s var(--spring)}.scanhero.pressed{transform:scale(.97);transition-duration:.14s}.sh-ic{width:56px;height:56px;border-radius:18px;flex:none;display:grid;place-items:center;color:var(--bg);background:var(--ink)}.sh-ic svg{width:30px;height:30px}.sh-t{flex:1;min-width:0;display:grid;gap:3px}.sh-t b{font-family:var(--font-d);font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.15}:root[lang=ar] .sh-t b{font-family:var(--font-ar);font-size:18px}.sh-t span{font-size:13.5px;color:var(--ink-2)}.sh-go{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--surface-2)}.sh-go svg{width:18px;height:18px}:root[dir=rtl] .sh-go svg{transform:scaleX(-1)}.scanways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scanway{display:grid;justify-items:start;align-content:start;gap:6px;padding:16px 14px;min-width:0;border-radius:20px;text-align:start;background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.scanway b{font-size:15px;font-weight:650;letter-spacing:-.01em}.scanway[disabled]{opacity:.55}.sw-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--surface-2)}.sw-ic svg{width:22px;height:22px}.pastebox{display:flex;gap:8px}.pastebox input{flex:1;min-width:0;min-height:46px;padding:10px 14px;font-size:16px;border:0;outline:0;border-radius:14px;background:var(--fill);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.pastebox input:focus{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 55%,transparent)}.pastebox .btn{flex:none}.found{display:grid;gap:12px}.found>.btn-q{justify-self:center}.qrtorch{position:absolute;top:12px;inset-inline-end:12px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.qrtorch svg{width:22px;height:22px}.qrtorch.on{background:#fff;color:#111}.searchrow{display:flex;align-items:center;gap:8px}.searchrow .searchbox{flex:1;min-width:0}.filtbtn{position:relative;flex:none;width:46px;height:46px}.filtbtn.on{background:var(--ink);color:var(--bg);box-shadow:none}.fdot{position:absolute;top:-3px;inset-inline-end:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--accent);color:var(--bg)}.fchips{margin-block-start:10px}.chips.wrap{flex-wrap:wrap;overflow:visible;margin-inline:0;padding:0}.ppct{font-size:13px;font-weight:650;color:var(--ink-2);padding:2px 8px;border-radius:999px;background:var(--surface-2)}.pp{font-size:11px;color:var(--ink-3);margin-block-start:-5px;min-height:1em}.usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.usage>div{display:grid;gap:2px;justify-items:center;padding:12px 6px;border-radius:16px;background:var(--surface-2)}.usage b{font-family:var(--font-d);font-size:20px;font-weight:700}.usage span{font-size:12px;color:var(--ink-3);text-align:center}p.usage{display:block}