html{--bg-app: #0f0f0f;--bg-card: #0e0e0e;--bg-deep: #0a0a0a;--bg-section: #181818;--bg-input: #161616;--border-strong: #2a2a2a;--border: #1a1a1a;--border-subtle: #1e1e1e;--text-primary: #dddddd;--text-secondary:#aaaaaa;--text-muted: #555555;--text-faint: #383838;--chart-grid: #181818;--chart-axis: #252525;--tick-color: #484848;--color-scheme: dark}html[data-theme=light]{--bg-app: #f5f6f8;--bg-card: #ffffff;--bg-deep: #eef0f3;--bg-section: #f1f3f5;--bg-input: #f0f2f5;--border-strong: #d1d5db;--border: #e2e4e8;--border-subtle: #e8eaed;--text-primary: #111827;--text-secondary:#4b5563;--text-muted: #9ca3af;--text-faint: #e0e3e8;--chart-grid: #f0f0f0;--chart-axis: #e0e0e0;--tick-color: #8b8b8b;--color-scheme: light}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg-app);color:var(--text-primary);color-scheme:var(--color-scheme)}header,footer{text-align:center;padding:1rem}section{margin:1rem auto;max-width:900px;background:var(--bg-card);padding:1rem;border-radius:10px}h1,h2{font-weight:600;text-align:center}iframe{width:100%;border:none;height:400px}