:root{--bg: #0B0D11;--surface: #16191F;--surface-2: #1E2230;--surface-3: #252B3A;--border: rgba(255,255,255,.07);--text: #E4E8F0;--muted: #6B7280;--dim: #3A3F4B;--peak: #C8F04A;--peak-bg: rgba(200,240,74,.1);--peak-border: rgba(200,240,74,.25);--peak-dim: rgba(200,240,74,.06);--green: #34D399;--green-bg: rgba(52,211,153,.12);--amber: #F59E0B;--amber-bg: rgba(245,158,11,.12);--red: #EF4444;--red-bg: rgba(239,68,68,.12);--blue: #60A5FA;--blue-bg: rgba(96,165,250,.12);--hrv-high: #34D399;--hrv-mid: #F59E0B;--hrv-low: #EF4444;--swim: #60A5FA;--bike: #F59E0B;--run: #EF4444;--strength: #A78BFA;--font-display: "Barlow Condensed", system-ui, sans-serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--r: 12px;--r-lg: 16px;--r-xl: 20px;--gap: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}@supports (-webkit-touch-callout: none){html{height:-webkit-fill-available}}#root{min-height:100%;display:flex;flex-direction:column;max-width:430px;margin:0 auto;position:relative}.display{font-family:var(--font-display);font-weight:800;letter-spacing:.02em;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit}button:active{opacity:.85}button:active:not(:disabled){transform:scale(.97)}button[disabled]:active{transform:none;opacity:.6}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:2px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:800px 100%;animation:shimmer 1.6s infinite linear;border-radius:var(--r)}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;line-height:1}.badge-green{background:var(--green-bg);color:var(--green)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-peak{background:var(--peak-bg);color:var(--peak)}.card{background:var(--surface);border-radius:var(--r-lg);padding:14px}.section-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}