@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-vietnamese-500-normal-DjeaNLFD.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-500-normal-CsrJDWc5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-ext-500-normal-yA5ONLQ9.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-500-normal-B1RE8WP7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dash:#1b1714;--cream:#efe4c8;--ink:#1d1a15;--red:#b42318;--font:"Barlow Condensed", "Arial Narrow", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;margin:0}body{background:var(--dash);color:var(--cream);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-size:20px;font-weight:500}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.dash{height:100%;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 20px);background:radial-gradient(120% 70% at 50% 34%, #3a2f27 0%, var(--dash) 62%, #0f0c0a 100%);flex-direction:column;align-items:center;display:flex;position:relative}.gauge-wrap{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.gauge{filter:drop-shadow(0 14px 22px #0009);width:min(100%,480px,66dvh);height:auto;display:block}.needle{transform-origin:200px 200px;transition:transform 1.5s cubic-bezier(.3,1.32,.5,1)}.dial-letter,.dial-fraction,.dial-title,.dial-small,.drum-digit{font-family:var(--font);text-anchor:middle;fill:var(--ink);font-weight:600}.dial-letter{font-size:42px}.dial-fraction{font-size:34px}.dial-title{letter-spacing:.22em;font-size:25px}.dial-small{letter-spacing:.14em;font-size:12.5px;font-weight:500}.drum-digit{fill:#f1eee4;font-size:23px}.status{letter-spacing:.05em;color:#c9a24e;height:22px;margin:4px 0;font-size:16px}.controls{align-items:center;gap:14px;width:100%;max-width:480px;display:flex}.spacer{flex:1}.knob{width:56px;height:56px;color:var(--cream);background:radial-gradient(circle at 38% 30%,#4a443c,#171411 72%);border:3px solid #8b8c8a;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 0 0 1px #000,0 5px 10px #0000008c,inset 0 1px 1px #ffffff40}.knob:active{transform:translateY(1px)scale(.97)}.knob svg{width:26px;height:26px}.knob.bottle{border-color:#d8d8d2;width:84px;height:84px}.knob.bottle svg{width:44px;height:44px}.toast{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 124px);max-width:448px;min-height:52px;color:var(--ink);background:var(--cream);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:8px 8px 8px 16px;display:flex;position:absolute;box-shadow:0 8px 18px #00000080}.toast button{min-height:44px;color:var(--red);background:0 0;border:0;padding:0 16px;font-weight:600}.sheet{width:100%;max-width:480px;max-height:88dvh;color:var(--ink);background:var(--cream);border:0;border-radius:16px 16px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;box-shadow:0 -8px 30px #0009}.sheet::backdrop{background:#0000008c}.sheet-body{padding:20px 20px calc(env(safe-area-inset-bottom) + 20px);outline:none;flex-direction:column;gap:14px;display:flex}.sheet h2{letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:19px;font-weight:600}.sheet hr{border:0;border-top:1px solid #1d1a1547;width:100%;margin:2px 0}.sheet button{border:1.5px solid var(--ink);background:0 0;border-radius:6px;min-height:48px}.sheet button:disabled{opacity:.35}.sheet button.primary{min-height:56px;color:var(--cream);background:var(--ink);font-size:22px;font-weight:600}.stepper{justify-content:space-between;align-items:center;gap:12px;display:flex}.stepper button{width:64px;height:64px;font-size:34px;line-height:1}.stepper output{font-size:22px}.stepper strong{font-size:58px;font-weight:600}.presets{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.presets .selected{color:var(--cream);background:var(--ink)}.sheet label{align-items:center;gap:10px;display:flex}.sheet label span{flex:1}.sheet label em{width:64px;font-size:17px;font-style:normal}.sheet input{border:1.5px solid var(--ink);width:96px;height:48px;color:var(--ink);font:inherit;-webkit-user-select:text;user-select:text;background:#f9f2df;border-radius:6px;padding:0 10px;font-size:22px}.join input{width:138px;font-size:19px}.join button{padding:0 14px}.code-line{justify-content:space-between;margin:0;display:flex}.code-line code{font-family:var(--font);letter-spacing:.08em;-webkit-user-select:text;user-select:text;font-weight:600}.notice{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:16px;display:flex}.notice p{margin:0}.notice button{border:1.5px solid var(--cream);background:0 0;border-radius:6px;min-height:48px;padding:0 20px}@media (prefers-reduced-motion:reduce){.needle{transition:none}}.build{letter-spacing:.06em;text-align:center;opacity:.6;margin:2px 0 0;font-size:14px}