:root{--bg:#efe7dc;--surface:#fbf7f1;--border:oklch(24.8874% .0349382 57.6917/.14);--text:#2e1d10;--text-muted:oklch(52.5776% .0250947 65.516);--primary:#7a4a1e;--primary-hover:#8d5c2b;--primary-on:#fff8ef;--accent-2:#b0793c;--accent-2-on:#351f0f;--wait-accent:var(--accent-2);--wait-accent-on:var(--accent-2-on);--switch-accent:var(--accent-2);--switch-accent-on:var(--accent-2-on);--switch-close-accent:color-mix(in oklch, var(--accent-2) 14%, transparent);--switch-close-accent-on:var(--text);--tag-pour-bg:var(--primary);--tag-pour-text:var(--primary-on);--tag-pour-border:transparent;--tag-wait-bg:var(--wait-accent);--tag-wait-text:var(--wait-accent-on);--tag-wait-border:transparent;--tag-switch-open-bg:var(--switch-accent);--tag-switch-open-text:var(--switch-accent-on);--tag-switch-open-border:transparent;--tag-switch-close-bg:var(--switch-close-accent);--tag-switch-close-text:var(--switch-close-accent-on);--tag-switch-close-border:transparent;--chip-off-fill:var(--glass-surface-inset);--chip-on-fill:var(--primary);--chip-on-text:var(--primary-on);--chip-on-border:var(--primary);--input-fill:oklch(98.703% .0106882 76.6017/.48);--input-rim:oklch(24.8874% .0349382 57.6917/.12);--input-edge:oklch(100% 5.96046e-8 none/.7);--danger:oklch(55% .18 25);--danger-on:oklch(99% .01 25);--warning:oklch(72% .15 80);--warning-on:oklch(24% .04 80);--success:oklch(58% .13 148);--success-on:oklch(99% .01 148);--brew-bg:#1a120b;--brew-surface:#261a11;--brew-text:#f6ece0;--brew-text-muted:color-mix(in oklch, var(--brew-text) 62%, var(--brew-bg) 38%);--brew-pour:#e0aa6e;--brew-pour-on:#2a1a0c;--brew-accent-2:oklch(76.4659% .0641282 66.5884);--brew-accent-2-on:#2a1a0c;--brew-wait:var(--brew-accent-2);--brew-wait-on:var(--brew-accent-2-on);--brew-switch:var(--brew-accent-2);--brew-switch-on:var(--brew-accent-2-on);--brew-switch-close:color-mix(in oklch, var(--brew-accent-2) 16%, transparent);--brew-switch-close-on:var(--brew-text);--brew-border:oklch(9.45722% .0349382 57.6917);--font-heading:"Figtree", "Noto Sans Thai", -apple-system, "Segoe UI", sans-serif;--font-body:"Figtree", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.9375rem;--text-3xl:2.4375rem;--text-4xl:3.0625rem;--text-5xl:3.8125rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-sm:12px;--radius-btn:18px;--radius-md:22px;--radius-lg:28px;--radius-pill:999px;--shadow-card:0 2px 3px oklch(27.4398% .0150469 62.746/.16), 0 6px 12px oklch(27.4398% .0150469 62.746/.12), 0 14px 28px oklch(27.4398% .0150469 62.746/.09);--shadow-raised:0 3px 6px oklch(27.4398% .0150469 62.746/.18), 0 12px 26px oklch(27.4398% .0150469 62.746/.14), 0 32px 64px oklch(27.4398% .0150469 62.746/.15);--shadow-dialog:0 4px 8px oklch(27.4398% .0150469 62.746/.2), 0 20px 44px oklch(27.4398% .0150469 62.746/.18), 0 64px 120px oklch(27.4398% .0150469 62.746/.24);--ease-settle:cubic-bezier(.16, 1, .3, 1);--ease-flow:cubic-bezier(.37, 0, .63, 1);--ease-breathe:cubic-bezier(.45, 0, .55, 1);--ease-reveal:cubic-bezier(0, .14, .19, 1);--dur-fast:.15s;--dur-base:.3s;--dur-transition:.4s;--dur-rail:.5s;--dur-reveal:.7s;--touch-min:48px;--glass-surface:color-mix(in oklch, var(--surface) 58%, transparent);--glass-surface-strong:color-mix(in oklch, var(--surface) 60%, transparent);--glass-surface-inset:color-mix(in oklch, var(--surface) 42%, transparent);--glass-surface-well:color-mix(in oklch, var(--surface) 50%, transparent);--glass-border:oklch(100% 5.96046e-8 none/.6);--glass-border-strong:oklch(100% 5.96046e-8 none/.72);--glass-blur:blur(9px) saturate(2) brightness(1.06);--glass-blur-thin:blur(6px) saturate(2) brightness(1.08);--glass-blur-strong:blur(10px) saturate(2.1) brightness(1.08);--glass-rim:inset 0 2px 1px oklch(100% 5.96046e-8 none/.95), inset 0 -2px 2px oklch(100% 5.96046e-8 none/.5), inset 2px 0 3px oklch(97.6382% .0208407 79.0968/.7), inset -2px 0 3px oklch(94.6453% .0169535 225.194/.6);--glass-rim-strong:inset 0 2px 2px oklch(100% 5.96046e-8 none/.98), inset 0 -2px 3px oklch(100% 5.96046e-8 none/.6), inset 2px 0 3px oklch(97.1479% .0241994 77.4634/.8), inset -2px 0 3px oklch(94.6453% .0169535 225.194/.7);--glass-sheen:linear-gradient(148deg, oklch(100% 5.96046e-8 none/.8) 0%, oklch(100% 5.96046e-8 none/.14) 24%, transparent 44%, oklch(100% 5.96046e-8 none/.1) 78%, oklch(100% 5.96046e-8 none/.3) 100%);--accent-glass-fill:color-mix(in oklch, var(--primary) 66%, transparent);--accent-glass-fill-hover:color-mix(in oklch, var(--primary) 78%, transparent);--accent-glass-fill-active:color-mix(in oklch, var(--primary) 85%, black 15%);--accent-glass-border:oklch(100% 5.96046e-8 none/.5);--accent-glass-shadow:0 5px 14px oklch(27.4398% .0150469 62.746/.24), inset 0 2px 2px oklch(100% 5.96046e-8 none/.55), inset 0 -2px 3px oklch(91.9111% .0597177 69.4154/.3);--ease-liquid:cubic-bezier(.22, 1.06, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports ((-webkit-backdrop-filter:url(#glass-distortion)) or (backdrop-filter:url(#glass-distortion))){:root[data-glass-refraction=true]{--glass-blur:url(#glass-distortion) blur(9px) saturate(2.1) brightness(1.06);--glass-blur-thin:url(#glass-distortion) blur(6px) saturate(2.1) brightness(1.08);--glass-blur-strong:url(#glass-distortion) blur(10px) saturate(2.2) brightness(1.08)}}[data-theme=dark]{--bg:var(--brew-bg);--surface:var(--brew-surface);--border:var(--brew-border);--text:var(--brew-text);--text-muted:var(--brew-text-muted);--primary:var(--brew-pour);--primary-hover:color-mix(in oklch, var(--brew-pour) 80%, white 20%);--primary-on:#f8ecdc;--wait-accent:var(--brew-wait);--wait-accent-on:var(--brew-wait-on);--switch-accent:var(--brew-switch);--switch-accent-on:var(--brew-switch-on);--switch-close-accent:var(--brew-switch-close);--switch-close-accent-on:var(--brew-switch-close-on);--tag-pour-bg:color-mix(in oklch, var(--primary) 34%, transparent);--tag-pour-text:var(--primary);--tag-pour-border:color-mix(in oklch, var(--primary) 45%, transparent);--tag-wait-bg:color-mix(in oklch, var(--primary) 14%, transparent);--tag-wait-text:color-mix(in oklch, var(--primary) 78%, var(--text-muted) 22%);--tag-wait-border:color-mix(in oklch, var(--primary) 24%, transparent);--tag-switch-open-bg:color-mix(in oklch, var(--primary) 26%, transparent);--tag-switch-open-text:var(--primary);--tag-switch-open-border:color-mix(in oklch, var(--primary) 36%, transparent);--tag-switch-close-bg:color-mix(in oklch, var(--primary) 18%, transparent);--tag-switch-close-text:var(--primary);--tag-switch-close-border:color-mix(in oklch, var(--primary) 28%, transparent);--chip-off-fill:oklch(98.703% .0106882 76.6017/.12);--chip-on-fill:color-mix(in oklch, var(--primary) 62%, transparent);--chip-on-text:#fff4e6;--chip-on-border:color-mix(in oklch, var(--primary) 55%, transparent);--input-fill:oklch(98.703% .0106882 76.6017/.14);--input-rim:oklch(98.703% .0106882 76.6017/.12);--input-edge:oklch(98.703% .0106882 76.6017/.16);--danger:oklch(68% .17 25);--danger-on:oklch(18% .03 25);--glass-surface:#261a11b3;--glass-surface-strong:#261a11d1;--glass-surface-inset:#3a2a1c8f;--glass-surface-well:#140d08a3;--glass-border:#ffffff24;--glass-border-strong:#ffffff2e;--glass-blur:blur(9px) saturate(2) brightness(.92);--glass-blur-thin:blur(6px) saturate(2) brightness(.92);--glass-blur-strong:blur(10px) saturate(2.1) brightness(.92);--glass-rim:inset 0 1.5px 0 #ffffff4d, inset 0 -1px 2px #00000059, inset 2px 0 4px #ffd6a824, inset -2px 0 4px #a8cee01f;--glass-rim-strong:inset 0 1.5px 0 #ffffff5c, inset 0 -1px 2px #0006, inset 2px 0 4px #ffd6a82e, inset -2px 0 4px #a8cee029;--glass-sheen:linear-gradient(148deg, #ffffff38 0%, #ffffff0d 24%, #fff0 46%, #ffffff08 78%, #ffffff14 100%);--shadow-card:0 2px 3px #0000005c, 0 6px 12px #00000047, 0 14px 28px #0000003d;--shadow-raised:0 3px 6px #0006, 0 12px 26px #0000005c, 0 32px 64px #0000005c;--shadow-dialog:0 4px 8px #00000070, 0 20px 44px #0006, 0 64px 120px #00000080;--accent-glass-fill:#e0aa6e3d;--accent-glass-fill-hover:#e0aa6e57;--accent-glass-fill-active:#e0aa6e70;--accent-glass-border:#e0aa6e73;--accent-glass-shadow:0 8px 18px #0000006b, inset 0 1.5px 0 #ffffff47, inset 2px 0 3px #ffd6a829, inset -2px 0 3px #a8cee01f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports ((-webkit-backdrop-filter:url(#glass-distortion)) or (backdrop-filter:url(#glass-distortion))){:root[data-glass-refraction=true] [data-theme=dark],:root[data-glass-refraction=true][data-theme=dark]{--glass-blur:url(#glass-distortion) blur(9px) saturate(2.1) brightness(.92);--glass-blur-thin:url(#glass-distortion) blur(6px) saturate(2.1) brightness(.92);--glass-blur-strong:url(#glass-distortion) blur(10px) saturate(2.2) brightness(.92)}}[data-mode=brew]{--bg:#120c07;--surface:#1e150e;--text:#f7efe4;--text-muted:oklch(73.2803% .0163941 72.4388);--border:#ffffff14;--brew-live:#ffb765;--brew-live-on:#1a1006;--brew-live-glow:0 0 0 1px #ffb76580, 0 4px 18px #ffb76547;--brew-done:oklch(95.5379% .0169837 76.1114/.4);--brew-next:oklch(95.5379% .0169837 76.1114/.62);--brew-later:oklch(95.5379% .0169837 76.1114/.26);--brew-track:#ffffff1a;--primary:#ffb765;--primary-hover:oklch(85.146% .113731 67.9435);--primary-on:#1a1006;--wait-accent:oklch(86.8457% .0955633 70.3939);--wait-accent-on:#1a1006;--switch-accent:oklch(86.8457% .0955633 70.3939);--switch-accent-on:#1a1006;--switch-close-accent:oklch(83.1204% .12924 67.9435/.16);--switch-close-accent-on:#f7efe4;--glass-surface:#1e150ec7;--glass-surface-strong:#1e150edb;--glass-surface-inset:#2e2116a8;--glass-surface-well:#0c0805b8;--glass-border:#ffffff1a;--glass-border-strong:#ffffff24;--glass-blur:blur(20px) saturate(1.3) brightness(.72);--glass-blur-thin:blur(14px) saturate(1.3) brightness(.74);--glass-blur-strong:blur(24px) saturate(1.35) brightness(.7);--glass-rim:inset 0 1px 0 #ffffff29;--glass-rim-strong:inset 0 1px 0 #fff3;--glass-sheen:none;--shadow-card:0 4px 14px #00000094;--shadow-raised:0 10px 28px #000000a8;--accent-glass-fill:#ffb76533;--accent-glass-fill-hover:#ffb7654d;--accent-glass-fill-active:#ffb76566;--accent-glass-border:#ffb76580;--accent-glass-shadow:0 6px 16px #00000080, inset 0 1px 0 #fff3;--input-fill:oklch(98.703% .0106882 76.6017/.09);--input-rim:oklch(98.703% .0106882 76.6017/.14);--input-edge:oklch(98.703% .0106882 76.6017/.18);--tag-pour-bg:#ffb76529;--tag-pour-text:var(--brew-next);--tag-pour-border:#ffb7653d;--tag-wait-bg:#ffffff0f;--tag-wait-text:var(--brew-later);--tag-wait-border:#ffffff1a;--tag-switch-open-bg:#ffffff17;--tag-switch-open-text:var(--brew-next);--tag-switch-open-border:#ffffff24;--tag-switch-close-bg:#ffffff12;--tag-switch-close-text:var(--brew-done);--tag-switch-close-border:#ffffff1c;--chip-off-fill:#ffffff14;--chip-on-fill:#ffb76580;--chip-on-text:#fff6ea;--chip-on-border:#ffb7658c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports ((-webkit-backdrop-filter:url(#glass-distortion)) or (backdrop-filter:url(#glass-distortion))){[data-mode=brew]{--glass-blur:blur(20px) saturate(1.3) brightness(.72);--glass-blur-thin:blur(14px) saturate(1.3) brightness(.74);--glass-blur-strong:blur(24px) saturate(1.35) brightness(.7)}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scrollbar-gutter:stable}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;transition:background-color var(--dur-transition) var(--ease-settle);line-height:1.55}#root{flex-direction:column;min-height:100dvh;display:flex}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;font-weight:800;line-height:1.15}a{color:var(--primary)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:var(--radius-btn)}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.prose{max-width:65ch}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);color:var(--text);font-family:var(--font-heading);font-size:var(--text-sm);letter-spacing:-.01em;transition:background-color var(--dur-fast) var(--ease-settle), border-color var(--dur-fast) var(--ease-settle), color var(--dur-fast) var(--ease-settle), transform var(--dur-fast) var(--ease-liquid), box-shadow var(--dur-fast) var(--ease-settle);background:0 0;border:1px solid #0000;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent-glass-fill);border-color:var(--accent-glass-border);color:var(--primary-on);text-shadow:0 1px 2px oklch(0% none none/.45);-webkit-backdrop-filter:var(--glass-blur-thin);box-shadow:var(--shadow-card), var(--glass-rim)}.btn-primary:hover{background:var(--accent-glass-fill-hover)}.btn-primary:active{background:var(--accent-glass-fill-active)}.btn-outline{background:var(--glass-surface-inset);border-color:var(--glass-border);color:var(--text);box-shadow:var(--shadow-card), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin)}.btn-outline:hover{background:var(--glass-surface-strong)}.btn-outline:active{box-shadow:var(--shadow-card), var(--glass-rim-strong)}.btn-danger{background:var(--glass-surface-inset);border-color:color-mix(in oklch, var(--danger) 50%, transparent);color:var(--danger);box-shadow:var(--shadow-card), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin)}.btn-danger:hover{background:var(--danger);color:var(--danger-on);border-color:var(--danger)}.btn-quiet{color:var(--text-muted);background:0 0}.btn-quiet:hover{background:color-mix(in oklch, var(--primary) 10%, transparent);color:var(--primary)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:600}.field-hint{font-size:var(--text-xs);color:var(--text-muted)}.input{appearance:none;width:100%;min-height:var(--touch-min);padding:var(--space-3) var(--space-4);background:var(--input-fill);border:1px solid var(--input-rim);border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 var(--input-edge);-webkit-backdrop-filter:var(--glass-blur-thin);transition:border-color var(--dur-fast) var(--ease-settle)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:color-mix(in oklch, var(--primary) 40%, var(--input-rim))}.input:focus{border-color:var(--primary);box-shadow:inset 0 1px 0 var(--input-edge), 0 0 0 3px color-mix(in oklch, var(--primary) 22%, transparent)}.input[aria-invalid=true]{border-color:var(--danger)}.card{isolation:isolate;background:var(--glass-surface-strong);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur);position:relative;overflow:hidden}@media (hover:hover){.card{transition:box-shadow var(--dur-base) var(--ease-settle)}.card:hover{box-shadow:var(--shadow-raised), var(--glass-rim-strong)}}.card:before{content:"";z-index:-1;border-radius:inherit;background:var(--glass-sheen);pointer-events:none;position:absolute;inset:0}.page-header{z-index:10;margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-4));padding:calc(env(safe-area-inset-top) + var(--space-4)) var(--space-4) var(--space-4);background:var(--glass-surface);border:0;border-bottom:1px solid var(--glass-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin);position:sticky;top:0}.page-header-title{font-size:var(--text-2xl)}.page-header-subtitle{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width>=1024px){.page-header{width:auto;padding:var(--space-6) var(--space-8);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin:0;position:static}.page-header-title{font-size:var(--text-3xl)}.page-header-subtitle{white-space:normal;text-overflow:clip;overflow:visible}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity var(--dur-reveal) var(--ease-reveal), transform var(--dur-reveal) var(--ease-reveal);transform:translateY(15px)}.reveal.is-in{opacity:1;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.2s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}._shell_dafk7_17{isolation:isolate;background:var(--bg);flex-direction:column;flex:1;min-height:100dvh;display:flex;position:relative}._shell_dafk7_17:before{content:"";z-index:-1;background:linear-gradient(oklch(98.703% .0106882 76.6017/.38) 0%,oklch(98.703% .0106882 76.6017/.26) 45%,oklch(98.703% .0106882 76.6017/.44) 100%),url(/coffee/assets/app-bg-mobile-BGxSud4h.jpg) top/cover no-repeat;height:100lvh;position:fixed;inset:0}@media (width>=1024px){._shell_dafk7_17:before{background:linear-gradient(oklch(98.703% .0106882 76.6017/.38) 0%,oklch(98.703% .0106882 76.6017/.26) 45%,oklch(98.703% .0106882 76.6017/.44) 100%),url(/coffee/assets/app-bg-desktop-DQSuiWFa.jpg) top/cover no-repeat}}._shellCalculator_dafk7_147{color:var(--text);background:#1a120b}._shellCalculator_dafk7_147:before{background:linear-gradient(#0c08059e 0%,#0c08057a 45%,#0c0805ad 100%),url(/coffee/assets/calculator-bg-CHljBGEK.jpg) 50%/cover no-repeat}._topNav_dafk7_191{display:none}._main_dafk7_199{width:100%;padding:var(--space-6) var(--space-4) calc(var(--space-24) + env(safe-area-inset-bottom));flex:1}._tabBar_dafk7_215{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:20;width:max-content;max-width:calc(100vw - var(--space-8));background:var(--glass-surface);border:1px solid var(--glass-border-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-raised), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-strong);gap:6px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}._tab_dafk7_215{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);min-height:44px;color:var(--text-muted);will-change:transform;transition:color var(--dur-fast) var(--ease-settle), background-color var(--dur-fast) var(--ease-settle), transform var(--dur-fast) var(--ease-liquid);padding:12px 20px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex}._tab_dafk7_215[aria-current=page]{color:var(--primary-on);background:var(--accent-glass-fill);border:1px solid var(--accent-glass-border);box-shadow:var(--accent-glass-shadow);-webkit-backdrop-filter:var(--glass-blur-thin);text-shadow:0 1px 2px oklch(0% none none/.4)}._tab_dafk7_215:active{transform:scale(.94)}._tabIcon_dafk7_337{stroke:currentColor;stroke-width:2.1px;fill:none;width:18px;height:18px}._themeToggle_dafk7_371{width:var(--touch-min);height:var(--touch-min);min-height:var(--touch-min);border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-surface-inset);box-shadow:var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin);color:var(--text-muted);will-change:transform;transition:color var(--dur-fast) var(--ease-settle), background-color var(--dur-fast) var(--ease-settle), transform var(--dur-fast) var(--ease-liquid);flex:none;place-items:center;padding:0;display:grid}._themeToggle_dafk7_371:hover{color:var(--text);background:var(--glass-surface-strong)}._themeToggle_dafk7_371:active{box-shadow:var(--glass-rim-strong);transform:scale(.9)}._themeToggleIcon_dafk7_435{stroke:currentColor;stroke-width:1.8px;fill:none;width:18px;height:18px}._wordmark_dafk7_451{align-items:baseline;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text);font-weight:600;text-decoration:none;display:flex}._wordmarkDot_dafk7_473{border-radius:var(--radius-pill);background:var(--primary);width:8px;height:8px}@media (width>=1024px){._tabBar_dafk7_215{display:none}._topNav_dafk7_191{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-8);background:var(--glass-surface);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-strong);display:flex;position:sticky;top:0}._topNavLinks_dafk7_529{gap:var(--space-2);display:flex}._tabDesktop_dafk7_539{align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-btn);color:var(--text-muted);will-change:transform;transition:color var(--dur-fast) var(--ease-settle), background-color var(--dur-fast) var(--ease-settle), border-color var(--dur-fast) var(--ease-settle), transform var(--dur-fast) var(--ease-liquid);border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}._tabDesktop_dafk7_539:hover{color:var(--text);background:var(--glass-surface-inset)}._tabDesktop_dafk7_539[aria-current=page]{color:var(--primary-on);background:var(--accent-glass-fill);border-color:var(--accent-glass-border);box-shadow:var(--accent-glass-shadow);-webkit-backdrop-filter:var(--glass-blur-thin);text-shadow:0 1px 2px oklch(0% none none/.4)}._tabDesktop_dafk7_539:active{transform:scale(.96)}._themeToggleDesktop_dafk7_615{width:var(--touch-min);height:var(--touch-min);min-height:var(--touch-min);border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-surface-inset);box-shadow:var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-settle), background-color var(--dur-fast) var(--ease-settle), transform var(--dur-fast) var(--ease-liquid);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}._themeToggleDesktop_dafk7_615:hover{color:var(--text);background:var(--glass-surface-strong)}._themeToggleDesktop_dafk7_615:active{box-shadow:var(--glass-rim-strong);transform:scale(.9)}._main_dafk7_199{padding:var(--space-12) var(--space-8) var(--space-16)}}._wrap_1of5j_1{align-items:center;gap:var(--space-6);text-align:center;width:100%;animation:_arrive_1of5j_1 .6s var(--ease-settle) 1;flex-direction:column;display:flex}@keyframes _arrive_1of5j_1{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}._title_1of5j_45{font-size:var(--text-2xl);color:var(--text)}._stats_1of5j_55{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}._stat_1of5j_55{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-btn);background:var(--glass-surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-card), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur);flex-direction:column;display:flex}._statLabel_1of5j_101{font-size:var(--text-xs);color:var(--brew-later)}._statValue_1of5j_119{font-size:var(--text-xl);font-variant-numeric:tabular-nums;color:var(--brew-live);font-weight:700}._statNote_1of5j_133{font-size:var(--text-xs);color:var(--brew-later);font-variant-numeric:tabular-nums}._actions_1of5j_145{gap:var(--space-4);flex-wrap:wrap;justify-content:center;width:100%;display:flex}._actions_1of5j_145>*{min-height:var(--touch-min);flex:160px}._restartButton_1of5j_183{background:var(--accent-glass-fill);border-color:var(--accent-glass-border);color:var(--brew-live);box-shadow:var(--accent-glass-shadow);text-shadow:none}._restartButton_1of5j_183:hover{background:var(--accent-glass-fill-hover)}._restartButton_1of5j_183:active{background:var(--accent-glass-fill-active)}._dialog_gnppu_1{width:min(420px, calc(100vw - var(--space-8)));padding:var(--space-6);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-surface-strong);color:var(--text);box-shadow:var(--shadow-dialog), var(--glass-rim-strong);-webkit-backdrop-filter:var(--glass-blur-strong);margin:auto}._dialog_gnppu_1::backdrop{-webkit-backdrop-filter:blur(3px);background:oklch(19% .02 50/.5)}._title_gnppu_23{font-size:var(--text-lg);margin-bottom:var(--space-2)}._body_gnppu_28{color:var(--text-muted);margin-bottom:var(--space-6)}._actions_gnppu_33{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}._actions_gnppu_33>*{min-height:var(--touch-min);flex:140px}._panel_qerkg_1{width:100%;padding:var(--space-4);border-radius:var(--radius-btn);background:var(--glass-surface-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow-card), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur);text-align:center}._flash_qerkg_33{animation:_flash_qerkg_33 .45s var(--ease-settle) 1}@keyframes _flash_qerkg_33{0%{background:var(--glass-surface-strong)}33%{background:color-mix(in oklch, var(--brew-live) 35%, var(--glass-surface-strong))}to{background:var(--glass-surface-strong)}}._text_qerkg_65{font-size:var(--text-base);color:var(--text);max-width:34ch;margin:0 auto;font-weight:500;line-height:1.35}@media (width>=640px){._text_qerkg_65{font-size:var(--text-2xl)}}@media (width>=1024px){._text_qerkg_65{font-size:var(--text-3xl)}}._bar_k2c7u_9{z-index:20;padding:var(--space-3) clamp(8px, 2.5vw, 16px) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--glass-surface-strong);border-top:1px solid var(--glass-border);box-shadow:var(--shadow-raised), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-strong);justify-content:center;align-items:center;gap:clamp(8px,2.5vw,16px);display:flex;position:fixed;inset:auto 0 0}._control_k2c7u_46{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:var(--glass-surface-inset);width:48px;min-width:48px;height:48px;min-height:48px;box-shadow:var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin);color:var(--text);font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);transition:background-color var(--dur-fast) var(--ease-settle), transform var(--dur-fast) var(--ease-liquid);flex-shrink:0;display:inline-flex}._control_k2c7u_46:hover{background:var(--glass-surface-strong)}._control_k2c7u_46:active{box-shadow:var(--glass-rim-strong);transform:scale(.94)}._control_k2c7u_46:disabled{opacity:.4;cursor:not-allowed}._primary_k2c7u_138{white-space:nowrap;background:color-mix(in oklch, var(--brew-live) 82%, transparent);width:auto;min-width:0;height:48px;color:var(--brew-live-on);letter-spacing:-.01em;border-color:oklch(100% 5.96046e-8 none/.4) oklch(100% 5.96046e-8 none/.4) oklch(100% 5.96046e-8 none/.4) oklch(100% 5.96046e-8 none/.4);flex:0 150px;padding:0 12px;font-size:17px;font-weight:800}._primary_k2c7u_138:hover{background:color-mix(in oklch, var(--brew-live) 90%, transparent)}._primary_k2c7u_138:active{transform:scale(.97)}._icon_k2c7u_180{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0;width:22px;height:22px}._iconFilled_k2c7u_200{fill:currentColor;stroke:none}@media (width>=1024px){._bar_k2c7u_9{padding:var(--space-4) 0 0;background:0 0;border-top:none;position:static}}._wrap_s8krg_1{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}._stage_s8krg_15{aspect-ratio:1;place-items:center;width:clamp(136px,40vw,180px);display:grid;position:relative}._vessel_s8krg_41{border:2px solid var(--glass-border);background:var(--glass-surface);box-shadow:var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur);opacity:0;transition:opacity var(--dur-transition) var(--ease-settle), transform var(--dur-transition) var(--ease-settle);border-radius:50%;position:absolute;inset:0;overflow:hidden;transform:scale(.94)}._vesselActive_s8krg_75{opacity:1;transform:scale(1)}@property --wobble{syntax:"<angle>";inherits:false;initial-value:0deg}._fill_s8krg_113{transform-origin:bottom;background:var(--brew-live);position:absolute;inset:0;transform:scaleY(0)}._ripple_s8krg_141{background:var(--brew-live);filter:blur(1px);opacity:.75;height:10px;animation:_ripple_s8krg_141 1.1s var(--ease-flow) infinite;border-radius:50%;position:absolute;bottom:0;left:0;right:0}@keyframes _ripple_s8krg_141{0%,to{transform:translateY(4px) scaleX(1) skewX(var(--wobble))}50%{transform:translateY(-2px) scaleX(1.06) skewX(var(--wobble))}}._ring_s8krg_201{opacity:0;transition:opacity var(--dur-transition) var(--ease-settle), transform var(--dur-transition) var(--ease-settle);position:absolute;inset:0;transform:scale(.94)}._ringActive_s8krg_221{opacity:1;transform:scale(1)}._ringUrgent_s8krg_235{animation:_ringPulse_s8krg_1 1s var(--ease-breathe) infinite}@keyframes _ringPulse_s8krg_1{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}._ringDisc_s8krg_263{border:1px solid var(--glass-border);background:var(--glass-surface);box-shadow:var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin);border-radius:50%;position:absolute;inset:6%}._ringSvg_s8krg_285{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}._ringTrack_s8krg_303{fill:none;stroke:var(--glass-border);stroke-width:6px}._ringProgress_s8krg_315{fill:none;stroke:var(--brew-live);stroke-width:6px;stroke-linecap:round;transition:stroke-dasharray var(--dur-transition) linear}._valve_s8krg_341{opacity:0;transition:opacity var(--dur-transition) var(--ease-settle), transform var(--dur-transition) var(--ease-settle);position:absolute;inset:0;transform:scale(.94)}._valveActive_s8krg_361{opacity:1;transform:scale(1)}._valvePhotoFrame_s8krg_391{isolation:isolate;background:var(--glass-surface-inset);border:1px solid var(--glass-border);box-shadow:var(--shadow-card), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin);border-radius:50%;position:absolute;inset:0}._valvePhotoFrame_s8krg_391:before{content:"";z-index:1;pointer-events:none;background:var(--glass-sheen);border-radius:50%;position:absolute;inset:10px}._valvePhotoClip_s8krg_445{border:1px solid oklch(100% 5.96046e-8 none/.45);border-color:oklch(100% 5.96046e-8 none/.45) oklch(100% 5.96046e-8 none/.45) oklch(100% 5.96046e-8 none/.45) oklch(100% 5.96046e-8 none/.45);border-radius:50%;position:absolute;inset:10px;overflow:hidden}._valveVideo_s8krg_461,._valvePhoto_s8krg_391{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}._valveVideo_s8krg_461{object-position:60% 50%}._valvePhotoPan_s8krg_505{transform-origin:92% 37%;animation:4.2s ease-in-out infinite alternate _photoZoom_s8krg_1}@keyframes _photoZoom_s8krg_1{0%{transform:scale(1.15)}to{transform:scale(1.55)}}._collar_s8krg_533{border-radius:var(--radius-pill);border:1px solid var(--border);background:oklch(28% .02 55);width:68%;height:24%;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}._switchTab_s8krg_563{transform-origin:0;border-radius:var(--radius-sm);background:var(--border);width:26%;height:58%;transition:transform .42s var(--ease-settle), background-color .42s var(--ease-settle);position:absolute;top:50%;right:-8%;transform:translateY(-50%)rotate(0)}._valveClose_s8krg_603 ._switchTab_s8krg_563{background:color-mix(in oklch, var(--brew-live) 45%, var(--border) 55%)}._complete_s8krg_615{background:var(--success);color:var(--success-on);opacity:0;transition:opacity var(--dur-transition) var(--ease-settle), transform var(--dur-transition) var(--ease-settle);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;transform:scale(.8)}._completeActive_s8krg_645{opacity:1;transform:scale(1)}._checkIcon_s8krg_655{stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:40%;height:40%}._readout_s8krg_679{z-index:1;align-items:center;gap:var(--space-1);text-align:center;pointer-events:none;flex-direction:column;display:flex;position:relative}._readoutPlate_s8krg_715{border-radius:var(--radius-pill);background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-blur-thin);padding:2px 12px}._readoutValue_s8krg_737{font-family:var(--font-heading);font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}._readoutRemaining_s8krg_753{font-variant-numeric:tabular-nums;opacity:.7;font-size:12px}._onPour_s8krg_773,._onWait_s8krg_781{color:var(--text)}._onComplete_s8krg_789{color:var(--success-on)}._stateLabel_s8krg_801{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--glass-border);padding:10px 20px;font-size:15px;font-weight:800;display:inline-flex}._labelPour_s8krg_833,._labelWait_s8krg_835,._labelSwitchOpen_s8krg_837,._labelSwitchClose_s8krg_839{background:color-mix(in oklch, var(--brew-live) 55%, transparent);color:var(--brew-live-on);letter-spacing:-.01em;text-shadow:0 1px 2px oklch(19.0187% .0188644 62.5/.5);box-shadow:var(--glass-rim-strong);-webkit-backdrop-filter:var(--glass-blur-thin);border-color:oklch(100% 5.96046e-8 none/.5) oklch(100% 5.96046e-8 none/.5) oklch(100% 5.96046e-8 none/.5) oklch(100% 5.96046e-8 none/.5);padding:10px 20px;font-size:14px}._labelSwitchOpen_s8krg_837{background:color-mix(in oklch, var(--brew-live) 52%, transparent);text-shadow:0 1px 2px oklch(27.5411% .0518456 60.2818/.5)}._labelSwitchClose_s8krg_839{background:var(--glass-surface-inset);border-color:var(--glass-border);color:color-mix(in oklch, var(--text) 80%, transparent);text-shadow:none;box-shadow:var(--glass-rim)}._labelPour_s8krg_833 ._labelIcon_s8krg_905,._labelWait_s8krg_835 ._labelIcon_s8krg_905,._labelSwitchOpen_s8krg_837 ._labelIcon_s8krg_905,._labelSwitchClose_s8krg_839 ._labelIcon_s8krg_905{stroke-width:2.2px;width:16px;height:16px}._labelComplete_s8krg_923{background:var(--success);color:var(--success-on)}._labelIcon_s8krg_905{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}@media (prefers-reduced-motion:reduce){._ripple_s8krg_141{display:none}._ringUrgent_s8krg_235{animation:none;transform:scale(1)}._ringProgress_s8krg_315{transition:none}._valvePhotoPan_s8krg_505{animation:none;transform:scale(1.15)}}._rail_vy10j_1{gap:var(--space-3);flex-direction:column;width:100%;display:flex}._head_vy10j_15{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}._stepCount_vy10j_29{font-size:var(--text-lg);font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}._stepCountTotal_vy10j_43{color:var(--text-muted);font-weight:500}._time_vy10j_53{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-muted)}._bars_vy10j_65{gap:var(--space-1);flex-direction:column;display:flex}._track_vy10j_77{border-radius:var(--radius-pill);background:var(--brew-track);height:6px;position:relative;overflow:hidden}._trackThin_vy10j_93{height:3px}._barSteps_vy10j_117{transform-origin:0;border-radius:var(--radius-pill);background:var(--brew-live);width:100%;height:100%;transition:transform var(--dur-rail) var(--ease-settle);transform:scaleX(0)}._barTime_vy10j_137{border-radius:var(--radius-pill);background:var(--brew-live);height:100%}._legend_vy10j_149{align-items:baseline;gap:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}._legendItem_vy10j_167{align-items:center;gap:var(--space-1);display:inline-flex}._nextIn_vy10j_179{font-variant-numeric:tabular-nums;margin-left:auto}._nextInValue_vy10j_189{color:var(--brew-next);font-weight:600}._swatchSteps_vy10j_199,._swatchTime_vy10j_201{border-radius:var(--radius-pill);background:var(--brew-live);width:10px;height:4px}._screen_k3ivu_17{min-height:100dvh;color:var(--text);padding:var(--space-4) var(--space-4) calc(var(--space-24) + env(safe-area-inset-bottom));background:linear-gradient(#0c0805e6 0%,#0c0805d1 45%,#0c0805ed 100%),url(/coffee/assets/brew-bg-Bq7MtJKf.jpg) 50%/cover no-repeat fixed,#1a120b;flex-direction:column;justify-content:center;align-items:center;display:flex}._inner_k3ivu_57{align-items:center;gap:var(--space-5,20px);flex-direction:column;width:100%;max-width:600px;display:flex}._railSlot_k3ivu_75{z-index:10;width:100%;padding:var(--space-3) var(--space-4);margin:0 calc(var(--space-4) * -1);border-radius:var(--radius-btn);background:var(--glass-surface-strong);box-shadow:var(--shadow-card), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur);position:sticky;top:0}._recipeName_k3ivu_113{border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-surface-inset);max-width:100%;box-shadow:var(--shadow-card), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin);color:var(--brew-next);white-space:nowrap;text-overflow:ellipsis;align-self:center;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}._timer_k3ivu_161{align-self:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-surface-inset);box-shadow:var(--shadow-card), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin);flex-direction:column;padding:14px 28px;display:inline-flex}._elapsed_k3ivu_191{font-variant-numeric:tabular-nums;color:var(--text);font-size:clamp(2.25rem,7vw,2.75rem);font-weight:700;line-height:1}._elapsedLabel_k3ivu_207{color:var(--text-muted);font-size:13px;font-weight:600}._pausedFlag_k3ivu_219{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted);display:inline-flex}._missing_k3ivu_241{align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-4);flex-direction:column;display:flex}@media (width>=1024px){._screen_k3ivu_17{padding-bottom:var(--space-12)}}._stepper_1gq5x_1{align-items:stretch;gap:var(--space-2);display:flex}._button_1gq5x_7{width:var(--touch-min);min-height:var(--touch-min);border:1px solid var(--glass-border-strong);border-radius:var(--radius-btn);background:var(--glass-surface-inset);box-shadow:var(--glass-rim-strong);-webkit-backdrop-filter:var(--glass-blur-thin);color:var(--text);transition:background-color var(--dur-fast) var(--ease-settle), transform var(--dur-fast) var(--ease-liquid), box-shadow var(--dur-fast) var(--ease-settle);flex:none;position:relative}._button_1gq5x_7:active:not(:disabled){box-shadow:var(--glass-rim-strong);transform:scale(.92)}._minus_1gq5x_30:before,._plus_1gq5x_31:before,._plus_1gq5x_31:after{content:"";background:currentColor;border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._minus_1gq5x_30:before,._plus_1gq5x_31:before{width:12px;height:2px}._plus_1gq5x_31:after{width:2px;height:12px}._button_1gq5x_7:hover:not(:disabled){background:var(--border)}._button_1gq5x_7:disabled{opacity:.4;cursor:not-allowed}._inputWrap_1gq5x_67{flex:1;justify-content:center;align-items:baseline;gap:4px;display:flex;position:relative}._input_1gq5x_67{appearance:none;-moz-appearance:textfield;width:4ch;min-width:4ch;height:var(--touch-min);min-height:var(--touch-min);padding:0 var(--space-3);background:var(--input-fill);border:1px solid var(--input-rim);border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 var(--input-edge);-webkit-backdrop-filter:var(--glass-blur-thin);font-size:var(--text-lg);font-variant-numeric:tabular-nums;text-align:center;transition:border-color var(--dur-fast) var(--ease-settle);font-weight:600;line-height:1}._input_1gq5x_67::-webkit-outer-spin-button{appearance:none;margin:0}._input_1gq5x_67::-webkit-inner-spin-button{appearance:none;margin:0}._input_1gq5x_67:focus{border-color:var(--primary)}._input_1gq5x_67[aria-invalid=true]{border-color:var(--danger)}._unit_1gq5x_121{color:var(--text-muted);font-size:var(--text-sm);pointer-events:none;font-weight:700}._large_1gq5x_131 ._input_1gq5x_67{width:5ch;min-width:5ch;font-size:var(--text-2xl);letter-spacing:-.03em;height:var(--touch-min);min-height:var(--touch-min)}._large_1gq5x_131 ._button_1gq5x_7{width:56px;min-height:var(--touch-min)}._banner_27vrd_6{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-btn);font-size:var(--text-sm);color:var(--text);box-shadow:var(--shadow-card), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur);border:1px solid;display:flex}._error_27vrd_20{background:color-mix(in oklch, var(--danger) 16%, transparent);border-color:color-mix(in oklch, var(--danger) 35%, transparent)}._warning_27vrd_25{background:color-mix(in oklch, var(--warning) 22%, transparent);border-color:color-mix(in oklch, var(--warning) 45%, transparent)}._iconBadge_27vrd_30{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}._error_27vrd_20 ._iconBadge_27vrd_30{background:var(--danger);color:var(--danger-on)}._warning_27vrd_25 ._iconBadge_27vrd_30{background:var(--warning);color:var(--warning-on)}._icon_27vrd_30{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}._body_27vrd_57{gap:var(--space-1);padding-top:var(--space-1);flex-direction:column;display:flex}._title_27vrd_64{font-weight:700}._body_27vrd_57>span{color:var(--text-muted)}._list_27vrd_72{padding-left:var(--space-4);gap:var(--space-1);color:var(--text-muted);flex-direction:column;margin:0;display:flex}._card_1f7d4_1{gap:var(--space-6);padding:var(--space-5,20px);flex-direction:column;display:flex}._group_1f7d4_8{gap:var(--space-3);flex-direction:column;display:flex}._label_1f7d4_14{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklch, var(--text) 50%, transparent);font-size:12px;font-weight:800}._chips_1f7d4_25{border-radius:var(--radius-pill);background:var(--glass-surface-well);border:1px solid var(--glass-border-strong);-webkit-backdrop-filter:blur(5px)saturate(1.9);flex-wrap:nowrap;gap:6px;padding:6px;display:flex;box-shadow:inset 0 2px 4px oklch(24.8874% .0349382 57.6917/.1),inset 0 2px 2px oklch(100% 5.96046e-8 none/.9),inset -2px 0 3px oklch(94.6453% .0169535 225.194/.6)}._chip_1f7d4_25{min-width:0;min-height:var(--touch-min);padding:var(--space-2) var(--space-1);border-radius:var(--radius-pill);color:color-mix(in oklch, var(--text) 78%, transparent);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;transition:background-color var(--dur-fast) var(--ease-settle), color var(--dur-fast) var(--ease-settle), border-color var(--dur-fast) var(--ease-settle), transform var(--dur-fast) var(--ease-liquid), box-shadow var(--dur-fast) var(--ease-settle);background:0 0;border:1px solid #0000;flex:1 1 0;font-size:15.5px;font-weight:800;overflow:hidden}._chip_1f7d4_25:active{transform:scale(.95)}._chip_1f7d4_25[aria-pressed=true]{background:var(--accent-glass-fill);border-color:var(--accent-glass-border);color:var(--primary-on);box-shadow:var(--accent-glass-shadow)}._customRow_1f7d4_81{margin-top:var(--space-1)}._result_1f7d4_86{align-items:center;gap:var(--space-1);padding:var(--space-5,20px) var(--space-4);border-radius:var(--radius-btn);background:var(--glass-surface-well);border:1px solid var(--glass-border);box-shadow:var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin);flex-direction:column;display:flex}._resultLabel_1f7d4_100{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklch, var(--text) 50%, transparent);font-size:12px;font-weight:800}._resultValue_1f7d4_108{align-items:baseline;gap:var(--space-2);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;color:var(--primary);font-weight:700;line-height:1.1;display:flex}._resultUnit_1f7d4_119{font-size:var(--text-lg);color:var(--text-muted);font-weight:600}._resultMeta_1f7d4_125{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}._cta_1f7d4_132{width:100%}._page_1jwby_1{gap:var(--space-8);flex-direction:column;width:100%;max-width:480px;margin:0 auto;display:flex}._wrap_1glix_1{gap:var(--space-3);padding-top:var(--space-1);border-top:1px solid var(--glass-border);flex-direction:column;display:flex}._head_1glix_9{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}._label_1glix_17{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklch, var(--text) 50%, transparent);font-size:12px;font-weight:800}._sub_1glix_25{font-size:var(--text-xs);color:var(--text-muted)}._footer_1glix_30{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}._scale_1glix_41{color:var(--primary);font-weight:600}._reset_1glix_46{min-height:40px;padding:var(--space-1) var(--space-3);border:2px solid var(--glass-border);border-radius:var(--radius-btn);color:var(--text-muted);font-size:var(--text-sm);transition:color var(--dur-fast) var(--ease-settle), background-color var(--dur-fast) var(--ease-settle), transform var(--dur-fast) var(--ease-liquid);background:0 0}._reset_1glix_46:hover{color:var(--text);background:var(--surface)}._reset_1glix_46:active{transform:scale(.94)}._page_nb189_1{gap:var(--space-6);width:100%;max-width:1100px;padding-bottom:var(--space-16);flex-direction:column;margin:0 auto;display:flex}._back_nb189_18{padding:0 var(--space-4);align-self:flex-start}._header_nb189_29{gap:var(--space-3);margin:0 calc(-1 * var(--space-4));padding:var(--space-5,20px) var(--space-4);background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin);flex-direction:column;display:flex}._badge_nb189_45{border-radius:var(--radius-pill);border:1px solid var(--glass-border);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;background:0 0;align-self:flex-start;align-items:center;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}._title_nb189_60{font-size:var(--text-2xl)}._description_nb189_64{color:var(--text-muted);max-width:65ch}._columns_nb189_69{gap:var(--space-6);flex-direction:column;display:flex}._col_nb189_69{gap:var(--space-4);flex-direction:column;display:flex}._controlCard_nb189_81{gap:var(--space-4);padding:var(--space-5,20px);flex-direction:column;display:flex}._factGrid_nb189_88{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}._fact_nb189_88{padding:var(--space-2) var(--space-3);border-radius:var(--radius-btn);background:var(--glass-surface-inset);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur-thin);flex-direction:column;gap:2px;display:flex}._factLabel_nb189_106{font-size:var(--text-xs);color:var(--text-muted)}._factValue_nb189_111{font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:600}._stepsCard_nb189_117{padding:var(--space-5,20px)}._sectionTitle_nb189_121{font-size:var(--text-lg);margin-bottom:var(--space-3)}._steps_nb189_117{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._step_nb189_117{gap:var(--space-2) var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--glass-border);grid-template-columns:64px 1fr;display:grid}._step_nb189_117:last-child{border-bottom:none;padding-bottom:0}._stepTime_nb189_147{font-variant-numeric:tabular-nums;color:var(--text-muted);font-weight:600}._stepBody_nb189_153{gap:var(--space-1);flex-direction:column;display:flex}._stepWater_nb189_159{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;font-weight:600;display:inline-flex}._pourTag_nb189_167,._waitTag_nb189_168,._switchOpenTag_nb189_169,._switchCloseTag_nb189_170{align-items:center;gap:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);border:1px solid #0000;font-weight:600;display:inline-flex}._pourTag_nb189_167{background:var(--tag-pour-bg);border-color:var(--tag-pour-border);color:var(--tag-pour-text)}._waitTag_nb189_168{background:var(--tag-wait-bg);border-color:var(--tag-wait-border);color:var(--tag-wait-text)}._switchOpenTag_nb189_169{background:var(--tag-switch-open-bg);border-color:var(--tag-switch-open-border);color:var(--tag-switch-open-text)}._switchCloseTag_nb189_170{background:var(--tag-switch-close-bg);border-color:var(--tag-switch-close-border);color:var(--tag-switch-close-text)}._stepInstruction_nb189_209{color:var(--text-muted);font-size:var(--text-sm);max-width:60ch}._stepCumulative_nb189_215{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}._startBrewButton_nb189_225{right:var(--space-4);bottom:calc(96px + env(safe-area-inset-bottom));z-index:20;position:fixed}._rowActions_nb189_232{gap:var(--space-2);flex-wrap:wrap;display:flex}._rowActions_nb189_232>*{flex:100px}@media (width>=1024px){._page_nb189_1{padding-bottom:0}._title_nb189_60{font-size:var(--text-3xl)}._header_nb189_29{padding:var(--space-6) var(--space-8);margin:0}._columns_nb189_69{gap:var(--space-12);grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;display:grid}._colSticky_nb189_263{top:calc(var(--space-16) + var(--space-4));position:sticky}._startBrewButton_nb189_225{position:static}}._row_sf9n9_5{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}._header_sf9n9_12{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}._stepNumber_sf9n9_19{font-size:var(--text-sm);color:var(--text-muted);font-weight:700}._body_sf9n9_25{gap:var(--space-3);grid-template-columns:1fr 1fr;align-items:start;display:grid}._field_sf9n9_32{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}._label_sf9n9_39{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}._input_sf9n9_48{appearance:none;-moz-appearance:textfield;width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);background:var(--input-fill);border:1px solid var(--input-rim);border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 var(--input-edge);-webkit-backdrop-filter:var(--glass-blur-thin);color:var(--text);font-variant-numeric:tabular-nums;transition:border-color var(--dur-fast) var(--ease-settle);font-weight:600}._input_sf9n9_48::-webkit-outer-spin-button{appearance:none;margin:0}._input_sf9n9_48::-webkit-inner-spin-button{appearance:none;margin:0}._input_sf9n9_48:focus{border-color:var(--primary)}._input_sf9n9_48[aria-invalid=true]{border-color:var(--danger)}._input_sf9n9_48:disabled{opacity:.5;cursor:not-allowed}._actionField_sf9n9_88{grid-column:1/-1}._actionChips_sf9n9_92{gap:var(--space-2);flex-wrap:wrap;display:flex}._actionChip_sf9n9_92{align-items:center;gap:var(--space-2);padding:10px var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-btn);background:var(--chip-off-fill);color:var(--text);font-size:var(--text-sm);-webkit-backdrop-filter:var(--glass-blur-thin);transition:background-color var(--dur-fast) var(--ease-settle), color var(--dur-fast) var(--ease-settle), border-color var(--dur-fast) var(--ease-settle), transform var(--dur-fast) var(--ease-liquid);font-weight:700;display:inline-flex}._actionChip_sf9n9_92:active{transform:scale(.95)}._actionChip_sf9n9_92[aria-pressed=true]{background:var(--chip-on-fill);border-color:var(--chip-on-border);color:var(--chip-on-text)}._actionChipIcon_sf9n9_133{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}._instruction_sf9n9_141{grid-column:1/-1}._textarea_sf9n9_145{appearance:none;width:100%;min-height:64px;padding:var(--space-2) var(--space-3);background:var(--input-fill);border:1px solid var(--input-rim);border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 var(--input-edge);-webkit-backdrop-filter:var(--glass-blur-thin);resize:vertical;line-height:1.5}._textarea_sf9n9_145:focus{border-color:var(--primary)}._rowActions_sf9n9_165{align-items:center;gap:var(--space-2);display:flex}._moveButtons_sf9n9_171{gap:var(--space-1);display:flex}._moveButton_sf9n9_171{border:1px solid var(--glass-border);border-radius:var(--radius-btn);width:36px;height:36px;color:var(--text-muted);transition:background-color var(--dur-fast) var(--ease-settle), color var(--dur-fast) var(--ease-settle), transform var(--dur-fast) var(--ease-liquid);background:0 0;place-items:center;display:grid}._moveButton_sf9n9_171:disabled{opacity:.35;cursor:not-allowed}._moveButton_sf9n9_171:hover:not(:disabled){color:var(--text);background:var(--glass-surface-inset)}._moveButton_sf9n9_171:active:not(:disabled){transform:scale(.9)}._moveIcon_sf9n9_205{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:16px;height:16px}._remove_sf9n9_217{border:1px solid var(--glass-border);border-radius:var(--radius-btn);width:40px;height:40px;color:var(--text-muted);transition:background-color var(--dur-fast) var(--ease-settle), border-color var(--dur-fast) var(--ease-settle), color var(--dur-fast) var(--ease-settle), transform var(--dur-fast) var(--ease-liquid);background:0 0;place-items:center;display:grid}._remove_sf9n9_217:hover:not(:disabled){color:var(--danger-on);background:var(--danger);border-color:var(--danger)}._remove_sf9n9_217:active:not(:disabled){transform:scale(.9)}._remove_sf9n9_217:disabled{opacity:.4;cursor:not-allowed}._removeArmed_sf9n9_252{background:var(--danger);border-color:var(--danger);color:var(--danger-on)}._removeConfirmText_sf9n9_258{font-size:var(--text-xs);font-weight:700}._removeIcon_sf9n9_263{stroke:currentColor;stroke-width:1.8px;fill:none;width:18px;height:18px}._hint_sf9n9_271{font-size:var(--text-xs);color:var(--text-muted)}._error_sf9n9_276{font-size:var(--text-xs);color:var(--danger)}._page_8uvlb_1{gap:var(--space-6);flex-direction:column;width:100%;max-width:1100px;margin:0 auto;display:flex}._back_8uvlb_16{padding:0 var(--space-4);align-self:flex-start}._header_8uvlb_25{gap:var(--space-2);margin:0 calc(-1 * var(--space-4));padding:var(--space-5,20px) var(--space-4);background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin);flex-direction:column;display:flex}._title_8uvlb_39{font-size:var(--text-2xl)}._headerNote_8uvlb_43{color:var(--text-muted)}._banners_8uvlb_47{top:var(--space-2);z-index:10;gap:var(--space-2);flex-direction:column;display:flex;position:sticky}._columns_8uvlb_56{gap:var(--space-8);flex-direction:column;display:flex}._col_8uvlb_56{gap:var(--space-4);flex-direction:column;display:flex}._sectionTitle_8uvlb_68{font-size:var(--text-lg)}._detailCard_8uvlb_76{padding:var(--space-6)}._grid2_8uvlb_80{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}._description_8uvlb_92{resize:vertical;min-height:132px;line-height:1.5}._waterHintPill_8uvlb_98{border-radius:var(--radius-pill);background:var(--glass-surface-well);border:1px solid var(--glass-border);box-shadow:var(--glass-rim);color:var(--text-muted);align-self:flex-start;align-items:center;gap:4px;padding:6px 14px;font-size:13px;display:inline-flex}._waterHintPill_8uvlb_98 strong{color:var(--text);font-weight:700}._summaryBar_8uvlb_117{top:var(--space-2);z-index:5;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-btn);background:var(--glass-surface-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow-card), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-muted);flex-wrap:wrap;display:flex;position:sticky}._summaryValue_8uvlb_136{color:var(--text);font-weight:600}._steps_8uvlb_141{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._actions_8uvlb_150{gap:var(--space-3);flex-wrap:wrap;display:flex}._actions_8uvlb_150>*{min-height:var(--touch-min);flex:160px}@media (width>=1024px){._title_8uvlb_39{font-size:var(--text-3xl)}._header_8uvlb_25{padding:var(--space-6) var(--space-8);margin:0}._columns_8uvlb_56{gap:var(--space-12);grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;display:grid}._colSticky_8uvlb_178{top:calc(var(--space-16) + var(--space-4));position:sticky}}._empty_fq49x_10{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);background:var(--glass-surface-strong);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card), var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur);text-align:center;flex-direction:column;display:flex}._title_fq49x_27{font-size:var(--text-xl);color:var(--text);font-weight:800}._body_fq49x_33{color:var(--text-muted);max-width:34ch;font-size:var(--text-sm);margin-inline:auto}._actions_fq49x_40{gap:var(--space-3);width:100%;max-width:22rem;margin:var(--space-2) auto 0;flex-direction:column;display:flex}._card_q6e8k_1{gap:var(--space-4);padding:var(--space-5,20px) var(--space-4) var(--space-4);flex-direction:column;display:flex;container-type:inline-size}@media (hover:hover){._card_q6e8k_1{transition:box-shadow var(--dur-fast) var(--ease-settle), border-color var(--dur-fast) var(--ease-settle)}._card_q6e8k_1:hover{border-color:oklch(80% .04 55)}}._head_q6e8k_32{gap:var(--space-2);flex-direction:column;display:flex}._titleLink_q6e8k_38{color:inherit;text-decoration:none;display:block}._titleLink_q6e8k_38:hover ._title_q6e8k_38{color:var(--primary)}._title_q6e8k_38{font-size:var(--text-lg);transition:color var(--dur-fast) var(--ease-settle)}._description_q6e8k_53{font-size:var(--text-sm);color:var(--text-muted);max-width:60ch}._meta_q6e8k_59{gap:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}._metaItem_q6e8k_68{align-items:center;gap:var(--space-1);display:inline-flex}._metaDot_q6e8k_74{color:var(--border)}._actions_q6e8k_78{gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}._actions_q6e8k_78 ._btnFull_q6e8k_85{width:100%}._secondaryActions_q6e8k_89{gap:var(--space-2);display:flex}._secondaryActions_q6e8k_89>*{flex:1}@container (width>=240px){._actions_q6e8k_78:has(._secondaryActions_q6e8k_89>:only-child){flex-direction:row;align-items:center}._actions_q6e8k_78:has(._secondaryActions_q6e8k_89>:only-child) ._btnFull_q6e8k_85{flex:1;width:auto}._actions_q6e8k_78:has(._secondaryActions_q6e8k_89>:only-child) ._secondaryActions_q6e8k_89{flex:1}}@container (width>=340px){._actions_q6e8k_78{flex-direction:row;align-items:center}._actions_q6e8k_78 ._btnFull_q6e8k_85{flex:1;width:auto}._secondaryActions_q6e8k_89{flex:1}}._page_1gcfy_1{gap:var(--space-12);width:100%;max-width:1100px;padding-bottom:var(--space-16);flex-direction:column;margin:0 auto;display:flex}._headerRow_1gcfy_27{display:contents}._newRecipeButton_1gcfy_33{right:var(--space-4);bottom:calc(96px + env(safe-area-inset-bottom));z-index:20;position:fixed}._section_1gcfy_40{gap:var(--space-4);flex-direction:column;display:flex}._sectionTitle_1gcfy_46{font-size:var(--text-lg)}._sectionTitlePill_1gcfy_53{border-radius:var(--radius-pill);background:var(--glass-surface-inset);border:1px solid var(--glass-border);box-shadow:var(--glass-rim);-webkit-backdrop-filter:var(--glass-blur-thin);align-items:center;padding:6px 16px;display:inline-flex}._grid_1gcfy_65{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=1024px){._page_1gcfy_1{padding-bottom:0}._headerRow_1gcfy_27{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-direction:row;display:flex}._headerRow_1gcfy_27>.page-header{flex:1}._newRecipeButton_1gcfy_33{position:static}._grid_1gcfy_65{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}