.playback-controls[data-astro-cid-sv3zd3qu]{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-line)}.progression-group[data-astro-cid-sv3zd3qu]{display:flex;gap:.25rem}.btn[data-astro-cid-sv3zd3qu]{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--color-surface);border:1px solid var(--color-line);border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .2s ease}.btn[data-astro-cid-sv3zd3qu]:hover:not(:disabled){background-color:var(--color-line)}.btn[data-astro-cid-sv3zd3qu]:active:not(:disabled){transform:translateY(1px)}.btn[data-astro-cid-sv3zd3qu]:disabled{opacity:.6;cursor:not-allowed}.btn[data-astro-cid-sv3zd3qu].is-playing{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn[data-astro-cid-sv3zd3qu].is-playing svg[data-astro-cid-sv3zd3qu]{animation:pulse 1.5s infinite alternate}.progression-select[data-astro-cid-sv3zd3qu]{background-color:var(--color-surface);border:1px solid var(--color-line);border-radius:8px;padding:.5rem;font-size:.875rem;color:var(--color-text)}@keyframes pulse{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.virtual-keyboard-scroll[data-astro-cid-y4cykhdw]{-webkit-overflow-scrolling:touch;border:1px solid var(--color-line);border-radius:8px;max-width:var(--keyboard-max-width, none);margin-inline:auto;overflow-x:auto;padding:.75rem;scroll-snap-type:x mandatory;width:100%}.keyboard-audio-message[data-astro-cid-y4cykhdw]{color:var(--color-muted);font-size:.85rem;margin:0 0 .5rem}.keyboard-audio-message[data-astro-cid-y4cykhdw].is-hidden{display:none}.virtual-keyboard[data-astro-cid-y4cykhdw]{display:block;max-width:none;min-width:calc(var(--keyboard-natural-width, 1100px) * var(--keyboard-zoom, 1));width:calc(100% * var(--keyboard-zoom, 1));scroll-snap-align:start;transition:min-width .2s ease-out,width .2s ease-out}.piano-key[data-astro-cid-y4cykhdw]{cursor:pointer;outline:none}.key[data-astro-cid-y4cykhdw]{stroke:#202124;stroke-width:.7;transition:fill .18s ease,stroke .18s ease,transform .18s ease}.key-white[data-astro-cid-y4cykhdw]{fill:#fffefa}.key-black[data-astro-cid-y4cykhdw]{fill:#202124}.piano-key[data-astro-cid-y4cykhdw]:hover .key-white[data-astro-cid-y4cykhdw],.piano-key[data-astro-cid-y4cykhdw]:focus-visible .key-white[data-astro-cid-y4cykhdw],.key-white[data-astro-cid-y4cykhdw].key-hover{fill:#f3ead8}.piano-key[data-astro-cid-y4cykhdw]:hover .key-black[data-astro-cid-y4cykhdw],.piano-key[data-astro-cid-y4cykhdw]:focus-visible .key-black[data-astro-cid-y4cykhdw],.key-black[data-astro-cid-y4cykhdw].key-hover{fill:#394047}.key-highlighted[data-astro-cid-y4cykhdw].key-white{fill:var(--color-gold);stroke:#7c4d17;stroke-width:1.8}.key-highlighted[data-astro-cid-y4cykhdw].key-black{fill:var(--color-plum);stroke:#2c1421;stroke-width:1.8}.key-active[data-astro-cid-y4cykhdw].key-white{fill:color-mix(in srgb,var(--color-teal),white 68%);stroke:var(--color-teal);stroke-width:2}.key-active[data-astro-cid-y4cykhdw].key-black{fill:var(--color-teal);stroke:#0b3734;stroke-width:2}.key-label[data-astro-cid-y4cykhdw]{dominant-baseline:middle;font-size:7px;pointer-events:none;text-anchor:middle;user-select:none}.key-label-white[data-astro-cid-y4cykhdw]{fill:var(--color-muted)}.key-label-black[data-astro-cid-y4cykhdw]{fill:var(--color-paper);font-size:6px}@media(max-width:767px){.virtual-keyboard-scroll[data-astro-cid-y4cykhdw]{margin-inline:-1rem;border-left:0;border-right:0;border-radius:0;padding-inline:1rem;width:auto}}@media(min-width:768px){.virtual-keyboard-scroll[data-astro-cid-y4cykhdw]{padding:1rem}}@media(prefers-reduced-motion:reduce){.key[data-astro-cid-y4cykhdw],.virtual-keyboard[data-astro-cid-y4cykhdw]{transition:none}}.chord-visualizer[data-astro-cid-zhaj4ejw]{display:grid;gap:1rem}.chord-visualizer__controls[data-astro-cid-zhaj4ejw]{align-items:end;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.chord-visualizer__controls[data-astro-cid-zhaj4ejw] label[data-astro-cid-zhaj4ejw],.segmented-control[data-astro-cid-zhaj4ejw]{display:grid;gap:.35rem}.chord-visualizer__controls[data-astro-cid-zhaj4ejw] span[data-astro-cid-zhaj4ejw],.segmented-control[data-astro-cid-zhaj4ejw] legend[data-astro-cid-zhaj4ejw]{color:var(--color-muted);font-size:.9rem;font-weight:700}select[data-astro-cid-zhaj4ejw]{background:var(--color-surface);border:1px solid var(--color-line);border-radius:8px;min-height:44px;padding:.55rem .7rem}.segmented-control[data-astro-cid-zhaj4ejw]{border:0;margin:0;padding:0}.segmented-control[data-astro-cid-zhaj4ejw] label[data-astro-cid-zhaj4ejw]{align-items:center;border:1px solid var(--color-line);border-radius:8px;display:flex;gap:.45rem;min-height:44px;padding:.45rem .65rem}.chord-visualizer__summary[data-astro-cid-zhaj4ejw]{background:var(--color-surface);border:1px solid var(--color-line);border-radius:8px;padding:1rem}.chord-visualizer__summary[data-astro-cid-zhaj4ejw] h2[data-astro-cid-zhaj4ejw]{font-size:1.35rem}.chord-visualizer__summary[data-astro-cid-zhaj4ejw] dl[data-astro-cid-zhaj4ejw]{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0}.chord-visualizer__summary[data-astro-cid-zhaj4ejw] div[data-astro-cid-zhaj4ejw]{display:grid;gap:.15rem}.chord-visualizer__summary[data-astro-cid-zhaj4ejw] dt[data-astro-cid-zhaj4ejw]{color:var(--color-muted);font-size:.82rem;font-weight:700;text-transform:uppercase}.chord-visualizer__summary[data-astro-cid-zhaj4ejw] dd[data-astro-cid-zhaj4ejw]{margin:0}