:root{color-scheme:dark;--bg: #121214;--surface: #1e1e21;--elevated: #29292d;--accent: #e3b23c;--text: #f5f5f4;--muted: rgba(255, 255, 255, .55);--rest: #409ee0;--done: #59c773;--danger: #e05a5a;--radius: 14px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100dvh}.sidebar{background:#0e0e10;border-right:1px solid #2a2a2e;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.22em;font-weight:700;font-size:13px;margin:0 8px 16px}.brand img{width:28px;height:28px;border-radius:7px}.brand-mark{display:block;width:88px;height:88px;border-radius:20px;margin-bottom:16px}.nav a,.tabbar a{display:block;padding:10px 12px;border-radius:10px;color:var(--muted);text-decoration:none}.nav a.active,.tabbar a.active{background:var(--elevated);color:var(--text)}.main{padding:28px 24px 96px;max-width:1080px;width:100%}.activity-page{max-width:1080px}.activity-hero{background:#111;color:#fff;border-radius:18px;padding:16px 16px 12px;margin:16px 0 18px}.activity-svg{display:block;width:100%;height:auto;min-height:380px}.activity-cover{display:block;width:100%;min-height:280px;max-height:520px;object-fit:contain;background:#0b0b0d;border-radius:12px}.activity-legend{display:flex;gap:16px;margin-top:10px;font-size:13px;font-weight:700}.activity-legend .work{color:#40d959}.activity-legend .power{color:#ff8a3d}.activity-legend .speed{color:#4cc9f0}.activity-legend .hr{color:#ff4d6d}.activity-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.activity-stat{background:var(--surface);border-radius:14px;padding:14px 16px}.activity-stat strong{display:block;margin-top:4px;font-variant-numeric:tabular-nums;font-size:1.15rem}@media(max-width:800px){.activity-svg{min-height:280px}.activity-stats{grid-template-columns:repeat(2,1fr)}}h1{font-size:1.8rem;margin:0 0 8px}h2{font-size:1.1rem;margin:24px 0 12px}.muted{color:var(--muted)}.card{background:var(--surface);border-radius:var(--radius);padding:18px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 16px;background:var(--elevated);cursor:pointer}.btn.primary{background:var(--accent);color:#111;font-weight:700}.btn.danger{background:transparent;color:var(--danger)}.btn.block{width:100%}.btn:disabled{opacity:.45;cursor:default}.field{width:100%;padding:12px 14px;border:0;border-radius:12px;background:var(--surface);margin-bottom:10px}.field.compact{width:auto;min-width:72px;margin:0;padding:8px 10px}.editor-step{background:var(--elevated);border-radius:12px;padding:12px;margin:10px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row{display:flex;gap:12px;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px}.week{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.day{min-width:48px;text-align:center;padding:10px 6px;border-radius:10px;background:transparent;border:0;cursor:pointer}.day.today{background:var(--elevated)}.dot{width:6px;height:6px;border-radius:99px;background:var(--elevated);margin:6px auto 0}.dot.on{background:var(--accent)}.list{list-style:none;padding:0;margin:0}.list li{padding:12px 0;border-bottom:1px solid #2a2a2e}.spinner{text-align:center;padding:12px 0}.spinner .value{font-size:56px;font-weight:800;font-variant-numeric:tabular-nums;min-width:140px}.circle{width:64px;height:64px;border-radius:99px;border:0;background:var(--elevated);font-size:28px;cursor:pointer}.player{min-height:100dvh;display:flex;flex-direction:column;padding:20px}.clock{font-size:clamp(64px,18vw,160px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;text-align:center}.tabbar{display:none;position:fixed;bottom:0;left:0;right:0;background:#0e0e10;border-top:1px solid #2a2a2e;padding:8px 8px calc(8px + env(safe-area-inset-bottom));grid-template-columns:repeat(8,1fr);text-align:center}.tabbar a{font-size:10px;padding:8px 2px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:12px}.photo-thumb,.photo-wide{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:var(--elevated);display:block}.photo-wide{aspect-ratio:16 / 10;margin-top:10px}.photo-wrap{display:flex;flex-direction:column;gap:6px}.public-shell{min-height:100dvh;background:var(--bg)}.public-header{padding:20px 24px 0;max-width:920px}.badge{font-size:12px;font-weight:700;padding:4px 8px;border-radius:99px;white-space:nowrap}.badge.on_track,.badge.ahead{background:#1d3a28;color:var(--done)}.badge.slight_under{background:#3a3218;color:#e8c35a}.badge.behind{background:#3a1d1d;color:var(--danger)}.chip{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:99px;background:var(--elevated);color:var(--muted);margin:0 4px 4px 0;border:0;cursor:pointer}.chip.on{background:var(--accent);color:#111}.chip.static{cursor:default}.filter-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.filter-dates{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}.filter-dates .field{margin:0;max-width:170px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.seg.three{grid-template-columns:1fr 1fr 1fr}.seg button[aria-pressed=true]{background:var(--accent);color:#111;font-weight:700}.error{color:var(--danger);font-size:14px}.live-board{min-height:100dvh;padding:24px;background:#0b0b0d}.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:16px}.live-tile{background:var(--surface);border-radius:var(--radius);padding:16px}.live-clock{font-size:42px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center;line-height:1}.live-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center;margin-top:12px}.live-metric-value{font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.tabbar{display:grid}.main{padding:20px 16px 108px}}.recce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.recce-file{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.recce-file em{font-style:normal;font-weight:400;color:var(--muted);font-size:12px}.recce-file input[type=file]{max-width:100%}.recce-stage{padding:0;overflow:hidden}.recce-stage video{display:block;width:100%;max-height:420px;background:#000}.recce-empty{min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--muted)}.recce-profile{display:block;width:100%;height:88px;background:#111}.recce-ask{padding-left:18px}.recce-ask li{margin:8px 0}.recce-map-card{overflow:hidden}.recce-map{position:relative;margin:12px 0;border-radius:12px;overflow:hidden;background:#0b0b0d;min-height:240px}.recce-leaflet{width:100%;height:420px;background:#111}.recce-map-pills{position:absolute;left:10px;bottom:10px;display:flex;gap:6px;z-index:500}.recce-map-pills button{border:0;border-radius:999px;padding:6px 10px;font:700 11px/1 system-ui,sans-serif;background:#0000009e;color:#fff}.recce-map-pills button.on{background:#fff;color:#111}.recce-bike-wrap{background:none!important;border:0!important}.recce-bike{width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #111,0 2px 8px #00000073;font-size:16px}.recce-cue{margin:0;padding:10px 12px;background:var(--elevated);border-radius:10px}.recce-note-form{display:grid;grid-template-columns:140px 1fr 1.4fr auto;gap:8px;align-items:center;margin-bottom:12px}.recce-note-form .field{margin:0}.recce-notes{list-style:none;padding:0}.recce-notes li{border-bottom:1px solid #2a2a2e}.recce-note{display:block;width:100%;text-align:left;background:transparent;border:0;padding:12px 0;cursor:pointer}.recce-note.on{color:var(--accent)}.recce-note p{margin:6px 0 0}.recce-kind-decision{background:#5a3318;color:#ff8a3d}.recce-kind-hazard{background:#3a1d1d;color:var(--danger)}.recce-kind-turn{background:#163044;color:#4cc9f0}.recce-kind-note{background:#3a3218;color:#e8c35a}@media(max-width:800px){.recce-note-form{grid-template-columns:1fr}}@media(max-width:800px){.recce-grid{grid-template-columns:1fr}}