:root {
  --bg: #0a0a0b; --card: #0f1012; --card-2: #0c0d10;
  --line: #232428; --line-soft: #1a1b1f;
  --fg: #e7e9ee; --fg-2: #8b8e98; --fg-3: #63666f;
  --pos: #6ec98f; --neg: #e07b78;
  --surface: #17181c; --surface-hover: #1e2025; --surface-track: #0e0f12;
  --surface-active: #2b2e35; --surface-input: #141518; --surface-muted: #1c1e24;
  --surface-elevated: #1d1f24; --surface-soft: #101114; --surface-dot: #202126;
  --marker: #35373d; --bar-neutral: #4a4d55; --focus: #7f8492;
  --inverse-bg: #e7e9ee; --inverse-fg: #0a0a0b;
  --code-fg: #c9ccd4; --code-string: #8fc9a6;
  --chart-line: #8b8e98; --chart-area: rgba(139,142,152,.18); --chart-grid: #17181c;
  --top-bg: rgba(10,10,11,.88); --row-hover: rgba(255,255,255,.025);
  --shimmer: rgba(255,255,255,.045); --backdrop: rgba(6,6,8,.82);
  --backdrop-soft: rgba(6,6,8,.65); --shadow: rgba(0,0,0,.5);
  --star: rgba(255,255,255,.45); --aurora-blue: rgba(75,151,255,.10);
  --aurora-violet: rgba(126,110,255,.07);
  --radius: 12px;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --serif: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
}

html[data-theme="light"] {
  --bg: #f6f7f9; --card: #ffffff; --card-2: #f1f2f5;
  --line: #d8dbe1; --line-soft: #e7e9ed;
  --fg: #181a1f; --fg-2: #5c616b; --fg-3: #858a94;
  --pos: #247a4d; --neg: #bd4f4c;
  --surface: #eceef2; --surface-hover: #e2e5ea; --surface-track: #eef0f3;
  --surface-active: #d9dde4; --surface-input: #eef0f3; --surface-muted: #e6e8ed;
  --surface-elevated: #ffffff; --surface-soft: #f2f3f6; --surface-dot: #d7dae0;
  --marker: #c5c9d1; --bar-neutral: #8a909b; --focus: #606773;
  --inverse-bg: #202329; --inverse-fg: #ffffff;
  --code-fg: #414650; --code-string: #26724a;
  --chart-line: #666d78; --chart-area: rgba(102,109,120,.14); --chart-grid: #e5e7eb;
  --top-bg: rgba(246,247,249,.9); --row-hover: rgba(20,24,31,.035);
  --shimmer: rgba(20,24,31,.055); --backdrop: rgba(20,24,31,.48);
  --backdrop-soft: rgba(20,24,31,.38); --shadow: rgba(24,28,36,.16);
  --star: rgba(46,77,120,.18); --aurora-blue: rgba(75,151,255,.12);
  --aurora-violet: rgba(126,110,255,.08);
}

.theme-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px;
  color: var(--fg-2); background: var(--surface); cursor: pointer;
  transition: color .15s ease, background .15s ease;
}
.theme-toggle:hover { color: var(--fg); background: var(--surface-hover); }
.theme-icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.theme-icon-moon { display: none; }
html[data-theme="light"] .theme-icon-sun { display: none; }
html[data-theme="light"] .theme-icon-moon { display: block; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }