:root{--surface-base: #121518;--surface-raised: #25292c;--surface-inset: #1f2229;--hairline: #21304a;--text-primary: #f4f6f8;--text-secondary: #c8cfd8;--text-tertiary: #8a94a4;--accent: #60a0e0;--charge: #03e095;--effort: #4090e0;--rest: #83a0b8;--metric-cyan: #3fa9c9;--metric-rose: #e0662f;--metric-amber: #d98a3d;--heart: #ff6b81;--hero-fill: rgba(13, 14, 20, .8);--glass-border: rgba(255, 255, 255, .11);--radius-card: 16px;--radius-hero: 24px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100dvh;background:var(--surface-base);color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:14px}.app{max-width:480px;margin:0 auto;min-height:100dvh;position:relative;padding-bottom:84px}.sky{background:linear-gradient(180deg,#7b688f 0%,#8e5f7b 26%,#4a3a57 55%,#1a1b24 88%,var(--surface-base) 100%);padding:max(12px,env(safe-area-inset-top)) 16px 20px}.sky--night{background:linear-gradient(180deg,#232a4d 0%,#1d2340 30%,#191d33 60%,#14161f 88%,var(--surface-base) 100%)}.sky--stress{background:linear-gradient(180deg,#8f6a4a 0%,#7b5044 30%,#4a3340 62%,#1c1a22 90%,var(--surface-base) 100%)}.nav-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;font:inherit;font-size:12px;border-radius:12px;padding:3px 11px;cursor:pointer}.nav-chip:disabled{opacity:.35;cursor:default}.overline{font-size:11px;letter-spacing:1.4px;color:var(--text-tertiary);text-transform:uppercase}.card{background:var(--surface-raised);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:12px 14px}.hero-card{background:var(--hero-fill);border:1px solid var(--glass-border);border-radius:var(--radius-hero);padding:14px 8px 12px;display:flex;gap:4px}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin:14px 2px 8px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pill{font-size:11px;border-radius:10px;padding:1px 9px;display:inline-block}.pill--charge{color:var(--charge);border:1px solid rgba(3,224,149,.3)}.pill--glass{color:var(--text-secondary);border:1px solid rgba(255,255,255,.18);background:#ffffff0d;letter-spacing:1.1px;font-size:10px}.tab-bar{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(440px,calc(100vw - 32px));display:flex;background:#1d2329eb;border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:6px 8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tab-bar button{flex:1;background:none;border:none;color:var(--text-tertiary);font:inherit;font-size:11px;padding:5px 0 4px;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.tab-bar button svg{width:22px;height:22px}.tab-bar button.active{color:var(--accent);background:#60a0e01f}.switch{position:relative;width:40px;height:22px;background:#3a4048;border-radius:11px;border:none;cursor:pointer;transition:background .2s;flex:none}.switch[aria-checked=true]{background:var(--accent)}.switch .knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.switch[aria-checked=true] .knob{transform:translate(18px)}