:root{color-scheme:light;--color-bg-page:#fff;--color-bg-body:#fff;--color-bg-muted:#f9f9f9;--color-bg-subtle:#f5f5f5;--color-bg-soft:#f0f0f0;--color-bg-hover:#efefef;--color-bg-card:#fff;--color-bg-elevated:#fdfdfd;--color-bg-inset:#f0f3fa;--color-bg-contrast:#2d2d2d;--color-bg-contrast-hover:#1a1a1a;--color-bg-dark-panel:#343541;--color-bg-dark-panel-strong:#2c3e50;--color-bg-highlight:#feedba;--color-bg-highlight-soft:#fff8e6;--color-btn-primary:#495057;--color-btn-primary-shadow:#212529;--color-sidebar-bg:#f9f9f9;--color-sidebar-border:#eee;--color-text-primary:#111;--color-text-secondary:#2d2d2d;--color-text-tertiary:#495057;--color-text-muted:#ababab;--color-text-soft:#9ca3af;--color-text-label:#707070;--color-text-avatar:#4b5563;--color-text-inverse:#fff;--color-text-inverse-menu:#fff;--color-text-inverse-soft:#f8f9fa;--color-text-contrast:#1a1a1a;--color-border-subtle:#f0f0f0;--color-border:#e5e5e5;--color-border2:#dee2e6;--color-border-muted:#e9ecef;--color-border-strong:#d0d0d0;--color-border-contrast:rgba(0,0,0,.15);--color-border-focus:#80bdff;--color-input-bg:#fff;--color-input-border:#d0d0d0;--color-placeholder-text:#ababab;--color-accent-primary-text:#fff;--color-accent-primary:#ff8e3c;--color-accent-primary-strong:#d16619;--color-accent-primary-soft:#fff2e8;--color-accent-tertiary:#687eff;--color-accent-tertiary-soft:#eef0ff;--color-accent-pink:#d63384;--color-accent-pink-soft:#ff6eb4;--color-ai-toggle:#ff8e3c;--color-ai-toggle-glow:rgba(255,142,60,.28);--color-medal-gold:gold;--color-medal-silver:silver;--color-medal-bronze:#cd7f32;--color-link:#0d6efd;--color-link-hover:#0a58ca;--color-link-visited:#0056b3;--color-success:#28a745;--color-success-soft:#e8fff2;--color-danger:#dc3545;--color-danger-soft:#f8d7da;--color-warning:#ffbe0b;--color-warning-strong:#ff8e3c;--color-warning-soft:#feedba;--color-warning-contrast:#856404;--color-info:#2980b9;--color-info-strong:#3498db;--color-info-soft:#ecf0f1;--color-panel-quiz:#f8f9fa;--color-panel-quiz-soft:#f0f2f5;--color-panel-navy:#2c3e50;--color-panel-navy-soft:#343541;--color-panel-slate:#2d3748;--hamburger-menu-bg-hover:#dadada;--color-option-selected-border:#495057;--color-correct-option-bg:rgba(9,129,74,.1);--color-correct-option-border:#495057;--color-correct-option-text:#1a9059;--color-wrong-option-bg:rgba(255,75,75,.1);--color-wrong-option-text:#ff4b4b;--color-tag-muted:#f5f7fa;--color-tag-muted-border:#e5e7eb;--button-primary-bg:#2d2d2d;--button-primary-bg-hover:#1a1a1a;--button-primary-text:#fff;--button-secondary-bg:#fff;--button-secondary-border:#2d2d2d;--button-secondary-text:#2d2d2d;--base-sidebar-bg:var(--color-sidebar-bg);--base-border-color:var(--color-sidebar-border);--base-text-primary:var(--color-text-primary);--base-text-secondary:var(--color-text-secondary);--base-text-muted:var(--color-text-muted);--base-accent:var(--color-bg-contrast);--primary-dark:var(--color-bg-contrast);--c-bg:var(--color-bg-page);--c-bg-soft:var(--color-bg-muted);--c-border:var(--color-border);--c-text-primary:var(--color-text-primary);--c-text-secondary:var(--color-text-secondary);--c-text-muted:var(--color-text-muted);--c-accent:var(--color-bg-contrast);--color-scroll-track:rgba(15,23,42,.08);--color-scroll-thumb:rgba(15,23,42,.3);--gradient-avatar-start:#667eea;--gradient-avatar-end:#764ba2;--shadow-soft:0 15px 30px rgba(15,23,42,.08);--shadow-medium:0 20px 50px rgba(15,23,42,.12);--shadow-strong:0 30px 80px rgba(15,23,42,.18);--focus-ring:rgba(45,212,191,.45);--theme-color-light:#fff;--theme-color-dark:#1a1a1a;--overlay-contrast-04:color-mix(in srgb,var(--color-text-contrast) 4%,transparent);--overlay-contrast-05:color-mix(in srgb,var(--color-text-contrast) 5%,transparent);--overlay-contrast-06:color-mix(in srgb,var(--color-text-contrast) 6%,transparent);--overlay-contrast-08:color-mix(in srgb,var(--color-text-contrast) 8%,transparent);--overlay-contrast-10:color-mix(in srgb,var(--color-text-contrast) 10%,transparent);--overlay-contrast-12:color-mix(in srgb,var(--color-text-contrast) 12%,transparent);--overlay-contrast-20:color-mix(in srgb,var(--color-text-contrast) 20%,transparent);--overlay-contrast-30:color-mix(in srgb,var(--color-text-contrast) 30%,transparent);--overlay-contrast-45:color-mix(in srgb,var(--color-text-contrast) 45%,transparent);--overlay-inverse-12:color-mix(in srgb,var(--color-text-inverse) 12%,transparent);--overlay-inverse-20:color-mix(in srgb,var(--color-text-inverse) 20%,transparent)}html[data-theme=dark]{color-scheme:dark;--color-bg-page:#1a1a1a;--color-bg-body:#1e1e1e;--color-bg-muted:#212121;--color-bg-subtle:#242424;--color-bg-soft:#282828;--color-bg-hover:#2c2c2c;--color-bg-card:#212121;--color-bg-elevated:#252525;--color-bg-inset:#212121;--color-bg-contrast:#5f5f5f;--color-bg-contrast-hover:#505050;--color-bg-dark-panel:#212121;--color-bg-dark-panel-strong:#1a1a1a;--color-bg-highlight:rgba(251,191,36,.18);--color-bg-highlight-soft:rgba(251,191,36,.25);--color-btn-primary:#495057;--color-btn-primary-shadow:#33383d;--color-sidebar-bg:#181818;--color-sidebar-border:rgba(148,163,184,.24);--color-text-primary:#f8fafc;--color-text-secondary:#e2e8f0;--color-text-tertiary:#73798b;--color-text-muted:#94a3b8;--color-text-soft:#7c8da6;--color-text-label:#9fb2cc;--color-text-inverse:#f8fafc;--color-text-inverse-menu:#fff;--color-text-inverse-soft:#212121;--color-text-contrast:#e2e8f0;--color-border-subtle:rgba(148,163,184,.18);--color-border:rgba(148,163,184,.6);--color-border-muted:rgba(148,163,184,.22);--color-border-strong:rgba(148,163,184,.8);--color-border-contrast:rgba(15,23,42,.55);--color-border-focus:rgba(56,189,248,.55);--color-input-bg:#2a2a2a;--color-input-border:rgba(148,163,184,.7);--color-placeholder-text:#cbd5e1;--color-accent-primary:#fb923c;--color-accent-primary-strong:#d16619;--color-accent-primary-soft:rgba(251,146,60,.18);--color-accent-primary-text:#052e16;--color-accent-tertiary:#a5b4fc;--color-accent-tertiary-soft:rgba(165,180,252,.18);--color-accent-pink:#f472b6;--color-accent-pink-soft:rgba(244,114,182,.25);--color-ai-toggle:#fb923c;--color-ai-toggle-glow:rgba(251,146,60,.3);--color-link:#38bdf8;--color-link-hover:#0ea5e9;--color-link-visited:#0284c7;--color-success:#22c55e;--color-success-soft:rgba(34,197,94,.18);--color-danger:#f87171;--color-danger-soft:rgba(248,113,113,.2);--color-warning:#facc15;--color-warning-strong:#fb923c;--color-warning-soft:rgba(250,204,21,.2);--color-warning-contrast:#1f1402;--color-info:#38bdf8;--color-info-strong:#0ea5e9;--color-info-soft:rgba(14,165,233,.2);--color-panel-quiz:#212121;--color-panel-quiz-soft:#1e1e1e;--color-panel-navy:#212121;--color-panel-navy-soft:#1a1a1a;--color-panel-slate:#f9f9f9;--hamburger-menu-bg-hover:#dadada;--color-option-selected-border:#e67e22;--color-correct-option-bg:#1987545c;--color-correct-option-border:#1a9059;--color-correct-option-text:#f9f9f9;--color-wrong-option-bg:rgba(255,75,75,.1);--color-wrong-option-text:#ff4b4b;--color-tag-muted:rgba(148,163,184,.08);--color-tag-muted-border:rgba(148,163,184,.3);--button-primary-bg:#f8fafc;--button-primary-bg-hover:#e2e8f0;--button-primary-text:#0f172a;--button-secondary-bg:hsla(0,0%,100%,.08);--button-secondary-border:hsla(0,0%,100%,.2);--button-secondary-text:#e2e8f0;--color-scroll-track:rgba(148,163,184,.12);--color-scroll-thumb:rgba(148,163,184,.35);--gradient-avatar-start:#312e81;--gradient-avatar-end:#1e1b4b;--shadow-soft:0 25px 80px rgba(2,6,23,.7);--shadow-medium:0 30px 90px rgba(2,6,23,.78);--shadow-strong:0 35px 120px rgba(2,6,23,.85);--focus-ring:rgba(56,189,248,.55);--theme-color-light:#fff;--theme-color-dark:#1a1a1a;--overlay-contrast-04:color-mix(in srgb,var(--color-text-contrast) 4%,transparent);--overlay-contrast-05:color-mix(in srgb,var(--color-text-contrast) 5%,transparent);--overlay-contrast-06:color-mix(in srgb,var(--color-text-contrast) 6%,transparent);--overlay-contrast-08:color-mix(in srgb,var(--color-text-contrast) 8%,transparent);--overlay-contrast-10:color-mix(in srgb,var(--color-text-contrast) 10%,transparent);--overlay-contrast-12:color-mix(in srgb,var(--color-text-contrast) 12%,transparent);--overlay-contrast-20:color-mix(in srgb,var(--color-text-contrast) 20%,transparent);--overlay-contrast-30:color-mix(in srgb,var(--color-text-contrast) 30%,transparent);--overlay-contrast-45:color-mix(in srgb,var(--color-text-contrast) 45%,transparent);--overlay-inverse-12:color-mix(in srgb,var(--color-text-inverse) 12%,transparent);--overlay-inverse-20:color-mix(in srgb,var(--color-text-inverse) 20%,transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-bg-page:#1a1a1a;--color-bg-body:#1e1e1e;--color-bg-muted:#212121;--color-bg-subtle:#242424;--color-bg-soft:#282828;--color-bg-hover:#2c2c2c;--color-bg-card:#212121;--color-bg-elevated:#252525;--color-bg-inset:#212121;--color-bg-contrast:#5f5f5f;--color-bg-contrast-hover:#505050;--color-bg-dark-panel:#212121;--color-bg-dark-panel-strong:#1a1a1a;--color-bg-highlight:rgba(251,191,36,.18);--color-bg-highlight-soft:rgba(251,191,36,.25);--color-btn-primary:#495057;--color-btn-primary-shadow:#33383d;--color-sidebar-bg:#181818;--color-sidebar-border:rgba(148,163,184,.24);--color-text-primary:#f8fafc;--color-text-secondary:#e2e8f0;--color-text-tertiary:#73798b;--color-text-muted:#94a3b8;--color-text-soft:#7c8da6;--color-text-label:#9fb2cc;--color-text-inverse:#1a1a1a;--color-text-inverse-menu:#fff;--color-text-inverse-soft:#212121;--color-text-contrast:#e2e8f0;--color-border-subtle:rgba(148,163,184,.18);--color-border:rgba(148,163,184,.28);--color-border-muted:rgba(148,163,184,.22);--color-border-strong:rgba(148,163,184,.4);--color-border-contrast:rgba(15,23,42,.55);--color-border-focus:rgba(56,189,248,.55);--color-accent-primary:#fb923c;--color-accent-primary-strong:#d16619;--color-accent-primary-soft:rgba(251,146,60,.18);--color-accent-primary-text:#052e16;--color-accent-tertiary:#a5b4fc;--color-accent-tertiary-soft:rgba(165,180,252,.18);--color-accent-pink:#f472b6;--color-accent-pink-soft:rgba(244,114,182,.25);--color-ai-toggle:#fb923c;--color-ai-toggle-glow:rgba(251,146,60,.3);--color-link:#38bdf8;--color-link-hover:#0ea5e9;--color-link-visited:#0284c7;--color-success:#22c55e;--color-success-soft:rgba(34,197,94,.18);--color-danger:#f87171;--color-danger-soft:rgba(248,113,113,.2);--color-warning:#facc15;--color-warning-strong:#fb923c;--color-warning-soft:rgba(250,204,21,.2);--color-warning-contrast:#1f1402;--color-info:#38bdf8;--color-info-strong:#0ea5e9;--color-info-soft:rgba(14,165,233,.2);--color-panel-quiz:#212121;--color-panel-quiz-soft:#1e1e1e;--color-panel-navy:#212121;--color-panel-navy-soft:#1a1a1a;--color-panel-slate:#f9f9f9;--hamburger-menu-bg-hover:#dadada;--color-option-selected-border:#e67e22;--color-correct-option-bg:#1987545c;--color-correct-option-border:#1a9059;--color-correct-option-text:#f9f9f9;--color-wrong-option-bg:rgba(255,75,75,.1);--color-wrong-option-text:#ff4b4b;--color-tag-muted:rgba(148,163,184,.08);--color-tag-muted-border:rgba(148,163,184,.3);--button-primary-bg:#f8fafc;--button-primary-bg-hover:#e2e8f0;--button-primary-text:#1a1a1a;--button-secondary-bg:hsla(0,0%,100%,.08);--button-secondary-border:hsla(0,0%,100%,.2);--button-secondary-text:#e2e8f0;--color-scroll-track:rgba(148,163,184,.12);--color-scroll-thumb:rgba(148,163,184,.35);--gradient-avatar-start:#312e81;--gradient-avatar-end:#1e1b4b;--shadow-soft:0 25px 80px rgba(2,6,23,.7);--shadow-medium:0 30px 90px rgba(2,6,23,.78);--shadow-strong:0 35px 120px rgba(2,6,23,.85);--focus-ring:rgba(56,189,248,.55);--overlay-contrast-04:color-mix(in srgb,var(--color-text-contrast) 4%,transparent);--overlay-contrast-05:color-mix(in srgb,var(--color-text-contrast) 5%,transparent);--overlay-contrast-06:color-mix(in srgb,var(--color-text-contrast) 6%,transparent);--overlay-contrast-08:color-mix(in srgb,var(--color-text-contrast) 8%,transparent);--overlay-contrast-10:color-mix(in srgb,var(--color-text-contrast) 10%,transparent);--overlay-contrast-12:color-mix(in srgb,var(--color-text-contrast) 12%,transparent);--overlay-contrast-20:color-mix(in srgb,var(--color-text-contrast) 20%,transparent);--overlay-contrast-30:color-mix(in srgb,var(--color-text-contrast) 30%,transparent);--overlay-contrast-45:color-mix(in srgb,var(--color-text-contrast) 45%,transparent);--overlay-inverse-12:color-mix(in srgb,var(--color-text-inverse) 12%,transparent);--overlay-inverse-20:color-mix(in srgb,var(--color-text-inverse) 20%,transparent)}}