:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;--ink:#f4f5fb;--muted:#959aaa;--panel:#171a25;--line:#2a2e3d;--ink-strong:#f5f6fc;--ink-soft:#9ca1b1;--surface:#171a25;--canvas:#0d1019;--canvas-warm:#11141f;--line-soft:rgba(255,255,255,.085);--shadow-soft:0 18px 55px rgba(0,0,0,.25);--shadow-lift:0 24px 70px rgba(0,0,0,.34)}

.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink-strong);letter-spacing:0;line-height:1;text-decoration:none}
.brand .brand-mark{display:inline-grid;place-items:center;min-width:52px;height:36px;margin:0;padding:0 9px;border-radius:11px;background:linear-gradient(135deg,#786aff,#4bc8ef);color:#fff;font-size:23px;font-weight:950;letter-spacing:-1.7px;box-shadow:0 9px 24px rgba(109,93,252,.26)}
.brand .brand-name{display:inline;font-size:17px;font-weight:850;letter-spacing:-.35px;text-transform:none}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.theme-icon{font-size:15px;line-height:1}.theme-label{font-size:12px}.auth-brand-row{display:flex;align-items:center;justify-content:space-between;gap:18px}

.hero-actions{min-width:242px;gap:13px}.hero-actions button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px}.refresh-icon{display:grid;width:29px;height:29px;margin:0;place-items:center;border-radius:9px;background:linear-gradient(135deg,#7567ff,#4fc8ee);color:#fff;font-size:18px;box-shadow:0 6px 16px rgba(74,111,236,.3)}.refresh-copy{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.refresh-label{color:rgba(255,255,255,.5);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-actions #updated{color:rgba(255,255,255,.8);font-size:11px}

:root[data-theme="dark"] body{background:radial-gradient(circle at 88% 0%,rgba(109,93,252,.16),transparent 31rem),linear-gradient(180deg,#11141e,#0d1019 42%,#0a0d15);color:#f0f2f8}
:root[data-theme="dark"] .topbar{background:rgba(12,15,24,.8);border-color:rgba(255,255,255,.075)}
:root[data-theme="dark"] .quiet{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#e9ebf3}
:root[data-theme="dark"] .quiet:hover{background:rgba(255,255,255,.1)}
:root[data-theme="dark"] .status-dot{color:#979cab}
:root[data-theme="dark"] .section-nav{border-color:rgba(255,255,255,.075);background:rgba(24,27,39,.76);box-shadow:0 14px 35px rgba(0,0,0,.18)}
:root[data-theme="dark"] .section-nav a{color:#9da2b1}:root[data-theme="dark"] .section-nav a:hover{background:rgba(109,93,252,.16);color:#cbc6ff}
:root[data-theme="dark"] .message{background:#392f18;color:#f3d889;border-color:#58491f}:root[data-theme="dark"] .message.error{background:#3c2024;color:#ffb9b2;border-color:#603039}
:root[data-theme="dark"] .metric-card,:root[data-theme="dark"] .panel{border-color:rgba(255,255,255,.075);background:linear-gradient(145deg,rgba(26,29,42,.98),rgba(19,22,32,.96));box-shadow:var(--shadow-soft)}
:root[data-theme="dark"] .metric-card:not(.metric-primary){background:linear-gradient(145deg,#1c1f2c,#151822)}
:root[data-theme="dark"] .metric-primary{background:radial-gradient(circle at 96% 0%,rgba(92,217,255,.2),transparent 42%),linear-gradient(145deg,#202339,#171927)}
:root[data-theme="dark"] .metric-card>span,:root[data-theme="dark"] .metric-top>span:first-child{color:#9ba0af}
:root[data-theme="dark"] .metric-card p{color:#858b9a}:root[data-theme="dark"] .metric-primary p{color:#aab0bd}
:root[data-theme="dark"] .metric-icon{background:linear-gradient(145deg,rgba(109,93,252,.19),rgba(67,200,239,.11));color:#a69dff;box-shadow:inset 0 0 0 1px rgba(158,148,255,.14)}
:root[data-theme="dark"] .chart-panel{background:linear-gradient(180deg,rgba(25,28,40,.99),rgba(17,20,30,.98))}
:root[data-theme="dark"] .panel-heading p:not(.eyebrow),:root[data-theme="dark"] .muted{color:#9297a7}
:root[data-theme="dark"] .eyebrow{color:#979dac}:root[data-theme="dark"] .chart-panel .eyebrow{color:#8edfff}
:root[data-theme="dark"] .chart-summary{border-color:rgba(126,112,255,.18);background:linear-gradient(145deg,rgba(109,93,252,.16),rgba(67,200,239,.08))}
:root[data-theme="dark"] .history-range button,:root[data-theme="dark"] .hour-zoom button{border-color:#343849;background:#202331;color:#adb1c0}
:root[data-theme="dark"] .history-range button.active{border-color:#787080;background:linear-gradient(135deg,#f0eff7,#c9c5dc);color:#171821}
:root[data-theme="dark"] .hour-zoom button.active{border-color:#796aff;background:linear-gradient(135deg,#786aff,#4b3bd5);color:#fff}
:root[data-theme="dark"] .grid-rule{stroke:#303443}:root[data-theme="dark"] .axis-label{fill:#858b9b}
:root[data-theme="dark"] .bar-track{background:#272b39}:root[data-theme="dark"] .sources-total{border-color:rgba(255,255,255,.06);background:linear-gradient(135deg,#222532,#1d202b)}
:root[data-theme="dark"] .source-item span,:root[data-theme="dark"] .heat-head,:root[data-theme="dark"] .bar-item small{color:#888e9d}
:root[data-theme="dark"] .saving-item{border-color:rgba(255,255,255,.06);background:linear-gradient(135deg,#20242f,#1a2028)}
:root[data-theme="dark"] .score-ring strong{color:#1a1c25}:root[data-theme="dark"] .score-ring span{color:#6f7480}
:root[data-theme="dark"] .settings{background:rgba(23,26,37,.86)}
:root[data-theme="dark"] input{border-color:#363b4d;background:#11141d;color:#f3f4f8}:root[data-theme="dark"] input:focus{border-color:#786aff}
:root[data-theme="dark"] footer{color:#696f7e}

:root[data-theme="dark"] .auth-body{background:radial-gradient(circle at 15% 8%,rgba(109,93,252,.25),transparent 35%),#0d1019}
:root[data-theme="dark"] .auth-card{border-color:rgba(255,255,255,.08);background:rgba(24,27,39,.96);box-shadow:0 24px 70px rgba(0,0,0,.34)}
:root[data-theme="dark"] .auth-card h1{color:#f4f5fb}

@media(max-width:680px){.brand{gap:8px}.brand .brand-mark{min-width:45px;height:32px;font-size:20px}.brand .brand-name{font-size:14px}.header-actions{gap:7px}.header-actions .theme-label{display:none}.theme-toggle{padding:9px 11px}.hero{gap:14px}.hero-copy{margin-bottom:0}.hero-actions{min-width:0;align-items:center;text-align:center}.refresh-copy{width:100%;align-items:center;text-align:center}.auth-brand-row .theme-label{display:none}}