:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg:#f1f7f7;--card:#fff;--toast:#fff;--ink:#0f2f40;--muted:#536d7a;--line:#d6e4e4;--accent:#0a716a;--on-accent:#fff;--accent-soft:#14a29421;--water:#14a193;--gold:#f2b84b;--gold-soft:#f2b84b2e;--gold-ink:#5e410b;--danger:#a8432f;--danger-soft:#fff1ee;--danger-line:#eac4bd;--focus:#b4540f;--hero:linear-gradient(160deg, #15526b 0%, #0f3a50 55%, #0a2a3a 100%);--glass-top:#f1f7f7e0;--nav:#ffffffe6;--shadow:0 14px 34px #0f3a501f;--tabbar:72px;font-family:var(--font);color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#05131b;--card:#0b202d;--toast:#143244;--ink:#e5f3f3;--muted:#9ab8c0;--line:#1a3b4e;--accent:#45d4c3;--on-accent:#03303a;--accent-soft:#45d4c324;--water:#2cc3b1;--gold-soft:#f2b84b29;--gold-ink:#ffe3ab;--danger:#ff9b86;--danger-soft:#ff9b861a;--danger-line:#ff9b8659;--focus:#ffd98c;--hero:linear-gradient(160deg, #0f3a4d 0%, #0a2533 60%, #071a25 100%);--glass-top:#05131be0;--nav:#05131be6;--shadow:0 14px 34px #0006}}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}html.sheet-open{overflow:hidden}body{background:var(--bg);min-width:320px;margin:0}h1,h2,p{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#app{min-height:100dvh}:is(.log,.pill,.primary,.secondary,.cta,.tab,.day,.glass-btn,.switcher,.ticket,.approve,.danger-button,.close){transition:transform .12s,background-color .2s,box-shadow .2s}:is(.log,.pill,.primary,.secondary,.cta,.tab,.day,.glass-btn,.switcher,.ticket,.approve,.danger-button,.close):active:not(:disabled){transform:scale(.96)}.topbar{z-index:20;width:min(100%,600px);padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));background:var(--glass-top);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.3px;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0;font-size:19px;font-weight:800;display:flex}.switcher{border:1px solid var(--line);background:var(--card);border-radius:999px;align-items:center;gap:8px;min-width:0;max-width:60%;min-height:44px;padding:4px 13px 4px 4px;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 14px #0f2f4014}.switcher-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.swap{color:var(--muted)}.av{border:2px solid var(--gold);color:#6d4a12;background:#f9e4bf;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid;overflow:hidden}.av img{object-fit:cover;width:100%;height:100%;display:block}.av.lg{border-width:3px;width:52px;height:52px;font-size:20px}.av.xl{border-width:4px;width:112px;height:112px;font-size:46px;box-shadow:0 14px 34px #00000059}.screen{width:min(100%,600px);padding:4px max(16px, env(safe-area-inset-right)) calc(var(--tabbar) + env(safe-area-inset-bottom) + 24px) max(16px, env(safe-area-inset-left));gap:14px;margin:0 auto;display:grid}.tabbar{z-index:30;padding:8px max(12px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-top:1px solid var(--line);background:var(--nav);-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);grid-template-columns:repeat(4,minmax(0,130px));justify-content:center;gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{min-height:54px;color:var(--muted);background:0 0;border:0;border-radius:16px;align-content:center;justify-items:center;gap:3px;padding:6px 0;font-size:12px;font-weight:700;display:grid;position:relative}.tab-icon{filter:grayscale();opacity:.65;font-size:22px;line-height:1}.tab.on{background:var(--accent-soft);color:var(--accent)}.tab.on .tab-icon{filter:none;opacity:1}.badge{color:#fff;background:#c93a22;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:800;display:grid;position:absolute;top:2px;left:calc(50% + 6px)}.hero{background:var(--hero);color:#fff;border-radius:30px;gap:14px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f3a5047}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#2cbbaa8c,#0000 65%);width:300px;height:300px;position:absolute;top:-110px;right:-90px}.hero>*{position:relative}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#dbf5f0;background:#ffffff21;border-radius:999px;align-items:center;gap:4px;padding:6px 11px;font-size:13px;font-weight:700;display:inline-flex}.chip.hot{color:#ffe3ab;background:#f2b84b33}.chip.soft{background:var(--accent-soft);color:var(--accent);justify-self:start;margin-top:4px}.hero-main{grid-template-columns:138px minmax(0,1fr);align-items:center;gap:14px;display:grid}.glass{width:138px;height:160px;display:block}.cup-fill{fill:#ffffff14}.cup-edge{fill:none;stroke:#ffffffb8;stroke-width:3px;stroke-linejoin:round}.cup-glare{fill:none;stroke:#fff3;stroke-width:6px;stroke-linecap:round}.ticks path{fill:none;stroke:#ffffff8c;stroke-width:2.5px;stroke-linecap:round}.water{transform:translateY(calc(var(--level) * 1px));transition:transform .9s cubic-bezier(.2,.8,.2,1)}.wave{animation:4.5s linear infinite drift}.wave.back{fill:#9af2e6;opacity:.45;animation-duration:7s;animation-direction:reverse}.bubble{fill:#ffffff8c;animation:3.2s ease-in infinite rise}.count{min-width:0}.count b{letter-spacing:-2px;font-size:62px;font-weight:800;line-height:.95;display:block}.count b small{color:#a6ded6;letter-spacing:0;font-size:30px}.count>span{color:#cbe7e4;margin-top:4px;font-size:15px;font-weight:700;display:block}.message{color:#ffe3ab;overflow-wrap:anywhere;margin-top:12px;font-size:15px;font-weight:700;line-height:1.35}.log{color:#03303a;background:linear-gradient(#46dcc9,#14a294);border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;font-size:18px;font-weight:800;display:flex;box-shadow:0 10px 24px #2cbbaa66,inset 0 1px #ffffff8c}.log.gold{color:#4d3303;background:linear-gradient(#ffd98c,#f2b84b);box-shadow:0 10px 24px #f2b84b59,inset 0 1px #fff9}.log:disabled:not(.gold){color:#dbf5f0;box-shadow:none;background:#ffffff29}.undo{color:#cbe7e4;text-underline-offset:3px;background:0 0;border:0;justify-self:center;min-height:44px;margin-top:-8px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:underline}.notice{background:var(--gold-soft);color:var(--gold-ink);border-radius:18px;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:14px;font-weight:700;display:flex}.notice p{flex:1}.notice button{background:var(--card);min-height:44px;color:var(--gold-ink);border:0;border-radius:999px;padding:0 14px;font-weight:800}.card{border:1px solid var(--line);background:var(--card);border-radius:24px;padding:16px}.card h2{font-size:17px;font-weight:800}.card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-head>span{color:var(--muted);text-align:right;font-size:13px;font-weight:700}.card-sub{color:var(--muted);margin-top:4px;font-size:13px;font-weight:600}.seg{background:var(--accent-soft);border-radius:999px;padding:3px;display:inline-flex}.seg button{min-width:48px;min-height:44px;color:var(--accent);background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:14px;font-weight:800}.seg button[aria-pressed=true]{background:var(--card);box-shadow:0 2px 8px #0f2f4024}.tide{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:12px;display:grid}.day{min-height:60px;color:var(--muted);background:0 0;border:0;border-radius:14px;align-content:center;justify-items:center;gap:2px;padding:4px 0;font-size:13px;font-weight:700;display:grid;position:relative}.day.today{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.drop{width:24px;height:32px;display:block}.drop path{stroke:var(--water);stroke-width:1.6px}.drop.future path{stroke:currentColor;stroke-opacity:.45;stroke-dasharray:2.4 2.4}.drop-on{stop-color:var(--water)}.drop-off{stop-color:var(--water);stop-opacity:0}.day-badge{font-size:12px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.hint{color:var(--muted);margin-top:10px;font-size:13px;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row-icon{background:var(--gold-soft);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.row-text{flex:170px;min-width:0}.row-text p{color:var(--muted);margin-top:3px;font-size:14px;font-weight:600;line-height:1.4}.pill,.danger-button{border:1.5px solid var(--accent);min-height:44px;color:var(--accent);white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 18px;font-size:15px;font-weight:800;display:inline-flex}.pill:disabled{opacity:.45}.upload{cursor:pointer;position:relative}.upload input{opacity:0;clip-path:inset(50%);border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.upload:focus-within{outline:3px solid var(--focus);outline-offset:3px}.danger{border-color:var(--danger-line)}.danger-button{background:var(--danger-soft);color:var(--danger);border-color:currentColor}.approvals{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.approve{background:var(--accent-soft);min-height:44px;color:var(--accent);border:0;border-radius:999px;padding:0 16px;font-size:14px;font-weight:800}.muted{color:var(--muted);margin-top:10px;font-size:14px;font-weight:600}.page-head{gap:6px;padding:6px 2px 2px;display:grid}.page-head h1{letter-spacing:-.6px;overflow-wrap:anywhere;font-size:30px;font-weight:800;line-height:1.08}.eyebrow{color:var(--accent);letter-spacing:.14em;font-size:12px;font-weight:800}.arena{grid-template-columns:1fr 1fr;gap:14px;display:grid;position:relative}.tank{border:1px solid var(--line);background:var(--card);isolation:isolate;border-radius:28px;height:250px;position:relative;overflow:hidden}.tank.leading{border-color:var(--gold);box-shadow:0 0 0 2px #f2b84b59}.tank-water{width:100%;height:100%;position:absolute;inset:0}.tank .wave.back{fill:#8cefe1;opacity:.4}.who{text-align:center;justify-items:center;gap:6px;padding:16px 10px 0;display:grid;position:relative}.who b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:16px;overflow:hidden}.who small{color:var(--muted);margin-top:-4px;font-size:12px;font-weight:700}.crown{z-index:1;font-size:22px;position:absolute;top:4px;transform:translate(22px)rotate(18deg)}.score{background:var(--card);text-align:center;border-radius:18px;min-width:104px;padding:8px 12px 9px;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00283233}.score b{letter-spacing:-1px;font-size:34px;font-weight:800;line-height:1;display:block}.score span{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.vs{color:#573a05;width:54px;height:54px;box-shadow:0 0 0 6px var(--bg), 0 10px 22px #f2b84b73;background:linear-gradient(#ffd98c,#f2b84b);border-radius:50%;place-items:center;margin:-27px 0 0 -27px;font-size:17px;font-weight:900;display:grid;position:absolute;top:50%;left:50%}.track{background:var(--line);border-radius:99px;height:12px;margin:18px 0 10px;position:relative}.track .fill{border-radius:inherit;background:linear-gradient(90deg,#2cbbaa,#0f8c84);height:100%}.track .half{background:var(--muted);opacity:.5;width:2px;height:22px;position:absolute;top:-5px;left:50%}.runner{top:50%;left:clamp(15px, var(--p), calc(100% - 15px));background:var(--card);border-radius:50%;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;font-size:15px;display:grid;position:absolute;box-shadow:0 4px 12px #0f2f4040}.marks{color:var(--muted);justify-content:space-between;font-size:12px;font-weight:700;display:flex}.ticket{color:#5e410b;text-align:left;background:linear-gradient(135deg,#fff3d6,#ffe2a4);border:0;border-radius:20px;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px 12px 14px;display:flex}.ticket-medal{border-right:2px dashed #5e410b4d;padding-right:12px;font-size:30px}.ticket-text{flex:1;display:grid}.ticket-text small{letter-spacing:.1em;font-size:12px;font-weight:800}.ticket-text b{font-size:16px}.ticket-go{font-size:28px;font-weight:800}.prize{--notch:radial-gradient(circle 11px at 0 50%, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 11px at 100% 50%, #0000 98%, #000) right / 51% 100% no-repeat;border:1px solid var(--line);background:var(--card);-webkit-mask:var(--notch);-webkit-mask:var(--notch);mask:var(--notch);border-radius:22px;gap:16px;padding:20px 22px;display:flex;position:relative;overflow:hidden}.prize.grand{background:var(--hero);color:#fff;border:0}.prize.grand:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff24 50%,#0000 65%);animation:3.6s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.medal{font-size:34px;line-height:1}.prize small{color:var(--accent);letter-spacing:.1em;font-size:12px;font-weight:800}.prize.grand small{color:#7fe3d6}.prize h2{margin:6px 0;font-size:21px;font-weight:800;line-height:1.15}.prize p{color:var(--muted);font-size:15px;line-height:1.4}.prize.grand p{color:#cfe6e6}.fine-print{color:var(--muted);padding:4px 6px;font-size:13px;line-height:1.5}.backdrop{z-index:40;background:#030e1480;position:fixed;inset:0}.backdrop.enter{animation:.2s fade-in}.sheet{z-index:41;width:min(100%,600px);max-height:90dvh;padding:8px max(18px, env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));overscroll-behavior:contain;background:var(--card);border-radius:28px 28px 0 0;gap:14px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -18px 50px #00000040}.sheet.enter{animation:.34s cubic-bezier(.2,.9,.25,1) sheet-up}.grabber{background:var(--line);border-radius:3px;justify-self:center;width:40px;height:5px}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet-head h2{font-size:22px;font-weight:800}.sheet-head h2:focus{outline:none}.sheet-head p{color:var(--muted);margin-top:4px;font-size:14px;font-weight:600}.close{background:var(--accent-soft);border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:grid}.sheet-status{background:var(--accent-soft);color:var(--accent);border-radius:14px;padding:10px 12px;font-size:14px;font-weight:700}.sheet-status.wait{background:var(--gold-soft);color:var(--gold-ink)}.sheet-glasses{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.glass-btn{border:1.5px solid var(--line);background:var(--bg);border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.glass-btn.filled{border-color:var(--water);background:var(--accent-soft)}.glass-btn:disabled{opacity:.55}.mini-glass{width:30px;height:38px}.mini-cup{fill:none;stroke:var(--muted);stroke-width:2px;stroke-linejoin:round}.mini-water{fill:#0000}.glass-btn.filled .mini-cup{stroke:var(--water)}.glass-btn.filled .mini-water{fill:var(--water)}.sheet-count{color:var(--muted);margin-left:auto;font-size:18px;font-weight:800}.weight-field{gap:6px;font-size:14px;font-weight:700;display:grid}.weight-input{align-items:center;gap:10px;display:flex}.weight-input input{border:1.5px solid var(--line);background:var(--bg);border-radius:14px;width:100%;min-height:50px;padding:0 14px;font-size:17px}.weight-input input:disabled{opacity:.6}.weight-input>span{color:var(--muted);font-weight:700}.primary,.secondary{border-radius:16px;min-height:52px;font-size:16px;font-weight:800}.primary{background:var(--accent);color:var(--on-accent);border:0}.secondary{border:1.5px solid var(--gold);background:var(--gold-soft);color:var(--gold-ink)}.toast{z-index:70;top:calc(env(safe-area-inset-top) + 10px);background:var(--toast);width:min(100% - 24px,440px);color:var(--ink);opacity:0;pointer-events:none;border-radius:20px;gap:2px;padding:12px 16px;transition:transform .35s cubic-bezier(.2,.9,.25,1),opacity .25s;display:grid;position:fixed;left:50%;transform:translate(-50%,-140%);box-shadow:0 16px 40px #00000047}.toast.show{opacity:1;transform:translate(-50%)}.toast strong{font-size:16px;font-weight:800}.toast span{color:var(--muted);font-size:14px;font-weight:600}#fx{z-index:65;pointer-events:none;position:fixed;inset:0;overflow:hidden}#fx i{border-radius:50%/60% 60% 40% 40%;width:10px;height:13px;margin:-6px 0 0 -5px;animation:1.2s cubic-bezier(.15,.7,.3,1) forwards burst;position:absolute}.setup{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));background:radial-gradient(circle at top right, #2cbbaa47, transparent 45%), var(--bg);place-items:center;display:grid}.setup-card{background:var(--card);width:min(100%,460px);box-shadow:var(--shadow);text-align:center;border-radius:30px;padding:28px 22px}.setup-art{background:var(--hero);border-radius:32px;place-items:center;width:112px;height:112px;margin:0 auto 14px;display:grid;box-shadow:0 14px 30px #0f3a504d}.setup-art .glass{width:72px;height:84px}.setup h1{letter-spacing:-1.5px;margin-top:6px;font-size:clamp(40px,12vw,56px);font-weight:800;line-height:1}.lead{max-width:340px;color:var(--muted);margin:12px auto 22px;font-size:17px;line-height:1.45}.ios-tip{background:var(--accent-soft);text-align:left;border-radius:14px;margin:-6px 0 18px;padding:10px 12px;font-size:14px;line-height:1.4}.setup form{text-align:left;gap:14px;display:grid}.setup label{gap:6px;font-size:15px;font-weight:700;display:grid}.setup input{border:1.5px solid var(--line);background:var(--bg);border-radius:14px;width:100%;min-height:50px;padding:0 14px;font-size:17px;display:block}.setup .primary{min-height:56px;margin-top:6px;font-size:18px;box-shadow:0 10px 22px #0a716a47}.tiny{color:var(--muted);margin-top:16px;font-size:13px;line-height:1.5}.handoff{min-height:100dvh;padding:max(32px, env(safe-area-inset-top)) 26px max(32px, env(safe-area-inset-bottom));color:#fff;text-align:center;background:radial-gradient(circle at 50% 32%,#1c8f86 0%,#0f3a50 52%,#071c27 100%);align-content:center;justify-items:center;gap:14px;display:grid}.ripples{place-items:center;width:230px;height:230px;margin-bottom:4px;display:grid;position:relative}.ring{border:2px solid #7ce8da8c;border-radius:50%;animation:3s ease-out infinite ripple;position:absolute;inset:0}.ring:nth-child(2){animation-delay:-1s}.ring:nth-child(3){animation-delay:-2s}.handoff .eyebrow{color:#7fe3d6}.handoff h1{letter-spacing:-.6px;overflow-wrap:anywhere;font-size:36px;font-weight:800;line-height:1.06}.handoff h1:focus{outline:none}.handoff p{color:#d4eceb;max-width:320px;font-size:16px;line-height:1.45}.handoff .secret{background:#ffffff1a;border-radius:14px;padding:10px 14px;font-size:14px;font-weight:700}.cta{color:#0f3a50;background:#fff;border:0;border-radius:18px;width:min(100%,360px);min-height:58px;margin-top:14px;font-size:18px;font-weight:800;box-shadow:0 12px 28px #00000047}.ghost{color:#cbeae6;background:0 0;border:0;min-height:44px;padding:0 16px;font-size:16px;font-weight:700}@keyframes drift{to{transform:translate(-95px)}}@keyframes rise{0%{opacity:0;transform:translateY(0)}25%{opacity:.8}to{opacity:0;transform:translateY(-18px)}}@keyframes burst{0%{opacity:1;transform:translate(0)rotate(0)scale(.3)}60%{transform:translate(var(--dx), var(--dy)) rotate(var(--spin)) scale(1);opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + 90px)) rotate(var(--spin)) scale(.9);opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes shimmer{60%,to{transform:translate(100%)}}@keyframes ripple{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1)}}@media (width<=370px){.screen{gap:12px;padding-inline:12px}.card{padding:14px 12px}.hero-main{grid-template-columns:112px minmax(0,1fr)}.glass{width:112px;height:130px}.count b{font-size:52px}.wordmark-text{display:none}.switcher{max-width:75%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}