: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,.12);background:#080d15b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 14px}#topNav{margin-left:auto}.header-control-row{max-width:920px;margin:0 auto;display:flex;align-items:center;gap:8px}.header-range-mount{flex:1;min-width:0}.top-menu-wrap{position:relative;isolation:isolate}.menu-trigger{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;width:36px;height:36px;font-size:1rem;cursor:pointer}.menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(260px,92vw);border:1px solid var(--border);border-radius:var(--radius-md);background:#0b121dfa;box-shadow:var(--shadow);padding:10px;display:grid;gap:8px}.menu-panel[hidden]{display:none}.menu-upload{border:1px solid color-mix(in oklab,var(--accent),transparent 45%);background:color-mix(in oklab,var(--accent-soft),transparent 35%);color:var(--text);border-radius:var(--radius-sm);padding:8px 10px;text-align:left;font-weight:650;cursor:pointer}.menu-links{display:grid;gap:6px}.menu-link{border:1px solid var(--border);background:var(--card-soft);color:var(--text);border-radius:var(--radius-sm);padding:8px 10px;font-size:.82rem;text-decoration:none}.menu-link.active{border-color:var(--accent);background:var(--accent-soft)}.menu-trigger:focus-visible,.menu-link:focus-visible,.menu-upload:focus-visible{outline:2px solid color-mix(in oklab,var(--accent),white 18%);outline-offset:2px}.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;--sleep-surface-top: rgba(53, 74, 128, .22);--sleep-surface-bottom: rgba(9, 14, 24, .95)}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=strain]{--accent: #d6bf6a;--accent-2: #c8d47f;--accent-soft: rgba(214, 191, 106, .24);--accent-surface: rgba(55, 47, 24, .82);--chart-bar: #d8c573}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:6px;padding:0}.date-range-control h3{margin:0;font-size:.95rem}.compact-range-row{gap:8px}.compact-range-top{align-items:center}.compact-range-top .compact-select{min-width:140px}.range-active-date{margin-left:auto;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-range-custom label{display:grid;gap:4px;flex:1;min-width:124px}.compact-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-soft);color:var(--text);padding:8px 10px;font-size:.82rem}.compact-select:disabled{opacity:.45}.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-link{text-decoration:none;color:inherit}.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}.card-accent-readiness{border-color:#66d6c775;background:radial-gradient(110% 80% at 12% 0%,rgba(76,198,187,.22),transparent 65%),linear-gradient(170deg,#143133e0,#0b131df5)}.card-accent-sleep{border-color:#8290ff70;background:radial-gradient(120% 90% at 20% 0%,rgba(104,122,255,.24),transparent 68%),linear-gradient(170deg,#18213fe0,#0a111ff5)}.card-accent-activity{border-color:#d6be6c75;background:radial-gradient(105% 78% at 14% 0%,rgba(193,171,92,.24),transparent 64%),linear-gradient(170deg,#2d2714db,#10141af5)}.card-accent-heart-rate{border-color:#75b6ff73;background:radial-gradient(115% 84% at 14% 0%,rgba(81,145,235,.23),transparent 66%),linear-gradient(170deg,#13243be0,#0a121ef5)}.card-accent-stress{border-color:#d076ff73;background:radial-gradient(116% 85% at 15% 0%,rgba(181,92,244,.24),transparent 66%),linear-gradient(170deg,#2c1437e0,#0d111ef5)}.card-accent-strain{border-color:#d0be7170;background:radial-gradient(112% 84% at 12% 0%,rgba(177,167,90,.23),transparent 66%),linear-gradient(170deg,#312d18db,#0e131df5)}.card-accent-readiness .chip-note,.card-accent-readiness .metric-label{color:#9ddfd8}.card-accent-sleep .chip-note,.card-accent-sleep .metric-label{color:#b2bcff}.card-accent-activity .chip-note,.card-accent-activity .metric-label{color:#dacd8b}.card-accent-heart-rate .chip-note,.card-accent-heart-rate .metric-label{color:#9bcaff}.card-accent-stress .chip-note,.card-accent-stress .metric-label{color:#e4a7ff}.card-accent-strain .chip-note,.card-accent-strain .metric-label{color:#d7cd92}.hero-card h2{margin:6px 0 0}.hero-title{margin:0;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.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-wrap{display:grid;place-items:center;margin-top:8px}.hero-value-circle{width:164px;height:164px;border-radius:999px;display:grid;place-items:center;border:1px solid color-mix(in oklab,var(--accent),transparent 55%);background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--accent-2),white 18%),color-mix(in oklab,var(--accent),transparent 46%) 36%,#080e17f0 78%),linear-gradient(140deg,color-mix(in oklab,var(--accent),transparent 66%),color-mix(in oklab,var(--accent-2),transparent 75%));box-shadow:inset 0 0 22px #080e168f,0 14px 28px #04091159}.hero-value{font-size:2rem;font-weight:760;letter-spacing:-.02em;text-align:center}.hero-tone-home .hero-value-circle{border-color:#9cb8e75c;background:radial-gradient(circle at 32% 28%,#9ebcec57,#5c749c33 42%,#080e17f0 78%),linear-gradient(140deg,#81a0d64d,#67cdba38)}.hero-extra{margin-top:10px;padding-top:10px;border-top:1px solid rgba(150,166,193,.2)}.hero-trend-wrap{margin-top:10px}.hero-trend{border:1px solid color-mix(in oklab,var(--accent),transparent 70%);border-radius:var(--radius-md);padding:8px;background:#0e1823e0}.hero-trend-head{display:flex;justify-content:space-between;gap:8px;font-size:.72rem;color:var(--muted);margin-bottom:6px}.hero-trend-svg{width:100%;height:106px;display:block}.hero-trend-grid{stroke:#96a6c124;stroke-width:1}.hero-trend-axis{stroke:#96a6c16b;stroke-width:1}.hero-trend-line{fill:none;stroke:var(--accent);stroke-width:1.8}.hero-trend-dot{fill:color-mix(in oklab,var(--accent),white 20%)}.hero-trend-label{fill:#b5c4de;font-size:8px}.hero-trend-label-y{text-anchor:end;dominant-baseline:middle}.hero-trend-label-x{text-anchor:middle}.hero-trend-calm .hero-trend-line{stroke:color-mix(in oklab,#7ab8ff,var(--accent) 45%)}.hero-trend-calm .hero-trend-dot{fill:color-mix(in oklab,#7ab8ff,white 20%)}.hero-trend-stress .hero-trend-line{stroke:color-mix(in oklab,#ff8f7b,var(--accent-2) 35%)}.hero-trend-stress .hero-trend-dot{fill:color-mix(in oklab,#ff8f7b,white 15%)}.section-card{display:grid;gap:10px}.section-head h3{margin:0;font-size:.98rem;letter-spacing:.02em}.section-head p{margin:3px 0 0;font-size:.8rem}.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}.sleep-surface{display:grid;gap:14px;padding:2px}body[data-page=sleep] .page-stack{gap:14px}body[data-page=sleep] .card{background:linear-gradient(180deg,#192031fa,#0c121ef2),radial-gradient(110% 95% at 10% 0%,var(--sleep-surface-top),transparent 65%);border-color:#8093cb42;box-shadow:0 12px 28px #02070f6b,inset 0 1px #b4c1ff0f}body[data-page=sleep] .hero-card .eyebrow,body[data-page=sleep] .metric-label{color:#95a7cf;letter-spacing:.09em}body[data-page=sleep] .hero-value{font-size:2.35rem;letter-spacing:-.02em}body[data-page=sleep] .muted{color:#8e9fbe}body[data-page=sleep] .status-pill{font-size:.68rem;letter-spacing:.08em;font-weight:650}.sleep-duo{display:grid;grid-template-columns:1fr;gap:12px}.sleep-card{gap:12px}.sleep-card--secondary{border-color:#788abc33!important;box-shadow:0 8px 20px #02070f4d,inset 0 1px #b4c1ff0a!important;background:linear-gradient(180deg,#151d2bf2,#0b101be6),radial-gradient(110% 95% at 10% 0%,rgba(86,101,136,.18),transparent 65%)!important}.sleep-estimate-chip{text-transform:uppercase;letter-spacing:.08em}.sleep-card-copy{margin:2px 0 0;color:#9badd2;line-height:1.4}.sleep-debt-value{font-size:2rem;font-weight:760;line-height:1;letter-spacing:-.02em}.sleep-debt-status{font-size:.72rem;letter-spacing:.11em;color:#aebde0;font-weight:700}.sleep-debt-gauge{display:grid;gap:8px}.sleep-debt-track{height:12px;border-radius:999px;padding:1px;background:linear-gradient(90deg,#5f7ab038 0,#5f7ab038 20%,#6482bf4d 20%,#6482bf4d 45%,#8478c957 45%,#8478c957 75%,#a06eca6b 75%,#a06eca6b);box-shadow:inset 0 0 0 1px #8a9bc43d}.sleep-debt-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8ca7ff,#b39bff);box-shadow:0 0 14px #8aa3ff61}.sleep-debt-bands{display:flex;justify-content:space-between;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:#8597bb}.sleep-debt-high .sleep-debt-status{color:#d5a8ff}.sleep-debt-moderate .sleep-debt-status{color:#b8a7ff}.sleep-debt-low .sleep-debt-status{color:#9fb6ff}.sleep-debt-none .sleep-debt-status{color:#98c8ff}.body-clock-arc{width:100%;height:132px}.clock-track{fill:none;stroke-linecap:round}.clock-track.outer{stroke:#8fa1d738;stroke-width:12}.clock-track.inner{stroke:#b09af359;stroke-width:8}.clock-dot{stroke:#0a101cd9;stroke-width:1.8}.clock-dot.selected{fill:#9ab0ff}.clock-dot.habitual{fill:#c1b1ff}.debug-meta{margin-top:6px}.debug-meta summary{cursor:pointer;font-size:.76rem;color:#8ea3cb;text-transform:uppercase;letter-spacing:.08em}.debug-meta pre{margin:6px 0 0;max-height:180px;overflow:auto;font-size:.7rem;border-radius:10px;border:1px solid rgba(120,141,191,.25);background:#0a101dd9;padding:8px}.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}.card-link{text-decoration:none;color:inherit;display:block}.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}@media (max-width: 640px){.header-control-row{gap:6px}.compact-range-top .compact-select{min-width:118px}.range-active-date{max-width:110px;font-size:.72rem}.menu-trigger{width:34px;height:34px}}.boot-shell{padding:14px}.boot-splash{max-width:560px;margin:0 auto}@media (min-width: 760px){.container,#topNav,.boot-splash{max-width:920px}.summary-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sleep-duo{grid-template-columns:repeat(2,minmax(0,1fr))}}.strain-legend{display:flex;gap:12px;flex-wrap:wrap}.strain-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:.84rem}.strain-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.strain-dot-0{background:#6fa38e}.strain-dot-1{background:#d1b961}.strain-dot-2{background:#e0925f}