.music-demo[data-astro-cid-6mkp53mp]{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-width:0;font:var(--text-sm)/1.5 var(--font-ui);margin:0;overflow:hidden}.music-heading[data-astro-cid-6mkp53mp]{flex-direction:column;gap:4px;padding:20px;display:flex}.music-heading[data-astro-cid-6mkp53mp] span[data-astro-cid-6mkp53mp]{font-size:var(--text-xs);color:var(--color-text-muted)}.music-heading[data-astro-cid-6mkp53mp] b[data-astro-cid-6mkp53mp]{font-size:1.0625rem;font-weight:500}.music-controls[data-astro-cid-6mkp53mp],.music-circle-controls[data-astro-cid-6mkp53mp]{border:0;min-width:0;margin:0;padding:0 20px}.music-params[data-astro-cid-6mkp53mp]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-bottom:16px;display:grid}label[data-astro-cid-6mkp53mp]{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px;min-width:0;display:flex}select[data-astro-cid-6mkp53mp],input[data-astro-cid-6mkp53mp]{width:100%;min-width:0;accent-color:var(--color-accent)}select[data-astro-cid-6mkp53mp]{border:var(--border-width) solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text);font:inherit;border-radius:var(--radius-sm);min-height:44px;padding:4px}input[data-astro-cid-6mkp53mp][type=range]{height:30px}output[data-astro-cid-6mkp53mp]{color:var(--color-text-muted);font-variant-numeric:tabular-nums}button[data-astro-cid-6mkp53mp]{border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);min-height:44px;font:inherit;cursor:pointer;padding:6px 10px}button[data-astro-cid-6mkp53mp]:disabled{cursor:default;opacity:.55}button[data-astro-cid-6mkp53mp][aria-pressed=true],[data-astro-cid-6mkp53mp][data-play]{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.music-steps[data-astro-cid-6mkp53mp]{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.music-steps[data-astro-cid-6mkp53mp] button[data-astro-cid-6mkp53mp][data-active]{outline:3px solid var(--color-text);outline-offset:-4px}.music-chart[data-astro-cid-6mkp53mp]{background:var(--chart-bg);border-radius:var(--radius-sm);width:min(100% - 24px,320px);margin:16px auto}.music-chart[data-astro-cid-6mkp53mp] svg{width:100%;height:auto;display:block}.music-keyboard-scroll[data-astro-cid-6mkp53mp]{max-width:100%;margin:12px;padding:6px;overflow-x:auto}.music-keyboard[data-astro-cid-6mkp53mp]{width:336px;margin:auto}.music-octave-label[data-astro-cid-6mkp53mp]{color:var(--color-text-muted);padding:4px 0;font-size:12px;display:block}.music-keys[data-astro-cid-6mkp53mp]{height:112px;position:relative}.music-key[data-astro-cid-6mkp53mp]{box-sizing:border-box;border:1px solid var(--chart-axis);border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;width:48px;height:112px;padding:4px;font-size:13px;display:flex;position:absolute;top:0}.music-key[data-astro-cid-6mkp53mp].white{background:var(--color-bg);color:var(--color-text)}.music-key[data-astro-cid-6mkp53mp].black{background:var(--color-text);width:44px;height:70px;color:var(--color-bg);z-index:1}.music-key[data-astro-cid-6mkp53mp][data-family]{outline:2px dashed var(--color-accent);outline-offset:-4px}.music-key[data-astro-cid-6mkp53mp][data-selected]{background:var(--color-accent);color:var(--color-on-accent);outline:3px solid var(--color-text);outline-offset:-4px}.music-key[data-astro-cid-6mkp53mp][data-active]{box-shadow:inset 0 -10px var(--chart-result)}.music-circle[data-astro-cid-6mkp53mp]{background:var(--chart-bg);border-radius:50%;width:280px;max-width:100%;height:280px;margin:auto;position:relative}.music-circle[data-astro-cid-6mkp53mp] button[data-astro-cid-6mkp53mp]{left:var(--x);top:var(--y);width:44px;height:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.music-circle[data-astro-cid-6mkp53mp] button[data-astro-cid-6mkp53mp][data-neighbor]{outline:2px dashed var(--color-accent);outline-offset:2px}[data-astro-cid-6mkp53mp][data-key-details]{color:var(--color-text-muted);overflow-wrap:anywhere}.music-demo[data-astro-cid-6mkp53mp] button[data-astro-cid-6mkp53mp]:focus-visible,.music-demo[data-astro-cid-6mkp53mp] select[data-astro-cid-6mkp53mp]:focus-visible,.music-demo[data-astro-cid-6mkp53mp] input[data-astro-cid-6mkp53mp]:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;box-shadow:var(--focus-ring)}.music-warning[data-astro-cid-6mkp53mp]{color:var(--color-text-muted);font-size:var(--text-xs)}.music-player[data-astro-cid-6mkp53mp]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.music-player[data-astro-cid-6mkp53mp] label[data-astro-cid-6mkp53mp]{width:100%;margin-top:8px}.music-position[data-astro-cid-6mkp53mp]{margin-top:12px}.music-status[data-astro-cid-6mkp53mp]{color:var(--color-text-muted);font-size:var(--text-xs);padding:0 20px}figcaption[data-astro-cid-6mkp53mp]{border-top:var(--border-width) solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs);padding:12px 20px}.sr-only[data-astro-cid-6mkp53mp]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<600px){.music-heading[data-astro-cid-6mkp53mp]{padding:16px 12px}.music-controls[data-astro-cid-6mkp53mp],.music-circle-controls[data-astro-cid-6mkp53mp],.music-status[data-astro-cid-6mkp53mp],figcaption[data-astro-cid-6mkp53mp]{padding-inline:12px}.music-params[data-astro-cid-6mkp53mp]{grid-template-columns:1fr}.music-keyboard[data-astro-cid-6mkp53mp]{margin-left:0}}@media print{.music-controls[data-astro-cid-6mkp53mp],.music-status[data-astro-cid-6mkp53mp]{display:none}.music-circle-controls[data-astro-cid-6mkp53mp]{border:0}.music-keyboard-scroll[data-astro-cid-6mkp53mp]{overflow:visible}}