.demo.svelte-xkp6vr{gap:1rem;display:grid}.moods.svelte-xkp6vr{flex-wrap:wrap;gap:.4rem;display:flex}.chip.svelte-xkp6vr{background:var(--surface);cursor:pointer;border-radius:999px;min-height:2.4rem;padding:.35rem .85rem;font-size:.9rem;transition:background .15s,border-color .15s}.chip.svelte-xkp6vr:hover{background:var(--hover)}.chip[aria-pressed=true].svelte-xkp6vr{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.stage.svelte-xkp6vr{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;padding:1.1rem;box-shadow:0 20px 60px #28145a2e}.head.svelte-xkp6vr{justify-content:space-between;align-items:flex-start;gap:1rem;animation:.35s both svelte-xkp6vr-rise;display:flex}h3.svelte-xkp6vr{margin:0;font-size:1.25rem}.desc.svelte-xkp6vr{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.badges.svelte-xkp6vr{flex-wrap:wrap;gap:.35rem;margin:.5rem 0 0;display:flex}.badges.svelte-xkp6vr span:where(.svelte-xkp6vr){background:var(--accent-soft);border-radius:999px;padding:.1rem .55rem;font-size:.8rem}.play.svelte-xkp6vr{background:var(--accent);border-color:var(--accent);color:var(--bg);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:600;display:inline-flex}.play.playing.svelte-xkp6vr{background:var(--text);border-color:var(--text)}.chords.svelte-xkp6vr{gap:.35rem;margin:1rem 0 .75rem;padding:0;list-style:none;display:flex}.chord.svelte-xkp6vr{background:var(--bg);min-width:0;animation:.35s both svelte-xkp6vr-rise;animation-delay:calc(var(--i) * 70ms);border-left:4px solid;border-radius:.6rem;padding:.5rem .6rem;display:grid}.chord.svelte-xkp6vr strong:where(.svelte-xkp6vr){font-size:1.15rem}.chord.svelte-xkp6vr span:where(.svelte-xkp6vr){color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.fn-T.svelte-xkp6vr{border-color:var(--fn-tonic)}.fn-SD.svelte-xkp6vr{border-color:var(--fn-subdominant)}.fn-D.svelte-xkp6vr{border-color:var(--fn-dominant)}.lanes.svelte-xkp6vr{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.lane.svelte-xkp6vr{animation:.35s both svelte-xkp6vr-rise;animation-delay:calc(.15s + var(--i) * 60ms);grid-template-columns:minmax(7rem,10rem) minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.lname.svelte-xkp6vr{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.lname.svelte-xkp6vr strong:where(.svelte-xkp6vr){color:var(--text)}svg.svelte-xkp6vr{background:var(--bg);border-radius:.4rem;width:100%;height:2rem}rect.svelte-xkp6vr{fill:var(--accent);opacity:.85}line.svelte-xkp6vr{stroke:var(--text);stroke-width:3px;vector-effect:non-scaling-stroke}.compact.svelte-xkp6vr .lane:where(.svelte-xkp6vr){grid-template-columns:minmax(5rem,7rem) minmax(0,1fr)}.compact.svelte-xkp6vr svg:where(.svelte-xkp6vr){height:1.5rem}@keyframes svelte-xkp6vr-rise{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.head.svelte-xkp6vr,.chord.svelte-xkp6vr,.lane.svelte-xkp6vr{animation:none}}@media (width<=520px){.lane.svelte-xkp6vr{grid-template-columns:minmax(0,1fr);gap:.15rem}.chord.svelte-xkp6vr span:where(.svelte-xkp6vr){display:none}}