:root{--bg: #070b12;--bg-glow-a: rgba(65, 120, 255, .18);--bg-glow-b: rgba(36, 209, 177, .12);--panel: #0f1622;--card: #111d2d;--card-soft: #0d1726;--text: #ecf2ff;--muted: #96a6c1;--border: #25364b;--accent: #7db0ff;--accent-2: #67d9ba;--accent-soft: rgba(125, 176, 255, .24);--accent-surface: rgba(24, 39, 58, .84);--chart-bar: #7dd3fc;--chart-bar-soft: rgba(125, 211, 252, .32);--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--shadow: 0 18px 38px rgba(3, 8, 18, .45);--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 20px;--space-5: 24px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(900px 380px at 12% -8%,var(--bg-glow-a),transparent 58%),radial-gradient(900px 430px at 88% 0%,var(--bg-glow-b),transparent 62%),var(--bg);min-height:100vh}.topbar{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(125,176,255,.16);background:#080d15d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 14px}#topNav{max-width:560px;margin:0 auto;display:grid;gap:10px}.top-nav-title{font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:650}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.container{max-width:560px;margin:0 auto;padding:14px;display:grid;gap:var(--space-3)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#131e2ef5,#0c1420f0);box-shadow:var(--shadow);padding:var(--space-4)}.page-stack{display:grid;gap:var(--space-3)}.page-header{padding:2px 2px 0}.page-header:not(.card){border:0;background:none;box-shadow:none;padding:0 2px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;color:#9bb7e8;font-size:.72rem}body[data-page=readiness]{--accent: #64d7cc;--accent-2: #78e4d3;--accent-soft: rgba(100, 215, 204, .26);--accent-surface: rgba(18, 45, 49, .8);--chart-bar: #66d6c7}body[data-page=sleep]{--accent: #7d98ff;--accent-2: #9b8bff;--accent-soft: rgba(125, 152, 255, .25);--accent-surface: rgba(22, 33, 62, .82);--chart-bar: #8da0ff}body[data-page=activity]{--accent: #d6b65f;--accent-2: #95d676;--accent-soft: rgba(214, 182, 95, .26);--accent-surface: rgba(45, 39, 22, .8);--chart-bar: #d8c073}body[data-page=heart-rate]{--accent: #72b8ff;--accent-2: #7ad9ff;--accent-soft: rgba(114, 184, 255, .25);--accent-surface: rgba(20, 37, 56, .82);--chart-bar: #79bffd}body[data-page=stress]{--accent: #cf78ff;--accent-2: #ff9cb0;--accent-soft: rgba(207, 120, 255, .25);--accent-surface: rgba(49, 25, 57, .82);--chart-bar: #ef8dcd}body[data-page=settings]{--accent: #9eb4cf;--accent-2: #8fd3c6;--accent-soft: rgba(158, 180, 207, .24);--accent-surface: rgba(29, 36, 47, .82);--chart-bar: #9cc2d7}.page-header h1{margin:4px 0;font-size:1.7rem;line-height:1.1}.page-header p{margin:0}.tab-link,.btn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:var(--radius-sm);padding:8px 10px;font-size:.82rem;text-align:center;text-decoration:none;cursor:pointer}.tab-link.active,.btn.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent),transparent 55%)}.btn.secondary{background:var(--card-soft)}.btn:disabled{opacity:.45;cursor:not-allowed}.date-range-control{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.date-range-control h3{margin:0;font-size:.95rem}.preset-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.row{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.split-row{justify-content:space-between}.summary-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chip-card{border:1px solid color-mix(in oklab,var(--accent),transparent 65%);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in oklab,var(--accent-surface),transparent 10%),#0d141ff2);padding:10px}.chip-title{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.chip-value{margin-top:5px;font-size:1.08rem;font-weight:700}.chip-note{margin-top:2px;font-size:.76rem;color:#aac2e8}.hero-card h2{margin:6px 0 0}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.status-pill{border-radius:999px;border:1px solid color-mix(in oklab,var(--accent),transparent 55%);color:color-mix(in oklab,var(--accent),white 35%);background:color-mix(in oklab,var(--accent),transparent 86%);padding:3px 10px;font-size:.74rem}.hero-value{margin-top:8px;font-size:2rem;font-weight:760}.hero-extra{margin-top:10px;padding-top:10px;border-top:1px solid rgba(150,166,193,.2)}.section-card{display:grid;gap:10px}.section-head h3{margin:0;font-size:1rem}.section-head p{margin:4px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{border:1px solid color-mix(in oklab,var(--accent),transparent 65%);border-radius:var(--radius-md);background:color-mix(in oklab,var(--accent-surface),rgba(10,18,29,.9) 72%);padding:10px}.metric-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.metric-value{margin-top:4px;font-weight:700;font-size:1.02rem}.metric-note{margin-top:4px;font-size:.76rem;color:#a7badc}.contributor-list{display:grid;gap:9px}.contributor-row{border:1px solid color-mix(in oklab,var(--accent),transparent 75%);border-radius:var(--radius-md);padding:10px;background:#0e1622eb}.progress{margin-top:8px;width:100%;height:8px;border-radius:999px;background:#6a87b438;overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.small{font-size:.82rem}.muted{color:var(--muted)}.placeholder{color:#afbdd4;font-style:italic}.activity-list{display:grid;gap:8px}.activity-item{border:1px solid rgba(125,176,255,.14);border-radius:var(--radius-md);background:#0d1622e6;padding:10px;display:grid;gap:6px}.chart-card{border:1px solid color-mix(in oklab,var(--accent),transparent 68%);border-radius:var(--radius-md);background:color-mix(in oklab,var(--accent-surface),rgba(10,18,29,.92) 74%);padding:10px}.axis-chart{width:100%;display:block}.grid-line{stroke:#96a6c138;stroke-width:.8}.axis-line{stroke:#a3c3f480;stroke-width:1}.tick{fill:#aac2e8;font-size:9px;letter-spacing:.01em}.top-gap{margin-top:8px}input[type=date],input[type=file],textarea{border:1px solid rgba(125,176,255,.22);border-radius:var(--radius-sm);background:#070c14db;color:var(--text);padding:8px}textarea.debug-text{width:100%;min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.boot-shell{padding:14px}.boot-splash{max-width:560px;margin:0 auto}@media (min-width: 760px){.container,#topNav,.boot-splash{max-width:920px}.tabs{grid-template-columns:repeat(7,minmax(0,1fr))}.summary-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.preset-row{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}