:root{--bg: #101116;--bg-deep: #0B0C10;--surface: #16171d;--surface-2: #1c1e26;--surface-3: #0d0e13;--rail: #0a0b0f;--grad-ink: #0c1014;--text-hi: #f4f5f7;--text-mid: #a4a7b2;--text-lo: #6c6f7b;--text-dim: #8a8e99;--text-faint: #4a4d58;--text-soft: #c9ccd4;--fast: #3fc9c2;--fast-deep: #1f6b6b;--fast-bright: #46d6cf;--eat: #e8856a;--eat-deep: #b5543f;--eat-soft: #d9a38f;--water: #46bfea;--water-deep: #1c6b8a;--water-bright: #4fd3ec;--water-ink: #06222e;--line: rgba(255, 255, 255, .07);--line-soft: rgba(255, 255, 255, .05);--line-strong: rgba(255, 255, 255, .12);--fill-1: rgba(255, 255, 255, .03);--fill-2: rgba(255, 255, 255, .05);--fill-3: rgba(255, 255, 255, .08);--track: rgba(255, 255, 255, .06);--r-sm: 8px;--r: 14px;--r-lg: 20px;--r-xl: 22px;--r-2xl: 28px;--r-full: 100px;--e-rest: 0 2px 8px rgba(0, 0, 0, .4);--e-raised: 0 10px 30px rgba(0, 0, 0, .55);--e-float: 0 18px 50px rgba(0, 0, 0, .65), 0 0 0 1px rgba(63, 201, 194, .15);--e-desktop: 0 40px 100px rgba(0, 0, 0, .5);--font: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--ease: cubic-bezier(.4, 0, .2, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--bg: #f5f3ef;--bg-deep: #ece8e1;--surface: #ffffff;--surface-2: #ece8e1;--text-hi: #1a1b20;--text-mid: #5c5e66;--text-lo: #9a968e;--text-dim: #6c6f7b;--text-faint: #9a968e;--text-soft: #3a3b40;--fast: #157e7a;--fast-deep: #157e7a;--water: #1e8fb8;--eat: #c75f44;--grad-ink: #ffffff;--rail: #ece8e1;--surface-3: #ffffff;--line: rgba(0, 0, 0, .08);--line-soft: rgba(0, 0, 0, .05);--line-strong: rgba(0, 0, 0, .14);--fill-1: rgba(0, 0, 0, .03);--fill-2: rgba(0, 0, 0, .05);--fill-3: rgba(0, 0, 0, .08);--track: rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}html{background:var(--bg-deep)}body{background:var(--bg);color:var(--text-hi);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}::selection{background:#3fc9c24d}button{font-family:inherit}a{color:inherit}.mono{font-family:var(--mono)}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}@keyframes shimmer{0%{background-position:-160% 0}to{background-position:160% 0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes splashPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}@keyframes dropFall{0%{transform:translateY(-30px) scale(.5);opacity:0}50%{opacity:1}70%{transform:translateY(2px) scale(1.05)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes successPop{0%{transform:scale(.4);opacity:0}55%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ringSweepDemo{0%{stroke-dashoffset:754}to{stroke-dashoffset:392}}@keyframes pulseGlow{0%,to{opacity:.55}50%{opacity:1}}@keyframes ripple{0%{transform:scale(.7);opacity:.6}to{transform:scale(1.6);opacity:0}}@keyframes stepSlide{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.sk{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%);background-size:280% 100%;animation:shimmer 1.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{min-height:100%;min-height:100dvh}.mob{max-width:480px;margin:0 auto;height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding-top:var(--safe-top)}.mob-main{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 22px calc(96px + var(--safe-bottom));animation:fadeIn .4s var(--ease)}.screen-title{font-size:28px;font-weight:800;letter-spacing:-.025em}.screen-h{font-size:22px;font-weight:700;letter-spacing:-.02em}.sub{font-size:13.5px;color:var(--text-lo);margin-top:2px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--text-lo);text-transform:uppercase}.card{border-radius:var(--r-xl);background:var(--fill-1);border:1px solid var(--line)}.card-pad{padding:18px}.group{border-radius:18px;overflow:hidden;border:1px solid var(--line)}.group-row{display:flex;align-items:center;padding:15px 18px;background:var(--fill-1);border-bottom:1px solid var(--line-soft)}.group-row:last-child{border-bottom:none}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;border-radius:var(--r-full);font-family:inherit;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .12s var(--ease),filter .2s var(--ease);min-height:48px;padding:0 26px;font-size:15px}.btn:active{transform:scale(.97)}.btn-block{width:100%}.btn-water{background:var(--water);color:var(--water-ink)}.btn-water:hover{filter:brightness(1.06)}.btn-fast{background:var(--fast);color:#06222e}.btn-eat{background:var(--eat);color:#1a1310}.btn-light{background:var(--text-hi);color:var(--bg)}.btn-outline{background:transparent;border:1.5px solid var(--line-strong);color:var(--text-hi)}.btn-ghost{background:transparent;color:var(--text-mid)}.btn-statefade{transition:background .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease)}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;transition:transform .12s var(--ease),background .2s var(--ease),filter .2s}.icon-btn:active{transform:scale(.92)}.icon-btn.ring{background:transparent;border:1px solid var(--line-strong);color:var(--text-mid)}.icon-btn.solid-water{background:var(--water);color:var(--water-ink);border:none;box-shadow:0 10px 26px #46bfea59}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-full);font-size:13px;font-weight:600;white-space:nowrap}.chip-fast{background:#3fc9c224;color:var(--fast)}.chip-eat{background:#e8856a24;color:var(--eat)}.chip-water{background:#46bfea1f;color:var(--water)}.chip-mono{font-family:var(--mono);background:var(--fill-2);border:1px solid var(--line);color:var(--text-mid);font-size:11px}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:50px;height:30px;border-radius:var(--r-full);background:#2a2c36;position:relative;flex-shrink:0;border:none;transition:background .25s var(--ease)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--text-lo);transition:left .25s var(--ease),background .25s var(--ease)}.toggle.on{background:var(--fast)}.toggle.on:after{left:23px;background:#0c0e13}.seg{display:inline-flex;padding:3px;border-radius:var(--r-full);background:var(--bg-deep);border:1px solid var(--line)}.seg-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;background:transparent;color:var(--text-lo);font-family:inherit;font-weight:600;font-size:13px;padding:7px 14px;border-radius:var(--r-full);transition:background .25s var(--ease),color .25s var(--ease)}.seg-item.active{background:#2a2c36;color:var(--text-hi)}.glasses{display:flex;gap:5px}.glass{flex:1;height:40px;border-radius:7px;background:transparent;border:1px solid var(--line-strong);transition:background .35s var(--ease),border-color .35s var(--ease),transform .3s var(--ease-back)}.glass.on{background:var(--water);border-color:var(--water)}.glass.pop{animation:glassPop .45s var(--ease-back)}@keyframes glassPop{0%{transform:scaleY(.5)}60%{transform:scaleY(1.08)}to{transform:scaleY(1)}}.logrow{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line-soft)}.logrow:last-child{border-bottom:none}.drop-mark{width:9px;height:12px;border-radius:0 0 50% 50%;background:var(--water);flex-shrink:0}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:10px max(22px,var(--safe-left)) calc(14px + var(--safe-bottom));background:linear-gradient(180deg,transparent,var(--bg) 38%);max-width:480px;margin:0 auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;padding:4px 0;color:var(--text-lo);font-size:10.5px;font-weight:500}.tab.active{color:var(--fast);font-weight:600}.desk{display:flex;height:100dvh;overflow:hidden;background:var(--bg)}.navrail{width:78px;flex-shrink:0;background:var(--rail);border-right:1px solid var(--line-soft);display:flex;flex-direction:column;align-items:center;padding:26px 0 calc(26px + var(--safe-bottom));position:sticky;top:0;height:100dvh}.rail-items{display:flex;flex-direction:column;gap:10px;margin-top:42px}.rail-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;width:46px;height:46px;border-radius:14px;background:transparent;display:flex;align-items:center;justify-content:center;transition:background .2s var(--ease)}.rail-btn.active{background:#3fc9c224}.desk-main{flex:1;min-width:0;min-height:0;overflow-y:auto;padding:34px 40px 60px;max-width:1180px;margin:0 auto;width:100%;animation:fadeIn .4s var(--ease)}.desk-two{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:stretch}.pane{border-radius:24px;padding:36px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 560px){.desk-two{grid-template-columns:1fr}}.banner{display:flex;align-items:center;gap:8px;justify-content:center;font-size:12.5px;font-weight:600;padding:7px 14px;color:var(--text-mid)}.dot{width:7px;height:7px;border-radius:50%;background:var(--text-lo)}.dot.live{background:var(--eat);animation:pulseGlow 2s ease-in-out infinite}.dot.ok{background:var(--fast)}.pbar{height:6px;border-radius:var(--r-full);background:var(--track);overflow:hidden}.pbar>span{display:block;height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--fast-deep),var(--fast-bright));transition:width .6s var(--ease)}.bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:3px}.bar{flex:1;border-radius:3px 3px 0 0;transition:height .5s var(--ease),background .3s var(--ease)}.goalline{position:absolute;left:0;right:0;border-top:1.5px dashed rgba(232,133,106,.55)}.heat{aspect-ratio:1;border-radius:5px}