:root{color-scheme:dark;--bg: #000;--sheet: #111113;--surface: #1c1c1e;--surface-2: #2c2c2e;--line: #2a2a2d;--text: #fff;--muted: #8e8e93;--faint: #48484a;--accent: #ff9f0a;--on-accent: #1c1000;--go: #30d158;--on-go: #00240b;--stop: #ff453a;--on-stop: #fff;--inv: #fff;--on-inv: #000;--warn-bg: #2a1d05;--warn-text: #ffc457;--gutter: 20px;--tabs-h: 56px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif}@media (prefers-color-scheme: light){:root{color-scheme:light;--bg: #ebe8e1;--sheet: #ebe8e1;--surface: #f6f4ef;--surface-2: #dcd8cf;--line: #cdc8bd;--text: #111110;--muted: #6b6860;--faint: #b3aea3;--accent: #d9480f;--on-accent: #fff;--go: #1f8a4c;--on-go: #fff;--stop: #d7372a;--on-stop: #fff;--inv: #111110;--on-inv: #fff;--warn-bg: #f4dfb4;--warn-text: #5c3d00}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-underline-offset:3px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted);font-weight:400}.eyebrow,.label{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.label .muted{text-transform:none;letter-spacing:0;font-size:13px}.splash{height:100%;background:var(--bg)}.shell{min-height:100%;padding-bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom))}.shell.timing{padding-bottom:0}.tabs{position:fixed;inset:auto 0 0 0;z-index:5;height:calc(var(--tabs-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:var(--bg);border-top:1px solid var(--line)}.tabs a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--muted)}.tabs a.on{color:var(--text)}.tabs a.on:before{content:"";position:absolute;top:-3px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:0;font-weight:600;letter-spacing:-.01em;background:var(--surface)}.btn.big{width:100%;min-height:54px;font-size:17px}.btn.primary{background:var(--inv);color:var(--on-inv)}.btn.ghost{background:var(--surface)}.btn.danger{background:var(--stop);color:var(--on-stop)}.btn.danger-text{color:var(--stop)}.btn.google{background:#fff;color:#1f1f1f;box-shadow:inset 0 0 0 1px #dadce0}.btn:disabled,fieldset:disabled .btn{opacity:.4}.link{background:none;border:0;padding:8px 0;color:var(--text);font-weight:500;text-decoration:underline;text-underline-offset:3px}.icon-btn{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:50%;background:transparent;color:var(--muted)}.icon-btn.subtle{width:36px;height:36px;color:var(--faint)}.segmented{display:flex;padding:3px;border-radius:999px;background:var(--surface)}.segmented button{flex:1;min-height:38px;border:0;border-radius:999px;background:transparent;font-size:15px;font-weight:600;color:var(--muted)}.segmented button.on{background:var(--inv);color:var(--on-inv)}.segmented button:disabled:not(.on){opacity:.45}.stepper{display:inline-flex;align-items:center;gap:2px}.stepper button{width:36px;height:36px;border:0;border-radius:50%;background:var(--surface);font-size:20px;font-weight:400;line-height:1;padding:0 0 2px}.stepper button:disabled{opacity:.35}.stepper output{min-width:34px;text-align:center;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.field-row{display:flex;align-items:center;gap:12px}.note{font-size:14px;color:var(--muted)}.note.warn{background:var(--warn-bg);color:var(--warn-text);padding:12px 14px;border-radius:14px}.train{height:calc(100dvh - var(--tabs-h) - env(safe-area-inset-bottom));display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top)) var(--gutter) 14px;max-width:560px;margin:0 auto;user-select:none;-webkit-user-select:none}.shell.timing .train{height:100dvh;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.train-top{display:grid;gap:8px}.train-top .segmented{margin-top:2px}.train-top .segmented button{min-height:34px}.picks{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pick{display:grid;gap:0;min-width:0;padding-bottom:4px;border-bottom:1px solid var(--line)}.pick span{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.pick select{width:100%;min-width:0;height:30px;border:0;padding:0 16px 0 0;border-radius:0;font-size:18px;font-weight:600;letter-spacing:-.02em;text-overflow:ellipsis;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 6px) 55%,calc(100% - 1px) 55%;background-size:5px 5px;background-repeat:no-repeat}.pick select:disabled{opacity:1;color:var(--text);background-image:none}.now{display:flex;justify-content:space-between;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}.now span{color:var(--text)}.readout{display:grid;padding:14px 0 0;font-variant-numeric:tabular-nums}.meta{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;min-height:48px}.meta>div{display:grid;gap:2px}.meta>div:last-child{justify-items:end;text-align:right}.meta-value,.set-time{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.set-time small{font-size:.7em;color:var(--muted);font-weight:500}.hero-time{font-size:clamp(60px,22.5vw,120px);font-weight:600;line-height:1;letter-spacing:-.045em;margin:6px 0 0 -.04em;white-space:nowrap}.hero-time small{font-size:.46em;font-weight:500;color:var(--muted);letter-spacing:-.02em;margin-left:.04em}.hero-time.long{font-size:clamp(48px,17vw,92px)}.scale{position:relative;height:34px;margin-top:12px}.scale-ticks{position:absolute;inset:6px 0 auto 0;height:12px;display:flex;justify-content:space-between;align-items:flex-end}.scale-ticks i{width:1px;height:6px;background:var(--faint)}.scale-ticks i.five{height:12px;background:var(--muted)}.scale-nums{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;font-size:9px;font-weight:500;letter-spacing:.1em;color:var(--muted)}.scale-needle{position:absolute;top:0;width:2px;height:18px;margin-left:-1px;background:var(--accent);border-radius:1px}.scale-needle:before{content:"";position:absolute;top:-5px;left:-2.5px;width:7px;height:7px;border-radius:50%;box-sizing:border-box;border:1.5px solid var(--accent);background:var(--bg)}.tempo{display:flex;align-items:baseline;gap:8px;margin-top:10px;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tempo .eyebrow{flex:1;align-self:center}.tempo-value{font-size:clamp(30px,9.5vw,42px);font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--accent)}.tempo-value.none{color:var(--faint);font-weight:300}.tempo-unit{font-size:14px;font-weight:500;color:var(--muted)}.log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:0 0 10px}.laps{font-variant-numeric:tabular-nums}.laps li{display:grid;grid-template-columns:3.4em 1fr auto;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.lap-n{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.1em}.lap-time{font-weight:600;font-size:17px;letter-spacing:-.02em}.lap-tempo{color:var(--muted);font-size:14px}.log .note{margin:auto 0}.toast{position:fixed;z-index:10;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(calc(100vw - 2 * var(--gutter)),520px);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-radius:999px;background:var(--inv);color:var(--on-inv);font-size:14px;font-weight:600;animation:toast-in .24s cubic-bezier(.2,.8,.2,1)}.toast:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent)}.toast a{margin-left:auto}@keyframes toast-in{0%{transform:translate(-50%,-20px);opacity:0}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.pads{--small: min(calc((min(100vw, 560px) - 2 * var(--gutter) - 14px) / 2.25), 19dvh);--big: calc(var(--small) * 1.25);display:flex;justify-content:center;align-items:center;gap:14px;height:var(--big);flex:none}.pad{--c: var(--surface);flex:none;width:var(--small);height:var(--small);padding:0;border:0;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 3px var(--c),inset 0 0 0 5px var(--bg);font-size:17px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;touch-action:none;transition:width .16s cubic-bezier(.2,.8,.2,1),height .16s cubic-bezier(.2,.8,.2,1),background-color .12s linear,opacity .12s linear}.pad:active:not(:disabled){filter:brightness(.85)}.pad.go{--c: var(--go);color:var(--on-go)}.pad.stop{--c: var(--stop);color:var(--on-stop)}.pad.split{--c: var(--accent);color:var(--on-accent)}.pad:disabled{opacity:.32}.pad.solo{width:var(--big);height:var(--big);font-size:20px}.pads.duo .primary-pad{width:var(--big);height:var(--big)}.pads.duo.running .primary-pad{width:var(--small);height:var(--small)}.pads.duo.running .split-pad{width:var(--big);height:var(--big)}@media (prefers-reduced-motion: reduce){.pad{transition:none}}@media (max-height: 620px){.scale{display:none}.readout{padding-top:8px}.meta{min-height:42px}.meta-value,.set-time{font-size:20px}.hero-time{font-size:clamp(52px,19vw,84px);margin-top:2px}.tempo{margin-top:6px;padding:4px 0}.tempo-value{font-size:28px}.stepper button{width:30px;height:30px}}.page{max-width:640px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) var(--gutter) 28px;display:grid;gap:20px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.page h1{font-size:34px;font-weight:600;line-height:1.1;letter-spacing:-.035em}.title-pick{display:grid;gap:2px;min-width:0}.title-select{font-size:34px;font-weight:600;letter-spacing:-.035em;border:0;padding:0 22px 0 0;min-width:0;max-width:100%;text-overflow:ellipsis;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 9px) 58%,calc(100% - 3px) 58%;background-size:6px 6px;background-repeat:no-repeat}.empty{color:var(--muted);padding:20px 0}.rows{border-top:1px solid var(--line)}.row{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line)}.row-main{flex:1;min-width:0;display:grid;gap:2px;padding:14px 0;text-align:left;background:none;border:0;font-size:18px;letter-spacing:-.02em;overflow-wrap:anywhere}.row-main strong{font-weight:600}.row-main .muted{font-size:13px;letter-spacing:0;display:inline-flex;align-items:center;gap:2px}.row-figure{font-size:22px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;padding:0 6px;white-space:nowrap}.days{display:grid;gap:40px}.day{display:grid;gap:12px}.day-head{display:grid;gap:2px}.day-head h2{font-size:24px;font-weight:600;letter-spacing:-.03em}.day-pool{color:var(--muted);font-size:14px}.day-stats{display:grid;grid-template-columns:.7fr 1fr 1fr;margin-top:12px;border-top:1px solid var(--text);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.day-stats>div{padding:10px 0 10px 12px;border-left:1px solid var(--line)}.day-stats>div:first-child{padding-left:0;border-left:0}.day-stats dt{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.day-stats dd{font-size:17px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.day-stats>div:last-child dd{color:var(--accent)}.sub{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.sub:after{content:"";flex:1;height:1px;background:var(--line)}.entries{display:grid;gap:22px}.entry-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:15px}.entry-head strong{font-weight:600}.entry-tags{font-size:13px;color:var(--muted);margin-top:1px}.lines{font-variant-numeric:tabular-nums;margin-top:8px}.line{display:grid;grid-template-columns:minmax(0,1fr) auto 7.6em;align-items:baseline;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:14px;width:100%;color:inherit}.line-label{color:var(--muted);font-size:13px}.line-time{font-weight:600;font-size:17px;letter-spacing:-.02em}.line-tempo{text-align:right}.line.rest .line-time{font-weight:400;color:var(--muted)}.line.rest .line-label,.line.rest .line-tempo{color:var(--faint);text-transform:uppercase;font-size:11px;letter-spacing:.14em}.line.total{border-top:1px solid var(--text)}.line.total .line-label{color:var(--text);font-weight:600}.breakdown button.line{background:none;border:0;border-top:1px solid var(--line);border-radius:0;text-align:left}.shared-foot{color:var(--muted);font-size:12px;padding-top:14px;border-top:1px solid var(--line)}.share-url{width:100%;height:50px;padding:0 16px;border-radius:14px;border:0;background:var(--surface);font-size:14px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0009;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:560px;max-height:94dvh;display:flex;flex-direction:column;background:var(--sheet);border-radius:28px 28px 0 0;animation:sheet-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes sheet-in{0%{transform:translateY(28px);opacity:0}}@media (prefers-reduced-motion: reduce){.sheet{animation:none}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px var(--gutter) 10px}.sheet-head h2{font-size:24px;font-weight:600;letter-spacing:-.03em}.sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px var(--gutter) 20px;display:grid;gap:14px;align-content:start}.sheet-body>.label{margin-top:6px}.sheet-foot{display:grid;gap:8px;padding:12px var(--gutter) calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.foot-row{display:flex;gap:8px}.foot-row>*{flex:1}.summary{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--text);border-bottom:1px solid var(--line)}.summary>div{display:grid;gap:2px;padding:10px 0}.summary>div+div{padding-left:14px;border-left:1px solid var(--line)}.summary-label{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.summary-value{font-size:24px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}.summary-value small{font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}.wheels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wheel-wrap{display:grid;gap:6px}.wheel-label{text-align:center;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.wheel-frame{position:relative;background:var(--surface);border-radius:22px;overflow:hidden}.wheel-band{position:absolute;inset:50% 10px auto 10px;transform:translateY(-50%);border-radius:12px;background:var(--surface-2)}.wheel{position:relative;height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 36%,#000 64%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 36%,#000 64%,transparent)}.wheel::-webkit-scrollbar{display:none}.wheel-item{display:grid;place-items:center;scroll-snap-align:center;font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--muted)}.wheel-item.on{color:var(--text);font-weight:600;font-size:26px}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.style-btn{display:grid;justify-items:center;gap:2px;padding:10px 2px 8px;min-width:0;border:0;border-radius:18px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:500}.style-btn.on{background:var(--inv);color:var(--on-inv)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:40px;padding:0 16px;border-radius:999px;border:0;background:var(--surface);font-weight:500;font-size:14px;color:var(--muted)}.chip.on{background:var(--inv);color:var(--on-inv)}.form{display:grid;gap:14px}.form label{display:grid;gap:6px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.form label em{font-style:normal;text-transform:none;letter-spacing:0;font-size:12px;opacity:.8}.form input{height:52px;padding:0 16px;border-radius:14px;border:0;background:var(--surface);color:var(--text);font-size:17px;letter-spacing:-.01em;width:100%;min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.login{max-width:420px;margin:0 auto;padding:calc(36px + env(safe-area-inset-top)) var(--gutter) 32px;display:grid;gap:22px}.brand{display:grid;gap:8px}.brand img{margin-left:-4px}.brand h1{font-size:40px;font-weight:600;letter-spacing:-.04em;line-height:1}.brand p{color:var(--muted);max-width:26ch}.card{display:grid;gap:14px;margin:0;padding:0;min-width:0;border:0}.card.demo{padding:16px;border-radius:22px;background:var(--surface)}.card.demo p{font-size:14px;color:var(--muted)}.card.demo strong{color:var(--text)}fieldset.card:disabled{opacity:.4}.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}
