:root{color-scheme:light;--page: #f6f8fa;--surface: #ffffff;--surface-sunken: #eef2f6;--surface-hover: #f2f5f8;--text: #0b1215;--text-secondary: #4a565c;--muted: #78868d;--line: #e3e9ee;--line-strong: #cdd7de;--ring: rgba(11, 18, 21, .08);--shadow: 0 1px 2px rgba(11, 18, 21, .04), 0 8px 24px rgba(11, 18, 21, .06);--shadow-lift: 0 2px 6px rgba(11, 18, 21, .08), 0 18px 44px rgba(11, 18, 21, .12);--water: #2a78d6;--water-soft: #cde2fb;--water-track: #e4eefb;--bike: #eb6834;--bike-soft: #fbdccf;--bike-track: #fbe8df;--series-blue: #2a78d6;--series-orange: #eb6834;--series-aqua: #1baf7a;--good: #0ca30c;--good-ink: #006300;--warning: #fab219;--critical: #d03b3b;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 11px;--tap: 44px;--gutter: 16px;--max-width: 560px}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--page: #0e1417;--surface: #161c20;--surface-sunken: #1d252a;--surface-hover: #202a30;--text: #f2f6f8;--text-secondary: #b3c0c7;--muted: #8b989f;--line: #253036;--line-strong: #33424a;--ring: rgba(255, 255, 255, .1);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .36);--shadow-lift: 0 2px 6px rgba(0, 0, 0, .5), 0 18px 44px rgba(0, 0, 0, .5);--water: #3987e5;--water-soft: #1e3a5f;--water-track: #1a2b3d;--bike: #d95926;--bike-soft: #4a2617;--bike-track: #33201a;--series-blue: #3987e5;--series-orange: #d95926;--series-aqua: #199e70;--good: #0ca30c;--good-ink: #0ca30c;--warning: #fab219;--critical: #d03b3b}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:-.015em}.app{min-height:100dvh;display:flex;flex-direction:column}.app__main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:calc(env(safe-area-inset-top) + 14px) var(--gutter) calc(env(safe-area-inset-bottom) + 96px)}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px}.row--between{justify-content:space-between}.grow{flex:1;min-width:0}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.section-title{font-size:17px;font-weight:650}.meta{font-size:13px;color:var(--text-secondary)}.muted{color:var(--muted);font-size:13px}.hero-figure{font-size:52px;font-weight:680;letter-spacing:-.03em;line-height:1}.tabular{font-variant-numeric:tabular-nums}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--ring);padding:18px}.card--flush{padding:0;overflow:hidden}.card__header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--page) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}.topbar--scrolled{border-bottom-color:var(--line)}.topbar__inner{max-width:var(--max-width);margin:0 auto;padding:calc(env(safe-area-inset-top) + 10px) var(--gutter) 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:9px;font-weight:680;letter-spacing:-.02em}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 20%,transparent)}.live-dot--off{background:var(--muted);box-shadow:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar__inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 8px;font-size:11px;font-weight:600;color:var(--muted);transition:color .15s}.tabbar__item[aria-selected=true]{color:var(--text)}.tabbar__item svg{width:23px;height:23px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 18px;border-radius:999px;font-weight:620;font-size:15px;background:var(--surface-sunken);color:var(--text);border:1px solid transparent;transition:transform .08s ease,background .15s,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--text);color:var(--page)}.btn--water{background:var(--water);color:#fff}.btn--bike{background:var(--bike);color:#fff}.btn--ghost{background:transparent;border-color:var(--line-strong)}.btn--danger{background:transparent;border-color:var(--line-strong);color:var(--critical)}.btn--block{width:100%}.btn--sm{min-height:36px;padding:0 14px;font-size:14px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border-radius:50%;color:var(--text-secondary)}.icon-btn:active{background:var(--surface-hover)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;font-weight:600;color:var(--text-secondary)}.field__hint{font-size:12px;color:var(--muted)}.input{width:100%;min-height:var(--tap);padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid transparent;outline:none;transition:border-color .15s,background .15s}.input:focus{border-color:var(--water);background:var(--surface)}.input--numeric{font-size:22px;font-weight:650;text-align:center;letter-spacing:-.01em}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;background:var(--surface-sunken);border-radius:var(--radius-sm)}.segmented__option{min-height:36px;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-secondary);transition:background .15s,color .15s}.segmented__option[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.meter{position:relative;height:12px;border-radius:999px;background:var(--track, var(--surface-sunken));overflow:hidden}.meter__fill{height:100%;border-radius:999px;background:var(--fill, var(--water));transition:width .5s cubic-bezier(.22,1,.36,1)}.meter--tall{height:16px}.weekstrip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end}.weekstrip__col{display:flex;flex-direction:column;align-items:center;gap:6px}.weekstrip__track{position:relative;width:100%;max-width:24px;height:62px;border-radius:4px 4px 2px 2px;background:var(--track, var(--surface-sunken));overflow:hidden;display:flex;align-items:flex-end}.weekstrip__bar{width:100%;border-radius:4px 4px 0 0;background:var(--fill, var(--water));transition:height .45s cubic-bezier(.22,1,.36,1)}.weekstrip__goal{position:absolute;left:0;right:0;height:1px;background:var(--line-strong)}.weekstrip__day{font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.weekstrip__day--today{color:var(--text)}.ring{display:block}.ring__track{fill:none;stroke:var(--track, var(--surface-sunken))}.ring__fill{fill:none;stroke:var(--fill, var(--water));stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1)}.daycells{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.daycells__cell{height:30px;border-radius:4px;background:var(--track, var(--surface-sunken));overflow:hidden;display:flex;align-items:flex-end}.daycells__cell--future{opacity:.4}.daycells__fill{width:100%;border-radius:4px 4px 0 0;background:var(--fill, var(--water));transition:height .45s cubic-bezier(.22,1,.36,1)}.lane{display:grid;gap:7px}.lane__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.lane__name{display:inline-flex;align-items:center;gap:7px;font-weight:620;font-size:15px}.swatch{width:10px;height:10px;border-radius:3px;background:var(--fill);flex:none}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:680;color:#fff;background:var(--fill, var(--water));flex:none}.avatar--lg{width:44px;height:44px;font-size:17px}.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:13px 14px;min-height:76px;border-radius:var(--radius-md);background:var(--surface-sunken);border:1px solid transparent;text-align:left;transition:transform .08s ease,background .15s,border-color .15s}.chip:active{transform:scale(.96);background:var(--water-track);border-color:var(--water)}.chip__icon{color:var(--water);margin-bottom:2px}.chip__value{font-size:17px;font-weight:680;letter-spacing:-.01em}.chip__label{font-size:12px;color:var(--muted)}.chip--add{align-items:center;justify-content:center;color:var(--text-secondary);border:1px dashed var(--line-strong);background:transparent}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;border-radius:999px;font-size:12.5px;font-weight:650;background:var(--surface-sunken);color:var(--text-secondary)}.pill--good{background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good-ink)}.pill--locked{background:var(--surface-sunken);color:var(--text-secondary)}.pill--crown{background:color-mix(in srgb,var(--warning) 20%,transparent);color:var(--text)}.list{display:flex;flex-direction:column}.list__item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 18px;text-align:left;border-bottom:1px solid var(--line);background:none;transition:background .15s}.list__item:last-child{border-bottom:none}.list__item:active{background:var(--surface-hover)}.list__title{font-weight:600;font-size:15px}.list__sub{font-size:13px;color:var(--muted)}.list__value{font-weight:650;font-variant-numeric:tabular-nums}.scrim{position:fixed;inset:0;z-index:40;background:#060c0f6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .18s ease}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-height:92dvh;overflow-y:auto;background:var(--surface);border-radius:26px 26px 0 0;box-shadow:var(--shadow-lift);padding:10px var(--gutter) calc(env(safe-area-inset-bottom) + 20px);animation:rise .26s cubic-bezier(.22,1,.36,1)}@media(min-width:620px){.sheet{left:50%;right:auto;bottom:24px;width:var(--max-width);transform:translate(-50%);border-radius:26px;animation:pop .2s cubic-bezier(.22,1,.36,1)}}.sheet__grip{width:38px;height:4px;border-radius:999px;background:var(--line-strong);margin:4px auto 12px}.sheet__title{font-size:19px;font-weight:680;margin-bottom:14px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 84px);z-index:50;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:11px 12px 11px 16px;border-radius:999px;background:var(--text);color:var(--page);font-size:14px;font-weight:600;box-shadow:var(--shadow-lift);animation:rise .22s cubic-bezier(.22,1,.36,1)}.toast__action{padding:5px 12px;border-radius:999px;background:color-mix(in srgb,var(--page) 22%,transparent);color:inherit;font-weight:680;font-size:13px}.banner{padding:11px 14px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:550}.banner--error{background:color-mix(in srgb,var(--critical) 12%,transparent);color:var(--critical)}.banner--info{background:var(--surface-sunken);color:var(--text-secondary)}.auth{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:22px;max-width:420px;margin:0 auto;padding:32px var(--gutter) calc(env(safe-area-inset-bottom) + 32px)}.auth__mark{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(150deg,var(--water),var(--bike));color:#fff;box-shadow:var(--shadow)}.confetti{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}.confetti__bit{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(105dvh) rotate(680deg);opacity:.1}}@keyframes rise{0%{transform:translateY(22px);opacity:0}}@keyframes pop{0%{transform:translate(-50%) scale(.96);opacity:0}}@keyframes fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.datatable{width:100%;border-collapse:collapse;font-size:14px}.datatable th,.datatable td{padding:9px 10px;text-align:right;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.datatable th:first-child,.datatable td:first-child{text-align:left;font-variant-numeric:normal}.datatable th{font-size:12px;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.datatable tr:last-child td{border-bottom:none}details>summary{cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:var(--text-secondary);padding:12px 0}details>summary::-webkit-details-marker{display:none}