:root{font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#edf0ed;background:#101312;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #101312;--card: #191d1b;--border: #2a302c;--muted: #7f8982;--soft: #a7b0a9;--green: #d2f86b;--purple: #b8a7ed;--blue: #7cb8f4;--yellow: #f2cd79;--red: #ed8c89}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green)}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.4}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{transition:background .16s,color .16s,opacity .16s,transform .16s}::selection{background:#d2f86b;color:#101312}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;padding:33px 20px 24px;background:#131714;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:11px;margin:0 9px}.wordmark{font-size:26px;font-weight:800;letter-spacing:-1.8px;font-style:italic;position:relative}.brand-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-left:2px}.brand-lang{font-size:10px;letter-spacing:1px;border:1px solid #3c4635;background:#222a1e;color:var(--green);padding:3px 6px;border-radius:4px}.sidebar-label{font-size:10px;letter-spacing:1.5px;color:#6f7a71;margin:16px 9px 45px}.sidebar nav{display:flex;flex-direction:column;gap:9px}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 15px;width:100%;font-size:13px;font-weight:500;color:#9aa49d;line-height:1.4;border-radius:7px;text-align:left}.nav-item:hover{background:#202620;color:#e5ebe4}.nav-item.active{color:var(--green);background:#283121}.nav-active-dot{margin-left:auto;width:5px;height:5px;background:var(--green);border-radius:50%}.sidebar-bottom{margin-top:auto}.device-card{padding:18px 10px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;color:#a6b09f;margin-bottom:17px}.device-card>div{display:flex;flex-direction:column;gap:6px;flex:1}.device-card strong{font-size:11px;color:#d8dfd7;font-weight:500}.device-card span:not(.connection-dot){font-size:9px;color:var(--muted)}.connection-dot{width:6px;height:6px;border-radius:50%;background:#5e6860}.connection-dot.online{background:var(--green);box-shadow:0 0 8px #d2f84433}.privacy-link{display:flex;align-items:center;gap:6px;color:#707d74;font-size:10px;padding:19px 13px 0}.privacy-link svg:last-child{margin-left:auto}.main-shell{margin-left:228px}.topbar{height:79px;border-bottom:1px solid var(--border);padding:0 42px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:11px;color:#7f8982}.breadcrumb span{color:#424d45}.breadcrumb strong{color:#c2cbc4;font-weight:450}.topbar-right{display:flex;align-items:center;gap:22px}.timezone{font-size:10px;letter-spacing:.8px;color:#89958b;display:flex;gap:7px;align-items:center}.small-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;flex-shrink:0}.profile-button{border:1px solid #384332;background:#263020;border-radius:50%;width:32px;height:32px;font-size:11px;color:var(--green);font-weight:600}.mobile-brand{display:none}main{max-width:1540px;padding:36px 42px 0;margin:0 auto;min-height:calc(100dvh - 79px)}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px;gap:20px}.eyebrow{font-size:9px;color:var(--green);letter-spacing:2.6px;font-weight:550;margin-bottom:13px}h1{font-size:25px;font-weight:550;letter-spacing:1px;line-height:1.5}.heading-dot{color:var(--green)}.page-heading p{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.8;letter-spacing:.4px}.sync-button,.secondary-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid #394138;background:#1b211b;border-radius:6px;font-size:11px;white-space:nowrap;padding:11px 15px;color:#c4cec2}.sync-button:hover,.secondary-button:hover{background:#293126;border-color:#56644a}.sync-button svg{color:var(--soft)}.spinning svg{animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.datebar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0 13px;border-top:1px solid var(--border)}.date-label{display:flex;align-items:center;gap:12px}.date-badge{font-size:9px;color:var(--green);background:#293020;border:1px solid #39442a;padding:4px 7px;border-radius:4px;line-height:1.2}.date-label strong{font-size:12px;font-weight:500;color:#d7ddd5;letter-spacing:.7px}.date-controls{display:flex;gap:6px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;color:#8b968c;width:29px;height:29px;border-radius:5px;padding:0}.icon-button:hover{background:#2d352d;color:#edf0ed}.date-controls input{width:116px;color-scheme:dark;color:#929e94;font-size:10px;background:none;border:0;padding:4px}.week-strip{display:flex;align-items:center;gap:10px;margin:3px 0 23px}.day-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:50px;height:76px;border:1px solid transparent;border-radius:7px;color:#7d8a80;flex-shrink:0}.day-pill span{font-size:9px}.day-pill b{font-size:17px;font-weight:450;color:#c4cdc5}.day-pill i{width:4px;height:4px;border-radius:50%;opacity:.65}.day-pill:hover{background:#202720}.day-pill.selected{border-color:#424d36;background:#252d20}.day-pill.selected span,.day-pill.selected b{color:var(--green)}.day-pill.selected i{opacity:1}.week-caption{display:flex;align-items:center;gap:7px;font-size:9px;color:#66756a;margin-left:auto;letter-spacing:.4px}.week-caption .small-dot{background:#6e8061;width:4px;height:4px}.connect-banner{background:linear-gradient(105deg,#27321e,#1b241a 78%);border:1px solid #3d4b2d;border-radius:9px;padding:21px 23px;display:flex;align-items:center;gap:17px;margin-bottom:20px}.connect-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #4c5c36;border-radius:12px;color:var(--green);background:#2d3923;transform:rotate(-6deg)}.connect-banner h3{font-size:13px;font-weight:500;color:#e2ebd6;letter-spacing:.4px}.connect-banner p{font-size:10px;color:#a0ae93;margin-top:7px;line-height:1.6}.connect-actions{display:flex;align-items:center;gap:15px;margin-left:auto;flex-shrink:0}.primary-button{border:1px solid var(--green);background:var(--green);color:#202915;display:inline-flex;justify-content:center;align-items:center;gap:11px;padding:11px 17px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}.primary-button:hover{background:#dffca0;border-color:#dffca0}.text-button{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap;color:#acb89e}.text-button:hover{color:var(--green)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:20px}.metric-card{border:1px solid var(--border);border-radius:9px;background:var(--card);position:relative;overflow:hidden;padding:20px 23px 0;--metric-color: var(--green)}.metric-card:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:var(--metric-color);opacity:.26}.metric-header{display:flex;align-items:center;justify-content:space-between}.metric-header>div{display:flex;gap:9px;align-items:center;color:var(--metric-color)}.metric-header h2{font-weight:550;color:#e0e6e0;font-size:13px;letter-spacing:2px}.metric-header .icon-button{height:22px;width:22px}.metric-subtitle{font-size:9px;color:#7e8b82;margin-top:8px;letter-spacing:.5px}.ring{width:158px;height:158px;position:relative;margin:18px auto 8px}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:8;stroke-linecap:round}.ring-track{stroke:#2d352e}.ring-progress{stroke:var(--metric-color);transition:stroke-dashoffset .8s ease}.ring-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.ring-value strong{font-size:42px;font-weight:450;line-height:1;letter-spacing:-1px;font-variant-numeric:tabular-nums}.ring-value strong small{font-size:19px;vertical-align:baseline;margin-left:2px;font-weight:400}.ring-value span{font-size:9px;color:#88958c;letter-spacing:1px}.empty-ring .ring-value strong{color:#657168;font-size:36px}.empty-ring .ring-track{stroke-dasharray:4 6;stroke-width:5}.metric-tag{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--metric-color);font-size:9px;letter-spacing:.6px;margin-bottom:21px}.metric-tag i{width:4px;height:4px;border-radius:50%;background:currentColor}.metric-footer{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);padding:17px 0 19px;gap:12px}.metric-footer>div{display:flex;flex-direction:column;gap:9px}.metric-footer>div:last-child{border-left:1px solid var(--border);padding-left:22px}.metric-footer span{font-size:9px;color:#7f8a82}.metric-footer strong{font-size:11px;font-weight:500;color:#cbd4cc;font-variant-numeric:tabular-nums}.middle-grid{display:grid;grid-template-columns:1.56fr 1fr;gap:19px;margin-bottom:20px}.panel{background:var(--card);border:1px solid var(--border);border-radius:9px;padding:20px 23px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;min-height:24px}.panel-title>div{display:flex;align-items:center;gap:8px;color:#9aa79b;flex-wrap:wrap}.panel-title h2{font-size:12px;letter-spacing:.5px;font-weight:550;color:#dbe3db}.panel-label{font-size:9px;color:#77847b;margin-left:6px}.panel-title .icon-button{width:22px;height:22px}.chart-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}.chart-top>div:first-child{display:flex;gap:12px;align-items:baseline}.chart-top strong{font-size:23px;letter-spacing:-.5px;font-weight:450}.chart-top>div>span{font-size:9px}.chart-legend{font-size:9px;color:#7f8b80;display:flex;gap:6px;align-items:center}.chart-legend i{height:5px;width:5px;border-radius:50%;background:var(--green)}.bar-chart{display:flex;height:133px;padding-top:9px;gap:12px}.chart-y{width:21px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:23px;font-size:8px;color:#637066;text-align:right}.chart-area{position:relative;display:flex;gap:22px;justify-content:space-around;flex:1;min-width:0;padding:0 7px}.chart-grid{position:absolute;top:0;right:0;bottom:23px;left:0;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{height:1px;border-top:1px dashed #30382f}.chart-column{height:100%;display:flex;flex:1;flex-direction:column;align-items:center;z-index:1;max-width:46px;min-width:0}.bar-slot{height:calc(100% - 23px);width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:100%;max-width:30px;border-radius:3px 3px 0 0;transition:height .5s;min-height:1px}.chart-column>span{color:#6e7b72;font-size:8px;line-height:23px;white-space:nowrap}.chart-empty{position:absolute;top:0;right:0;bottom:23px;left:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:#59675b;font-size:10px;background:linear-gradient(90deg,transparent,#191d1b88,transparent)}.panel-footnote{font-size:9px;line-height:1.8;color:#718075;border-top:1px solid var(--border);padding-top:13px;margin-top:15px;letter-spacing:.3px}.insight-panel{background:radial-gradient(ellipse at 100% 20%,#36402455,transparent 70%),#1b2119;position:relative;overflow:hidden;border-color:#34402e;display:flex;flex-direction:column;min-height:280px}.insight-panel:after{content:"";position:absolute;width:160px;height:160px;border:1px solid #b3cf7a0b;border-radius:50%;right:-72px;top:-60px;box-shadow:0 0 0 22px #b3cf7a05,0 0 0 44px #b3cf7a04,0 0 0 66px #b3cf7a03}.insight-top{display:flex;gap:12px;align-items:center;margin:0 0 19px}.insight-icon{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:9px;color:var(--green);background:#2e3925}.tiny-caps{font-size:8px;letter-spacing:2.2px;color:#9baa82}.insight-panel h2{font-size:20px;line-height:1.75;font-weight:450;letter-spacing:1px;white-space:pre-line;color:#e2ebd3}.insight-panel>p{font-size:10px;color:#8d9c82;line-height:1.95;margin-top:12px;max-width:330px;letter-spacing:.2px}.insight-footer{display:flex;align-items:center;gap:7px;font-size:8px;color:#718362;margin-top:auto;padding-top:21px}.insight-footer>svg{margin-left:auto}.insight-footer .small-dot{width:4px;height:4px;background:#7f9c54}.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:19px}.workout-row{padding:13px 0 5px}.workout-row+.workout-row{border-top:1px solid var(--border);margin-top:14px;padding-top:22px}.workout-top{display:flex;align-items:center;gap:14px}.workout-icon{width:47px;height:47px;border:1px solid #3b4640;background:#253029;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#a2c9ac}.workout-info h3{font-size:12px;font-weight:500;margin-bottom:8px}.workout-info>span{display:flex;gap:8px;align-items:center;font-size:9px;color:#7c8a80;flex-wrap:wrap}.workout-info i{width:3px;height:3px;border-radius:50%;background:#68776d}.workout-strain{margin-left:auto;text-align:right}.workout-strain b{font-weight:450;font-size:23px;color:var(--blue);display:block}.workout-strain>span{font-size:8px;color:#738078;display:block;margin-top:5px}.health-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 0 0}.small-metric-label{display:flex;gap:5px;align-items:center;font-size:9px;color:#849289;white-space:nowrap}.small-metric>div{display:flex;align-items:baseline;gap:5px;margin-top:14px}.small-metric b{font-size:24px;letter-spacing:-.5px;font-weight:450}.small-metric>div>span{font-size:8px;color:#748176}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:115px;padding:14px 0 8px;text-align:center}.empty-state>div{color:#627366;margin-bottom:11px}.empty-state h3{font-size:11px;font-weight:450;color:#94a397}.empty-state p{font-size:9px;color:#64746a;margin-top:7px;line-height:1.8}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#57665c;font-size:8px;padding:28px 0 23px;letter-spacing:.3px}.footer-brand{display:flex;align-items:center;gap:7px;font-size:9px;font-style:italic;font-weight:650}.footer-brand span{font-size:8px;font-weight:400;font-style:normal}.footer-brand i{height:10px;width:1px;background:#3b463c;margin:0 5px}.footer-brand i~*{font-style:normal}footer>span{font-size:8px}.detail-summary{display:grid;grid-template-columns:1fr 1.65fr;gap:20px;margin-bottom:20px}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sleep-detail{display:flex;flex-direction:column}.bedtime-row{display:flex;justify-content:space-between;align-items:center;padding:35px 18px 31px}.bedtime-row>div:not(.sleep-path){display:flex;flex-direction:column;gap:10px;color:var(--purple);align-items:center}.bedtime-row span{font-size:10px;color:var(--muted)}.bedtime-row b{font-size:26px;font-weight:450;color:#d7d9e0;letter-spacing:.5px}.sleep-path{display:flex;gap:15px;align-items:center;flex:1;padding:0 20px;color:#7f719e}.sleep-path>span{height:1px;flex:1;border-top:1px dashed #4d455b}.sleep-stat-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);margin-top:auto;padding-top:25px;padding-bottom:12px}.sleep-stat-row>div{display:flex;flex-direction:column;gap:14px;text-align:center}.sleep-stat-row>div+div{border-left:1px solid var(--border)}.sleep-stat-row span{font-size:11px;color:var(--muted)}.sleep-stat-row strong{font-weight:450;font-size:27px;color:var(--purple)}.sleep-stages-bar{display:flex;min-height:28px;border-radius:4px;overflow:hidden;background:#272c29;margin:27px 0}.sleep-stages-bar>span{font-size:10px;margin:auto;color:var(--muted)}.stage-list{display:flex;flex-direction:column;gap:20px;margin:25px 0}.stage-list>div{display:flex;gap:10px;align-items:center}.stage-list>div>span{font-size:11px;display:flex;gap:9px;align-items:center;color:#aeb5b0;flex:1}.stage-list i{width:7px;height:7px;border-radius:2px}.stage-list b{font-size:10px;font-weight:450}.stage-list em{font-size:9px;color:var(--muted);font-style:normal;width:30px;text-align:right}.explanation-list{display:flex;flex-direction:column;gap:23px;padding:5px 0 10px}.explanation h3{font-size:11px;color:#c1c9c2;font-weight:500;margin-bottom:8px}.explanation p{font-size:11px;color:var(--muted);line-height:1.9}.recovery-stats{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:32px 10px}.recovery-stats .small-metric b{font-size:32px}.recovery-scale{display:flex;gap:24px;border-top:1px solid var(--border);margin-top:19px;padding-top:17px;flex-wrap:wrap}.recovery-scale span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.recovery-scale i{width:6px;height:6px;border-radius:50%}.soft-note{display:flex;align-items:center;gap:13px;padding:19px 21px;color:#92a18c;border:1px solid var(--border);background:#18201766;border-radius:7px;margin:20px 0}.soft-note p{font-size:10px;color:var(--muted);line-height:1.9}.soft-note.compact{margin-top:48px}.large-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px 12px}.large-stat-grid>div{display:flex;flex-direction:column;gap:25px}.large-stat-grid>div>span{color:var(--muted);font-size:11px}.large-stat-grid b{font-size:35px;font-weight:450;display:flex;gap:8px;align-items:baseline}.large-stat-grid small{font-size:11px;color:var(--muted);font-weight:400}.workout-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0 18px;max-width:650px}.workout-stats>div{display:flex;flex-direction:column;gap:13px}.workout-stats span{font-size:10px;color:var(--muted)}.workout-stats b{font-size:22px;font-weight:450}.workout-stats small{font-size:9px;font-weight:400;margin-left:5px;color:var(--muted)}.trends-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:15px}.trends-heading h2{font-size:15px;font-weight:500}.trends-heading p{font-size:10px;color:var(--muted);margin-top:10px}.segmented{padding:4px;background:#111711;border:1px solid var(--border);border-radius:6px;display:flex;flex-shrink:0}.segmented>button{font-size:10px;padding:7px 13px;color:var(--muted);border-radius:4px}.segmented>button.selected{background:#303a27;color:var(--green)}.trend-tabs{display:flex;gap:12px;border-bottom:1px solid var(--border);padding-bottom:17px;flex-wrap:wrap}.trend-tabs button{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:10px;padding:8px 12px;border:1px solid transparent;border-radius:5px}.trend-tabs button.selected{border-color:#4b5841;background:#272f22;color:#dde9d2}.trend-tabs i{width:5px;height:5px;border-radius:50%}.trend-summary{display:flex;flex-direction:column;gap:10px;margin:26px 0}.trend-summary>b{font-size:40px;font-weight:450;letter-spacing:-1px}.trend-summary b span{font-size:13px;font-weight:400;color:var(--muted);margin-left:7px}.trend-summary>span{font-size:10px;color:var(--muted)}.bar-chart.large{height:270px;padding-top:15px}.large .chart-area{gap:8px}.large .bar{max-width:44px}.trend-average{font-size:10px;color:#acb7a8;border-top:1px solid var(--border);padding-top:20px;margin-top:20px;display:flex;justify-content:space-between;gap:15px}.trend-average>span{color:var(--muted);font-size:9px}.settings-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:20px;margin-top:30px}.account-panel{text-align:center;padding-bottom:30px}.account-illustration{display:flex;flex-direction:column;align-items:center;gap:22px;color:#8d9f87;margin:36px 0 27px}.account-illustration>span{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:10px}.account-illustration .small-dot{background:var(--muted)}.account-illustration>span.connected-label{color:var(--green)}.connected-label .small-dot{background:var(--green)}.account-panel>h2{font-size:18px;font-weight:500}.account-panel>p{font-size:11px;color:var(--muted);line-height:2;margin:16px 4px 23px}.wide{display:flex;width:100%}.account-actions{display:flex;justify-content:center;gap:25px;font-size:10px;color:#a0aa9b;margin:20px 0}.account-actions button{display:flex;align-items:center;gap:6px}.account-actions button:first-child{color:#bc9e92}.account-sync{display:flex;justify-content:center;align-items:center;gap:6px;color:#6f7e73;font-size:9px;margin-top:23px}.settings-right{display:flex;flex-direction:column;gap:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:19px 0;gap:15px}.setting-row+.setting-row{border-top:1px solid var(--border)}.setting-row h3{font-size:12px;font-weight:500;margin-bottom:9px}.setting-row p{font-size:10px;color:var(--muted);line-height:1.8}.about-copy{font-size:11px;color:var(--muted);line-height:2.1;margin:20px 0}.version-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding-top:17px;font-size:9px;color:#66776b}.install-card{display:flex;gap:16px;align-items:center;padding:20px 24px;border:1px solid #35402c;border-radius:8px;background:#1c2318}.install-icon{color:var(--green)}.install-card h3{font-size:12px;font-weight:500;color:#c0d2b0;margin-bottom:9px}.install-card p{font-size:10px;color:#7c8f71;line-height:1.8}.alert{display:flex;gap:10px;align-items:center;border:1px solid #684d3d;color:#d5b19a;background:#36261d;font-size:11px;padding:12px 15px;border-radius:6px;margin-bottom:20px;line-height:1.8}.alert span{flex:1}.alert .icon-button{color:inherit}.toast{position:fixed;z-index:90;top:22px;left:calc(50% + 114px);transform:translate(-50%);display:flex;gap:10px;align-items:center;padding:14px 22px;border:1px solid #4d6538;background:#2a3523;box-shadow:0 10px 40px #0007;color:#d2e7bd;font-size:11px;border-radius:8px;max-width:calc(100vw - 30px);line-height:1.7}.demo-banner{display:flex;align-items:center;gap:9px;background:#2c281c;border:1px solid #554b2c;color:#d2c392;border-radius:6px;padding:11px 15px;font-size:10px;margin-bottom:22px}.demo-banner>span{flex:1}.demo-banner button{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:9px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050805b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:450px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;padding:36px;background:#1a201b;border:1px solid #3d493a;border-radius:15px;box-shadow:0 20px 100px #0008;position:relative}.modal-close{position:absolute;right:15px;top:15px}.modal-icon{color:var(--green);display:flex;width:55px;height:55px;align-items:center;justify-content:center;background:#2d3924;border:1px solid #455336;border-radius:13px;margin-bottom:26px}.modal h2{font-size:21px;font-weight:500;margin-bottom:19px;line-height:1.7}.modal p{font-size:12px;line-height:2;color:#a1ae9f;margin-bottom:16px}.modal p.modal-muted{color:#788875;font-size:10px}.modal .secondary-button{margin:2px 0 20px}.modal .wide{margin-top:14px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.modal-actions .secondary-button{margin:0}.danger-button{font-size:11px;border:1px solid #8a6250;background:#613f30;color:#efd2bf;padding:11px 18px;border-radius:5px}.mobile-nav{display:none}@media(min-width:1500px){main{padding-top:45px}.metric-card{padding-top:25px}.ring{width:178px;height:178px;margin-top:22px;margin-bottom:14px}.ring-value strong{font-size:47px}.metric-subtitle{font-size:10px}.metric-footer{padding-top:22px;padding-bottom:24px}.metric-footer strong{font-size:12px}.metric-tag{font-size:10px;margin-bottom:23px}.insight-panel{padding:25px 29px}.insight-panel h2{font-size:24px}.insight-panel>p{font-size:11px}.bar-chart{height:155px}.health-mini-grid{padding-top:22px;padding-bottom:9px}.small-metric b,h1{font-size:29px}.page-heading p{font-size:12px}}@media(max-width:1190px){.sidebar{width:196px;padding-left:15px;padding-right:15px}.main-shell{margin-left:196px}.topbar{padding:0 27px}main{padding:29px 27px 0}.wordmark{font-size:24px}.sidebar-label{font-size:9px}.metric-card{padding-left:17px;padding-right:17px}.metric-footer>div:last-child{padding-left:13px}.metric-footer strong{font-size:10px}.connect-banner{padding:18px}.connect-actions{gap:10px;flex-direction:column;align-items:center}.connect-banner h3{font-size:12px}.ring{width:146px;height:146px}.panel{padding:18px}.middle-grid{grid-template-columns:1.3fr 1fr}.insight-panel h2{font-size:19px}.week-caption{display:none}.health-mini-grid{gap:6px}.small-metric-label{font-size:8px}.small-metric b{font-size:22px}.toast{left:calc(50% + 98px)}h1{font-size:23px}.date-label strong{font-size:11px}}@media(max-width:950px){.sidebar{width:175px;padding-left:10px;padding-right:10px}.main-shell{margin-left:175px}.sidebar-label{letter-spacing:.5px;margin-left:8px;margin-bottom:33px}.nav-item{font-size:12px;gap:9px;padding:13px 12px}.wordmark{font-size:22px}.brand-lang{font-size:8px}.brand{gap:7px}.device-card{gap:6px}.device-card>svg{width:20px}.device-card span:not(.connection-dot){font-size:8px}.device-card strong{font-size:10px}main{padding-left:22px;padding-right:22px}.topbar{padding:0 22px}.page-heading{align-items:flex-start}.page-heading p{max-width:300px}h1{font-size:20px;letter-spacing:.3px}.eyebrow{font-size:8px}.sync-button{font-size:10px;padding:10px}.metric-grid{gap:11px}.metric-card{padding:16px 13px 0}.metric-header h2{font-size:12px}.metric-header>div{gap:6px}.metric-subtitle{font-size:8px;letter-spacing:0}.ring{width:130px;height:130px;margin:17px auto 10px}.ring-value strong{font-size:34px}.ring-value span{font-size:8px}.metric-footer{gap:6px}.metric-footer strong{font-size:9px}.metric-footer>div:last-child{padding-left:10px}.metric-footer span{font-size:8px}.middle-grid{grid-template-columns:1.2fr 1fr;gap:12px}.insight-panel h2{font-size:18px}.bottom-grid{grid-template-columns:1fr;gap:15px}.health-mini-grid{padding:8px 0}.small-metric-label{font-size:10px}.small-metric b{font-size:26px}.health-mini-grid .small-metric+div{border-left:1px solid var(--border);padding-left:20px}.connect-banner{gap:12px;padding:16px}.connect-icon{width:34px;height:34px;flex-shrink:0}.connect-banner h3{font-size:11px}.connect-banner p{font-size:9px}.connect-actions .primary-button{font-size:10px;padding:9px 10px}.connect-actions .text-button{font-size:9px}.detail-summary{grid-template-columns:1fr 1.4fr;gap:14px}.recovery-stats{gap:25px 12px;margin-left:0;margin-right:0}.recovery-stats .small-metric b{font-size:26px}.two-grid{grid-template-columns:1fr}.sleep-path{padding:0 10px;gap:8px}.bedtime-row{padding:35px 0}.bedtime-row b{font-size:23px}.large-stat-grid{gap:15px;padding:30px 0}.large-stat-grid b{font-size:30px}.settings-grid{grid-template-columns:1fr}.account-panel{padding:23px 30px}.settings-right{gap:15px}.toast{left:calc(50% + 87px)}footer{flex-direction:column;align-items:flex-start;gap:12px}.footer-brand{font-size:8px}.panel-label{font-size:8px;margin-left:0}.chart-area{gap:14px}}@media(max-width:740px){.sidebar{transform:translate(-100%);transition:transform .2s;width:235px;padding:30px 20px;z-index:70}.sidebar.open{transform:translate(0)}.sidebar .brand{gap:11px}.sidebar .wordmark{font-size:27px}.sidebar .brand-lang{font-size:10px}.sidebar-label{font-size:10px;margin:16px 9px 35px}.sidebar .nav-item{font-size:13px;padding:14px}.sidebar .device-card strong{font-size:11px}.sidebar .device-card span:not(.connection-dot){font-size:9px}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:60}.main-shell{margin-left:0}.topbar{height:64px;padding:0 21px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:12px}.mobile-brand b{font-size:20px;letter-spacing:-1px;font-style:italic}.mobile-brand b>span{font-size:10px;letter-spacing:1px;font-style:normal;color:var(--green);margin-left:7px;font-weight:400}.mobile-brand .icon-button{margin-left:-5px;color:#a4b09f}.topbar-right{gap:10px}.timezone{display:none}.profile-button{width:29px;height:29px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#151a15f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #323c2f;justify-content:space-around;padding:11px 7px calc(10px + env(safe-area-inset-bottom));height:calc(65px + env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;color:#798b7a;width:19%;padding:0}.mobile-nav button.active{color:var(--green)}main{padding:28px 20px calc(75px + env(safe-area-inset-bottom))}.page-heading{margin-bottom:26px;gap:10px;position:relative}.page-heading>div{max-width:calc(100% - 38px)}h1{font-size:22px;letter-spacing:.4px;line-height:1.65}.page-heading p{font-size:10px;margin-top:10px;max-width:100%;line-height:1.9;letter-spacing:0}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:11px}.sync-button{width:32px;height:32px;padding:0;border-radius:50%;flex-shrink:0;margin-top:29px}.sync-button>span{display:none}.datebar{padding-top:18px;padding-bottom:12px}.date-label{gap:8px}.date-label strong{font-size:10px;letter-spacing:0}.date-badge{font-size:8px;padding:4px 6px}.date-controls{gap:2px}.date-controls input{width:18px;font-size:0;padding:0;cursor:pointer}.date-controls input::-webkit-calendar-picker-indicator{margin:0;padding:0;width:15px;height:15px;opacity:.6}.date-controls .icon-button{height:26px;width:26px}.week-strip{gap:0;justify-content:space-between;margin-bottom:20px}.day-pill{width:calc(100% / 7 - 5px);height:72px;gap:8px}.day-pill span{font-size:9px}.day-pill b{font-size:16px}.connect-banner{flex-wrap:wrap;gap:12px;padding:18px}.connect-icon{width:35px;height:35px}.connect-banner>div:nth-child(2){flex:1;min-width:0}.connect-banner h3{font-size:11px;letter-spacing:0;line-height:1.8}.connect-banner p{font-size:9px;line-height:1.8;margin-top:4px}.connect-actions{flex-direction:row;width:100%;justify-content:space-between;margin-top:5px;padding-top:14px;border-top:1px solid #3a462c}.connect-actions .primary-button{padding:10px 15px}.connect-actions .text-button{padding:10px 4px}.metric-grid{gap:10px;margin-bottom:15px}.metric-card{padding:14px 12px 0;border-radius:8px}.metric-header h2{font-size:11px;letter-spacing:1px}.metric-header>div{gap:6px}.metric-header>div svg{width:15px}.metric-header .icon-button{display:none}.metric-subtitle{font-size:8px;line-height:1.6;min-height:26px;margin-top:7px;color:#7c8b7d}.ring{width:100%;max-width:132px;height:auto;aspect-ratio:1;margin:7px auto 8px}.ring circle{stroke-width:8}.ring-value strong{font-size:29px}.ring-value strong small{font-size:13px}.ring-value{gap:5px}.ring-value span{font-size:7px;letter-spacing:0}.metric-tag{font-size:8px;gap:4px;letter-spacing:0;margin-bottom:15px;white-space:nowrap}.metric-tag i{height:3px;width:3px}.metric-footer{display:flex;flex-direction:column;padding:12px 0 15px;gap:14px}.metric-footer>div{gap:6px}.metric-footer>div:last-child{padding-left:0;border:0}.metric-footer span{font-size:8px}.metric-footer strong{font-size:9px;white-space:nowrap;letter-spacing:0}.middle-grid{grid-template-columns:1fr;gap:15px;margin-bottom:15px}.panel{padding:19px;border-radius:8px}.panel-title h2{font-size:12px}.panel-label{font-size:9px}.chart-top strong{font-size:25px}.bar-chart{height:153px;gap:10px}.chart-area{gap:18px;padding:0 4px}.bar{max-width:28px}.chart-column>span{font-size:8px}.chart-y{font-size:8px}.panel-footnote{font-size:9px}.insight-panel{min-height:252px;padding:21px 23px}.insight-top{margin-bottom:14px}.insight-panel h2{font-size:23px;line-height:1.7}.insight-panel>p{font-size:10px;max-width:100%}.insight-footer{font-size:8px}.bottom-grid{gap:15px}.health-mini-grid .small-metric+div{padding-left:15px}.small-metric-label{font-size:8px;gap:5px}.small-metric-label svg{width:12px}.small-metric b{font-size:24px}.small-metric>div>span{font-size:8px}.workout-info>span{font-size:8px;gap:6px}.workout-info h3{font-size:11px}.workout-icon{width:42px;height:42px}.workout-top{gap:12px}.workout-strain b{font-size:22px}.detail-summary{grid-template-columns:1fr;gap:15px;margin-bottom:15px}.detail-summary>.metric-card{padding:21px 25px 0}.detail-summary .metric-header h2{font-size:14px}.detail-summary .metric-subtitle{font-size:10px;min-height:0}.detail-summary .ring{max-width:178px;margin:20px auto 14px}.detail-summary .ring-value strong{font-size:44px}.detail-summary .ring-value strong small{font-size:19px}.detail-summary .ring-value span{font-size:9px}.detail-summary .metric-tag{font-size:10px;margin-bottom:20px}.detail-summary .metric-footer{display:grid;grid-template-columns:1fr 1fr;padding-top:20px;padding-bottom:23px;gap:15px}.detail-summary .metric-footer>div{gap:9px}.detail-summary .metric-footer>div:last-child{border-left:1px solid var(--border);padding-left:25px}.detail-summary .metric-footer span{font-size:10px}.detail-summary .metric-footer strong{font-size:12px}.bedtime-row{padding:23px 12px 27px}.bedtime-row b{font-size:27px}.sleep-path{padding:0 17px;gap:12px}.sleep-stat-row{padding:22px 0 3px}.sleep-stat-row strong{font-size:28px}.two-grid{gap:15px}.stage-list{gap:20px}.stage-list>div>span{font-size:10px}.explanation p{font-size:10px}.recovery-stats{margin:28px 4px;gap:30px 20px}.recovery-stats .small-metric-label{font-size:10px}.recovery-stats .small-metric b{font-size:30px}.recovery-scale{gap:14px 18px}.recovery-scale span{font-size:9px}.soft-note{padding:16px}.soft-note p{font-size:9px}.large-stat-grid{padding:20px 9px}.large-stat-grid b{font-size:34px}.soft-note.compact{margin-top:25px;margin-bottom:0}.workout-stats b{font-size:21px}.workout-stats span{font-size:9px}.workout-stats{padding-top:23px}.trends-heading{margin-bottom:22px;align-items:flex-start}.trends-heading h2{font-size:13px}.trends-heading p{font-size:9px;max-width:170px;line-height:1.8}.segmented{padding:3px}.segmented button{padding:6px 10px;font-size:9px}.trend-tabs{gap:3px;flex-wrap:nowrap}.trend-tabs button{font-size:9px;padding:8px 9px;gap:5px}.trend-summary{margin:23px 0}.trend-summary b{font-size:34px}.bar-chart.large{height:220px}.large .chart-area{gap:5px}.large .chart-column>span{font-size:7px}.trend-average{font-size:9px;flex-direction:column;gap:10px}.settings-grid{margin-top:0;gap:15px}.account-panel{padding:22px}.account-panel>h2{font-size:18px}.account-panel>p{font-size:10px}.account-illustration{margin-top:25px}.setting-row h3{font-size:11px}.setting-row p{font-size:9px}.setting-row .secondary-button{font-size:10px;padding:9px 11px}.about-copy{font-size:10px}.install-card{padding:19px}.install-card p{font-size:9px}.version-row{font-size:8px}.demo-banner{font-size:9px;padding:10px;gap:6px;margin-bottom:22px}.demo-banner svg{width:14px}.demo-banner button{font-size:8px;gap:3px}.toast{left:50%;font-size:10px;padding:13px 17px;width:max-content}.alert{font-size:10px}.modal{padding:29px 25px;border-radius:13px}.modal h2{font-size:19px}.modal p{font-size:11px}.modal-backdrop{padding:20px}.modal .secondary-button{font-size:10px}.modal p.modal-muted{font-size:9px}footer{padding-top:26px;gap:11px}footer>span{font-size:8px}.footer-brand{font-size:8px;flex-wrap:wrap}}@media(max-width:370px){main{padding-left:14px;padding-right:14px}h1{font-size:20px}.metric-grid{gap:7px}.metric-card{padding-left:9px;padding-right:9px}.ring-value strong{font-size:26px}.metric-footer strong{font-size:8px}.metric-tag{font-size:7px}.health-mini-grid .small-metric+div{padding-left:10px}.small-metric-label{font-size:7px}.date-label strong{font-size:9px}.trend-tabs button{padding-left:7px;padding-right:7px}.connect-banner h3{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:740px){.metric-header h2{font-size:12px}.metric-subtitle{font-size:9px;min-height:30px}.metric-footer span{font-size:9px}.metric-footer strong{font-size:10px}.metric-tag{font-size:9px}.ring-value span{font-size:8px}}.archive-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0}.archive-count{font-size:35px;font-weight:450}.archive-count small{font-size:10px;color:var(--muted);font-weight:400;margin-left:8px}.archive-status{display:flex;align-items:center;gap:6px;font-size:9px;color:#9db38b}.archive-detail{display:flex;justify-content:space-between;gap:15px;margin:16px 0;font-size:10px}.archive-detail span{color:var(--muted)}.archive-detail b{font-weight:450;color:#b7c4b1}.archive-error{font-size:10px;line-height:1.9;color:var(--yellow);margin-top:15px}