:root{--radius-control:4px;--radius-compact:6px;--radius-surface:8px;--panel-padding:16px;--divider:#302d28;--type-secondary-weight:500;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#100f0d;--surface:#181613;--surface-muted:#211e19;--surface-strong:#2a261f;--surface-light:#211e19;--foreground:#f0ece4;--muted:#b7afa3;--primary:#7da6ff;--primary-hover:#a8c3ff;--primary-soft:#182c55;--highlight:#ff7b72;--highlight-soft:#3b1d1d;--signal-marker-ink:#09100c;--marker:#454037;--input-border:#5b5349;--input-hover:#85796a;--disabled:#938a7d;--fretboard-canvas:#1b1814;--fretboard-rail:#262119;--string-color:#ada394;--fret-color:#6e6559;--scale-marker-background:#302a22;--scale-marker-border:#dfd4c3;--focus-ring:#a8c3ff;--primary-glow:#7da6ff47;--highlight-glow:#ff7b7242;--border-subtle:#f0ece41f;--shadow-float:0 18px 42px #0006;--shadow-instrument:0 4px 12px #00000029;--font-display:var(--font-geist-sans), Arial, sans-serif;--font-body:var(--font-geist-sans), Arial, sans-serif;--font-mono:var(--font-geist-mono), "Courier New", monospace;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b7afa3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");--type-display-size:clamp(1.55rem, 2.4vw, 2.35rem);--type-display-mobile-size:1.85rem;--type-section-display-size:clamp(1.8rem, 3vw, 3.15rem);--type-title-size:1.05rem;--type-section-title-size:1.12rem;--type-brand-size:1rem;--type-icon-size:.95rem;--type-body-size:1rem;--type-body-weight:450;--type-body-line-height:1.62;--type-body-tracking:.006em;--type-compact-size:.84rem;--type-compact-weight:500;--type-compact-line-height:1.5;--type-label-size:.75rem;--type-label-weight:680;--type-label-line-height:1.35;--type-label-tracking:.06em;--type-data-size:.7rem;--type-data-weight:680;--type-data-line-height:1.35;--type-data-tracking:.055em;--type-guide-title-size:clamp(1.75rem, 4vw, 2.75rem);--type-guide-display-size:clamp(2.05rem, 4.4vw, 4rem);--type-guide-library-display-size:clamp(2.25rem, 5vw, 4.6rem);--type-guide-feature-display-size:clamp(2.55rem, 5.7vw, 5.6rem);--type-guide-feature-mobile-display-size:clamp(2.1rem, 9.5vw, 3rem);--type-guide-section-size:clamp(1.5rem, 2.6vw, 2.5rem);--type-guide-h2-size:1.5rem;--type-guide-h3-size:1.25rem;--type-guide-small-heading-size:1.125rem;--type-guide-lede-size:1.125rem;--type-guide-body-size:1.05rem;--type-guide-readout-size:2rem}html[data-theme=light]{--divider:#d6ded8;--type-secondary-weight:450;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f2f5f2;--surface:#fff;--surface-muted:#e8eee9;--surface-strong:#dfe8e1;--surface-light:#e8eee9;--foreground:#17211c;--muted:#4f5f55;--primary:#155eef;--primary-hover:#004ee6;--primary-soft:#e7efff;--highlight:#b42318;--highlight-soft:#fee4e2;--signal-marker-ink:#fff;--marker:#c7d2ca;--input-border:#aebbb2;--input-hover:#718077;--disabled:#728077;--fretboard-canvas:#f8faf8;--fretboard-rail:#edf2ee;--string-color:#65736a;--fret-color:#aab7af;--scale-marker-background:#fff;--scale-marker-border:#506156;--focus-ring:#155eef;--primary-glow:#155eef33;--highlight-glow:#b423182e;--border-subtle:#17211c1a;--shadow-float:0 16px 40px #17211c24;--shadow-instrument:0 4px 12px #17211c0a;--type-body-weight:400;--type-body-line-height:1.55;--type-body-tracking:normal;--type-compact-weight:400;--type-compact-line-height:1.45;--type-label-weight:650;--type-label-line-height:1.3;--type-label-tracking:.05em;--type-data-weight:650;--type-data-line-height:1.3;--type-data-tracking:.05em;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234f5f55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;min-height:100vh;color:var(--foreground);font-family:var(--font-body);overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}a{color:inherit;text-decoration:none}::selection{color:var(--foreground);background:var(--primary-soft)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (forced-colors:active){:focus-visible{outline-color:highlight}}