:root[data-theme=classic],[data-theme-swatch=classic]{color-scheme:light;--bg:#f7f3ea;--bg-2:#f0ebe0;--card:#fffdf8;--bg-3:#e7e1d5;--ink:#1d1d1d;--ink-2:#52514c;--ink-3:#6b6a63;--accent:#b71c1c;--accent-deep:#8e1414;--on-accent:#f7f3ea;--line:#e6e0d2;--line-strong:#b9b2a4;--fn-t:#1e6b3a;--fn-pd:#7d6217;--fn-d:#b71c1c;--fn-m:#4a5a80;--key-natural:#fffdf8;--key-sharp:#24211d;--key-highlight:var(--accent);--key-hint:#f6c544;--key-correct:#388e3c;--key-wrong:#c62828;--key-bass:#0891b2;--key-sharp-border:#000;--key-frame-border:rgba(29,29,29,.3);--key-frame-shadow:0 1px 2px rgba(0,0,0,.05);--key-frame-bg:var(--bg-2);--key-white-inset:inset 0 -5px 0 rgba(29,29,29,.05);--key-black-shadow:0 3px 4px rgba(0,0,0,.4);--focus-ring:2px solid var(--accent);--shadow-overlay:0 14px 40px rgba(90,78,54,.16),inset 0 1px 0 hsla(0,0%,100%,.85)}:root[data-theme=classic] [data-surface=theory]{--surface-bg:#efe9dc;--surface-card:#f7f3ea;--surface-rule:rgba(29,29,29,.12);--surface-rule-strong:rgba(29,29,29,.24);--surface-ink:#1d1d1d;--surface-ink-soft:#52514c;--surface-ink-faint:#6b6a63;background-color:#efe9dc}:root[data-theme=calm],[data-theme-swatch=calm]{color-scheme:light;--bg:#faf8f3;--bg-2:#f3efe6;--card:#fffdf8;--bg-3:#e8e4dc;--ink:#1d1d1d;--ink-2:#52514c;--ink-3:#6b6a63;--accent:#2f6f7a;--accent-deep:#2c5a56;--on-accent:#faf8f3;--line:#dfe4e2;--line-strong:#b2bcba;--fn-t:#1e6b3a;--fn-pd:#8a6d1a;--fn-d:#b71c1c;--fn-m:#4a5a80;--key-natural:#fffdf8;--key-sharp:#1d1d1d;--key-highlight:var(--accent);--key-hint:#f6c544;--key-correct:#388e3c;--key-wrong:#c62828;--key-bass:#0891b2;--key-sharp-border:#000;--key-frame-border:rgba(29,29,29,.2);--key-frame-shadow:0 1px 2px rgba(0,0,0,.04);--key-frame-bg:var(--bg-2);--key-white-inset:inset 0 -5px 0 rgba(29,29,29,.04);--key-black-shadow:0 3px 4px rgba(0,0,0,.35);--focus-ring:2px solid var(--accent);--shadow-overlay:0 1px 0 rgba(29,29,29,.05),0 8px 28px rgba(29,29,29,.08)}:root[data-theme=calm] [data-surface=theory]{--surface-bg:#eceeeb;--surface-card:#f3efe6;--surface-rule:rgba(29,29,29,.12);--surface-rule-strong:rgba(29,29,29,.24);--surface-ink:#1d1d1d;--surface-ink-soft:#52514c;--surface-ink-faint:#6b6a63;background-color:#eceeeb}:root[data-theme=ghost],[data-theme-swatch=ghost]{color-scheme:dark;--bg:#070b0d;--bg-2:#0e1a1a;--card:#101c1b;--bg-3:#0a1214;--ink:#eafffb;--ink-2:#c9e2df;--ink-3:#7fb6b0;--accent:#8fd6cf;--accent-deep:#a9edf3;--on-accent:#070b0d;--line:rgba(150,225,210,.2);--line-strong:rgba(150,220,205,.38);--fn-t:#6bbf88;--fn-pd:#d0ad4a;--fn-d:#ef6a63;--fn-m:#8fa2cc;--key-natural:#545e63;--key-sharp:#05080a;--key-highlight:var(--accent);--key-hint:#f6c544;--key-correct:#7fd39c;--key-wrong:#ff9f96;--key-bass:#22d3ee;--key-sharp-border:#111;--key-frame-border:rgba(0,0,0,.5);--key-frame-shadow:0 1px 3px rgba(0,0,0,.25);--key-frame-bg:var(--bg-2);--key-white-inset:inset 0 -5px 0 rgba(0,0,0,.15);--key-black-shadow:0 3px 5px rgba(0,0,0,.65);--focus-ring:2px solid var(--accent-deep);--shadow-overlay:0 0 0 1px rgba(150,225,210,.2),0 34px 70px -26px rgba(0,0,0,.9)}:root[data-theme=ghost] [data-surface=theory]{--surface-bg:#050809;--surface-card:#0e1a1a;--surface-rule:rgba(150,225,210,.16);--surface-rule-strong:rgba(150,220,205,.32);--surface-ink:#eafffb;--surface-ink-soft:#c9e2df;--surface-ink-faint:#7fb6b0;background-color:#050809}