:root{color-scheme:dark;--background: #09090b;--foreground: #fafafa;--card: #0c0c0f;--muted: #18181b;--muted-foreground: #a1a1aa;--accent: #27272a;--border: #27272a;--border-subtle: #1c1c20;--primary: #fafafa;--primary-foreground: #18181b;--ring: #52525b;--destructive: #ef4444;--success: #22c55e;--radius: .5rem;--track-rhythm: #f97316;--track-bass: #8b5cf6;--track-pad: #0ea5e9;--track-organ: #f43f5e;--track-lead: #d946ef;--track-fm: #f59e0b;--track-analog: #10b981;--track-synth: #10b981;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.25rem;padding:0 1rem;border:1px solid transparent;border-radius:calc(var(--radius) - 2px);background:var(--primary);color:var(--primary-foreground);font:500 .875rem/1 var(--font-sans);text-decoration:none;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.9}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}[data-kind=rhythm]{--track-color: var(--track-rhythm)}[data-kind=bass]{--track-color: var(--track-bass)}[data-kind=pad]{--track-color: var(--track-pad)}[data-kind=organ]{--track-color: var(--track-organ)}[data-kind=lead]{--track-color: var(--track-lead)}[data-kind=fm]{--track-color: var(--track-fm)}[data-kind=analog]{--track-color: var(--track-analog)}[data-kind=synth]{--track-color: var(--track-synth)}