.sound-lab,.sound-practice{gap:1.5rem;min-width:0;display:grid}.sound-learning-nav{flex-wrap:wrap;gap:.65rem;display:flex}.sound-tone-reading{--tuner-near:#3c8063;--tuner-middle:#b37b22;--tuner-far:#ae5a4a;border:1px solid var(--edge);background:var(--panel);border-radius:.6rem;min-width:0;margin:.6rem 0;padding:.65rem .75rem}html[data-mode=dark] .sound-tone-reading{--tuner-near:#83c5a4;--tuner-middle:#d8b35e;--tuner-far:#d98778}.sound-tone-reading .sound-tone-name{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem .6rem;margin:0 0 .4rem;font-size:.85em;font-weight:600;display:flex}.sound-tone-cents{font-variant-numeric:tabular-nums}.sound-tone-reading[data-band=near] .sound-tone-cents{color:var(--accent)}.sound-tone-reading[data-band=far] .sound-tone-cents{color:var(--rust)}.sound-tuner{padding-top:.25rem}.sound-tuner-band{background:linear-gradient(to right, var(--tuner-far) 0%, var(--tuner-far) 30%, var(--tuner-middle) 30%, var(--tuner-middle) 45%, var(--tuner-near) 45%, var(--tuner-near) 55%, var(--tuner-middle) 55%, var(--tuner-middle) 70%, var(--tuner-far) 70%, var(--tuner-far) 100%);border-radius:.25rem;height:.55rem;position:relative}.sound-tuner-zero{background:var(--panel);width:1px;height:.75rem;position:absolute;top:-.1rem;left:50%}.sound-tuner-needle{border:1px solid var(--panel);background:var(--text);border-radius:.2rem;width:.25rem;height:1rem;position:absolute;top:-.2rem;transform:translate(-50%)}.sound-tuner-ticks{font-variant-numeric:tabular-nums;color:var(--muted);justify-content:space-between;gap:.5rem;margin-top:.2rem;font-size:.65em;display:flex}.sound-tone-reading .sound-tone-reference{color:var(--muted);margin:.3rem 0 0;font-size:.65em}.sound-tone-reading--compact{padding:.45rem .6rem}.sound-tone-reading--compact .sound-tone-name{margin:0}.sound-note-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem;display:grid}.sound-harmonic-row{min-width:0}.sound-harmonic-row .sound-tone-reading{margin-top:0}.sound-mixture-reading{border:1px solid var(--edge);background:var(--shade);border-radius:.65rem;margin:1rem 0;padding:.7rem .85rem}.sound-mixture-reading>p:first-child{margin-top:0}.sound-mixture-reading>p:last-child{margin-bottom:0}.sound-section{min-width:0;scroll-margin-top:1rem}.sound-section h2{margin:.3rem 0 .6rem}.sound-section h3{margin-top:0}.sound-section header p{margin:.5rem 0}.sound-number{color:var(--rust);font-variant-numeric:tabular-nums;font-size:.85em}.sound-action{font-weight:600}.sound-section details{border-top:1px solid var(--edge);margin-top:1.25rem;padding-top:.75rem}.sound-section summary{cursor:pointer;min-height:2.75rem;color:var(--accent);padding:.4rem 0;font-weight:600}.sound-section details p{font-size:.9em}.sound-status{color:var(--rust);margin:0}.sound-status:empty{display:none}.sound-plot,.sound-pressure,.sound-spectrum{min-width:0;margin:1rem 0}.sound-lab svg{width:100%;height:auto;display:block;overflow:visible}.sound-lab svg text{fill:var(--muted);font-family:inherit;font-size:12px}.sound-axis{stroke:var(--edge);stroke-width:1px;fill:none;vector-effect:non-scaling-stroke}.sound-trace{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sound-trace--0{stroke:var(--blue);stroke-dasharray:6 4}.sound-trace--1{stroke:var(--rust);stroke-dasharray:2 4}.sound-trace--2{stroke:var(--muted);stroke-dasharray:9 3 2 3}.sound-trace--total{stroke:var(--accent);stroke-width:2.5px}.sound-legend{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.sound-legend span{align-items:center;gap:.4rem;font-size:.8em;display:inline-flex}.sound-legend span:before{content:"";border-top:2px solid;width:1.5rem}.sound-legend--0{color:var(--blue)}.sound-legend--1{color:var(--rust)}.sound-legend--2{color:var(--muted)}.sound-legend--0:before,.sound-legend--1:before,.sound-legend--2:before{border-top-style:dashed!important}.sound-legend--total{color:var(--accent)}.sound-lab figcaption{color:var(--muted);margin-top:.4rem;font-size:.8em}.sound-source{fill:var(--accent)}.sound-particle{fill:var(--blue)}.sound-particle--tracked{fill:var(--rust)}.sound-slider{flex-wrap:wrap;align-items:center;gap:.35rem 1rem;min-width:0;margin:.5rem 0;display:flex}.sound-slider>span{flex:100%;font-size:.85em}.sound-slider input{width:100%;min-width:0;min-height:2.75rem;accent-color:var(--accent);flex:6rem;margin:0}.sound-slider output{font-variant-numeric:tabular-nums;text-align:right;min-width:3rem;font-size:.85em}.sound-controls-grid,.sound-wave-controls,.sound-harmonic-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem;margin:.75rem 0;display:grid}.sound-wave-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.sound-component{border:1px solid var(--edge);border-radius:.7rem;min-width:0;margin:0;padding:.5rem .75rem}.sound-component legend{padding:0 .4rem;font-size:.85em;font-weight:600}.sound-toggle{cursor:pointer;align-items:center;gap:.6rem;min-height:2.75rem;font-size:.8em;display:flex}.sound-toggle input{width:1.25rem;height:1.25rem;accent-color:var(--accent);margin:0}.sound-play-controls{flex-wrap:wrap;gap:.6rem;margin:.8rem 0;display:flex}.sound-playback-row{grid-template-columns:minmax(0,1fr) 8.5rem;align-items:center;gap:.75rem;margin-block:.8rem;display:grid}.sound-playback-row>*{min-width:0}.sound-playback-row>.sound-play-controls{grid-template-columns:minmax(0,1fr);margin:0;display:grid}.sound-playback-row>.sound-play-controls button{padding:.4rem;font-size:.85rem}@media (max-width:640px){.sound-playback-row{grid-template-columns:minmax(0,1fr)}.sound-playback-row>.sound-play-controls{display:flex}}.sound-button{border:1px solid var(--control-edge);background:var(--panel);min-height:2.75rem;color:var(--text);font:inherit;cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;gap:.6rem;padding:.6rem .9rem;font-size:.9em;font-weight:600;display:inline-flex}.sound-button:hover{background:var(--accent-soft)}.sound-button:disabled{cursor:default;opacity:.55}.sound-button svg{stroke:currentColor;stroke-width:1.7px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 1.3rem;width:1.3rem;height:1.3rem}.sound-primary,.sound-primary:hover{background:var(--accent);color:var(--panel)}.sound-button[data-active=true],.sound-button:focus-visible,.sound-lab input:focus-visible,.sound-section summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.sound-readout{background:var(--shade);border:1px solid var(--edge);font-variant-numeric:tabular-nums;border-radius:.6rem;flex-wrap:wrap;gap:.25rem .65rem;padding:.65rem .8rem;font-size:.9em;display:flex}.sound-game{border:1px solid var(--control-edge);background:var(--shade);border-radius:.85rem;margin:1.5rem 0;padding:1.1rem}.sound-game[data-correct=true]{border-color:var(--accent)}.sound-game-feedback{min-height:1.65em;color:var(--accent);font-weight:600}.sound-game-task,.sound-game-prompt,.sound-game-work,.sound-game-answer{min-width:0}.sound-game-task{gap:.75rem;margin-top:.75rem;display:grid}@media (min-width:900px){.sound-game-task{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;column-gap:1rem}.sound-game-prompt{grid-area:1/2}.sound-game-work{grid-area:1/1/3}.sound-game-answer{grid-area:2/2}.sound-game-task p{margin-block:.4rem}.sound-game-answer .sound-play-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-block:0;display:grid}.sound-game-answer button{min-width:0;padding:.4rem}}.sound-note{color:var(--muted);font-size:.8em}.sound-spectrum-bar{fill:var(--accent)}.sound-spectrum-bar--1,.sound-spectrum-bar--3,.sound-spectrum-bar--5{fill:var(--blue)}.sound-segments{border:0;flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:0;display:flex}.sound-segments legend{width:100%;margin-bottom:.4rem;font-size:.85em}.sound-segments label{cursor:pointer;display:inline-flex}.sound-segments input{opacity:0;width:1px;height:1px;position:absolute}.sound-segments span{border:1px solid var(--control-edge);border-radius:.6rem;align-items:center;min-height:2.75rem;padding:.55rem .8rem;font-size:.85em;display:flex}.sound-segments input:checked+span{background:var(--accent);color:var(--panel)}.sound-segments input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}.sound-segments input:disabled+span{opacity:.55;cursor:default}.sound-comparison{border:1px solid var(--edge);border-radius:.6rem;margin-top:1rem;padding:.3rem .8rem}.sound-comparison p{justify-content:space-between;gap:.75rem;font-size:.85em;display:flex}.sound-comparison strong{text-align:right;font-variant-numeric:tabular-nums}@media (max-width:720px){.sound-wave-controls{grid-template-columns:1fr}.sound-component{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1rem;display:grid}.sound-toggle{grid-column:1/-1}.sound-component>.sound-slider{order:1}.sound-component>.sound-tone-reading{order:2;grid-column:1/-1}}@media (max-width:480px){.sound-controls-grid,.sound-harmonic-controls{grid-template-columns:1fr}.sound-comparison p{display:block}.sound-comparison strong{text-align:left;display:block}.sound-component{display:block}.sound-note-pair{grid-template-columns:1fr}}.sound-page[data-astro-cid-54hxvb4g]{gap:1.5rem;min-width:0;display:grid}.sound-page[data-astro-cid-54hxvb4g] h1[data-astro-cid-54hxvb4g],.sound-contents[data-astro-cid-54hxvb4g] h2[data-astro-cid-54hxvb4g]{margin-top:0}.sound-page[data-astro-cid-54hxvb4g] p[data-astro-cid-54hxvb4g]{max-width:none}.sound-contents[data-astro-cid-54hxvb4g]{font-size:.85em}.sound-contents[data-astro-cid-54hxvb4g] h2[data-astro-cid-54hxvb4g]{font-size:1em}