.app{max-width:720px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.app__header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 12px}.app__titles h1{margin:0;font-size:1.55rem;font-weight:700;letter-spacing:-.02em}.app__subtitle{margin:1px 0 0;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.16em}.app__main{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--gap);padding-bottom:14px;touch-action:pan-y}.tabbar{flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 6px max(10px,env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid var(--line)}.tabbar__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--muted);font-weight:600;font-size:.7rem;letter-spacing:.02em;transition:color .15s ease,background .15s ease}.tabbar__btn svg{color:var(--faint);transition:color .15s ease,transform .15s ease}.tabbar__btn--on{color:var(--text);background:var(--surface-2);border-color:var(--line)}.tabbar__btn--on svg{color:var(--flame);transform:translateY(-1px)}.conn{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:.8rem;color:var(--muted);white-space:nowrap;background:var(--surface)}.conn__dot{width:9px;height:9px;border-radius:50%;background:var(--faint)}.conn--connected{color:var(--text)}.conn--connected .conn__dot{background:var(--ok);box-shadow:0 0 0 4px #38e08a2e;animation:pulse 2s ease-in-out infinite}.conn--connecting .conn__dot{background:var(--warn);animation:pulse 1s ease-in-out infinite}.conn--disconnected .conn__dot{background:var(--err)}@keyframes pulse{50%{opacity:.4}}.banner{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:var(--radius-sm);font-size:.88rem;line-height:1.4}.banner code{background:#ffffff1a;padding:1px 5px;border-radius:5px}.banner--warn{background:#ffcf5c1a;border:1px solid rgba(255,207,92,.3)}.banner--error{background:#ff6b7a1a;border:1px solid rgba(255,107,122,.32)}.hero{position:relative;border-radius:var(--radius);padding:22px 20px;display:flex;flex-direction:column;gap:6px;overflow:hidden;min-height:150px;justify-content:center}.hero--idle{background:radial-gradient(120% 120% at 100% 0%,rgba(255,45,122,.16),transparent 55%),radial-gradient(120% 120% at 0% 100%,rgba(255,176,32,.14),transparent 55%),var(--surface);border:1px solid var(--line-strong)}.hero__eyebrow{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--flame)}.hero__headline{font-family:var(--display);font-size:1.7rem;font-weight:700;line-height:1.1;letter-spacing:-.02em}.hero__streak{align-self:flex-start;margin-top:6px;padding:6px 12px;border-radius:999px;background:#ff6b3529;border:1px solid rgba(255,107,53,.4);color:var(--ember);font-weight:700;font-size:.85rem}.hero__greet{display:flex;align-items:center;justify-content:space-between;gap:14px}.hero__greettext{display:flex;flex-direction:column;gap:4px;min-width:0}.ring{flex:none}.ring__label{fill:var(--text);font-family:var(--display);font-weight:700;font-size:7.5px;font-variant-numeric:tabular-nums}.ring__caption{fill:var(--muted);font-size:4.5px;text-transform:uppercase;letter-spacing:.5px}.hero--live{background:var(--surface);border:1px solid rgba(255,107,53,calc(.25 + var(--energy, 0) * .55));box-shadow:0 0 calc(20px + var(--energy, 0) * 70px) rgba(255,90,50,calc(.12 + var(--energy, 0) * .5));transition:box-shadow .25s ease,border-color .25s ease;align-items:center;text-align:center}.gauge{width:200px;max-width:72%;height:auto;display:block;margin:6px auto -14px}.hero--live .hero__eyebrow{color:var(--muted)}.hero__big{font-family:var(--display);font-weight:700;font-size:4.6rem;line-height:.95;letter-spacing:-.03em;color:rgb(255 calc(120 + var(--energy, 0) * 135) calc(55 + var(--energy, 0) * 130));transition:color .25s ease}.hero__big small{font-family:var(--sans);font-size:1.2rem;font-weight:600;color:var(--muted);margin-left:8px}.hero__sub{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.ride__connbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.ride__cta:empty{display:none}.ride__disconnect{text-align:center}.link{background:none;border:0;color:var(--cadence);font-weight:600;font-size:.85rem;padding:8px 6px}.settings{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px}.settings__field{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem}.settings__field input{width:110px;padding:9px 11px;border-radius:10px;border:1px solid var(--line-strong);background:var(--ink);color:var(--text);font:inherit;font-variant-numeric:tabular-nums}.settings__toggle{display:flex;align-items:center;gap:10px;font-size:.9rem}.settings__toggle input{width:20px;height:20px;accent-color:var(--flame);flex:none}.settings__goal{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:12px}.settings__goalhead{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem}.seg{display:inline-flex;padding:3px;gap:3px;border-radius:10px;background:var(--ink);border:1px solid var(--line-strong)}.seg__btn{border:0;background:transparent;color:var(--muted);font-weight:600;font-size:.82rem;padding:6px 12px;border-radius:8px}.seg__btn--on{background:var(--flame-grad);color:#fff}.hero__ringbtn{background:none;border:0;padding:0;border-radius:50%;line-height:0}.hero__ringbtn:active{transform:scale(.96)}.hero__ringbtn:focus-visible{outline:2px solid var(--cadence);outline-offset:3px}.settings__backup{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px}.settings__backuplabel{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.settings__backupbtns{display:flex;gap:8px}.settings__backupbtns .btn{flex:1;min-height:42px}.settings__msg{margin:0;font-size:.82rem;color:var(--ok)}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.badge{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);text-align:center;opacity:.45;filter:grayscale(.8)}.badge--on{opacity:1;filter:none;background:radial-gradient(120% 120% at 50% 0%,rgba(255,107,53,.16),transparent 70%),var(--surface-2);border-color:#ff6b3566}.badge__emoji{font-size:1.5rem;line-height:1}.badge__title{font-size:.68rem;color:var(--muted);font-weight:600}.badge--on .badge__title{color:var(--text)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.tile{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:15px 16px 13px;overflow:hidden;display:flex;flex-direction:column;gap:4px}.tile--cadence:before,.tile--heart:before{content:"";position:absolute;inset:0 0 auto 0;height:3px}.tile--cadence:before{background:linear-gradient(90deg,var(--cadence),transparent 85%)}.tile--heart:before{background:linear-gradient(90deg,var(--heart),transparent 85%)}.tile__label{display:flex;align-items:center;gap:6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tile__icon{display:inline-flex;color:var(--faint)}.tile--cadence .tile__icon{color:var(--cadence)}.tile--heart .tile__icon{color:var(--heart)}.tile--energy .tile__icon{color:var(--flame)}.tile__value{font-family:var(--display);font-size:2rem;font-weight:600;line-height:1;letter-spacing:-.02em}.tile--cadence .tile__value{color:var(--cadence)}.tile--heart .tile__value{color:var(--heart)}.tile__unit{font-size:.85rem;font-weight:500;color:var(--muted);margin-left:6px;font-family:var(--sans)}.tile__sub{font-size:.74rem;color:var(--faint);font-variant-numeric:tabular-nums}.goal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.goal__chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.goal__title{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-right:2px}.chip{padding:7px 13px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--muted);font-size:.82rem;font-weight:600}.chip--on{color:#fff;background:var(--flame-grad);border-color:transparent}.goal__bar{height:9px;border-radius:999px;background:var(--surface-2);overflow:hidden}.goal__bar span{display:block;height:100%;background:var(--flame-grad);transition:width .3s ease}.goal__readout{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.session{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px}.session__timer{display:flex;flex-direction:column}.session__time{font-family:var(--display);font-size:2rem;font-weight:600;line-height:1}.session__state{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.session__controls{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);font-weight:700;font-size:.95rem;transition:transform .06s ease,filter .15s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--cadence);outline-offset:2px}.btn--primary{background:var(--flame-grad);border-color:transparent;color:#fff;box-shadow:0 8px 24px -10px #ff505acc}.btn--primary:active{filter:brightness(1.05)}.btn--ghost{background:transparent}.btn--block{width:100%}.btn--danger{border-color:#ff6b7a66;color:var(--err);background:transparent}.section__title{margin:0 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px}.muted{color:var(--muted)}.center{text-align:center;padding:32px 0}.laps{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px}.laps__table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.9rem}.laps__table th{text-align:right;color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:4px 6px}.laps__table th:first-child,.laps__table td:first-child{text-align:left}.laps__table td{text-align:right;padding:6px;border-top:1px solid var(--line)}.ridelist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ridelist__item{width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;color:var(--text);display:flex;flex-direction:column;gap:8px}.ridelist__item:active{background:var(--surface-2)}.ridelist__head{display:flex;justify-content:space-between;align-items:baseline}.ridelist__date{font-weight:600}.ridelist__dur{font-family:var(--display);color:var(--flame);font-weight:600}.ridelist__stats{display:flex;gap:14px;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.empty{text-align:center;padding:48px 20px}.empty__icon{color:var(--faint);margin:0 auto 16px;display:block}.empty h2{margin:0 0 8px}.empty p{max-width:30ch;margin:0 auto;line-height:1.5}.trends{display:flex;flex-direction:column;gap:var(--gap)}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.totalcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:4px}.totalcard__title{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.totalcard__big{font-family:var(--display);font-size:1.4rem;font-weight:700}.totalcard__sub{font-size:.7rem;color:var(--faint)}.streak{display:flex;gap:12px}.streak>div{flex:1;background:radial-gradient(120% 120% at 0% 0%,rgba(255,107,53,.14),transparent 60%),var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;display:flex;align-items:baseline;gap:8px}.streak__num{font-family:var(--display);font-size:1.9rem;font-weight:700;color:var(--flame)}.streak__label{color:var(--muted);font-size:.8rem}.chart{width:100%;display:block}.trendchart__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.trendchart__title{margin:0 0 2px}.trendchart__latest{font-family:var(--display);font-size:1.7rem;font-weight:700;font-variant-numeric:tabular-nums}.trendchart__latest small{font-family:var(--sans);font-size:.8rem;font-weight:500;color:var(--muted)}.trendchart__meta{text-align:right;display:flex;flex-direction:column;gap:3px;font-variant-numeric:tabular-nums}.trendchart__delta{font-size:.82rem;font-weight:700}.trendchart__delta.is-up{color:var(--ok)}.trendchart__delta.is-down{color:var(--muted)}.trendchart__range{font-size:.74rem;color:var(--faint)}.trendchart__axis{display:flex;justify-content:space-between;margin-top:6px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.trendchart__axis span:nth-child(2){color:var(--muted)}.bars{display:flex;flex-direction:column;gap:7px}.bars__row{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:8px;font-size:.78rem}.bars__label{color:var(--muted)}.bars__track{height:12px;background:var(--surface-2);border-radius:6px;overflow:hidden}.bars__fill{display:block;height:100%;border-radius:6px}.bars__caption{color:var(--faint);font-variant-numeric:tabular-nums}.heatmap{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;grid-auto-columns:1fr;gap:3px}.heatmap__cell{aspect-ratio:1;border:0;padding:0;border-radius:3px;background:var(--surface-2);cursor:pointer}.heatmap__cell--sel{outline:2px solid var(--text);outline-offset:1px}.heatmap__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:.78rem;color:var(--muted)}.heatmap__caption strong{color:var(--text)}.heatmap__legend{display:inline-flex;align-items:center;gap:4px;color:var(--faint);font-size:.72rem}.heatmap__legend .heatmap__cell{width:11px;height:11px;aspect-ratio:auto;cursor:default}.heatmap__cell--1{background:#ff6b3552}.heatmap__cell--2{background:#ff6b358c}.heatmap__cell--3{background:#ff5a46cc}.heatmap__cell--4{background:var(--magenta)}.prs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.prs__item{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 0;border-top:1px solid var(--line)}.prs__item:first-child{border-top:0}.prs__label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.85rem}.prs__icon{color:var(--ember);flex:none}.prs__value{font-family:var(--display);font-weight:600;text-align:right}.prs__when{grid-column:1 / -1;font-size:.72rem;color:var(--faint)}.detail{display:flex;flex-direction:column;gap:var(--gap)}.detail__bar{display:flex;align-items:center;justify-content:space-between}.detail__date{color:var(--muted);font-size:.85rem}.grid--compact{grid-template-columns:repeat(3,1fr)}.grid--compact .tile{padding:12px}.tile__value--sm{font-size:1.25rem}.efforts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.efforts__item{background:var(--surface-2);border-radius:10px;padding:10px;text-align:center;display:flex;flex-direction:column;gap:3px}.efforts__dur{font-size:.74rem;color:var(--muted)}.efforts__w{font-family:var(--display);font-weight:600}.detail__actions{display:flex;gap:10px;flex-wrap:wrap}.detail__actions .btn{flex:1}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#06060cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .2s ease}.celebrate__card{position:relative;width:100%;max-width:420px;background:radial-gradient(120% 90% at 50% 0%,rgba(255,45,122,.2),transparent 60%),var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:26px 22px 20px;text-align:center;overflow:hidden;animation:pop-in .32s cubic-bezier(.2,.9,.3,1.2)}.celebrate__title{font-family:var(--display);font-size:1.9rem;font-weight:700;margin:0 0 4px;background:var(--flame-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.celebrate__sub{margin:0 0 18px;color:var(--muted);font-size:.9rem}.celebrate__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.celebrate__stat{background:var(--surface-2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px}.celebrate__statval{font-family:var(--display);font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.celebrate__statlabel{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.celebrate__prs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:18px}.pr-badge{padding:7px 12px;border-radius:999px;background:#ffb02029;border:1px solid rgba(255,176,32,.45);color:var(--ember);font-weight:700;font-size:.82rem}.celebrate__actions{display:flex;flex-direction:column;gap:8px}.celebrate__sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.celebrate__sparks span{position:absolute;top:8%;left:50%;width:7px;height:7px;border-radius:50%;background:var(--flame-grad);opacity:0;animation:spark .9s ease-out forwards;animation-delay:calc(var(--i) * .04s);transform:rotate(calc(var(--i) * 30deg)) translateY(0)}@keyframes spark{0%{opacity:1;transform:rotate(calc(var(--i) * 30deg)) translateY(0) scale(1)}to{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(140px) scale(.3)}}@keyframes pop-in{0%{opacity:0;transform:scale(.88) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fade-in{0%{opacity:0}}@media(min-width:560px){.grid{grid-template-columns:repeat(3,1fr)}}:root{--ink: #0a0a11;--ink-2: #10101b;--surface: #16161f;--surface-2: #1f1f2c;--surface-3: #282838;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .15);--text: #f5f5fb;--muted: #9a9ab4;--faint: #66667e;--ember: #ffb020;--flame: #ff6b35;--magenta: #ff2d7a;--flame-grad: linear-gradient(135deg, var(--ember) 0%, var(--flame) 52%, var(--magenta) 100%);--cadence: #2de2c6;--heart: #ff4d6d;--ok: #38e08a;--warn: #ffcf5c;--err: #ff6b7a;--radius: 20px;--radius-sm: 14px;--gap: 12px;--display: "Space Grotesk", system-ui, -apple-system, sans-serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(130% 70% at 80% -10%,rgba(255,45,122,.12) 0%,transparent 50%),radial-gradient(120% 70% at 0% -10%,rgba(255,107,53,.13) 0%,transparent 48%),linear-gradient(180deg,var(--ink-2),var(--ink) 60%);background-attachment:fixed;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tile__value,.session__time,.hero__big,.streak__num,.totalcard__big,code{font-variant-numeric:tabular-nums}h1,h2{font-family:var(--display)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}code{font-family:var(--mono)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}