:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:80px;--page-max:1140px;--page-gutter:var(--sp-5);--page-space-top:var(--sp-4);--rail-width:248px;--rail-gap:var(--sp-7);--measure:62ch;--font-head:var(--font-source-serif),Georgia,serif;--font-body:var(--font-source-sans),system-ui,sans-serif;--weight-body:400;--weight-emphasis:600;--weight-strong:700;--t-h1:clamp(2.4rem,5.4vw,3.5rem);--t-h1-lh:1.03;--t-h1-ls:-0.012em;--t-h2:1.62rem;--t-h2-lh:1.15;--t-h3:1.18rem;--t-h3-lh:1.3;--t-deck:1.08rem;--t-deck-lh:1.5;--t-body:17px;--t-body-lh:1.65;--t-small:0.875rem;--t-micro:0.78rem;--t-kicker:0.72rem;--track-kicker:0.16em;--section-space-above:var(--sp-7);--section-space-below:var(--sp-6);--heading-tick-space:var(--sp-4);--heading-space-below:var(--sp-4);--tick-width:30px;--tick-height:3px;--crumb-size:var(--t-small);--crumb-sep-space:6px;--crumb-space-below:var(--sp-2);--radius:0;--key-cap-radius:4px;--card-pad-y:var(--sp-3);--card-pad-x:var(--sp-4)}:root[data-theme=paper],[data-theme-swatch=paper]{--bg:#faf8f3;--bg-2:#f3efe6;--card:#fffdf8;--bg-3:#e8e4dc;--ink:#1d1d1d;--ink-2:#5a5751;--accent:#b71c1c;--accent-deep:#8e1414;--on-accent:#faf8f3;--line:#e2ddd2;--line-strong:#b9b2a4;--ink-3:#6b6a63;--fn-t:#1e6b3a;--fn-pd:#8a6d1a;--fn-d:#b71c1c;--fn-m:#4a5a80;--key-natural:#fffdf8;--key-sharp:#1d1d1d;--key-sharp-border:#000;--key-highlight:var(--accent);--key-hint:#f6c544;--key-correct:#388e3c;--key-wrong:#c62828;--key-bass:#0891b2;--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 8px 28px rgba(29,29,29,.12)}[data-surface=theory]{--surface-bg:#edeae3;--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:#edeae3}:root[data-theme=night],[data-theme-swatch=night]{--bg:#1c1917;--bg-2:#252220;--card:#2d2926;--bg-3:#1e1b19;--ink:#ede8df;--ink-2:#9a9389;--accent:#b71c1c;--accent-deep:#d32f2f;--on-accent:#ede8df;--line:#3d3733;--line-strong:#5a5148;--ink-3:#9a9389;--fn-t:#6bbf88;--fn-pd:#d0ad4a;--fn-d:#ef6a63;--fn-m:#8fa2cc;--key-natural:#ede8df;--key-sharp:#1c1917;--key-highlight:var(--accent);--key-hint:#f6c544;--key-correct:#388e3c;--key-wrong:#c62828;--key-bass:#0891b2;--key-sharp-border:#111;--key-frame-border:rgba(0,0,0,.4);--key-frame-shadow:0 1px 3px rgba(0,0,0,.18);--key-frame-bg:var(--bg-2);--key-white-inset:inset 0 -5px 0 rgba(0,0,0,.12);--key-black-shadow:0 3px 5px rgba(0,0,0,.6);--focus-ring:2px solid var(--accent);--shadow-overlay:0 8px 28px rgba(0,0,0,.45)}:root[data-theme=night] [data-surface=theory]{--surface-bg:#171412;--surface-card:#252220;--surface-rule:hsla(39,28%,90%,.12);--surface-rule-strong:hsla(39,28%,90%,.24);--surface-ink:#ede8df;--surface-ink-soft:#c4bcb0;--surface-ink-faint:#9a9389;background-color:#171412}:root[data-theme=night]{color-scheme:dark}: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}