:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ff-yellow:#e3ac18;--ff-yellow-dark:#c9910d;--ff-black:#151411;--ff-carbon:#262521;--ff-red:#e34832;--ff-red-dim:#6d2a22;--ff-ivory:#f1e6c5;--ff-gray:#89877f;--ff-radius-panel:8px;--ff-radius-control:4px;--ff-radius-led:999px;--ff-border-strong:2px solid var(--ff-black);--ff-panel-gap:16px;--ff-control-gap:12px;--ff-selected:var(--ff-yellow-dark);--ff-live:var(--ff-red);--ff-live-dim:var(--ff-red-dim);--bg:var(--ff-black);--fg:var(--ff-ivory);--fg-muted:var(--ff-gray);--surface:var(--ff-carbon);--surface-border:#3a382f;--fretboard-bg:#1c1a16;--fret-bg:var(--ff-carbon);--fret-bg-hover:#322f28;--fret-border:var(--surface-border);--fret-fg:var(--ff-ivory);--fret-marker:var(--ff-gray);--fret-number:var(--ff-gray);--nut:var(--ff-yellow);--focus-ring:var(--ff-yellow);--selected-root-ring:var(--ff-ivory);--role-root:var(--ff-yellow);--role-structural:var(--ff-yellow-dark);--role-stable:#4fd1a5;--role-extension:#a78bfa;--role-color:#f472b6;--role-tension:#fb923c;--role-alteration:#38bdf8;--role-chromatic-approach:#94a3b8;--role-avoid:#a8a29e;--live-accent:var(--ff-red);--live-accent-hover:#c93a26;--live-accent-strong:var(--ff-red-dim)}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-variant-numeric:tabular-nums;margin:0;font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.ff-label{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}