@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap");:root{--surface-bg:#000000;--surface-card:#111111;--surface-card-hover:#1c1c1e;--ink-white:#ffffff;--ink-muted:#8e8e93;--neon-green:#32d74b;--neon-amber:#ff9f0a;--neon-red:#ff453a;--neon-blue:#0a84ff;--neon-cyan:#00d4ff;--neon-violet:#7c4dff;--neon-green-dim:rgba(50,215,75,0.15);--neon-amber-dim:rgba(255,159,10,0.15);--neon-red-dim:rgba(255,69,58,0.15);--neon-blue-dim:rgba(10,132,255,0.18);--neon-violet-dim:rgba(124,77,255,0.18);--border-subtle:#2c2c2e;--font:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{color:var(--ink-white);font-family:var(--font)}body,html{background:var(--surface-bg)}body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--neon-blue);outline-offset:2px}.shell{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:24px;gap:24px;padding:24px;max-width:1600px;margin:0 auto}.sidebar{background:var(--surface-card);border-radius:24px;border:1px solid var(--border-subtle);padding:32px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;position:-webkit-sticky;position:sticky;top:24px;height:calc(100vh - 48px)}.brand{display:grid;grid-gap:8px;gap:8px}.folio{color:var(--ink-muted);font-size:72px;line-height:.85;opacity:.3}.brand h1,.folio{font-weight:800;letter-spacing:-.02em}.brand h1{margin:0;font-size:42px;line-height:.92;white-space:nowrap}.brand p,.empty,.muted{margin:0;color:var(--ink-muted);line-height:1.4;font-size:14px}.nav{display:grid;grid-gap:8px;gap:8px}.nav a{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-radius:12px;text-transform:uppercase;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--ink-muted);transition:background-color .2s,color .2s}.nav a:hover{background:var(--surface-card-hover);color:var(--ink-white)}.nav a[aria-current=page]{background:var(--surface-card-hover);color:var(--neon-blue);box-shadow:inset 2px 0 0 var(--neon-blue)}.content{display:grid;grid-gap:24px;gap:24px;align-content:start}.topbar{min-height:64px;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--surface-card);border-radius:16px;border:1px solid var(--border-subtle)}.actions,.topbar{display:flex;align-items:flex-end}.actions{gap:12px;flex-wrap:wrap;justify-content:flex-end}.topbar-note{margin:6px 0 0;color:var(--ink-muted);font-size:13px;line-height:1.25}.date-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-form label{color:var(--ink-muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.date-form select{border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-bg);padding:0 36px 0 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%238e8e93%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto}.button,.date-form select{min-height:40px;color:var(--ink-white)}.button{border:1px solid var(--border-subtle);border-radius:99px;background:var(--surface-card-hover);padding:0 16px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.button.primary{background:var(--neon-blue);border-color:var(--neon-blue);color:#fff}.button.day-action{background:linear-gradient(135deg,#0a84ff,#42d7ff);border-color:rgba(90,210,255,.7);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px rgba(10,132,255,.18)}.button:hover{background:#2c2c2e}.button.day-action:hover{background:linear-gradient(135deg,#0070e0,#22c7f5);border-color:rgba(90,210,255,.9);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 28px rgba(10,132,255,.26)}.button.primary:hover{background:#0070e0;border-color:#0070e0;transform:translateY(-1px);box-shadow:0 4px 12px rgba(10,132,255,.3)}.button:active{transform:translateY(1px)}.button svg{width:16px;height:16px}.button:disabled{cursor:wait;opacity:.72}.sync-control{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.sync-detail{max-width:180px;color:var(--ink-muted);font-size:12px;line-height:1.2}.spin{animation:sync-spin .9s linear infinite}@keyframes sync-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px}.panel{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:20px;padding:24px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:zoom-in}.panel:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4)}.panel a,.panel button,.panel input,.panel select,.panel textarea{cursor:auto}.panel.metric:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent}.panel.metric[data-state=good]:before{background:var(--neon-green)}.panel.metric[data-state=watch]:before{background:var(--neon-amber)}.panel.metric[data-state=low]:before{background:var(--neon-red)}.panel.metric[data-state=good] .value{color:var(--neon-green)}.panel.metric[data-state=watch] .value{color:var(--neon-amber)}.panel.metric[data-state=low] .value{color:var(--neon-red)}.panel.metric[data-state=missing]{opacity:.5}.panel.metric[data-state=neutral] .value{color:var(--ink-white)}.metric-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;z-index:1}.state-label{max-width:180px;font-size:13px;line-height:1.25;text-align:right;font-weight:500}.label,.state-label{color:var(--ink-muted)}.label{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.05em}.metric-desc{font-size:13px;color:var(--ink-muted);line-height:1.4;margin-top:auto;padding-top:12px;border-top:1px solid var(--border-subtle)}.insight{justify-content:flex-start}.coverage-grid,.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.summary-strip.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.phase-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.mini-grid,.mini-stat,.signal-stack{display:grid;grid-gap:10px;gap:10px}.mini-stat{min-height:74px;align-content:space-between;padding:14px;background:var(--surface-card-hover);border:1px solid rgba(255,255,255,.04);border-radius:14px}.mini-stat span{color:var(--ink-muted);font-size:12px;line-height:1.2;text-transform:uppercase;font-weight:700;letter-spacing:.04em}.mini-stat strong{color:var(--ink-white);font-size:24px;line-height:1;font-weight:800;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mini-stat[data-tone=good] strong{color:var(--neon-green)}.mini-stat[data-tone=watch] strong{color:var(--neon-amber)}.mini-stat[data-tone=low] strong{color:var(--neon-red)}.mini-stat[data-tone=rem] span,.mini-stat[data-tone=rem] strong{color:var(--neon-green)}.mini-stat[data-tone=deep] span,.mini-stat[data-tone=deep] strong{color:var(--neon-blue)}.mini-stat[data-tone=light] span,.mini-stat[data-tone=light] strong{color:#a0a0a6}.mini-stat[data-tone=awake] span,.mini-stat[data-tone=awake] strong{color:var(--neon-red)}.coverage-bars,.radar-list{display:grid;grid-gap:12px;gap:12px}.coverage-row,.radar-row{display:grid;grid-template-columns:minmax(104px,.8fr) minmax(120px,1fr) minmax(64px,auto);align-items:center;grid-gap:12px;gap:12px}.coverage-row span,.radar-row span{color:var(--ink-muted);font-size:12px;font-weight:700}.coverage-row strong,.radar-row strong{color:var(--ink-white);font-size:13px;font-weight:800;text-align:right}.track{height:10px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--neon-blue),var(--neon-green))}.balance-score{display:grid;grid-gap:8px;gap:8px;padding-bottom:18px;border-bottom:1px solid var(--border-subtle)}.balance-score strong{font-size:64px;line-height:.9;letter-spacing:-.03em;font-weight:800}.balance-score span{color:var(--ink-muted);font-size:13px;line-height:1.4}.balance-score[data-tone=good] strong{color:var(--neon-green)}.balance-score[data-tone=watch] strong{color:var(--neon-amber)}.balance-score[data-tone=low] strong{color:var(--neon-red)}.phase-mix{display:flex;min-height:38px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.phase-mix div{min-width:2px}.phase-mix [data-phase=rem]{background:var(--neon-green)}.phase-mix [data-phase=deep]{background:var(--neon-blue)}.phase-mix [data-phase=light]{background:var(--ink-muted)}.phase-mix [data-phase=awake]{background:var(--neon-red)}.hero-kpi,.matrix-card,.target-title{display:grid;grid-gap:8px;gap:8px}.hero-kpi strong,.matrix-card strong,.target-title strong{color:var(--ink-white);font-size:clamp(36px,5vw,64px);line-height:.92;font-weight:800;letter-spacing:-.03em}.hero-kpi span,.matrix-card span,.target-title span{color:var(--ink-muted);font-size:14px;line-height:1.35}.target-track{position:relative;height:18px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}.target-zone{background:rgba(10,132,255,.25);box-shadow:inset 0 0 0 1px rgba(10,132,255,.65)}.target-current,.target-zone{position:absolute;top:0;bottom:0;border-radius:inherit}.target-current{left:0;background:linear-gradient(90deg,var(--neon-blue),var(--neon-green))}.matrix-card{padding:18px;border-radius:16px;background:var(--surface-card-hover);border:1px solid rgba(255,255,255,.05)}.matrix-card[data-tone=good] strong{color:var(--neon-green)}.matrix-card[data-tone=watch] strong{color:var(--neon-amber)}.matrix-card[data-tone=low] strong{color:var(--neon-red)}.matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px;gap:6px}.matrix-grid span{min-height:24px;border-radius:8px;background:rgba(255,255,255,.06)}.matrix-grid span:first-child{background:rgba(50,215,75,.42)}.matrix-grid span:nth-child(2){background:rgba(255,159,10,.34)}.matrix-grid span:nth-child(3){background:rgba(10,132,255,.28)}.matrix-grid span:nth-child(4){background:rgba(255,69,58,.34)}.health-monitor{min-height:220px}.health-monitor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.health-monitor-grid,.health-tile{display:grid;grid-gap:12px;gap:12px}.health-tile{align-content:space-between;min-height:132px;padding:16px;border-radius:16px;background:var(--surface-card-hover);border:1px solid rgba(255,255,255,.05)}.health-tile:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--ink-muted);box-shadow:0 0 0 5px rgba(142,142,147,.12)}.health-tile[data-tone=good]:before{background:var(--neon-green);box-shadow:0 0 0 5px rgba(50,215,75,.14)}.health-tile[data-tone=watch]:before{background:var(--neon-amber);box-shadow:0 0 0 5px rgba(255,159,10,.14)}.health-tile small,.health-tile span{color:var(--ink-muted);font-size:12px;line-height:1.25;text-transform:uppercase;font-weight:700;letter-spacing:.04em}.health-tile strong{color:var(--ink-white);font-size:24px;line-height:1;font-weight:800}.health-tile small{text-transform:none;letter-spacing:0;font-weight:600}.visual-pair{grid-template-columns:minmax(180px,.72fr) minmax(240px,1.28fr);align-items:stretch}.visual-gauge,.visual-pair{display:grid;grid-gap:16px;gap:16px}.visual-gauge{align-items:center;min-height:150px;padding:16px;border-radius:16px;background:radial-gradient(circle at 20% 10%,rgba(10,132,255,.18),transparent 42%),var(--surface-card-hover);border:1px solid rgba(255,255,255,.05)}.gauge-ring{width:106px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,var(--surface-card-hover) 58%,transparent 60%),conic-gradient(var(--neon-blue) var(--score),rgba(255,255,255,.08) 0)}.visual-gauge[data-tone=good] .gauge-ring{background:radial-gradient(circle,var(--surface-card-hover) 58%,transparent 60%),conic-gradient(var(--neon-green) var(--score),rgba(255,255,255,.08) 0)}.visual-gauge[data-tone=watch] .gauge-ring{background:radial-gradient(circle,var(--surface-card-hover) 58%,transparent 60%),conic-gradient(var(--neon-amber) var(--score),rgba(255,255,255,.08) 0)}.visual-gauge[data-tone=low] .gauge-ring{background:radial-gradient(circle,var(--surface-card-hover) 58%,transparent 60%),conic-gradient(var(--neon-red) var(--score),rgba(255,255,255,.08) 0)}.gauge-ring span{font-size:20px}.gauge-ring span,.visual-gauge strong{color:var(--ink-white);line-height:1;font-weight:800;letter-spacing:-.02em}.visual-gauge strong{display:block;font-size:26px}.visual-gauge small{display:block;margin-top:8px;color:var(--ink-muted);font-size:13px;line-height:1.35}.signal-rail{display:grid;grid-gap:10px;gap:10px;align-content:center}.signal-item{display:grid;grid-template-columns:minmax(76px,.7fr) minmax(120px,1fr) minmax(64px,auto);grid-gap:12px;gap:12px;align-items:center;padding:12px;border-radius:14px;background:rgba(255,255,255,.045)}.deviation-row small,.deviation-row span,.signal-item span{color:var(--ink-muted);font-size:12px;line-height:1.2;font-weight:700}.deviation-row strong,.signal-item strong{color:var(--ink-white);font-size:13px;font-weight:800;text-align:right}.signal-bar{height:9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.signal-bar div{height:100%;border-radius:inherit;background:var(--neon-blue)}.signal-item[data-tone=good] .signal-bar div{background:var(--neon-green)}.signal-item[data-tone=watch] .signal-bar div{background:var(--neon-amber)}.signal-item[data-tone=low] .signal-bar div{background:var(--neon-red)}.deviation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.deviation-row{min-height:76px;display:grid;align-content:space-between;grid-gap:6px;gap:6px;padding:12px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.04)}.deviation-row:before{content:"";width:22px;height:4px;border-radius:999px;background:var(--ink-muted)}.deviation-row[data-tone=good]:before{background:var(--neon-green)}.deviation-row[data-tone=watch]:before{background:var(--neon-amber)}.panel-modal{width:min(920px,calc(100vw - 28px));max-height:min(86vh,980px);padding:0;color:var(--ink-white);background:transparent;border:0}.panel-modal::-webkit-backdrop{background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-modal::backdrop{background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-modal-shell{display:grid;grid-gap:14px;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:radial-gradient(circle at top right,rgba(10,132,255,.2),transparent 34%),linear-gradient(145deg,#17171a,#09090a 68%);box-shadow:0 28px 80px rgba(0,0,0,.55)}.panel-modal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.panel-modal-explain h3,.panel-modal-head span{display:block;margin:0 0 5px;color:var(--ink-muted);font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.panel-modal-head h2{margin:0;color:var(--ink-white);font-size:clamp(28px,5vw,52px);line-height:.96;letter-spacing:-.03em}.modal-close{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border-subtle);border-radius:999px;color:var(--ink-white);background:var(--surface-card-hover);cursor:pointer}.modal-close svg{width:18px;height:18px}.panel-modal-preview{min-width:0}.panel-modal-preview .panel{width:100%;min-height:min(52vh,420px);cursor:default;transform:none;box-shadow:none}.panel-modal-preview .span-12,.panel-modal-preview .span-3,.panel-modal-preview .span-4,.panel-modal-preview .span-6,.panel-modal-preview .span-8{grid-column:auto}.panel-modal-preview .metric-desc{display:block}.panel-modal-preview .value{font-size:clamp(54px,12vw,118px)}.panel-modal-preview .chart{min-height:230px}.panel-modal-explain{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.045)}.panel-modal-explain p{margin:0;max-width:78ch;color:var(--ink-white);font-size:15px;line-height:1.55}.table-panel{overflow-x:auto}.value{font-size:clamp(36px,6vw,72px);line-height:.9;font-weight:800;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.value.small{font-size:clamp(24px,3vw,36px);color:var(--ink-white)}.unit{color:var(--ink-muted);font-size:18px;font-weight:600;margin-left:6px}.decision{min-height:132px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,var(--surface-card),#161618)}.decision h2{margin:8px 0 16px;font-size:36px;line-height:1.1;letter-spacing:-.02em;font-weight:800;color:var(--ink-white)}.decision p{margin:0;max-width:68ch;color:var(--ink-muted);line-height:1.5;font-size:15px}.drivers{justify-content:flex-start}.driver-list{display:grid;grid-gap:12px;gap:12px;margin-top:8px}.driver{display:grid;grid-template-columns:1fr auto;grid-gap:16px;gap:16px;padding:12px 16px;background:var(--surface-card-hover);border-radius:12px;align-items:center}.driver span{color:var(--ink-muted);font-size:14px;font-weight:600}.driver strong{font-weight:700;font-size:15px;color:var(--ink-white);text-align:right}.sleep-session{display:grid;grid-template-columns:minmax(180px,1fr) repeat(5,minmax(80px,1fr));grid-gap:16px;gap:16px;padding:16px;background:var(--surface-card-hover);border-radius:12px;align-items:center;margin-bottom:8px}.sleep-session div{display:grid;grid-gap:4px;gap:4px}.sleep-session span{color:var(--ink-muted);font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.02em}.sleep-session strong{font-weight:700;font-size:15px;color:var(--ink-white)}.chart{display:grid;grid-template-columns:repeat(30,1fr);align-items:end;grid-gap:6px;gap:6px;min-height:140px;margin-top:auto}.bar{min-height:4px;background:var(--border-subtle);border-radius:99px;transition:height .3s ease,background .3s ease}.bar:hover{background:var(--ink-muted)}.bar.accent{background:var(--neon-blue);box-shadow:0 0 10px rgba(10,132,255,.4)}.panel.metric[data-state=good] .bar.accent{background:var(--neon-green);box-shadow:0 0 10px rgba(50,215,75,.4)}.panel.metric[data-state=watch] .bar.accent{background:var(--neon-amber);box-shadow:0 0 10px rgba(255,159,10,.4)}.panel.metric[data-state=low] .bar.accent{background:var(--neon-red);box-shadow:0 0 10px rgba(255,69,58,.4)}.table{width:100%;border-collapse:separate;border-spacing:0 8px}.table th{font-size:12px;text-transform:uppercase;color:var(--ink-muted);font-weight:700;letter-spacing:.05em;padding:0 16px 8px;text-align:left;border-bottom:1px solid var(--border-subtle)}.table td{padding:16px;background:var(--surface-card);text-align:left;vertical-align:middle;color:var(--ink-white)}.table td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.table td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.login{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.hero{padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:var(--surface-bg);background-image:radial-gradient(circle at top right,rgba(10,132,255,.1),transparent 50%)}.hero h1{margin:0;font-size:clamp(48px,5vw,82px);line-height:1;letter-spacing:-.03em;font-weight:800;max-width:100%}.login-panel{padding:48px;display:flex;flex-direction:column;justify-content:center;gap:32px;background:var(--surface-card);border-left:1px solid var(--border-subtle)}.login-panel h2{font-size:32px;margin:0 0 12px;font-weight:800}.login-panel svg{color:var(--neon-blue)}.disclosure{border-top:1px solid var(--border-subtle);padding-top:24px;color:var(--ink-muted);line-height:1.5;font-size:13px}@media (max-width:1024px){.shell{grid-template-columns:1fr;padding:16px;gap:16px}.sidebar{height:auto;position:relative;top:0;flex-direction:row;align-items:center;padding:24px}.nav,.sidebar{flex-wrap:wrap}.nav{display:flex;flex:1 1}.nav a{flex:1 1;justify-content:center}.nav a span:last-child{display:none}.span-3,.span-4,.span-6,.span-8{grid-column:span 12}.coverage-grid,.health-monitor-grid,.phase-stat-grid,.summary-strip,.summary-strip.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.decision,.visual-pair{grid-template-columns:1fr}}@media (max-width:640px){.shell{padding:8px;max-width:100%}.content,.shell{gap:8px}.login{grid-template-columns:1fr}.hero{min-height:40vh}.hero,.login-panel{padding:32px 24px}.sidebar{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;padding:12px;border-radius:0 0 22px 22px;border-width:0 0 1px;margin:-8px -8px 0;background:radial-gradient(circle at top left,rgba(10,132,255,.35),transparent 38%),linear-gradient(145deg,#17171a,#0d0d0f 62%);position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;row-gap:2px}.brand .folio{grid-row:span 2}.brand p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sidebar>.muted{display:none}.nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:5px;gap:5px;width:100%}.nav a{min-height:34px;padding:0 6px;border-radius:999px;font-size:9px;letter-spacing:.02em;background:rgba(255,255,255,.05)}.nav a[aria-current=page]{color:var(--ink-white);background:linear-gradient(135deg,var(--neon-blue),var(--neon-violet));box-shadow:0 8px 20px rgba(10,132,255,.26)}.topbar{display:grid;grid-template-columns:1fr;align-items:flex-start;grid-gap:10px;gap:10px;padding:12px;border-radius:18px;min-height:auto;background:linear-gradient(135deg,rgba(10,132,255,.16),rgba(124,77,255,.09)),var(--surface-card)}.actions{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px}.actions,.date-form{width:100%;display:grid;gap:8px}.date-form{grid-template-columns:1fr auto;grid-gap:8px;grid-column:1/-1}.date-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.date-form select{min-width:0;width:100%;min-height:38px}.button{min-height:36px;justify-content:center;padding:0 10px;font-size:12px}.sync-control,.sync-control .button{width:100%}.sync-detail{grid-column:1/-1;max-width:none;font-size:11px}.label,.topbar .label{font-size:10px}.label{letter-spacing:.04em}.topbar-note{font-size:11px;margin-top:2px}.panel{padding:14px;min-height:auto;gap:12px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,0)),var(--surface-card)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.span-12,.span-3,.span-4,.span-6,.span-8{grid-column:span 2}.metric.span-3,.metric.span-4{grid-column:span 1}.metric.span-6{grid-column:span 2}.health-tile,.metric.span-3,.metric.span-4,.mini-stat{background:radial-gradient(circle at top right,rgba(10,132,255,.18),transparent 46%),var(--surface-card)}.panel:hover{transform:none;box-shadow:none}.panel.metric[data-state=good]{background:radial-gradient(circle at top right,rgba(50,215,75,.22),transparent 48%),linear-gradient(145deg,rgba(50,215,75,.08),rgba(255,255,255,.02)),var(--surface-card)}.panel.metric[data-state=watch]{background:radial-gradient(circle at top right,rgba(255,159,10,.24),transparent 48%),linear-gradient(145deg,rgba(255,159,10,.08),rgba(255,255,255,.02)),var(--surface-card)}.panel.metric[data-state=low]{background:radial-gradient(circle at top right,rgba(255,69,58,.22),transparent 48%),linear-gradient(145deg,rgba(255,69,58,.08),rgba(255,255,255,.02)),var(--surface-card)}.insight:nth-of-type(3n){background:radial-gradient(circle at top right,rgba(124,77,255,.2),transparent 46%),var(--surface-card)}.insight:nth-of-type(3n+1){background:radial-gradient(circle at top right,rgba(0,212,255,.18),transparent 46%),var(--surface-card)}.metric.span-3 .metric-desc,.metric.span-4 .metric-desc{display:none}.metric.span-3 .unit,.metric.span-4 .unit{display:block;margin:4px 0 0;font-size:12px}.decision{min-height:auto;background:radial-gradient(circle at top right,rgba(50,215,75,.14),transparent 40%),linear-gradient(145deg,#17171a,var(--surface-card))}.decision h2{margin:6px 0 8px;font-size:26px}.decision p{font-size:13px}.metric-desc{font-size:12px;padding-top:10px}.state-label{max-width:100%;font-size:11px}.metric-head{flex-direction:column;gap:4px}.state-label{text-align:left}.driver{grid-template-columns:1fr;gap:4px}.driver strong{text-align:left;font-size:20px}.coverage-grid,.health-monitor-grid,.phase-stat-grid,.summary-strip,.summary-strip.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.coverage-row,.radar-row{grid-template-columns:1fr}.coverage-row strong,.radar-row strong{text-align:left}.folio{font-size:32px}.brand h1{font-size:22px;line-height:1}.value{font-size:38px}.value.small{font-size:30px}.unit{font-size:14px}.balance-score strong,.hero-kpi strong,.matrix-card strong,.target-title strong{font-size:36px}.mini-stat{min-height:58px;padding:11px}.mini-stat strong{font-size:19px}.chart{min-height:92px;gap:4px}.health-tile{min-height:98px}.health-tile strong{font-size:20px}.visual-gauge{min-height:118px;grid-template-columns:auto 1fr;padding:12px}.gauge-ring{width:82px}.visual-gauge strong{font-size:22px}.visual-gauge small{font-size:12px}.signal-item{grid-template-columns:1fr;gap:7px}.signal-item strong{text-align:left}.deviation-list{grid-template-columns:1fr}.sleep-session{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.sleep-session:first-child{grid-column:span 2}.target-track{height:14px}.phase-mix{min-height:28px}.panel-modal{width:calc(100vw - 16px);max-height:88vh}.panel-modal-shell{gap:10px;padding:10px;border-radius:20px}.panel-modal-head h2{font-size:28px}.modal-close{width:38px;height:38px}.panel-modal-preview .panel{min-height:260px;max-height:48vh;overflow:auto}.panel-modal-preview .value{font-size:54px}.panel-modal-preview .chart{min-height:170px}.panel-modal-explain{padding:12px}.panel-modal-explain p{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-shell{width:min(100%,1040px);min-height:100vh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px calc(118px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -8%,rgba(10,132,255,.12),transparent 34%),var(--surface-bg)}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:25;justify-content:space-between;gap:14px;margin:0 -18px 16px;padding:12px 18px 14px;background:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.82) 74%,rgba(0,0,0,0));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header,.app-title{display:flex;align-items:center}.app-title{min-width:0;gap:11px}.brand-dot{width:12px;height:12px;flex:0 0 auto;border-radius:999px;background:radial-gradient(circle at 32% 28%,#ff7ab8,#0a84ff 68%);box-shadow:0 0 18px rgba(10,132,255,.5)}.app-title h1{margin:0;color:var(--ink-white);font-size:30px;line-height:1;font-weight:800}.app-title p{max-width:min(42vw,380px);margin:5px 0 0;overflow:hidden;color:rgba(255,255,255,.54);font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.date-pill{min-height:46px;display:flex;align-items:center;gap:9px;padding:0 10px 0 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#16161a}.date-pill svg{width:18px;height:18px;color:var(--ink-white)}.date-pill label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.date-pill button,.date-pill select{border:0;color:var(--ink-white);background:transparent}.date-pill select{max-width:112px;font-size:13px;font-weight:700}.date-pill button{min-height:30px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:800;cursor:pointer}.app-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.app-controls .button{min-height:38px;padding:0 13px;background:#16161a}.app-controls .sync-control{gap:8px}.app-controls .sync-detail,.app-controls .topbar-note{width:100%;max-width:none;margin:0}.content{padding-bottom:18px}.ring-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.score-ring-card{min-width:0;display:grid;justify-items:center;grid-gap:10px;gap:10px}.score-ring{--ring-color:var(--neon-blue);width:min(29vw,168px);max-width:100%;aspect-ratio:1;display:grid;grid-template-columns:auto auto;place-content:center;align-items:baseline;grid-gap:3px;gap:3px;border-radius:50%;background:radial-gradient(circle,var(--surface-bg) 58%,transparent 60%),conic-gradient(var(--ring-color) var(--score),rgba(255,255,255,.055) 0)}.score-ring-card[data-tone=good] .score-ring{--ring-color:#61d6ff}.score-ring-card[data-tone=watch] .score-ring{--ring-color:var(--neon-amber)}.score-ring-card[data-tone=low] .score-ring{--ring-color:#ff6b8a}.score-ring-card[data-tone=missing] .score-ring{--ring-color:rgba(255,255,255,0.12)}.score-ring span{color:var(--ink-white);font-size:clamp(30px,8.4vw,58px);line-height:.95;font-weight:800;letter-spacing:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.score-ring small{color:var(--ink-muted);font-size:clamp(14px,3.5vw,22px);font-weight:800}.score-ring-label{color:rgba(255,255,255,.58);font-size:clamp(13px,3.8vw,18px);line-height:1.1;font-weight:800;text-align:center}.score-ring-detail{min-height:14px;color:rgba(255,255,255,.42);font-size:11px;line-height:1.2;text-align:center}.bottom-nav{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:40;width:min(650px,calc(100vw - 30px));grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:4px;gap:4px;border:1px solid rgba(255,255,255,.12);background:rgba(22,22,26,.92);box-shadow:0 18px 48px rgba(0,0,0,.45);transform:translateX(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav,.bottom-nav a{display:grid;border-radius:999px}.bottom-nav a{min-width:0;place-items:center;align-content:center;grid-gap:3px;gap:3px;color:var(--ink-white);line-height:1;font-weight:800}.bottom-nav svg{width:24px;height:24px;stroke-width:2.4}.bottom-nav a[aria-current=page]{color:#68e7ff;background:rgba(255,255,255,.12)}.medical-note{max-width:62ch;margin:10px auto 0;color:rgba(255,255,255,.34);font-size:12px;line-height:1.45;text-align:center}.trend-hero{display:grid;grid-gap:24px;gap:24px;padding:24px;border:1px solid var(--border-subtle);border-radius:24px;background:radial-gradient(circle at top right,rgba(50,215,75,.13),transparent 42%),var(--surface-card)}.metric-picker{min-height:58px;display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid var(--border-subtle);border-radius:20px;color:var(--ink-white);background:rgba(255,255,255,.025);font-size:22px;font-weight:800}.metric-picker svg{width:23px;height:23px;color:#61e6b4}.section-row,.trend-hero-main,.trend-summary-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.trend-hero-main strong{display:block;margin-top:8px;color:var(--ink-white);font-size:clamp(54px,12vw,86px);line-height:.9;font-weight:800;letter-spacing:0}.trend-hero-main p{margin:12px 0 0;color:rgba(255,255,255,.58);font-size:16px;font-weight:700}.trend-hero-main p.positive{color:#62e7b4}.range-tabs{flex:0 0 auto;display:flex;gap:2px;padding:4px;border-radius:999px;background:#19191e}.range-tabs a,.range-tabs span{min-width:44px;min-height:36px;font-size:15px}.range-tabs a[aria-current=true],.range-tabs span[aria-current=true]{color:#111;background:var(--ink-white)}.trend-line{position:relative;min-height:226px;display:grid;grid-template-rows:1fr auto;grid-gap:14px;gap:14px;padding:14px 12px 8px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))}.trend-line svg{width:100%;height:180px}.trend-path{fill:none;stroke:#61e6b4;stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.trend-area{fill:rgba(97,230,180,.14)}.trend-line[data-tone=blue] .trend-path{stroke:#6aaeff}.trend-line[data-tone=blue] .trend-area{fill:rgba(106,174,255,.13)}.trend-line[data-tone=violet] .trend-path{stroke:#9f82ff}.trend-line[data-tone=violet] .trend-area{fill:rgba(159,130,255,.14)}.trend-line[data-tone=pink] .trend-path{stroke:#ff6b8a}.trend-line[data-tone=pink] .trend-area{fill:rgba(255,107,138,.13)}.trend-points{min-height:14px;font-size:12px;text-align:center}.breakdown-panel{gap:18px}.section-row span{color:var(--ink-muted);font-size:14px;font-weight:800}.breakdown-bar{height:28px;display:flex;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.breakdown-bar span[data-tone=good]{background:#61e6b4}.breakdown-bar span[data-tone=watch]{background:var(--neon-amber)}.breakdown-bar span[data-tone=low]{background:#ff6b8a}.breakdown-list{display:grid;grid-gap:10px;gap:10px}.breakdown-list span{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.62);font-size:15px;font-weight:700}.breakdown-list b{width:10px;height:10px;flex:0 0 auto;border-radius:999px}.breakdown-list b[data-tone=good]{background:#61e6b4}.breakdown-list b[data-tone=watch]{background:var(--neon-amber)}.breakdown-list b[data-tone=low]{background:#ff6b8a}.trend-summary-card{grid-column:span 6;min-height:270px;display:grid;grid-gap:18px;gap:18px;padding:24px;border:1px solid var(--border-subtle);border-radius:24px;background:var(--surface-card)}.trend-summary-head h3{margin:0;font-size:24px}.trend-summary-head h3,.trend-summary-head strong{color:var(--ink-white);line-height:1;font-weight:800}.trend-summary-head strong{font-size:30px}.trend-summary-head>div{gap:8px}.trend-summary-head svg{width:18px;height:18px}.trend-summary-card .trend-line{min-height:158px;padding:0}.trend-summary-card .trend-line svg{height:126px}.mini-trend-value{align-self:center;color:rgba(255,255,255,.58);font-size:16px;line-height:1.4;font-weight:700}.stack-bars{min-height:150px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;grid-gap:16px;gap:16px}.stack-bars span{height:142px;display:flex;flex-direction:column-reverse;justify-content:flex-start;overflow:hidden;border-radius:9px 9px 0 0;background:rgba(255,255,255,.05)}.stack-bars b,.stack-bars i{display:block;min-height:8px}.stack-bars b{background:var(--neon-blue)}.stack-bars i{background:#9f82ff}@media (max-width:760px){.app-shell{padding-inline:10px}.app-header{margin-inline:-10px;padding-inline:14px}.app-title h1{font-size:26px}.date-pill{min-height:42px;padding-left:12px}.date-pill select{max-width:82px}.app-controls{display:grid;grid-template-columns:1fr 1fr}.app-controls .sync-control,.app-controls form{min-width:0}.app-controls .sync-control .button,.app-controls form .button,.app-controls>.button{width:100%}.ring-row{gap:10px;margin:4px 0 6px}.score-ring{width:min(29vw,116px)}.score-ring-detail{display:none}.panel{border-radius:22px}.metric.span-6{grid-column:span 1}.trend-hero,.trend-summary-card{padding:18px;border-radius:22px}.trend-summary-card{grid-column:span 2}.trend-hero-main{display:grid}.range-tabs{width:max-content}.metric-picker{min-height:52px;font-size:20px}.trend-line{min-height:190px}.trend-line svg{height:146px}.bottom-nav{width:min(620px,calc(100vw - 22px));min-height:70px;padding:7px}.bottom-nav a{font-size:10px}.bottom-nav svg{width:23px;height:23px}}.app-shell{width:min(100%,440px);padding:max(16px,env(safe-area-inset-top)) 18px calc(112px + env(safe-area-inset-bottom))}.app-header{margin:0 -18px 8px;padding:8px 18px 14px;align-items:flex-start}.app-title h1{font-size:28px;letter-spacing:0}.brand-dot{margin-top:9px}.back-button{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--ink-white);background:#18191d}.back-button svg{width:30px;height:30px;stroke-width:2.6}.date-pill{min-height:44px;padding:0 8px 0 12px;background:#191a1f;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.date-pill select{max-width:92px;font-size:12px}.date-pill button{min-height:28px;padding:0 9px;font-size:11px}.app-shell .content{gap:10px;padding-bottom:0}.app-shell .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-shell .span-3,.app-shell .span-4,.app-shell .span-6{grid-column:span 1}.app-shell .span-12,.app-shell .span-8{grid-column:span 2}.app-shell .panel,.trend-hero,.trend-summary-card{border-color:rgba(255,255,255,.12);border-radius:18px;background:#101113}.app-shell .panel{min-height:152px;padding:18px;gap:16px;cursor:default}.app-shell .panel:hover{transform:none;box-shadow:none}.ring-row{gap:14px;margin:6px 0 12px;padding:0 5px}.score-ring-card{gap:8px;text-decoration:none}.score-ring{width:118px;background:radial-gradient(circle,#000 56%,transparent 58%),conic-gradient(var(--ring-color) var(--score),rgba(255,255,255,.055) 0)}.score-ring:before{content:"";position:absolute}.score-ring span{font-size:40px}.score-ring small{font-size:14px}.score-ring-label{color:rgba(255,255,255,.62);font-size:14px}.score-ring-detail{font-size:10px}.decision h2{margin:6px 0 8px;font-size:28px}.decision p,.metric-desc{font-size:12px}.label{font-size:10px;letter-spacing:.08em}.value{font-size:48px}.value.small{font-size:31px}.unit{font-size:13px}.state-label{font-size:10px}.visual-pair{grid-template-columns:1fr}.visual-gauge{min-height:104px;grid-template-columns:auto 1fr;padding:12px}.gauge-ring{width:82px}.signal-item{grid-template-columns:1fr;gap:7px}.signal-item strong{text-align:left}.coverage-grid,.health-monitor-grid,.phase-stat-grid,.summary-strip,.summary-strip.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-hero{padding:18px;gap:20px}.metric-picker{min-height:52px;border-radius:18px;font-size:20px}.trend-hero-main{display:grid}.trend-hero-main strong{font-size:58px}.trend-line{min-height:190px}.trend-line svg{height:145px}.trend-summary-card{grid-column:span 2;min-height:238px;padding:18px}.bottom-nav{width:min(408px,calc(100vw - 36px));min-height:72px;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;background:rgba(20,21,25,.94)}.bottom-nav a{min-height:56px;font-size:11px}.bottom-nav a[aria-current=page]{background:rgba(255,255,255,.14)}.medical-note{margin-top:14px;padding:0 4px;text-align:left}.settings-actions{min-height:auto}.settings-title{margin-top:8px;color:var(--ink-white);font-size:26px;line-height:1;font-weight:800}.settings-copy{margin:12px 0 0;color:var(--ink-muted);font-size:13px;line-height:1.45}.settings-button-grid{display:grid;grid-gap:9px;gap:9px}.settings-button-grid .button,.settings-button-grid .sync-control,.settings-button-grid form{width:100%}.settings-button-grid .button{justify-content:center}.settings-links{gap:8px}.settings-links a{display:grid;grid-template-columns:auto 1fr;grid-column-gap:12px;column-gap:12px;grid-row-gap:3px;row-gap:3px;align-items:center;padding:14px;border-radius:14px;background:rgba(255,255,255,.045)}.settings-links svg{grid-row:span 2;width:22px;height:22px;color:#68e7ff}.settings-links span{color:var(--ink-white);font-size:16px;font-weight:800}.settings-links b{color:var(--ink-muted);font-size:12px;line-height:1.25}@media (max-width:430px){.app-shell{padding-inline:10px}.app-header{margin-inline:-10px;padding-inline:12px}.score-ring{width:min(29vw,110px)}.score-ring span{font-size:clamp(30px,9.6vw,38px)}.bottom-nav{width:calc(100vw - 28px)}}.of-card,.of-section{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#101113}.of-card{min-height:178px;display:grid;align-content:space-between;grid-gap:16px;gap:16px;padding:18px}.of-section{display:grid;grid-gap:14px;gap:14px}.of-section>.trend-summary-card{grid-column:auto;min-height:218px}.of-card-head,.of-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.of-card-head>div:first-child{min-width:0;display:flex;align-items:center;gap:8px}.of-card-head svg{width:18px;height:18px;color:rgba(255,255,255,.56)}.of-card-head span,.of-section-head span{color:rgba(255,255,255,.58);font-size:17px;line-height:1.15;font-weight:800;letter-spacing:0}.of-section-head{padding:0 2px}.of-section-head span{color:rgba(255,255,255,.62);font-size:15px;letter-spacing:.16em}.of-section-head.tight{padding:0}.of-section-head.tight span{max-width:52%}.of-card-aside,.of-section-head b{color:rgba(255,255,255,.42);font-size:13px;line-height:1.2;font-weight:800}.of-card-aside{padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.04)}.of-number-row{min-width:0;display:flex;align-items:baseline;gap:5px}.of-number-row strong{color:var(--ink-white);font-size:clamp(48px,16vw,72px);line-height:.88;font-weight:850;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.of-number-row span{color:rgba(255,255,255,.56);font-size:18px;line-height:1;font-weight:800}.of-empty,.of-foot{margin:0;color:rgba(255,255,255,.48);font-size:13px;line-height:1.35}.of-card-desc,.of-section-desc,.panel-desc,.trend-period-copy,.trend-summary-desc{margin:0;color:rgba(255,255,255,.46);font-size:11px;line-height:1.35}.of-card-desc{margin-top:-8px}.of-section-desc{padding:0 2px}.trend-period-copy{max-width:44ch}.trend-summary-desc{margin-top:-5px}.panel-desc{margin-top:-4px}.of-foot{padding-top:12px;border-top:1px solid rgba(255,255,255,.09)}.of-mini-line{width:100%;height:68px;overflow:visible}.of-mini-line path,.of-mini-line polyline{fill:none;stroke:#ff6f8d;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.of-axis-mini[data-tone=blue] .of-mini-line path,.of-axis-mini[data-tone=blue] .of-mini-line polyline{stroke:#66b7ff}.of-axis-mini[data-tone=green] .of-mini-line path,.of-axis-mini[data-tone=green] .of-mini-line polyline{stroke:#61e6b4}.of-bars{height:84px;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px}.of-bars,.of-bars span{display:grid;align-items:end}.of-bars span{min-width:0;grid-template-rows:1fr auto;grid-gap:7px;gap:7px}.of-bars b{width:100%;min-height:5px;display:block;border-radius:999px;background:#8aa2ff}.of-bars small{color:rgba(255,255,255,.28);font-size:11px;line-height:1;font-weight:800;text-align:center}.of-stress-gauge{--stress:0%;min-height:118px;display:grid;place-items:center;position:relative}.of-stress-arc{width:178px;aspect-ratio:2/1;border-radius:178px 178px 0 0;background:radial-gradient(ellipse at center bottom,#101113 55%,transparent 57%),conic-gradient(from 270deg at 50% 100%,#61e6b4 0 32%,#ffd166 32% 67%,#ff6f8d 67% 100%)}.of-stress-value{position:absolute;bottom:10px;display:flex;align-items:baseline;gap:4px}.of-stress-value strong{color:#61e6b4;font-size:38px;line-height:1;font-weight:850}.of-stress-value span{color:rgba(255,255,255,.58);font-size:15px;font-weight:800}.of-activity-empty{min-height:104px;display:grid;align-content:center;grid-gap:18px;gap:18px;padding:22px 18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#101113}.of-activity-empty p,.of-activity-empty span{margin:0;color:rgba(255,255,255,.62);font-size:16px;line-height:1.35}.of-activity-empty span{padding-top:16px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.32);text-align:center}.of-sleep-main{gap:18px}.of-sleep-main .of-mini-line{height:126px;padding:8px 0;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.of-stage-rows{display:grid;grid-gap:13px;gap:13px}.of-stage-row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(110px,1fr) auto;align-items:center;grid-gap:10px;gap:10px}.of-stage-row span,.of-stage-row strong{color:rgba(255,255,255,.74);font-size:15px;line-height:1.1;font-weight:800}.of-stage-row span b{margin-left:5px}.of-stage-row strong{color:rgba(255,255,255,.58);text-align:right}.of-stage-row div{height:12px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.of-stage-row i{height:100%;min-width:2px;display:block;border-radius:inherit}.of-stage-row[data-tone=awake] i,.of-stage-timeline [data-tone=awake]{background:#f2a872}.of-stage-row[data-tone=light] i,.of-stage-timeline [data-tone=light]{background:#5cc4e8}.of-stage-row[data-tone=deep] i,.of-stage-timeline [data-tone=deep]{background:#5269f0}.of-stage-row[data-tone=rem] i,.of-stage-timeline [data-tone=rem]{background:#9b7cff}.of-stage-timeline{height:142px;display:flex;align-items:stretch;gap:4px;padding:16px 0}.of-stage-timeline span{min-width:4px;border-radius:8px}.of-timeline-labels{display:grid;grid-template-columns:repeat(4,1fr);color:rgba(255,255,255,.5);font-size:13px;font-weight:800}.of-hours-need{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.of-hours-need div{display:grid;grid-gap:7px;gap:7px}.of-hours-need span{color:rgba(255,255,255,.48);font-size:15px;font-weight:800}.of-hours-need strong{color:var(--ink-white);font-size:36px;line-height:1;font-weight:850}.of-need-track{height:18px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.of-need-track span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,rgba(82,105,240,.5),#5cc4e8)}.of-stress-breakdown{display:grid;grid-gap:10px;gap:10px}.of-stress-breakdown div{display:flex;justify-content:space-between;gap:12px;color:rgba(255,255,255,.62);font-size:15px;font-weight:800}@media (max-width:430px){.of-card{min-height:168px;padding:16px}.of-card-head span,.of-section-head span{font-size:15px}.of-number-row strong{font-size:clamp(46px,18vw,64px)}.of-stage-row{grid-template-columns:1fr;gap:7px}.of-stage-row strong{text-align:left}.of-stress-arc{width:156px}}.app-shell{width:min(100%,390px);padding:max(14px,env(safe-area-inset-top)) 14px calc(92px + env(safe-area-inset-bottom))}.app-header{margin:0 -14px 6px;padding:6px 14px 12px}.app-title{gap:9px}.app-title h1{font-size:24px}.brand-dot{width:10px;height:10px;margin-top:7px}.back-button{width:42px;height:42px}.back-button svg{width:25px;height:25px}.date-pill{min-height:38px;gap:7px;padding:0 7px 0 10px}.date-pill svg{width:16px;height:16px}.date-pill select{max-width:82px;font-size:11px}.date-pill button{min-height:25px;padding:0 8px;font-size:10px}.app-shell .content,.app-shell .grid{gap:8px}.ring-row{gap:9px;margin:2px 0 10px;padding:0 2px}.score-ring-card{gap:5px}.score-ring{width:96px}.score-ring span{font-size:32px}.score-ring small{font-size:11px}.score-ring-label{font-size:12px}.score-ring-detail{font-size:9px}.app-shell .panel,.of-card,.of-section,.trend-hero,.trend-summary-card{border-radius:16px}.of-card{min-height:146px;gap:12px;padding:13px}.of-card-head,.of-section-head{gap:8px}.of-card-head>div:first-child{gap:6px}.of-card-head svg{width:15px;height:15px}.of-card-head span,.of-section-head span{font-size:13px}.of-section-head span{font-size:12px;letter-spacing:.12em}.of-card-aside,.of-section-head b{font-size:11px}.of-card-aside{padding:3px 8px}.of-number-row strong{font-size:clamp(34px,12vw,48px);line-height:.9}.of-number-row span{font-size:13px}.of-number-row[data-long=true]{display:block}.of-number-row[data-long=true] strong{font-size:34px;line-height:1;word-break:break-word}.of-number-row[data-long=true] span{display:none}.of-empty,.of-foot{font-size:11px}.of-foot{padding-top:9px}.of-mini-line{height:48px}.of-mini-line polyline{stroke-width:3}.of-bars{height:56px;gap:6px}.of-bars span{gap:5px}.of-bars b{min-height:4px}.of-bars small{font-size:9px}.of-stress-gauge{min-height:92px}.of-stress-arc{width:126px}.of-stress-value{bottom:7px}.of-stress-value strong{font-size:29px}.of-stress-value span{font-size:12px}.of-activity-empty{min-height:82px;gap:12px;padding:18px 14px 16px;border-radius:16px}.of-activity-empty p,.of-activity-empty span{font-size:13px}.of-activity-empty span{padding-top:12px}.of-section.span-12{padding-top:8px}.of-section .of-section-head{min-height:20px;align-items:center;line-height:1.25}.of-activities{padding:14px 12px 0;gap:12px}.of-activities .of-section-head{padding:0 6px}.of-activities .of-section-head b,.of-activities .of-section-head span{line-height:1.4}.of-activities .of-activity-empty{margin:0;padding:22px 20px 20px}.of-activities .of-activity-empty p,.of-activities .of-activity-empty span{padding-inline:0}.of-sleep-main{gap:14px}.of-sleep-main .of-mini-line{height:92px}.of-stage-row{grid-template-columns:minmax(82px,.8fr) minmax(88px,1fr) auto}.of-stage-row div{height:9px}.of-stage-timeline{height:104px;gap:3px;padding:12px 0}.of-stage-timeline span{min-width:3px;border-radius:6px}.of-timeline-labels{font-size:11px}.of-hours-need{gap:12px}.of-hours-need span{font-size:12px}.of-hours-need strong{font-size:27px}.of-need-track{height:13px}.trend-hero{gap:14px;padding:14px}.metric-picker{min-height:43px;border-radius:14px;padding:0 13px;font-size:16px}.metric-picker svg{width:18px;height:18px}.trend-hero-main strong{font-size:44px}.trend-hero-main p{margin-top:8px;font-size:12px}.range-tabs a,.range-tabs span{min-width:34px;min-height:29px;font-size:12px;display:grid;place-items:center;border-radius:999px;color:var(--ink-muted);font-weight:800;text-decoration:none;transition:background .16s ease,color .16s ease}.range-tabs a:hover{color:rgba(255,255,255,.86);background:rgba(255,255,255,.05)}.range-tabs a[aria-current=true]{color:#111;background:var(--ink-white)}.trend-line{min-height:138px;gap:8px;padding:8px 7px 6px}.trend-line svg{height:102px}.trend-path{stroke-width:3}.trend-points{gap:5px;font-size:10px}.trend-dot{fill:var(--surface-card);stroke:#61e6b4;stroke-width:1.4;vector-effect:non-scaling-stroke}.trend-line[data-tone=blue] .trend-dot{stroke:#6aaeff}.trend-line[data-tone=violet] .trend-dot{stroke:#9f82ff}.trend-line[data-tone=pink] .trend-dot{stroke:#ff6b8a}.trend-value-labels{grid-column:2;grid-row:1;position:relative;z-index:2;min-height:1px;pointer-events:none}.trend-value-labels span{position:absolute;transform:translateX(-50%);color:rgba(255,255,255,.66);font-size:9px;line-height:1;font-weight:800;white-space:nowrap}.trend-summary-card{min-height:178px;gap:12px;padding:14px}.trend-summary-head h3{font-size:18px}.trend-summary-head strong{font-size:22px}.trend-summary-head>div{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.34)}.trend-summary-head svg{width:15px;height:15px}.trend-summary-card .trend-line{min-height:112px}.trend-summary-card .trend-line svg{height:86px}.mini-trend-value{font-size:12px}.stack-bars{min-height:100px;gap:10px}.stack-bars span{height:96px;border-radius:7px 7px 0 0}.sleep-stack-card-chart{display:grid;grid-gap:10px;gap:10px}.sleep-stack-legend{display:flex;flex-wrap:wrap;gap:14px;color:rgba(255,255,255,.62);font-size:11px;font-weight:800}.sleep-stack-legend span{display:inline-flex;align-items:center;gap:6px}.sleep-stack-legend b{width:10px;height:10px;border-radius:3px}.sleep-stack-bars b[data-tone=deep],.sleep-stack-legend b[data-tone=deep]{background:#5269f0}.sleep-stack-bars b[data-tone=rem],.sleep-stack-legend b[data-tone=rem]{background:#9b7cff}.sleep-stack-bars{min-height:128px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;grid-gap:10px;gap:10px}.sleep-stack-bars>span{min-width:0;height:128px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:end;grid-gap:7px;gap:7px;text-align:center}.sleep-stack-bars strong{align-self:start;color:rgba(255,255,255,.86);font-size:10px;line-height:1;font-weight:850}.sleep-stack-bars i{width:min(24px,70%);min-height:10px;display:flex;flex-direction:column;justify-content:flex-end;align-self:end;justify-self:center;overflow:hidden;border-radius:5px 5px 0 0;background:rgba(255,255,255,.06)}.sleep-stack-bars b{display:block;min-height:2px}.sleep-stack-bars small{color:rgba(255,255,255,.34);font-size:10px;line-height:1;font-weight:800}.bottom-nav{width:min(352px,calc(100vw - 28px));min-height:62px;padding:6px}.bottom-nav a{min-height:48px;gap:2px}.bottom-nav svg{width:20px;height:20px}.medical-note{font-size:10px;line-height:1.35}.settings-title{font-size:21px}.settings-copy{margin-top:9px;font-size:11px}.settings-button-grid{gap:7px}.settings-links a{padding:11px;border-radius:12px}.settings-links svg{width:18px;height:18px}.settings-links span{font-size:14px}.settings-links b{font-size:10px}.axis-chart,.dual-axis-chart,.of-axis-mini{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-column-gap:7px;column-gap:7px;grid-row-gap:4px;row-gap:4px}.axis-chart svg,.dual-axis-chart svg,.of-axis-mini svg{grid-column:2;grid-row:1}.axis-y{grid-column:1;grid-row:1;flex-direction:column;color:rgba(255,255,255,.38);text-align:right}.axis-x,.axis-y{display:flex;justify-content:space-between;font-size:9px;line-height:1;font-weight:800}.axis-x{grid-column:2;grid-row:2;gap:8px;color:rgba(255,255,255,.34)}.axis-grid-line{stroke:rgba(255,255,255,.08);stroke-width:1;vector-effect:non-scaling-stroke}.of-axis-mini{min-height:66px}.of-bar-axis{display:grid;grid-template-columns:34px minmax(0,1fr);grid-column-gap:7px;column-gap:7px;align-items:stretch}.of-bar-axis .axis-y{grid-column:1;grid-row:1}.of-bar-axis .of-bars{grid-column:2;grid-row:1}.of-axis-mini .of-mini-line{height:50px}.dual-axis-chart{position:relative;width:100%;height:158px;padding:4px 0 0}.dual-axis-chart svg{min-height:124px}.scatter-axis-chart{position:relative;width:100%;height:158px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:12px;background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),var(--surface-bg);background-size:100% 50%,50% 100%,auto}.scatter-x-label,.scatter-y-label{position:absolute;z-index:2;color:rgba(255,255,255,.4);font-size:9px;line-height:1;font-weight:800}.scatter-y-label{top:8px;left:8px}.scatter-y-label.bottom{top:auto;bottom:8px}.scatter-x-label{left:8px;bottom:8px}.scatter-x-label.right{left:auto;right:8px}@media (max-width:430px){.app-header,.app-shell{padding-inline:10px}.app-header{margin-inline:-10px}.score-ring{width:min(28vw,94px)}.score-ring span{font-size:clamp(26px,8.6vw,32px)}.of-card{min-height:142px;padding:12px}.of-number-row strong{font-size:clamp(34px,13vw,46px)}.of-stage-row{grid-template-columns:1fr}.of-stage-row strong{text-align:left}}.app-shell{width:min(100%,374px);padding:max(12px,env(safe-area-inset-top)) 12px calc(82px + env(safe-area-inset-bottom))}.app-header{margin:0 -12px 4px;padding:5px 12px 10px}.app-title h1{font-size:22px}.brand-dot{width:9px;height:9px}.date-pill{min-height:36px}.app-shell .content,.app-shell .grid{gap:7px}.ring-row{gap:7px;margin-bottom:8px}.score-ring{width:88px}.score-ring span{font-size:29px}.score-ring-label{font-size:11px}.score-ring-detail{font-size:8px}.of-card{min-height:136px;gap:10px;padding:11px}.of-card-head span,.of-section-head span{font-size:12px}.of-number-row strong{font-size:clamp(30px,10.8vw,42px)}.of-number-row span{font-size:12px}.of-empty,.of-foot{font-size:10px}.trend-hero,.trend-summary-card{border-radius:14px;padding:12px}.trend-hero{gap:12px}.metric-picker{min-height:38px;border-radius:12px;font-size:14px}.trend-hero-main strong{font-size:38px}.trend-summary-card{min-height:166px;gap:10px}.trend-summary-head h3{font-size:16px}.trend-summary-head strong{font-size:20px}.axis-chart,.dual-axis-chart,.of-axis-mini{grid-template-columns:28px minmax(0,1fr);column-gap:6px}.trend-line{min-height:124px;padding:6px 4px 4px}.trend-line svg{height:92px;overflow:visible}.trend-summary-card .trend-line{min-height:104px}.trend-summary-card .trend-line svg{height:78px}.trend-path{stroke-width:2.4}.axis-y{font-size:8px}.trend-points{position:relative;grid-column:2;grid-row:2;min-height:13px;display:block;color:rgba(255,255,255,.36);font-size:9px;line-height:1;font-weight:800}.trend-points span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.trend-points span:first-child{transform:translateX(0)}.trend-points span:last-child{transform:translateX(-100%)}.trend-points .active{color:var(--ink-white)}.trend-value-labels span{font-size:8px}.sleep-stack-card-chart{gap:8px}.sleep-stack-legend{gap:12px;font-size:10px}.sleep-stack-bars{min-height:116px;gap:8px}.sleep-stack-bars>span{height:116px;grid-template-rows:18px minmax(0,1fr) 12px;gap:5px}.sleep-stack-bars strong{width:100%;overflow:hidden;color:rgba(255,255,255,.78);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.sleep-stack-bars i{width:min(20px,72%);min-height:8px}.sleep-stack-bars small{font-size:9px}.bottom-nav{width:min(340px,calc(100vw - 24px));min-height:58px;padding:5px}.bottom-nav a{min-height:46px;font-size:10px}.bottom-nav svg{width:21px;height:21px}.of-sleep-main{gap:12px;padding:14px}.of-sleep-main .of-section-head.tight span,.sleep-stress-title h3{color:rgba(255,255,255,.88);font-size:14px;line-height:1.1;font-weight:850;letter-spacing:.13em}.of-sleep-main .of-section-head.tight b{max-width:48%;color:rgba(255,255,255,.42);font-size:11px;text-align:right}.sleep-heart-chart,.sleep-stress-line{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 16px;grid-column-gap:6px;column-gap:6px}.sleep-heart-chart{min-height:142px}.sleep-stress-line{min-height:156px;margin-top:2px}.sleep-heart-chart svg,.sleep-stress-line svg{grid-column:2;grid-row:1;width:100%;height:100%;overflow:visible}.sleep-heart-chart line,.sleep-stress-line line{stroke:rgba(255,255,255,.06);stroke-width:1;vector-effect:non-scaling-stroke}.sleep-heart-chart path{fill:none;stroke:#ff6f8d;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sleep-chart-y{grid-column:1;grid-row:1;flex-direction:column;color:rgba(255,255,255,.26);font-size:9px;text-align:right}.sleep-chart-x,.sleep-chart-y{display:flex;justify-content:space-between;line-height:1;font-weight:700}.sleep-chart-x{grid-column:2;grid-row:2;color:rgba(255,255,255,.28);font-size:10px}.of-stage-rows{gap:10px}.of-stage-row{grid-template-columns:34px minmax(92px,.55fr) minmax(0,1fr) 48px;gap:8px}.stage-ring{--stage-color:rgba(255,255,255,0.12);width:27px;height:27px;border-radius:999px;background:radial-gradient(circle,#101113 55%,transparent 57%),conic-gradient(var(--stage-color) var(--stage-share),rgba(255,255,255,.055) 0)}.of-stage-row[data-tone=awake] .stage-ring{--stage-color:#f2a872}.of-stage-row[data-tone=light] .stage-ring{--stage-color:#5cc4e8}.of-stage-row[data-tone=deep] .stage-ring{--stage-color:#5269f0}.of-stage-row[data-tone=rem] .stage-ring{--stage-color:#9b7cff}.of-stage-row span,.of-stage-row span b,.of-stage-row strong{font-size:12px}.of-stage-row div{height:8px}.healthy-range{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.42);font-size:11px;font-weight:700}.healthy-range span{width:24px;height:10px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 2px,transparent 2px 5px)}.of-sleep-stress-wrap{min-width:0;display:grid;grid-gap:8px;gap:8px}.sleep-stress-title{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.sleep-stress-title h3{margin:0;letter-spacing:0;text-transform:none}.sleep-stress-title b{padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.38);font-size:10px;line-height:1}.of-sleep-stress{gap:12px;padding:14px}.sleep-stress-stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:12px;gap:12px}.sleep-stress-stats>div{min-width:0;display:grid;grid-gap:5px;gap:5px}.sleep-stress-stats>div+div{padding-left:12px;border-left:1px solid rgba(255,255,255,.1)}.sleep-stress-stats span{color:rgba(255,255,255,.5);font-size:12px;font-weight:700}.sleep-stress-stats strong{font-size:22px;line-height:1;font-weight:850}.sleep-stress-stats strong[data-tone=medium]{color:#ffd166}.sleep-stress-stats strong[data-tone=low]{color:#61e6b4}.sleep-stress-stats small{color:currentColor;font-size:11px;font-weight:750}.sleep-night-shade{fill:rgba(42,72,122,.22)}.sleep-stress-line text{fill:#6aaeff;font-size:8px}.sleep-stress-line path{fill:none;stroke:url(#unused);stroke:#71e7ac;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.of-stress-breakdown{gap:8px}.of-stress-breakdown div{display:grid;grid-template-columns:82px minmax(0,1fr) 36px;align-items:center;grid-gap:8px;gap:8px;font-size:12px}.of-stress-breakdown span{display:inline-flex;align-items:center;gap:7px}.of-stress-breakdown i{width:9px;height:9px;border-radius:999px;background:#ff6f8d}.of-stress-breakdown [data-tone=medium] i,.of-stress-breakdown [data-tone=medium] u{background:#ffd166}.of-stress-breakdown [data-tone=low] i,.of-stress-breakdown [data-tone=low] u{background:#61e6b4}.of-stress-breakdown em{height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.055)}.of-stress-breakdown u{display:block;height:100%;border-radius:inherit;background:#ff6f8d}.sleep-stress-copy{margin:0;color:rgba(255,255,255,.52);font-size:11px;line-height:1.45}