:root{color-scheme:light dark;--bg:#0f1b2d;--surface:#162335;--border:rgba(255,255,255,0.1);--text:#ede8e0;--text-dim:#b8c5d0;--accent:#e8601c;--brand:#ff8000}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}a{color:inherit}.container{width:100%;max-width:720px;margin:0 auto;padding:24px 16px}.container-wide{max-width:1160px}.card-grid,.metric-row{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.metric-row{margin-bottom:20px}.calendar-split{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;align-items:start}.live-strip{display:flex;gap:10px;overflow-x:auto;list-style:none;margin:0;padding:0 0 4px;scrollbar-width:thin;scroll-snap-type:x proximity}.live-strip-item{flex:0 0 auto;width:76px;scroll-snap-align:start}@media (min-width:640px){.live-strip-item{width:92px}}.thumb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;list-style:none;padding:0;margin:0}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-row,.thumb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:960px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-split{grid-template-columns:1.3fr 1fr}.thumb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-panel{position:-webkit-sticky;position:sticky;top:16px}}