:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:-apple-system, "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", system-ui, sans-serif;--bg:#f1f7fb;--bg-2:#e4eff7;--ink:#06202d;--text:#3e6478;--muted:#506d80;--line:#deeaf2;--tide-1:#93d8f0;--tide-2:#3fa0d2;--tide-3:#1a6b9e;--tide-4:#0e4e7a;--on-water:#fff;--on-water-dim:#fffc;--on-water-faint:#ffffff42;--accent:#0b6fa6;--accent-ink:#fff;--accent-soft:#e4f0f8;--glass-tint:#ffffff26;--glass-solid:#d6ecf7eb;--rim-hi:#ffffffb8;--rim-lo:#ffffff42;--sheen:#ffffff80;--depth:0 10px 28px -12px #042e486b;--card:#fff;--card-line:#e6f0f6;--field:#f2f7fa;--shadow:0 1px 2px #0a32460a, 0 16px 36px -20px #0a324642;--tab-tint:#f0f7fbd1;--tab-solid:#f1f7fbf5;--coral:#a95443;--coral-bg:#fbeee9;--warn:#8a6a2a;--warn-bg:#faf3e2;--gold:#907027;--win-top:#e4d3a6;--win-bot:#be9740;--lag-top:#e3ac9b;--lag-bot:#c06b57;--tab-h:77px;--dock-h:104px;--tide-ceil:270px;--radius-sm:13px;--radius:20px;--radius-lg:26px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--ease:cubic-bezier(.22, 1, .36, 1);--duration-fast:.16s;--duration:.34s;font-family:var(--font);color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-text-size-adjust:100%;font-size:15px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#040d14;--bg-2:#06131c;--ink:#e2f1f8;--text:#96b8c9;--muted:#7897a8;--line:#102936;--tide-1:#12566f;--tide-2:#0b3d56;--tide-3:#07293b;--tide-4:#051c29;--on-water:#ebf8fd;--on-water-dim:#ebf8fdc2;--on-water-faint:#ebf8fd29;--accent:#48c0e8;--accent-ink:#02202e;--accent-soft:#10303f;--glass-tint:#ffffff12;--glass-solid:#0e2a3af0;--rim-hi:#ffffff4d;--rim-lo:#ffffff17;--sheen:#ffffff2e;--depth:0 12px 30px -14px #000c;--card:#0a1a24;--card-line:#15323f;--field:#0e2430;--shadow:0 1px 2px #0006, 0 18px 40px -22px #000000d9;--tab-tint:#040d14cc;--tab-solid:#040d14f5;--coral:#d4896f;--coral-bg:#35211b;--warn:#d7be80;--warn-bg:#2d2714;--gold:#c8a862;--win-top:#bc9d57;--win-bot:#6b5729;--lag-top:#c9836a;--lag-bot:#73483a}}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);-webkit-font-smoothing:antialiased;min-width:320px;margin:0}h1,h2,h3,p{margin:0}strong,b{font-weight:650}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--duration-fast) var(--ease), background-color var(--duration-fast), opacity var(--duration-fast);background:0 0;border:0;padding:0}button:not(:disabled):active{transform:scale(.97)}button:disabled{opacity:.45;cursor:default}button svg{flex-shrink:0}a{color:var(--accent)}button,a,input,textarea,summary{outline-offset:3px}:focus-visible{outline:2px solid var(--accent)}input,textarea{color:var(--ink);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--field);width:100%;padding:14px 15px;font-size:16px}input::placeholder{color:var(--muted)}input[type=number]{-webkit-appearance:textfield;appearance:textfield}input::-webkit-inner-spin-button{-webkit-appearance:none}input::-webkit-outer-spin-button{-webkit-appearance:none}.glass{background:var(--glass-tint);-webkit-backdrop-filter:blur(24px)saturate(185%);box-shadow:inset 0 .5px 0 var(--rim-hi), inset 0 -.5px 0 var(--rim-lo), inset .5px 0 0 var(--rim-lo), inset -.5px 0 0 var(--rim-lo), var(--depth);position:relative}.glass:before,.glass:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.glass:before{background:linear-gradient(142deg, var(--sheen) 0%, #ffffff0f 32%, transparent 56%)}.glass:after{box-shadow:inset 0 0 14px #fff3}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--glass-solid)}}.app{flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}@supports not (height:100dvh){.app{height:100vh}}main[data-page-scroll]{z-index:2;-webkit-overflow-scrolling:touch;min-height:0;padding:calc(14px + env(safe-area-inset-top)) 18px 20px;flex:1;position:relative;overflow-y:auto}.view-record main[data-page-scroll]{padding-bottom:12px;padding-left:22px;padding-right:22px}.tide{z-index:0;pointer-events:none;height:calc(var(--tide-floor) + (100dvh - var(--tide-ceil) - var(--tide-floor)) * var(--fill));--tide-floor:calc(var(--tab-h) + var(--dock-h));position:absolute;bottom:0;left:0;right:0}@supports not (height:100dvh){.tide{height:calc(var(--tide-floor) + (100vh - var(--tide-ceil) - var(--tide-floor)) * var(--fill))}}.tide-body{background:linear-gradient(180deg, var(--tide-1) 0%, var(--tide-2) 38%, var(--tide-3) 72%, var(--tide-4) 100%);position:absolute;top:26px;bottom:0;left:0;right:0}.tide-surface{width:200%;height:28px;color:var(--tide-1);position:absolute;top:0;left:-50%}.tide-surface.back{opacity:.45}.tide-gleam{background:linear-gradient(90deg,#0000,#ffffffd9 30%,#fff9 70%,#0000);height:1.5px;position:absolute;top:23px;left:0;right:0}.tide-refract{filter:blur(4px);background:linear-gradient(#fff6,#0000);height:18px;position:absolute;top:26px;left:0;right:0}.caustic{filter:blur(30px);background:#fff;border-radius:50%;position:absolute}.caustic.c1{opacity:.15;width:200px;height:112px;top:64px;left:-46px}.caustic.c2{opacity:.1;width:158px;height:92px;top:168px;right:-34px}.caustic.c3{opacity:.06;width:230px;height:124px;bottom:34px;left:54px}.bubble{background:#fff3;border-radius:50%;position:absolute}.scroll-edge{left:0;right:0;bottom:calc(var(--tab-h) + var(--dock-h) + env(safe-area-inset-bottom));z-index:3;pointer-events:none;background:linear-gradient(#0000,#0e4e7a38);height:44px;position:absolute}@media (prefers-color-scheme:dark){.scroll-edge{background:linear-gradient(#0000,#020c1473)}}.rec-top{justify-content:space-between;align-items:center;display:flex}.rec-date{letter-spacing:.2em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.avatar-button{background:var(--card);border:1px solid var(--card-line);width:36px;height:36px;box-shadow:var(--shadow);color:var(--text);border-radius:50%;place-items:center;font-size:17px;display:grid}.rec-hero{padding:34px 0 0}.rec-cap{letter-spacing:.24em;color:var(--muted);margin-bottom:13px;font-size:11px}.rec-total{align-items:baseline;gap:7px;display:flex}.rec-total b{letter-spacing:-5px;font-variant-numeric:tabular-nums;font-size:82px;font-weight:230;line-height:.86}.rec-total i{color:var(--text);font-size:18px;font-style:normal;font-weight:450}.rec-goal{color:var(--text);font-variant-numeric:tabular-nums;margin-top:18px;font-size:13.5px}.rec-goal span{color:var(--muted)}.rec-goal button{color:var(--accent);margin-left:8px;font-size:13.5px;font-weight:600}.rec-expect{z-index:1;pointer-events:none;left:22px;right:22px;bottom:calc(var(--tide-floor) + (100dvh - var(--tide-ceil) - var(--tide-floor)) * var(--expect));--tide-floor:calc(var(--tab-h) + var(--dock-h));flex-direction:row-reverse;align-items:center;gap:9px;display:flex;position:absolute}@supports not (height:100dvh){.rec-expect{bottom:calc(var(--tide-floor) + (100vh - var(--tide-ceil) - var(--tide-floor)) * var(--expect))}}.rec-expect .rule{background:repeating-linear-gradient(90deg, var(--muted) 0 3px, transparent 3px 8px);opacity:.75;flex:1;height:1px}.rec-expect .tag{letter-spacing:.06em;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 9px;font-size:11px}.rec-level{z-index:1;pointer-events:none;font-variant-numeric:tabular-nums;letter-spacing:-.2px;color:var(--ink);right:22px;bottom:calc(var(--tide-floor) + (100dvh - var(--tide-ceil) - var(--tide-floor)) * var(--fill));--tide-floor:calc(var(--tab-h) + var(--dock-h));border-radius:999px;padding:6px 13px;font-size:13.5px;font-weight:600;position:absolute;transform:translateY(50%)}@supports not (height:100dvh){.rec-level{bottom:calc(var(--tide-floor) + (100vh - var(--tide-ceil) - var(--tide-floor)) * var(--fill))}}.rec-sips{border-radius:var(--radius);margin-top:150px;padding:14px 16px 13px}.rec-sips .head{letter-spacing:.06em;color:var(--text);font-variant-numeric:tabular-nums;z-index:1;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:11.5px;display:flex;position:relative}.rec-sips .axis{letter-spacing:.1em;color:var(--muted);font-variant-numeric:tabular-nums;z-index:1;justify-content:space-between;margin-top:9px;font-size:10.5px;display:flex;position:relative}.rec-sips .track{z-index:1;align-items:flex-end;gap:4px;height:46px;display:flex;position:relative}.rec-sips .track span{background:var(--on-water-faint);min-height:3px;transition:height var(--duration) var(--ease);border-radius:2.5px;flex:1}.rec-sips .track span.on{background:linear-gradient(180deg, var(--tide-1), var(--tide-2))}.rec-sips .last{color:var(--text);letter-spacing:.06em;font-variant-numeric:tabular-nums;text-align:center;z-index:1;margin-top:10px;font-size:11.5px;position:relative}.rec-dock{z-index:4;background:var(--tab-tint);-webkit-backdrop-filter:blur(30px)saturate(180%);box-shadow:inset 0 .5px 0 var(--rim-hi);flex:none;padding:10px 22px 8px;position:relative;left:0;right:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.rec-dock{background:var(--tab-solid)}}.quick-actions{gap:11px;display:flex}.quick-add{height:58px;color:var(--accent);background:var(--accent-soft);border-radius:19px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.quick-add b,.quick-add span{z-index:1;position:relative}.quick-add b{font-variant-numeric:tabular-nums;letter-spacing:-.6px;font-size:21px;font-weight:600}.quick-add b small{opacity:.7;margin-left:2px;font-size:11.5px;font-weight:500}.quick-add span{opacity:.7;letter-spacing:.12em;font-size:11px}.quick-add.primary{color:var(--accent-ink);background:var(--accent);position:relative;overflow:hidden;box-shadow:0 8px 20px -10px #042e4899}.quick-add.primary:before{content:"";pointer-events:none;background:linear-gradient(#ffffff42,#0000 54%);position:absolute;top:0;bottom:0;left:0;right:0}.record-options{color:var(--text);justify-content:center;align-items:center;gap:28px;height:28px;font-size:12.5px;display:flex}.record-options button{color:inherit;align-items:center;gap:5px;min-height:30px;display:inline-flex}.water-feedback{z-index:3;pointer-events:none;height:0;left:0;right:0;bottom:calc(var(--tide-floor) + (100dvh - var(--tide-ceil) - var(--tide-floor)) * var(--fill));--tide-floor:calc(var(--tab-h) + var(--dock-h));position:absolute}.water-feedback svg{width:180px;height:200px;position:absolute;bottom:-40px;left:50%;overflow:visible;transform:translate(-50%)}.pour-drop{fill:var(--tide-1);animation:pour-in .62s var(--ease) forwards}.water-ripple{fill:none;stroke:#ffffffd9;stroke-width:1.5px;animation:water-ripple .9s var(--ease) forwards}.water-ripple.inner{opacity:0;animation-delay:.12s}@keyframes pour-in{0%{transform:translateY(calc(-1 * var(--fall-distance,150px))) scale(.8);opacity:0}22%{opacity:1}82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.3)}}@keyframes water-ripple{0%{opacity:0;transform:scale(.3)}28%{opacity:.9}to{opacity:0;transform:scale(1.5)}}.logs-card,.group-strip{margin-top:var(--space-3)}.count-pill{background:var(--accent-soft);min-width:21px;height:21px;color:var(--accent);font-variant-numeric:tabular-nums;vertical-align:1px;border-radius:999px;place-items:center;margin-left:7px;padding:0 6px;font-size:11.5px;font-weight:650;display:inline-grid}.logs-card .section-heading{margin-top:0}.log-row{align-items:center;gap:11px;padding:9px 0;display:flex}.log-row+.log-row{border-top:1px solid var(--line)}.log-row time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px}.log-bar{background:var(--field);border-radius:2px;flex:1;height:4px;overflow:hidden}.log-bar i{background:linear-gradient(90deg, var(--tide-1), var(--tide-2));border-radius:2px;height:100%;display:block}.log-row b{font-variant-numeric:tabular-nums;flex:none;font-size:14px}.log-row b small{color:var(--muted);font-size:10.5px}.group-strip{text-align:left;align-items:center;gap:12px;width:100%;display:flex}.group-strip-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.group-strip-text{flex:1;min-width:0}.group-strip-text strong{font-size:14.5px;display:block}.group-strip-text small{color:var(--muted);font-size:11.5px}.group-strip>svg{color:var(--muted)}.card{background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-4) var(--space-5)}.card+.card,.card+.health-details,.health-details+.card{margin-top:var(--space-3)}.button{letter-spacing:.02em;border-radius:17px;justify-content:center;align-items:center;gap:7px;min-height:52px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.button.full{width:100%}.button.primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow);position:relative;overflow:hidden}.button.primary:before{content:"";pointer-events:none;background:linear-gradient(#ffffff3d,#0000 52%);position:absolute;top:0;bottom:0;left:0;right:0}.button.soft{background:var(--accent-soft);color:var(--accent)}.button.ghost{color:var(--text)}.button.danger-button{background:var(--coral-bg);color:var(--coral)}.text-button{color:var(--accent);align-items:center;gap:5px;min-height:34px;font-size:13.5px;display:inline-flex}.text-button.muted{color:var(--muted)}.text-button.danger{color:var(--coral)}.icon-button{width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.icon-button:hover{background:var(--field)}.page-head{padding:14px 4px 0}.page-head h1{letter-spacing:-1.1px;font-size:27px;font-weight:600}.page-head p{color:var(--muted);margin-top:7px;font-size:12.5px}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-5) 2px var(--space-3);display:flex}.section-heading h2{font-size:15.5px;font-weight:650}.mini-label{color:var(--muted);letter-spacing:.06em;font-size:11.5px}.foot-note{text-align:center;color:var(--muted);letter-spacing:.04em;margin-top:var(--space-4);justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(100deg, var(--card-line) 20%, var(--field) 40%, var(--card-line) 60%);background-size:300% 100%;animation:1.5s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.skeleton.tank-skeleton{height:300px}.skeleton.chart-skeleton{height:190px;margin:var(--space-3) 0}.skeleton.summary-skeleton{height:190px}.error-banner{background:var(--coral-bg);color:var(--coral);border-radius:var(--radius);margin-bottom:var(--space-3);align-items:center;gap:9px;padding:12px 15px;font-size:13px;display:flex}.error-banner span{flex:1}.error-banner button{color:inherit;font-weight:650;text-decoration:underline}.empty-state{text-align:center;padding:var(--space-5) var(--space-3)}.empty-art{width:72px;height:72px;margin:0 auto var(--space-4);color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;display:grid}.empty-state h3{font-size:16px;font-weight:650}.empty-state p{color:var(--muted);margin:var(--space-2) 0 var(--space-5);font-size:13px;line-height:1.7}.page-enter{animation:page-enter var(--duration) var(--ease)}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}}.health-warning{border-radius:var(--radius);background:var(--warn-bg);color:var(--warn);margin-top:var(--space-4);gap:11px;padding:13px 15px;display:flex}.health-warning.critical{background:var(--coral-bg);color:var(--coral)}.health-warning strong{margin-bottom:3px;font-size:13.5px;display:block}.health-warning p{opacity:.9;font-size:12.5px;line-height:1.6}.health-details{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-line);box-shadow:var(--shadow);padding:2px var(--space-5)}.health-details summary{cursor:pointer;justify-content:space-between;align-items:center;padding:15px 0;font-size:14px;font-weight:600;list-style:none;display:flex}.health-details summary::-webkit-details-marker{display:none}.health-details summary>span{color:var(--text);align-items:center;gap:9px;display:inline-flex}.health-copy{padding-bottom:var(--space-4)}.health-copy p{color:var(--muted);margin-bottom:var(--space-3);font-size:12.5px;line-height:1.8}.source-links a{color:var(--accent)}.privacy-note{color:var(--muted);padding:var(--space-5) 6px var(--space-3);gap:9px;font-size:12px;line-height:1.7;display:flex}.made-with{text-align:center;color:var(--muted);padding:var(--space-5) 0 var(--space-3);font-size:11.5px}.subtle-delete{margin:0 auto;display:flex}.champion{--champ-ink:#815d20;--champ-line:#e8d7ad;isolation:isolate;margin-top:var(--space-4);border-radius:var(--radius-lg);color:var(--champ-ink);border:1px solid var(--champ-line);background:radial-gradient(at 18% 40%,#fff9e2 0%,#0000 58%),linear-gradient(125deg,#fffdf7,#f9edce);padding:13px 16px 0;position:relative;overflow:hidden;box-shadow:0 12px 30px -21px #8b6219a6}.champion:after{content:"";z-index:-1;pointer-events:none;border:1px solid #ffffffa6;border-radius:21px;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.champ-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.champ-title{letter-spacing:.17em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.champ-achievement{font-variant-numeric:tabular-nums;letter-spacing:.03em;font-size:10px}.champ-main{align-items:center;gap:13px;min-height:88px;display:flex}.champ-emblem{flex:none;place-items:center;width:86px;height:86px;display:grid;position:relative}.champ-halo{z-index:-1;opacity:.55;background:repeating-conic-gradient(from 9deg,#d3a63e3d 0deg 9deg,#0000 9deg 24deg);border-radius:50%;position:absolute;top:-20px;bottom:-20px;left:-20px;right:-20px;-webkit-mask:radial-gradient(closest-side,#000 20%,#0000 90%);mask:radial-gradient(closest-side,#000 20%,#0000 90%)}.champ-laurel{color:#bc963f;stroke:currentColor;stroke-width:1.2px;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.champ-laurel path+path{fill:currentColor;stroke:none;opacity:.7}.champ-avatar{background:linear-gradient(145deg,#fffefb,#f7e6ba);border-radius:50%;place-items:center;width:54px;height:54px;font-size:30px;display:grid;position:relative;box-shadow:0 0 0 1px #c9a34b,0 0 0 4px #ffffffa6,0 4px 12px #815d201f}.champ-crown{font-size:25px;position:absolute;top:-17px;left:50%;transform:translate(-50%)rotate(-12deg)}.champ-ribbon{text-align:center;color:#fffdf5;letter-spacing:.13em;background:linear-gradient(90deg,#a27c2e,#bd9846,#a27c2e);border-radius:3px 3px 7px 7px;min-width:59px;padding:3px 7px;font-size:9px;font-weight:700;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 3px 7px #815d2029}.champ-spark{color:#ad852b;pointer-events:none;position:absolute}.champ-spark.spark-one{font-size:12px;top:9px;right:4px}.champ-spark.spark-two{font-size:17px;bottom:16px;left:-2px}.champ-text{flex:1;min-width:0}.champ-text strong{letter-spacing:-.9px;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:28px;font-weight:680;line-height:1.25;display:block;overflow:hidden}.champ-message{text-wrap:pretty;margin-top:5px;font-size:11.5px;line-height:1.65}.champ-detail{font-variant-numeric:tabular-nums;margin:3px 0 9px;font-size:10.5px;line-height:1.5}.champ-footer{border-top:1px solid var(--champ-line);justify-content:space-between;align-items:center;gap:5px;min-height:41px;display:flex}.champ-footer>span{font-size:9.5px;line-height:1.5}.champ-action{min-height:44px;color:var(--champ-ink);flex:none;justify-content:flex-end;align-items:center;gap:2px;font-size:10.5px;font-weight:650;display:inline-flex}.champion.is-leading,.champion.is-waiting{--champ-ink:var(--text);--champ-line:var(--line);background:linear-gradient(135deg, var(--card), var(--accent-soft));box-shadow:var(--shadow)}.champion:not(.is-crowned) .champ-avatar{color:var(--accent);background:var(--card);box-shadow:0 0 0 1px var(--line), 0 0 0 5px var(--accent-soft)}.champion:not(.is-crowned) .champ-title,.champion:not(.is-crowned) .champ-action{color:var(--accent)}.champion.is-waiting .champ-text strong{letter-spacing:-.5px;font-size:21px}@media (prefers-color-scheme:dark){.champion{--champ-ink:#dfc28b;--champ-line:#55472b;background:radial-gradient(at 18% 40%,#3a321c 0%,#0000 58%),linear-gradient(125deg,#1b241f,#2b2519);box-shadow:0 12px 30px -21px #000000e6}.champion:after{border-color:#e8ca8e14}.champ-avatar{background:linear-gradient(145deg,#2b3028,#403720);box-shadow:0 0 0 1px #a68b4e,0 0 0 4px #e1c58614,0 4px 12px #0003}.champ-ribbon{color:#251e0e;background:linear-gradient(90deg,#b89a57,#d3b979,#b89a57)}.champ-laurel,.champ-spark{color:#c2a15b}}@media (max-width:350px){.champion{padding-left:13px;padding-right:13px}.champ-main{gap:8px}.champ-emblem{width:74px}.champ-text strong{font-size:25px}.champ-message{font-size:11px}.champ-footer>span{max-width:135px}}@media (max-height:700px){.champion{padding-top:10px}.champ-main{gap:10px;min-height:54px;margin-top:2px}.champ-emblem{width:60px;height:54px}.champ-avatar{width:40px;height:40px;font-size:25px}.champ-crown{font-size:18px;top:-9px}.champ-ribbon{min-width:45px;padding:2px 5px;font-size:7px;bottom:-1px}.champ-spark.spark-one{font-size:9px;top:1px;right:-1px}.champ-spark.spark-two{font-size:11px;bottom:6px;left:-4px}.champ-text strong{font-size:22px;line-height:1.2}.champ-message{font-size:10.5px;line-height:1.35}.champ-detail{margin:0 0 3px;font-size:9.5px;line-height:1.5}.view-ranking .tank-cols{height:150px}}@media (prefers-reduced-motion:no-preference){.champion.is-crowned .champ-emblem{animation:champion-reveal .7s var(--ease) both}.champion.is-crowned .champ-spark{animation:1.1s ease-out both champion-spark}@keyframes champion-reveal{0%{opacity:0;transform:translateY(5px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes champion-spark{0%,25%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}}.tank{margin-top:var(--space-3);background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px 14px 13px;position:relative;overflow:hidden}.tank:before{content:"";pointer-events:none;background:linear-gradient(#ffffff80,#0000 32%);position:absolute;top:0;bottom:0;left:0;right:0}@media (prefers-color-scheme:dark){.tank:before{background:linear-gradient(#ffffff0b,#0000 32%)}}.tank-cap{letter-spacing:.14em;color:var(--muted);justify-content:space-between;align-items:baseline;font-size:11px;display:flex;position:relative}.tank-cols{align-items:flex-end;gap:7px;height:198px;margin-top:20px;display:flex;position:relative}.tank-col{flex-direction:column;flex:1;justify-content:flex-end;min-width:0;height:100%;display:flex;position:relative}.vial{background:linear-gradient(#0c3e5e17,#0c3e5e09);border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 2px 6px #0a324617}@media (prefers-color-scheme:dark){.vial{background:linear-gradient(#ffffff0d,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 2px 6px #00000080}}.vial-fill{background:linear-gradient(180deg, var(--tide-1), var(--tide-2) 62%, var(--tide-3));transition:height var(--duration) var(--ease);position:absolute;bottom:0;left:0;right:0}.vial-fill:after{content:"";background:#ffffffbf;height:2px;position:absolute;top:0;left:0;right:0}.vial-glint{background:linear-gradient(#ffffff80,#0000 72%);border-radius:2px;width:2.5px;position:absolute;top:7px;bottom:7px;left:5px}.tank-col.lagging .vial-fill{background:linear-gradient(180deg, var(--lag-top), var(--lag-bot))}.tank-col.winner .vial-fill{background:linear-gradient(180deg, var(--win-top), var(--win-bot))}.tank-col.is-me .vial{box-shadow:inset 0 0 0 1.5px var(--accent), inset 0 2px 6px #0a324617}.buoy{z-index:3;background:var(--card);width:33px;height:33px;box-shadow:inset 0 .5px 0 var(--rim-hi), 0 4px 10px #06283e42, 0 0 0 1px var(--card-line);transition:bottom var(--duration) var(--ease);border-radius:50%;place-items:center;font-size:16px;display:grid;position:absolute;left:50%;transform:translate(-50%,50%)}.tank-col.is-me .buoy{box-shadow:inset 0 .5px 0 var(--rim-hi), 0 4px 10px #06283e42, 0 0 0 1.5px var(--accent)}.buoy-crown{font-size:13px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-12deg)}.tank-waterline{z-index:2;align-items:center;gap:7px;display:flex;position:absolute;left:0;right:0}.tank-waterline .ln{background:repeating-linear-gradient(90deg, var(--muted) 0 3px, transparent 3px 7px);opacity:.9;flex:1;height:1px}.tank-waterline .lb{letter-spacing:.08em;color:var(--muted);white-space:nowrap;background:var(--card);font-variant-numeric:tabular-nums;padding:0 5px;font-size:10px}.tank-legs{gap:7px;margin-top:11px;display:flex;position:relative}.tank-leg{text-align:center;flex:1;min-width:0}.tank-leg .pc{font-variant-numeric:tabular-nums;letter-spacing:-.4px;font-size:14.5px;font-weight:650;display:block}.tank-leg .pc small{color:var(--muted);margin-left:.5px;font-size:9.5px;font-weight:550}.tank-leg .nm,.tank-leg .rk{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tank-leg .nm{color:var(--text);margin-top:3px;font-size:10.5px}.tank-leg .rk{color:var(--muted);letter-spacing:.06em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:9.5px}.tank-leg.lagging .pc{color:var(--coral)}.tank-leg.winner .pc{color:var(--gold)}.tank-scroll{-webkit-overflow-scrolling:touch;margin:0 -14px;padding:0 14px;overflow-x:auto}.nudge{margin-top:var(--space-3);border-radius:var(--radius);background:var(--card);border:1px solid var(--card-line);box-shadow:var(--shadow);color:var(--text);align-items:center;gap:9px;padding:13px 15px;font-size:12.5px;display:flex}.nudge b{color:var(--coral);font-weight:650}.ranking-cta{margin-top:var(--space-4)}.profile-card{text-align:left;width:100%;margin-top:var(--space-4);align-items:center;gap:13px;display:flex}.profile-card .avatar{background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.profile-card>span:nth-child(2){flex:1;min-width:0}.profile-card strong{font-size:15.5px;display:block}.profile-card small{color:var(--muted);font-size:12px}.profile-card>svg{color:var(--muted)}.week-picker{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.week-picker>span{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.week-picker small{color:var(--accent);margin-left:6px;font-size:11px;font-weight:600}.rotate{transform:rotate(180deg)}.chart-legend{align-items:center;gap:var(--space-4);color:var(--muted);margin-bottom:var(--space-3);font-size:11px;display:flex}.chart-legend span{align-items:center;gap:5px;display:inline-flex}.chart-legend span:last-child{margin-left:auto}.chart-legend i{background:var(--accent);border-radius:3px;width:9px;height:9px}.chart-legend span:nth-child(2) i{border-top:2px dashed var(--muted);background:0 0;border-radius:0;width:12px;height:0}.chart{gap:var(--space-3);display:flex}.chart-grid{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;height:150px;font-size:9.5px;display:flex}.chart-bars{flex:1;align-items:flex-end;gap:5px;display:flex}.chart-day{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.bar-zone{background:var(--field);border-radius:8px;align-items:flex-end;width:100%;height:150px;display:flex;position:relative;overflow:hidden}.chart-bar{background:linear-gradient(180deg, var(--tide-1), var(--tide-2));width:100%;transition:height var(--duration) var(--ease);border-radius:7px 7px 0 0}.chart-bar.achieved{background:linear-gradient(180deg, var(--win-top), var(--win-bot))}.goal-dash{border-top:1px dashed var(--muted);opacity:.7;position:absolute;left:0;right:0}.chart-day .day-label{color:var(--text);font-size:11px}.chart-day .date-label{color:var(--muted);font-variant-numeric:tabular-nums;font-size:9.5px}.chart-day.today .day-label{color:var(--accent);font-weight:650}.chart-day.selected .bar-zone{outline:1.5px solid var(--accent);outline-offset:1px}.chart-day:disabled{opacity:1}.chart-day:disabled .bar-zone{opacity:.45}.chart-caption{text-align:center;color:var(--muted);margin-top:var(--space-4);font-variant-numeric:tabular-nums;font-size:11.5px}.history-metrics{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line);display:flex}.history-metrics>div{text-align:center;flex:1;min-width:0}.history-metrics strong{letter-spacing:-.6px;font-variant-numeric:tabular-nums;font-size:21px;font-weight:650;display:block}.history-metrics strong small{color:var(--muted);margin-left:1px;font-size:11px;font-weight:550}.history-metrics span{color:var(--muted);font-size:11px}.settings-list{padding:2px var(--space-5)}.settings-list button,.group-switch-list button{text-align:left;width:100%;color:var(--ink);align-items:center;gap:13px;padding:14px 0;display:flex}.settings-list button+button,.group-switch-list button+button{border-top:1px solid var(--line)}.settings-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid}.settings-icon.lavender{background:var(--warn-bg);color:var(--warn)}.settings-list button>span:nth-child(2),.group-switch-list button>span:nth-child(2){flex:1;min-width:0}.settings-list strong,.group-switch-list strong{font-size:14.5px;display:block}.settings-list small,.group-switch-list small{color:var(--muted);font-size:11.5px}.settings-list b{font-variant-numeric:tabular-nums;font-size:14px}.settings-list b small,.settings-list>button>svg:last-child,.group-switch-list svg{color:var(--muted)}.group-selector{color:var(--ink);align-items:center;gap:7px;font-size:15px;font-weight:650;display:inline-flex}.group-selector .group-selector-icon{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.group-selector>svg{color:var(--muted)}.group-identity{text-align:center;margin-top:var(--space-4)}.group-emblem{width:58px;height:58px;margin:0 auto var(--space-3);background:linear-gradient(160deg, var(--tide-1), var(--tide-3));color:#fff;border-radius:20px;place-items:center;display:grid}.group-identity p{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:7px;font-size:12px}.member-bubbles{margin:var(--space-4) 0;justify-content:center;display:flex}.member-bubbles span,.member-bubbles button{background:var(--field);border:2px solid var(--card);border-radius:50%;place-items:center;width:34px;height:34px;margin-left:-8px;font-size:17px;display:grid}.member-bubbles span:first-child{margin-left:0}.member-bubbles button{background:var(--accent-soft);color:var(--accent)}.segmented{background:var(--field);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);border-radius:9px;min-height:32px;padding:6px 14px;font-size:12.5px}.segmented button.active{background:var(--card);color:var(--ink);font-weight:650;box-shadow:0 1px 3px #0a32461a}.summary-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.volume-card{color:var(--accent);grid-column:1/-1;position:relative;overflow:hidden}.volume-card>span{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.volume-card strong{letter-spacing:-1.6px;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:6px;font-size:38px;font-weight:650;display:block}.volume-card strong small{color:var(--muted);margin-left:3px;font-size:15px}.volume-card p{color:var(--muted);margin-top:4px;font-size:11.5px}.volume-card svg{width:calc(100% + 40px);height:56px;margin:10px -20px -16px;display:block}.summary-small{text-align:left;color:var(--accent)}.summary-small strong{letter-spacing:-.8px;color:var(--ink);font-variant-numeric:tabular-nums;margin:8px 0 3px;font-size:24px;font-weight:650;display:block}.summary-small strong small{color:var(--muted);margin-left:2px;font-size:12px}.summary-small span{color:var(--muted);font-size:11.5px}.steady-card{margin-top:var(--space-3);color:var(--gold);align-items:center;gap:13px;display:flex}.steady-card>div{flex:1;min-width:0}.steady-card .eyebrow{letter-spacing:.2em;color:var(--gold);font-size:10px;font-weight:700}.steady-card strong{color:var(--ink);margin-top:5px;font-size:16px;display:block}.steady-card p{color:var(--muted);margin-top:3px;font-size:11.5px}.broadcast-card{margin-top:var(--space-3)}.broadcast-card>div{margin-bottom:var(--space-3);align-items:center;gap:11px;display:flex}.broadcast-card h2{font-size:15.5px;font-weight:650}.broadcast-card p{color:var(--muted);margin-bottom:var(--space-4);font-size:12.5px;line-height:1.7}.feature-row{justify-content:center;gap:var(--space-5);margin-top:var(--space-4);color:var(--muted);font-size:12px;display:flex}.feature-row span{align-items:center;gap:6px;display:inline-flex}.leave-group{margin:var(--space-5) auto 0;display:flex}.app-footer{z-index:5;flex:none;position:relative;bottom:0;left:0;right:0}.tab-bar{height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--tab-tint);-webkit-backdrop-filter:blur(30px)saturate(180%);box-shadow:inset 0 .5px 0 var(--rim-hi);border-top:1px solid var(--line);display:flex}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tab-bar{background:var(--tab-solid)}}.tab-bar button{color:var(--muted);letter-spacing:.06em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-height:44px;padding-bottom:12px;font-size:10.5px;display:flex}.tab-bar button.active{color:var(--accent)}.toast-rail{background:var(--tab-tint);justify-content:center;padding:8px 18px 11px;display:flex}.toast{max-width:100%;color:var(--on-water);-webkit-backdrop-filter:blur(18px);box-shadow:var(--depth);animation:toast-in var(--duration) var(--ease);background:#06202de6;border-radius:16px;align-items:center;gap:9px;padding:11px 13px;font-size:13px;display:flex}@media (prefers-color-scheme:dark){.toast{background:#122e3cf0}}.toast.toast-error{background:#7c3a2aed}.toast>span:nth-child(2){flex:1}.toast-check{background:#ffffff29;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.toast button{color:#fff;min-height:30px;padding:0 4px;font-size:13px;font-weight:650}.toast-dismiss{opacity:.6}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);animation:fade-in var(--duration-fast);background:#0418226b;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fade-in{0%{opacity:0}}.dialog{-webkit-overflow-scrolling:touch;background:var(--card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:92dvh;padding:10px 22px calc(22px + env(safe-area-inset-bottom));animation:sheet-up var(--duration) var(--ease);position:relative;overflow-y:auto}@supports not (max-height:92dvh){.dialog{max-height:92vh}}@keyframes sheet-up{0%{transform:translateY(14px)}}.sheet-handle{background:var(--line);width:38px;height:4px;margin:0 auto var(--space-4);border-radius:2px}.dialog-close{position:absolute;top:14px;right:14px}.dialog-overline{color:var(--accent);margin-bottom:5px;font-size:12px;font-weight:650}.dialog h2{letter-spacing:-.6px;text-wrap:balance;padding-right:34px;font-size:21px;font-weight:680}.dialog-description{color:var(--muted);margin:var(--space-3) 0 var(--space-5);font-size:13px;line-height:1.75}.dialog form>*+*,.dialog>.button+.button{margin-top:var(--space-3)}.dialog .button.full+.button.full{margin-top:var(--space-2)}.field-label{margin-bottom:var(--space-2);font-size:13px;font-weight:600;display:block}.field-label span{color:var(--muted);margin-left:6px;font-size:12px;font-weight:450}.field-hint{color:var(--muted);margin-top:7px;font-size:11.5px}.field-hint.centered{text-align:center}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.emoji-grid button{aspect-ratio:1;background:var(--field);border-radius:11px;place-items:center;min-height:38px;font-size:20px;display:grid}.emoji-grid button.selected{background:var(--accent-soft);outline:1.5px solid var(--accent)}.form-error{color:var(--coral);background:var(--coral-bg);border-radius:var(--radius-sm);align-items:center;gap:7px;padding:10px 12px;font-size:12.5px;display:flex}.dialog-footnote{text-align:center;color:var(--muted);font-size:11.5px}.amount-input{background:var(--field);border-radius:var(--radius);padding:var(--space-5);justify-content:center;align-items:baseline;gap:8px;display:flex}.amount-input input{text-align:right;letter-spacing:-1.6px;font-variant-numeric:tabular-nums;background:0 0;border:0;width:auto;max-width:180px;padding:0;font-size:42px;font-weight:650}.amount-input span{color:var(--muted);font-size:15px}.amount-presets{gap:var(--space-2);display:flex}.amount-presets button{border-radius:var(--radius-sm);background:var(--field);font-variant-numeric:tabular-nums;min-height:42px;color:var(--text);flex:1;font-size:13.5px}.amount-presets button.selected{background:var(--accent-soft);color:var(--accent);font-weight:650}.confirmation-amount{color:var(--coral);background:var(--coral-bg);border-radius:var(--radius);padding:var(--space-5);margin-bottom:var(--space-4);justify-content:center;align-items:center;gap:11px;display:flex}.confirmation-amount strong{letter-spacing:-1.2px;font-variant-numeric:tabular-nums;font-size:32px}.confirmation-amount small{font-size:14px}.goal-range{width:100%;accent-color:var(--accent);background:0 0;border:0;padding:0}.range-labels{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.goal-advice{background:var(--field);border-radius:var(--radius);color:var(--accent);gap:11px;padding:14px;display:flex}.goal-advice p{color:var(--muted);font-size:12px;line-height:1.75}.goal-advice strong{color:var(--text)}.join-as{background:var(--field);border-radius:var(--radius);color:var(--text);align-items:center;gap:11px;padding:13px 15px;font-size:13.5px;display:flex}.join-as .avatar{background:var(--card);border-radius:50%;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.invite-preview{text-align:center;background:linear-gradient(160deg, var(--tide-1), var(--tide-3));border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);color:#fff;margin-bottom:var(--space-4)}.invite-water{width:70px;height:70px;margin:0 auto var(--space-3);background:#ffffff2e;border-radius:50%;place-items:center;display:grid}.invite-preview strong{font-size:18px}.invite-preview p{opacity:.8;margin-top:5px;font-size:12.5px}.invite-code{margin-top:var(--space-4);background:#ffffff2e;border-radius:999px;align-items:center;gap:9px;padding:7px 15px;font-size:12px;display:inline-flex}.invite-code b{letter-spacing:.16em;font-variant-numeric:tabular-nums;font-size:15px}.copy-field{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.broadcast-text{border-radius:var(--radius);resize:none;width:100%;min-height:210px;font-size:13px;line-height:1.8}.join-code-form{border-top:1px solid var(--line);padding-top:var(--space-4);margin-top:var(--space-4)}.join-code-form>div{gap:var(--space-2);display:flex}.join-code-form input{text-transform:uppercase;letter-spacing:.18em}.join-code-form .button{flex:none;padding:0 22px}.group-switch-list{margin-bottom:var(--space-3)}@media (prefers-reduced-motion:no-preference){.tide-surface{animation:9s linear infinite drift}.tide-surface.back{animation-duration:13s;animation-direction:reverse}@keyframes drift{to{transform:translate(25%)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}