@font-face{font-family:Plus Jakarta Sans;src:url(/font/plus-jakarta-sans-latin.woff2) format("woff2");font-weight:500 800;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/font/figtree-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}:root{--purple-50:#f9f5ff;--purple-100:#ded4ed;--purple-200:#d2bcee;--purple-300:#bc97e8;--purple-400:#a06cd6;--purple-500:#8746c2;--purple-600:#6f2aa6;--purple-700:#571f84;--purple-800:#401662;--purple-900:#280a40;--gray-0:#fff;--gray-50:#fbf9fc;--gray-100:#f5f2f8;--gray-200:#e8e4ed;--gray-300:#d6d2dd;--gray-400:#a7a2af;--gray-500:#7d7785;--gray-600:#5e5766;--gray-700:#463f4f;--gray-800:#2c2535;--gray-900:#1a1223;--coral-500:#ff6b4a;--green-400:#3ec87d;--sky-400:#2eb1ef;--pink-400:#f46eb4;--sun-400:#ffc53d;--teal-100:#ddf4ef;--teal-600:#0b7f6f;--amber-100:#fff1dc;--amber-700:#b25400;--red-100:#fde8ec;--red-600:#c8233f;--color-bg:var(--gray-0);--color-surface:var(--gray-50);--color-surface-strong:var(--gray-100);--color-border:var(--gray-200);--color-border-strong:var(--gray-300);--color-text:var(--gray-900);--color-text-muted:var(--gray-600);--color-brand:var(--purple-600);--color-brand-strong:var(--purple-700);--color-brand-subtle:var(--purple-50);--color-brand-border:var(--purple-100);--color-on-brand:var(--gray-0);--color-accent:var(--coral-500);--color-tool-chords:var(--coral-500);--color-tool-scales:var(--green-400);--color-tool-rolls:var(--sky-400);--color-tool-builder:var(--pink-400);--color-tool-tuner:var(--sun-400);--color-on-accent:var(--gray-900);--color-playing:var(--sun-400);--color-on-playing:var(--gray-900);--color-success:var(--teal-600);--color-success-subtle:var(--teal-100);--color-warning:var(--amber-700);--color-warning-subtle:var(--amber-100);--color-danger:var(--red-600);--color-danger-subtle:var(--red-100);--color-focus-outer:var(--gray-900);--color-focus-inner:var(--sun-400);--color-instrument:var(--purple-800);--color-instrument-detail:var(--purple-600);--color-instrument-light:var(--purple-100);--color-instrument-open:var(--purple-200);--font-title:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-body:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.6;--tracking-title:-0.02em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--control-height-sm:36px;--control-height-md:40px;--control-height-lg:48px;--control-pad-sm:8px;--control-pad-md:12px;--control-pad-lg:22px;--control-text-sm:14px;--control-text-md:16px;--control-gap:4px;--target-min:44px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-1:0 1px 2px rgb(26 18 35/6%);--shadow-2:0 1px 2px rgb(26 18 35/6%),0 6px 20px rgb(84 27 129/10%);--shadow-3:0 2px 4px rgb(26 18 35/8%),0 16px 40px rgb(84 27 129/16%);--motion-fast:120ms;--motion-base:200ms;--motion-ease:cubic-bezier(0.2,0.8,0.2,1)}@media(prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-base:0ms}}html{margin:0 auto;background:var(--color-bg);color:var(--color-text);width:100%;max-width:1024px;min-width:320px;overflow-x:hidden}html body{position:relative;overflow:hidden}body{margin:0;font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}img{border:0}h1,h2,h3{font-family:var(--font-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-title);line-height:var(--leading-snug)}a{color:var(--color-brand)}a:hover{color:var(--color-brand-strong)}.clipped{height:1px;width:1px;position:absolute;overflow:hidden;top:-20px}:focus-visible{outline:3px solid var(--color-focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--color-focus-inner)}input[type=button]{-webkit-appearance:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}