:root {
  color-scheme: light dark;
  --color-bg: #fbfaf8; --color-panel: #ffffff; --color-fg: #1c1b19; --color-fg-muted: #625f58; --color-border-line: #e4e1da;
  --color-ok: #0a7a2f; --color-warn: #946200; --color-bad: #c4302b;
  --cds-radius: 10px;
  --cds-pad-xs: 0.25rem; --cds-pad-sm: 0.5rem; --cds-pad-md: 0.75rem; --cds-pad-lg: 1rem; --cds-pad-xl: 1.5rem;
  --cds-gap-xs: 0.25rem; --cds-gap-sm: 0.5rem; --cds-gap-md: 0.75rem; --cds-gap-lg: 1rem; --cds-gap-xl: 1.5rem;
  --cds-font-size-caption: 0.8125rem; --cds-font-size-body: 0.9375rem; --cds-font-size-heading: 1rem; --cds-font-size-title: 1.25rem;
  --cds-font-weight-medium: 500;
  --cds-chart-grid: #ebe8e1; --cds-chart-axis: #b9b5ab; --cds-chart-reference: #8f8b80; --cds-chart-muted: #bdb9ae; --cds-chart-status-critical: #d03b3b;
  --cds-surface-popover: #ffffff; --cds-border: #d9d5cc; --cds-shadow-popover: 0 4px 16px rgba(0, 0, 0, 0.12); --cds-text-secondary: #625f58;
  --cds-dur-slow: 0.3s; --cds-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --font-anthropic-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-anthropic-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --series-1: #2a78d6; --series-2: #eb6834; --series-3: #1baf7a; --series-4: #eda100; --series-5: #e87ba4; --series-6: #008300; --series-7: #4a3aa7; --series-8: #e34948;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #151514; --color-panel: #1d1d1b; --color-fg: #f2f1ec; --color-fg-muted: #a9a79d; --color-border-line: #33322e;
    --color-ok: #4cc26d; --color-warn: #e0a93a; --color-bad: #f0716c;
    --cds-chart-grid: #2c2b28; --cds-chart-axis: #5a5850; --cds-chart-reference: #7d7a70; --cds-chart-muted: #55534b; --cds-chart-status-critical: #e66767;
    --cds-surface-popover: #262624; --cds-border: #3d3c37; --cds-shadow-popover: 0 4px 16px rgba(0, 0, 0, 0.5); --cds-text-secondary: #a9a79d;
    --series-1: #3987e5; --series-2: #d95926; --series-3: #199e70; --series-4: #c98500; --series-5: #d55181; --series-6: #008300; --series-7: #9085e9; --series-8: #e66767;
  }
}
html { background: var(--color-bg); }
body { margin: 0; background: var(--color-bg); color: var(--color-fg); font-family: var(--font-anthropic-sans); }
#dash-root { padding-block: 1rem 3rem; padding-inline: clamp(16px, 4vw, 40px); }
.dash-skeleton { background: linear-gradient(90deg, color-mix(in srgb, var(--color-fg) 5%, transparent), color-mix(in srgb, var(--color-fg) 10%, transparent), color-mix(in srgb, var(--color-fg) 5%, transparent)); background-size: 200% 100%; border-radius: 8px; }
@media (prefers-reduced-motion: no-preference) { .dash-skeleton { animation: dxs 1.4s linear infinite; } }
@keyframes dxs { to { background-position: -200% 0; } }
b, strong { font-weight: 600; }