:root{--bg-primary:#141210;--bg-secondary:#1c1916;--bg-tertiary:#252119;--surface-1:#1e1b17;--surface-2:#262219;--surface-3:#302a22;--accent-primary:#c49352;--accent-primary-dark:#8a6838;--accent-secondary:#7d9b6a;--accent-primary-rgb:196,147,82;--accent-secondary-rgb:125,155,106;--accent-success:#84a368;--accent-success-rgb:132,163,104;--accent-warning:#c9964a;--accent-warning-rgb:201,150,74;--accent-danger:#c47264;--accent-danger-rgb:196,114,100;--text-primary:#efe7da;--text-secondary:#c8bcab;--text-muted:#a89a88;--text-muted-rgb:168,154,136;--border-color:#fff5e61f;--shadow-color:#0000003d;--gradient-primary:none;--gradient-secondary:none;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:10px;--border-radius-xl:12px;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"DejaVu Sans Mono",ui-monospace,"Cascadia Mono",Menlo,monospace;--font-size-xs:.75rem;--font-size-sm:.85rem;--font-size-md:1rem;--font-size-lg:1.05rem;--font-size-xl:1.35rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--component-padding:var(--spacing-md);--component-gap:var(--spacing-md);--container-max-width:1180px;--button-padding:calc(var(--spacing-sm) + 1px)var(--spacing-lg);--input-padding:var(--spacing-md)var(--spacing-lg);--transition-fast:color .12s ease,background-color .12s ease,border-color .12s ease;--transition-normal:color .18s ease,background-color .18s ease,border-color .18s ease;--control-xs:28px;--control-sm:32px;--control-md:36px;--control-lg:44px;--control-xl:48px;--icon-sm:16px;--icon-md:18px;--icon-lg:20px;--icon-xl:24px;--color-wood-light:#f1efe8;--color-wood-dark:#e8e4da;--color-string-light:#937a58;--color-string-dark:#72634f;--color-fret-line:#5a5f66;--color-grey-dark:#1e232a;--color-overlay-light:#fff8eb08;--color-overlay-medium:#fff8eb0f;--color-overlay-strong:#fff8eb1a;--interactive-hover:var(--color-overlay-medium);--interactive-active:var(--color-overlay-strong);--spacing-3xl:28px;--spacing-4xl:36px;--spacing-5xl:44px;--spacing-6xl:56px;--spacing-7xl:72px;--spacing-8xl:120px;--font-size-2xs:.6rem;--font-size-xxs:.65rem;--font-size-2xl:1.2rem;--font-size-3xl:1.3rem;--font-size-4xl:1.4rem;--font-size-5xl:1.5rem;--font-size-6xl:1.75rem;--font-size-7xl:2rem;--font-size-8xl:2.4rem;--font-size-9xl:2.8rem;--font-size-10xl:3.5rem;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.15;--line-height-snug:1.25;--line-height-normal:1.45;--line-height-relaxed:1.6;--line-height-loose:1.75;--border-radius-xs:4px;--border-radius-2xl:14px;--border-radius-3xl:18px;--border-radius-pill:999px;--diagram-min-width:150px;--diagram-max-width:180px;--diagram-card-padding:8px;--diagram-gap:12px;--finger-dot-size:16px;--barre-height:var(--finger-dot-size);--barre-radius:10px;--fret-number-width:12px;--string-marker-height:20px;--fret-line-height:2px;--string-line-width:2px;--chord-button-min-width:32px;--chord-button-min-height:32px;--dropdown-height:var(--control-md);--dropdown-root-width:80px;--dropdown-type-width:120px;--gradient-purple:none;--gradient-wood:linear-gradient(to bottom,#f1efe8,#e8e4da);--gradient-string:linear-gradient(to bottom,#937a58,#72634f,#937a58);--gradient-finger-dot:linear-gradient(180deg,var(--accent-primary),var(--accent-primary));--gradient-hero:none;--gradient-notation-bg:linear-gradient(180deg,rgba(var(--accent-primary-rgb),.12),rgba(var(--accent-primary-rgb),.12));--gradient-notation-bg-hover:linear-gradient(180deg,rgba(var(--accent-primary-rgb),.18),rgba(var(--accent-primary-rgb),.18));--shadow-xs:0 1px 1px #00000029;--shadow-sm:0 2px 6px #00000029;--shadow-md:0 2px 8px #0000002e;--shadow-lg:0 4px 12px #0003;--shadow-xl:0 6px 18px #00000038;--shadow-2xl:0 10px 24px #0000003d;--shadow-3xl:0 14px 32px #00000042;--shadow-button:none;--shadow-button-hover:none;--shadow-button-active:none;--shadow-card:none;--shadow-card-hover:none;--shadow-finger-dot:0 1px 2px #00000047;--shadow-notation:0 2px 8px #0000002e;--shadow-notation-hover:0 2px 8px #0003;--shadow-logo:none;--transition-slow:color .24s ease,background-color .24s ease,border-color .24s ease;--transition-bounce:color .16s ease,background-color .16s ease,border-color .16s ease;--transition-smooth:color .16s ease,background-color .16s ease,border-color .16s ease;--transition-button:color .14s ease,background-color .14s ease,border-color .14s ease;--transition-card:color .16s ease,background-color .16s ease,border-color .16s ease;--transform-hover-lift:none;--transform-hover-scale:none;--transform-active-scale:none;--transform-button-hover:none;--transform-button-active:translateY(0);--transform-card-hover:none;--dropdown-border:1px solid #ffffff1f;--dropdown-background:#ffffff08;--dropdown-background-hover:#ffffff0f;--dropdown-border-hover:#ffffff2e;--z-base:1;--z-low:2;--z-medium:5;--z-high:6;--z-higher:10;--z-overlay:50;--z-sidebar:100;--z-header:998;--z-dropdown:1000;--z-modal:2000;--z-tooltip:3000;--layout-vertical-display:grid;--layout-horizontal-display:none;--error-text:var(--accent-danger);--focus-ring-color:rgba(var(--accent-primary-rgb),.45);--focus-ring-offset:2px;--selected-bg:rgba(var(--accent-primary-rgb),.15);--selected-border:rgba(var(--accent-primary-rgb),.45);--disabled-opacity:.5;--text-on-accent:#0f0d08;--overlay-backdrop:#0a0907a6}@media (min-width:1024px){:root{--layout-vertical-display:none;--layout-horizontal-display:grid}}