.theory-demo{gap:.8rem;min-width:0;display:grid}.theory-demo [hidden],.theory-demo [data-hidden=true]{display:none!important}.theory-demo .theory-equivalents{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.theory-demo .theory-equivalents button{min-width:2.75rem;min-height:2.75rem;padding:.45rem .6rem;font-size:.85rem}.theory-demo button[aria-pressed=true]{color:var(--accent,#285d50);background:var(--accent-soft,#e4ede5);border-color:var(--accent,#285d50);box-shadow:inset 0 -.18rem var(--accent,#285d50)}.theory-demo button:disabled{cursor:default}.theory-demo .theory-segments{border:0;flex-wrap:wrap;justify-self:start;align-items:stretch;gap:.3rem;min-width:0;margin:0;padding:0;display:flex}.theory-demo .theory-segments legend{color:var(--muted,#58665e);margin-bottom:.3rem;font-size:.8rem}.theory-demo .theory-segments label{min-width:0;position:relative}.theory-demo .theory-segments input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.theory-demo .theory-segments span{border:1px solid var(--control-edge,#7e9187);background:var(--panel,#fffdf8);border-radius:.4rem;align-items:center;min-height:2.75rem;padding:.4rem .65rem;font-size:.85rem;display:flex}.theory-demo .theory-segments input:checked+span{border-color:var(--accent,#285d50);background:var(--accent-soft,#e4ede5);box-shadow:inset 0 -.18rem var(--accent,#285d50);color:var(--accent,#285d50)}.theory-demo .theory-segments input:disabled+span{opacity:.5}.theory-demo .theory-segments input:focus+span{outline:2px solid var(--accent,#285d50);outline-offset:2px}.theory-demo .theory-staff:focus{outline:none}.theory-demo .theory-staff[data-staff-keyboard]:focus [data-theory-notehead]{stroke:var(--accent);stroke-width:4px;paint-order:stroke fill}.theory-demo .theory-staff{touch-action:manipulation;justify-self:center;width:100%;max-width:32rem;height:auto;display:block;overflow:visible}.theory-demo .theory-staff[aria-disabled=true] .theory-staff-hit{pointer-events:none;cursor:default}.theory-demo .theory-staff-lines,.theory-demo .theory-ledger{fill:none;stroke:var(--muted,#58665e);stroke-width:1.5px}.theory-demo .theory-clef{fill:none;stroke:var(--text,#25352d);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.theory-demo .theory-clef-dot{fill:var(--text,#25352d)}.theory-demo .theory-notehead{fill:var(--rust,#935436)}.theory-demo .theory-note-stroke{fill:none;stroke:var(--rust,#935436);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.theory-demo .theory-clef-reference{fill:var(--muted,#58665e);font-family:inherit;font-size:13px}.theory-demo .theory-staff-hit{fill:#0000;cursor:pointer}.theory-demo .theory-staff-hit:hover{fill:var(--accent,#285d50);fill-opacity:.14}.theory-demo .theory-piano-frame{min-width:0}.theory-demo .theory-black-groups{grid-template-columns:repeat(var(--white-count,8), minmax(0, 1fr));color:var(--muted,#58665e);padding-bottom:.5rem;font-size:.75rem;display:grid}.theory-demo .theory-black-groups span{border-bottom:2px solid var(--accent,#285d50);text-align:center;padding:.25rem}.theory-demo .theory-black-groups span:first-child{grid-column:1/4;margin-right:.35rem}.theory-demo .theory-black-groups span:last-child{grid-column:4/8;margin-left:.35rem}.theory-demo .theory-help,.theory-demo .theory-audio-status{color:var(--muted,#58665e);margin:0;font-size:.85em}.theory-demo .theory-audio-status:empty{display:none}.theory-demo .theory-equivalents>span:first-child{flex-basis:100%;font-size:.85em}.theory-demo[data-theory-demo=octaves]{--theory-lower:#285b4d;--theory-lower-fill:#d6e9df;--theory-higher:#91472f;--theory-higher-fill:#f2dccc}html[data-mode=dark] .theory-demo[data-theory-demo=octaves]{--theory-lower:#b6e4d2;--theory-lower-fill:#2f4f45;--theory-higher:#ffcfb8;--theory-higher-fill:#5c392b}.theory-demo[data-theory-demo=octaves] .theory-piano-frame{gap:.75rem;display:grid}.theory-demo .theory-waveforms{gap:.6rem;min-width:0;display:grid}.theory-demo .theory-wave-label{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0;font-size:.85rem;display:flex}.theory-demo .theory-wave-legend{flex-wrap:wrap;gap:.6rem 1.6rem;display:flex}.theory-demo [data-theory-tone-legend=lower]{color:var(--theory-lower)}.theory-demo [data-theory-tone-legend=higher]{color:var(--theory-higher)}.theory-demo .theory-tone-number{border:1px solid;border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;font-size:.8rem;font-weight:750;line-height:1;display:inline-grid}.theory-demo .theory-waves{fill:none;width:100%;height:auto;stroke:var(--rust,#935436);stroke-width:2px;display:block}.theory-demo [data-theory-wave=lower]{stroke:var(--theory-lower,#285b4d)}.theory-demo [data-theory-wave=higher]{stroke:var(--theory-higher,#91472f);stroke-dasharray:5 3}.theory-demo .theory-wave-axis{stroke:var(--muted,#58665e);stroke-width:1px;opacity:.6}.theory-demo .theory-wave-grid{stroke:var(--muted,#58665e);stroke-width:.6px;opacity:.3}.theory-demo .theory-wave-time{min-height:1.25em;color:var(--muted,#58665e);font-variant-numeric:tabular-nums;margin:0 3.125%;font-size:.75rem;position:relative}.theory-demo .theory-wave-time span{left:var(--theory-time-position);white-space:nowrap;position:absolute;transform:translate(-50%)}.theory-demo .theory-wave-time span:first-child{transform:none}.theory-demo .theory-wave-time span:last-child{transform:translate(-100%)}.theory-demo .theory-selection{border:1px solid var(--control-edge,#7e9187);background:var(--panel,#fffdf8);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;border-radius:.4rem;padding:.6rem .75rem;font-size:.9em;display:block}@media (max-width:600px){.theory-demo[data-theory-demo=octaves] [data-key-label]{display:none}}.music-theory[data-astro-cid-kjqlk5zl]{grid-template-columns:minmax(0,1fr);gap:1.5rem;min-width:0;display:grid}.music-theory[data-astro-cid-kjqlk5zl]>[data-astro-cid-kjqlk5zl]{min-width:0}.music-theory[data-astro-cid-kjqlk5zl] h1[data-astro-cid-kjqlk5zl]{margin-top:0}.music-theory[data-astro-cid-kjqlk5zl] p[data-astro-cid-kjqlk5zl]{max-width:none}.music-theory-intro[data-astro-cid-kjqlk5zl] p[data-astro-cid-kjqlk5zl]:last-child{margin-bottom:0}.music-theory-intro[data-astro-cid-kjqlk5zl] .music-eyebrow[data-astro-cid-kjqlk5zl]{color:var(--muted);letter-spacing:.05em;font-size:.8em}.music-theory-steps[data-astro-cid-kjqlk5zl]{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.music-theory-steps[data-astro-cid-kjqlk5zl] a[data-astro-cid-kjqlk5zl]{border:1px solid var(--control-edge);border-radius:.4rem;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem .7rem;font-size:.8em;text-decoration:none;display:inline-flex}.music-theory-steps[data-astro-cid-kjqlk5zl] span[data-astro-cid-kjqlk5zl],.music-theory-number[data-astro-cid-kjqlk5zl]{color:var(--rust);font-variant-numeric:tabular-nums}.music-theory-steps[data-astro-cid-kjqlk5zl] a[data-astro-cid-kjqlk5zl][aria-current=location],.music-theory-contents[data-astro-cid-kjqlk5zl] a[data-astro-cid-kjqlk5zl][aria-current=location]{color:var(--accent);background:var(--accent-soft);font-weight:600}.music-theory-topic[data-astro-cid-kjqlk5zl]{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.music-theory-topic[data-astro-cid-kjqlk5zl] h2[data-astro-cid-kjqlk5zl]{margin:.3rem 0 .65rem}.music-theory-topic[data-astro-cid-kjqlk5zl] header[data-astro-cid-kjqlk5zl] p[data-astro-cid-kjqlk5zl]{margin:.5rem 0}.music-theory-number[data-astro-cid-kjqlk5zl]{font-size:.8em}.music-theory-action[data-astro-cid-kjqlk5zl]{font-weight:600}.music-theory-finish[data-astro-cid-kjqlk5zl] h2[data-astro-cid-kjqlk5zl]{margin-top:0}.music-theory-finish[data-astro-cid-kjqlk5zl] .music-feature-link{margin:.35rem .6rem .35rem 0}.music-theory-contents[data-astro-cid-kjqlk5zl] h2[data-astro-cid-kjqlk5zl]{margin-top:0;font-size:1em}.music-theory-contents[data-astro-cid-kjqlk5zl],.music-theory-references[data-astro-cid-kjqlk5zl] p[data-astro-cid-kjqlk5zl],.music-theory-references[data-astro-cid-kjqlk5zl] ul[data-astro-cid-kjqlk5zl]{font-size:.85em}@media (max-width:540px){.music-theory-steps[data-astro-cid-kjqlk5zl]{display:grid}}