@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap");
body { font-family: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif; }
:root { --accent: #ED492E; }
:root:not(.video) { --bg:#F8F8F8;--panel:#FFFFFF;--panel2:#F3F2F2;--text:#333333;--muted:#7A7A7A;--line:#E4E4E4;--code:#F3F2F2;--cell:#EDEDED; }
@media (prefers-color-scheme: dark) { :root:not(.video) { --bg:#1B1B1B;--panel:#262626;--panel2:#2E2E2E;--text:#ECECEC;--muted:#A3A2A2;--line:#383838;--code:#141414;--cell:#202020; } }
header { background: #333333 !important; color: #fff; border-bottom: 3px solid var(--accent) !important; }
header h1, header .muted, header #who { color: #f1f1f1 !important; }
.nav a { color: #cfcfcf !important; } .nav a.on { background: none !important; color: #fff !important; box-shadow: inset 0 -3px 0 var(--accent); }
header button { background: transparent !important; color: #fff !important; border-color: rgba(255,255,255,.3) !important; }
header .chip { border-color: rgba(255,255,255,.3); color: #e0e0e0; }
button.primary { background: var(--accent); border-color: var(--accent); color: #fff; }