:root{--bg:#0d0c0a;--surface:#131310;--surface-2:#1a1916;--surface-hi:#21201d;--border:#2f2e2a;--border-soft:#242320;--lime:#cbe839;--lime-ink:#141808;--coral:#ff7f5e;--sky:#5cc8ff;--text-1:#f2f2ef;--text-2:#9f9e9b;--text-3:#6a6965;--text-4:#494844;--neck-1:#1f1b16;--neck-2:#16120e;--fret:#74716b;--string:#a6a59f;--note-fill:#b9b7b0;--note-ink:#1b1b18;--r-sm:6px;--r-md:12px;--r-lg:20px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--bg);color:var(--text-1);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:clip}.hidden{display:none!important}.label{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}.accent-swatches{display:flex;flex-wrap:wrap;gap:10px}.accent-swatch{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid var(--border);background:var(--swatch,var(--lime));cursor:pointer;position:relative;transition:transform .12s,border-color .12s,box-shadow .12s}.accent-swatch:hover{transform:scale(1.08)}.accent-swatch:focus-visible{outline:2px solid var(--text-2);outline-offset:2px}.accent-swatch[aria-pressed=true]{border-color:var(--text-1);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--swatch,var(--lime))}