:root{--bg:#05070a;--card:#12151b;--card-2:#1a1e26;--border:#ffffff0f;--text:#f1f5f9;--sub:#94a3b8;--dim:#64748b;--accent:#38bdf8;--good:#34d399}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);-webkit-font-smoothing:antialiased;color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}.hrv-page{flex-direction:column;gap:20px;max-width:1000px;margin:0 auto;padding:28px 20px 100px;display:flex}.hrv-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.hrv-header h1{letter-spacing:-.02em;color:var(--text);margin:0 0 10px;font-size:24px;font-weight:800}.hrv-header-current{align-items:center;gap:12px;display:flex}.hrv-current-value{color:var(--text);font-size:28px;font-weight:800}.weight-delta{color:var(--sub);font-size:13px;font-weight:600}.range-switcher{background:var(--card-2);border-radius:999px;gap:2px;padding:4px;display:flex}.range-switcher button{color:var(--dim);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600}.range-switcher button.active{background:var(--accent);color:#05070a;font-weight:800}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.hrv-state{text-align:center;color:var(--sub);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:60px 20px;font-size:14px}.hrv-state-error{color:#fb7185}.hrv-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.hrv-card h2{color:var(--text);margin:0 0 14px;font-size:15px;font-weight:800}.baseline-chart-hint{color:var(--dim);text-align:center;margin:10px 0 0;font-size:12.5px}.hrv-tooltip{border:1px solid var(--border);background:#0a0d12;border-radius:10px;min-width:180px;padding:12px 14px;font-size:12.5px}.hrv-tooltip-date{color:var(--sub);margin-bottom:6px;font-weight:700}.hrv-tooltip-value{color:var(--text);margin-bottom:6px;font-size:18px;font-weight:800}.hrv-tooltip-empty{color:var(--dim)}.hrv-tooltip-grid{grid-template-columns:auto auto;gap:2px 12px;margin:10px 0 0;font-size:12px;display:grid}.hrv-tooltip-grid dt{color:var(--dim)}.hrv-tooltip-grid dd{color:var(--text);text-align:right;margin:0;font-weight:600}.history-table-wrap{overflow-x:auto}.history-table{border-collapse:collapse;width:100%;font-size:13px}.history-table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);white-space:nowrap;padding:0 12px 10px;font-size:11px;font-weight:700}.history-table td{border-top:1px solid var(--border);white-space:nowrap;color:var(--text);padding:10px 12px}.history-table tr td:first-child{border-left:3px solid #0000}.history-table tr.history-row-empty td{color:var(--dim)}.sleep-row{cursor:pointer}.sleep-row:hover td{background:#ffffff08}.sleep-history-hint{color:var(--dim);margin:-6px 0 14px;font-size:12.5px}.sleep-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.sleep-detail-nav{gap:8px;display:flex}.sleep-detail-nav button{color:var(--sub);background:var(--card-2);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600}.sleep-detail-nav button:hover:not(:disabled){color:var(--text);border-color:var(--sub)}.sleep-detail-nav button:disabled{opacity:.4;cursor:default}.sleep-detail-times{color:var(--sub);margin:0 0 16px;font-size:13px}.hypnogram-legend{justify-content:center;gap:16px;margin-top:8px;display:flex}.hypnogram-legend-item{color:var(--sub);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.hypnogram-legend-dot{border-radius:999px;width:9px;height:9px;display:inline-block}.intraday-stack{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:20px;padding-top:12px;display:flex}.intraday-row{grid-template-columns:100px 1fr;align-items:center;gap:8px;display:grid}.intraday-label{color:var(--sub);font-size:11.5px;font-weight:700}.intraday-empty{color:var(--dim);font-size:12px}.sub-section-label{letter-spacing:.03em;color:var(--sub);margin-bottom:10px;font-size:12px;font-weight:700}.factor-list{flex-direction:column;gap:12px;display:flex}.factor-row{grid-template-columns:160px 1fr 44px;align-items:center;gap:10px;display:grid}.factor-row-label{color:var(--sub);font-size:12.5px}.factor-row-track{background:#ffffff0f;border-radius:999px;height:8px;overflow:hidden}.factor-row-fill{border-radius:999px;height:100%}.factor-row-value{color:var(--text);text-align:right;font-size:12.5px;font-weight:700}.factor-note{color:var(--dim);margin:4px 0 0;font-size:12px}.status-timeline{flex-wrap:wrap;gap:3px;display:flex}.status-timeline-cell{border-radius:3px;width:14px;height:24px}.target-bar-list{flex-direction:column;gap:16px;display:flex}.target-bar-row{grid-template-columns:130px 1fr 50px;align-items:center;gap:10px;display:grid}.target-bar-label{color:var(--sub);font-size:12.5px}.target-bar-track{background:#ffffff0f;border-radius:999px;height:10px;position:relative}.target-bar-zone{background:#34d39940;border-radius:999px;height:100%;position:absolute;top:0}.target-bar-marker{border-radius:2px;width:4px;height:16px;position:absolute;top:-3px;transform:translate(-2px)}.target-bar-value{color:var(--text);text-align:right;font-size:12.5px;font-weight:700}.target-bar-empty{color:var(--dim);font-size:12px}.activity-list{flex-direction:column;gap:10px;display:flex}.activity-card{background:var(--card-2);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 14px;display:flex}.activity-icon{border-radius:999px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.activity-icon svg{width:22px;height:22px}.activity-main{flex:1;min-width:140px}.activity-name{color:var(--text);font-size:14px;font-weight:700}.activity-sub{color:var(--dim);margin-top:2px;font-size:12px}.activity-stats{flex-shrink:0;gap:8px;display:flex}.activity-stat-chip{color:var(--sub);background:#ffffff0d;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.activity-stat-chip svg{flex:none}.target-bar-tick{background:var(--sub);border-radius:1px;width:2px;height:14px;position:absolute;top:-2px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;display:grid}.big-stat{background:var(--card-2);border-radius:14px;padding:14px 16px}.big-stat-label{letter-spacing:.04em;text-transform:uppercase;color:var(--dim);margin-bottom:6px;font-size:11px;font-weight:700}.big-stat-value{color:var(--text);font-size:24px;font-weight:800;line-height:1.1}.big-stat-unit{color:var(--sub);margin-left:2px;font-size:13px;font-weight:600}.big-stat-sub{color:var(--dim);margin-top:4px;font-size:12px}.age-compare{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:8px 0;display:flex}.age-compare-item{text-align:center}.age-compare-value{color:var(--sub);font-size:22px;font-weight:800}.age-compare-current .age-compare-value{color:var(--accent);font-size:32px}.age-compare-label{letter-spacing:.03em;text-transform:uppercase;color:var(--dim);margin-top:4px;font-size:11px;font-weight:700}.age-compare-arrow{color:var(--dim);font-size:18px}.hill-score{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.hill-score-overall{text-align:center;flex:none;min-width:90px}.hill-score-overall .big-stat-value{font-size:32px}@media (width>=640px){.hrv-page{padding:40px 32px 120px}}.pf-card{background:#12151b;border:1px solid #ffffff0f;border-radius:18px;padding:22px}.pf-kicker{letter-spacing:.12em;color:#64748b;margin-bottom:14px;font-size:10.5px;font-weight:800}.pf-radar-label{letter-spacing:.06em;color:#64748b;white-space:nowrap;font-size:10px;font-weight:800;position:absolute}.pf-tab{letter-spacing:.08em;color:#64748b;cursor:pointer;border-bottom:2px solid #0000;padding-bottom:10px;font-size:11px;font-weight:800;text-decoration:none}.pf-tab:hover{color:#f1f5f9}.pf-tab-active{color:#f1f5f9;border-bottom-color:#38bdf8}.pf-act{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:14px 0;display:flex}.pf-act:last-child{border-bottom:none}.pf-empty{color:#64748b;margin:4px 0 0;font-size:12.5px}.pf-sync-btn{letter-spacing:.05em;color:#05070a;cursor:pointer;background:#38bdf8;border:none;border-radius:999px;margin-left:16px;padding:9px 18px;font-size:12px;font-weight:700}.pf-sync-btn:disabled{opacity:.6;cursor:default}.pf-cal-icon svg{width:15px;height:15px}.pf-act-icon svg{width:18px;height:18px}.pf-nav-desktop{background:#0a0d12;border-bottom:1px solid #ffffff0f;align-items:center;gap:26px;padding:18px 32px;display:none}.pf-nav-mobile-top{background:#0a0d12;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.pf-sync-btn-compact{margin-left:0;padding:7px 14px;font-size:11px}.pf-nav-bottom{z-index:40;padding:8px 6px calc(6px + env(safe-area-inset-bottom));background:#0a0d12;border-top:1px solid #ffffff0f;display:flex;position:fixed;bottom:0;left:0;right:0}.pf-nav-bottom-item{letter-spacing:.04em;color:#64748b;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 2px;font-size:9.5px;font-weight:800;text-decoration:none;display:flex}.pf-nav-bottom-item svg{width:20px;height:20px}.pf-nav-bottom-item-active{color:#f1f5f9}.pf-nav-bottom-item-active svg{color:#38bdf8}.pf-page-content{padding:16px 14px 100px}.pf-desktop-only{display:none}@media (width>=860px){.pf-nav-desktop{display:flex}.pf-nav-mobile-top,.pf-nav-bottom{display:none}.pf-page-content{padding:32px 32px 80px}.pf-desktop-only{display:block}}.pf-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:18px;display:grid}.pf-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:18px;display:grid}.pf-split{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.pf-split-right{border-top:1px solid #ffffff0f;flex:260px;min-width:0;padding-top:20px}.pf-cal-months{flex-wrap:wrap;gap:28px;display:flex}.pf-cal-month{flex:240px;max-width:266px}.pf-cal-month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}@media (width>=720px){.pf-split{flex-wrap:nowrap;gap:40px}.pf-split-right{border-top:none;border-left:1px solid #ffffff0f;align-self:stretch;padding-top:0;padding-left:36px}}.pf-subhead{color:#f1f5f9;margin-top:20px;font-size:13px;font-weight:800}.pf-hint{color:#64748b;margin:6px 0 0;font-size:12.5px;line-height:1.5}.pf-field-label{color:#94a3b8;flex-direction:column;gap:6px;font-size:13px;display:flex}.pf-input{color:#f1f5f9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a0d12;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.pf-input:focus{border-color:#38bdf8;outline:none}.pf-primary-btn{color:#05070a;cursor:pointer;background:#38bdf8;border:none;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:700}.pf-primary-btn:disabled{opacity:.5;cursor:default}.pf-secondary-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:8px;margin-right:8px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600}.pf-secondary-btn:hover{color:#f1f5f9;border-color:#94a3b8}.pf-secondary-btn:disabled{opacity:.5;cursor:default}.pf-form-message{margin:12px 0 0;font-size:13px}.pf-form-message-ok{color:#34d399}.pf-form-message-error{color:#fb7185}.pf-progress-track{background:#1a1e26;border-radius:999px;height:8px;overflow:hidden}.pf-progress-fill{background:#38bdf8;border-radius:999px;height:100%;transition:width .4s}