:root{--bg: #0a0d12;--bg2: #0f141b;--card: #151b24;--card2: #1b2230;--border: #262f3d;--text: #eef2f7;--muted: #8794a6;--dim: #5b6675;--sleep: #5aa9e6;--strain: #3aa0ff;--rec-g: #16d998;--rec-y: #ffd02e;--rec-r: #ff4d5e;--rem: #8a6cff;--deep: #2f5bd0;--light: #4a90d9;--awake: #f0a05a}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{width:100%;min-height:100vh;position:relative}.scroll{padding:14px 15px 96px;max-width:480px;margin:0 auto}.layout{min-height:100vh}.sidebar{display:none}.content{padding:14px 15px 96px}.contentInner{max-width:480px;margin:0 auto}.hd-right{display:flex;align-items:center;gap:8px}.viewname{color:var(--sleep)}@media (min-width: 900px){.layout{display:flex;align-items:stretch}.sidebar{display:flex;flex-direction:column;gap:6px;width:232px;flex-shrink:0;padding:22px 16px;border-right:1px solid var(--border);position:sticky;top:0;height:100vh;background:var(--bg2)}.brand{font-size:20px;font-weight:900;letter-spacing:-.5px;display:flex;align-items:center;gap:9px;padding:4px 10px 18px}.brand .blogo{color:var(--sleep);font-size:22px}.sidenav{display:flex;flex-direction:column;gap:4px}.sidenav button{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;color:var(--muted);font-size:14px;font-weight:600;text-align:left;padding:11px 12px;border-radius:11px;cursor:pointer}.sidenav button .i{font-size:17px;width:22px;text-align:center}.sidenav button:hover{background:var(--card);color:var(--text)}.sidenav button.on{background:var(--card-hi, var(--card));color:var(--text);box-shadow:inset 3px 0 0 var(--sleep)}.sidefoot{margin-top:auto;color:var(--dim);font-size:11px;line-height:1.6;padding:12px 10px 0}.content{flex:1;min-width:0;padding:26px 34px 48px}.contentInner{max-width:1240px;margin:0 auto}.nav{display:none}.hd{margin-bottom:22px}.hd .greet{font-size:24px}.view{column-count:2;column-gap:18px}.view>.card{break-inside:avoid;margin-bottom:18px}.view>.rings{column-span:all;max-width:560px;margin:0 auto 22px}.view>.note{column-span:all}.ring svg{width:128px;height:128px}}@media (min-width: 1300px){.view{column-count:3}.view>.rings{max-width:620px}}.boot{color:var(--text);text-align:center;padding:120px 24px;font-size:15px}.boot .spin{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--sleep);border-radius:50%;margin:0 auto 18px;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.view{animation:fade .25s ease}.hero{min-height:84vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:20px}.hero h1{font-size:34px;font-weight:900;letter-spacing:-1px;line-height:1.05}.hero p{color:var(--muted);max-width:330px;line-height:1.6;font-size:15px}.btn{background:var(--rec-g);color:#05221a;border:none;font-weight:800;padding:14px 24px;border-radius:999px;font-size:15px;cursor:pointer;text-decoration:none;display:inline-flex;gap:8px;transition:transform .12s}.btn:active{transform:scale(.97)}.btn.ghost{background:var(--card2);color:var(--muted);border:1px solid var(--border);padding:7px 13px;font-size:12px;font-weight:700}.hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hd .greet{font-size:20px;font-weight:800}.hd .upd{font-size:11px;color:var(--dim);margin-top:2px;display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:var(--rec-g);box-shadow:0 0 8px var(--rec-g);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.rangesel{display:flex;gap:4px;background:var(--card2);border:1px solid var(--border);border-radius:999px;padding:3px}.rangesel button{background:none;border:none;color:var(--muted);font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;cursor:pointer}.rangesel button.on{background:var(--sleep);color:#04121f}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:15px;margin-bottom:13px}.card h3{font-size:11.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-weight:700;margin-bottom:13px;display:flex;align-items:center;justify-content:space-between}.card h3 .t{color:var(--dim);font-weight:600;letter-spacing:.3px;text-transform:none}.rings{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.ring{display:flex;flex-direction:column;align-items:center;gap:7px}.ring .lbl{font-size:10.5px;letter-spacing:1.3px;font-weight:700;color:var(--muted);text-transform:uppercase}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.kpi{background:var(--card2);border-radius:12px;padding:12px 13px}.kpi .l{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:700}.kpi .v{font-size:23px;font-weight:800;margin-top:4px}.kpi .v small{font-size:12px;color:var(--muted);font-weight:600}.kpi .d{font-size:11px;margin-top:3px;font-weight:700}.up{color:var(--rec-g)}.down{color:var(--rec-r)}.hm-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.hm{text-align:center;padding:4px 2px}.hm .nm{font-size:10px;color:var(--muted);font-weight:700}.hm .vl{font-size:15px;font-weight:800;margin-top:5px}.hm .ck{display:inline-block;margin-top:6px;width:18px;height:18px;line-height:18px;border-radius:5px;background:#16d99826;color:var(--rec-g);font-size:11px;font-weight:900}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:11px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.wk{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border)}.wk:last-child{border-bottom:none}.wk .name{font-weight:700;text-transform:capitalize;font-size:14px}.wk .meta{color:var(--muted);font-size:11.5px;margin-top:2px}.pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#3aa0ff26;color:var(--strain)}.rec-item{display:flex;align-items:center;gap:11px;padding:9px 0}.rec-item .ic{font-size:17px;width:26px;text-align:center}.rec-item .tx{flex:1;font-size:13px;line-height:1.4}.rec-item .tx b{color:var(--text)}.best{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.best:last-child{border-bottom:none}.best .l{font-size:12.5px;color:var(--muted);font-weight:600}.best .r{text-align:right}.best .r b{font-size:17px;font-weight:800}.best .r small{display:block;color:var(--dim);font-size:11px}.hmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(13px,1fr));gap:3px}.hmap .cell{aspect-ratio:1;border-radius:3px}.note{background:#ffd02e0f;border:1px solid rgba(255,208,46,.25);color:#ffe08a;padding:11px 13px;border-radius:12px;font-size:12px;line-height:1.55}.err{background:#ff4d5e1a;border:1px solid var(--rec-r);color:#ffb0b8;padding:14px 16px;border-radius:12px;margin-bottom:14px;font-size:14px;line-height:1.5}.empty{color:var(--dim);font-size:13px;text-align:center;padding:18px 0}.foot{text-align:center;color:var(--dim);font-size:10.5px;margin-top:22px;line-height:1.6}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#0f141beb;backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:9px 6px calc(9px + env(safe-area-inset-bottom))}.nav button{background:none;border:none;color:var(--dim);font-size:10.5px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 8px;letter-spacing:.3px}.nav button .i{font-size:18px}.nav button.on{color:var(--sleep)}.reco-banner{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-left-width:4px;border-radius:14px;padding:13px 15px;margin-bottom:13px}.reco-banner .ic{font-size:22px;line-height:1}.reco-banner b{font-size:14px}.reco-banner .tx{color:var(--muted);font-size:12.5px;line-height:1.5;margin-top:3px}.reco-banner.good{border-left-color:var(--rec-g)}.reco-banner.warn{border-left-color:var(--rec-y)}.reco-banner.bad{border-left-color:var(--rec-r)}.reco-banner.info{border-left-color:var(--sleep)}.reco-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border)}.reco-item:last-child{border-bottom:none}.reco-item .ic{font-size:19px;line-height:1;width:24px;text-align:center}.reco-item b{font-size:13.5px}.reco-item .tx{color:var(--muted);font-size:12.5px;line-height:1.5;margin-top:2px}.target{display:flex;align-items:center;gap:14px}.target-num{font-size:40px;font-weight:900;letter-spacing:-1px}.target-lbl{font-size:12px;color:var(--muted);line-height:1.5;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.tbar{position:relative;height:10px;background:var(--card2);border-radius:999px;margin:16px 0 6px}.tbar-fill{position:absolute;top:0;height:100%;border-radius:999px;opacity:.55}.tbar-now{position:absolute;top:-3px;width:4px;height:16px;background:#fff;border-radius:2px;transform:translate(-50%)}.tscale{display:flex;justify-content:space-between;font-size:10px;color:var(--dim)}.target-sleep{margin-top:12px;background:var(--card2);border-radius:10px;padding:10px 12px;font-size:13px}.chartwrap{position:relative}.ttip{position:absolute;top:0;transform:translate(-50%);background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:7px 9px;font-size:11px;pointer-events:none;white-space:nowrap;box-shadow:0 6px 20px #0006;z-index:5}.ttip-d{color:var(--dim);font-size:10px;margin-bottom:3px}.ttip-v{display:flex;align-items:center;gap:6px;color:var(--muted)}.ttip-v i{width:8px;height:8px;border-radius:2px;display:inline-block}.ttip-v b{color:var(--text)}.wdrow{display:flex;gap:6px;align-items:flex-end}.wdcol{flex:1;text-align:center}.wdbar-track{height:80px;display:flex;align-items:flex-end}.wdbar{width:100%;border-radius:5px 5px 0 0;min-height:3px;transition:height .3s}.wdval{font-size:12px;font-weight:700;margin-top:5px}.wdlbl{font-size:10px;color:var(--dim)}.hmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(16px,1fr));gap:4px}.hcell{aspect-ratio:1;border-radius:3px;cursor:pointer;transition:transform .1s}.hcell:hover{transform:scale(1.18)}.daydetail{margin-top:14px;background:var(--card2);border-radius:12px;padding:12px 14px}.dd-date{font-weight:800;font-size:13px;margin-bottom:8px;text-transform:capitalize}.dd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dd-grid>div{display:flex;flex-direction:column}.dd-grid span{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.4px}.dd-grid b{font-size:16px;margin-top:2px}@media (max-width: 460px){.dd-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.nav{display:none!important}.view>.reco-banner{column-span:all}}