:root{--surface-1:#1c1b18;--surface-2:#26241f;--border:#3a372f;--text-primary:#f0eee8;--text-secondary:#a8a69c;--text-muted:#746f64;--color-on-primary:#fff;--color-primary:#0f6e56;--color-primary-tint-bg:#123832;--color-primary-tint-text:#5dcaa5;--nav-active:var(--color-primary-tint-text);--color-success-bg:#0f2a40;--color-success-text:#85b7eb;--color-pending-bg:#3d2e12;--color-pending-text:#fac775;--color-correct:#4ade80;--color-correct-tint-bg:#14532d;--color-correct-tint-text:#86efac;--color-incorrect:#ff5252;--color-incorrect-tint-bg:#450a0a;--color-incorrect-tint-text:#fca5a5;--echo-target:#2dd4bf;--echo-distractor:#fb923c;--echo-filled:#60a5fa;--intercept-dot:#5b9dff;--tally-red:#dc2626;--tally-yellow:#ca8a04;--tally-blue:#2563eb;--tally-green:#16a34a;--tally-orange:#ea580c;--tally-purple:#8b5cf6;--tally-pink:#db2777;--tally-teal:#0d9488;--tally-brown:#b45309;--tally-gray:#a8a29e;--spotter-red:#dc2626;--spotter-blue:#3b82f6;--spotter-green:#16a34a;--spotter-yellow:#ca8a04;--switchback-red:#dc2626;--switchback-blue:#3b82f6;--switchback-green:#16a34a;--switchback-yellow:#ca8a04}[data-theme=vibrant]{--surface-1:#fff;--surface-2:#f7f8f4;--border:#e3e1db;--text-primary:#2b2a26;--text-secondary:#6b6a63;--text-muted:#8f8e85;--color-primary:#4caf50;--color-primary-tint-bg:#e8f5e9;--color-primary-tint-text:#2e7d32;--nav-active:var(--color-primary);--color-success-bg:#e6f1fb;--color-success-text:#0c447c;--color-pending-bg:#faeeda;--color-pending-text:#633806;--color-correct:#16a34a;--color-correct-tint-bg:#dcfce7;--color-correct-tint-text:#166534;--color-incorrect:#b91c1c;--color-incorrect-tint-bg:#fecaca;--color-incorrect-tint-text:#991b1b;--echo-target:#0d9488;--echo-distractor:#ea580c;--echo-filled:#1e3a5f;--intercept-dot:#2563eb;--tally-purple:#7c3aed;--tally-brown:#92400e;--tally-gray:#57534e;--spotter-blue:#2563eb;--switchback-blue:#2563eb}html,body{height:100%}body{color:var(--text-primary);background:var(--surface-1);font-family:system-ui,sans-serif}