.studio-spectrum-diagram{width:100%}.studio-spectrum-diagram svg{width:100%;max-height:100px;display:block;overflow:visible}.studio-spectrum-zero{fill:none;stroke:#355160;stroke-width:1}.studio-spectrum-curve{fill:none;stroke:#39d3f2;stroke-width:3;transition:d .3s ease}.studio-spectrum-diagram>div{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:.5rem;font-size:1rem;color:#a4b9c4}.studio-spectrum-diagram [data-active=true]{color:#39d3f2;font-weight:700}.studio-spectrum-playing{font-size:1.25rem;color:#39d3f2}.studio-spectrum-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}[data-studio-drill=frequency-id] .studio-round-progress{grid-template-columns:repeat(5,1.3rem)}@media(prefers-reduced-motion:reduce){.studio-spectrum-curve{transition:none}}@media(min-width:650px)and (max-height:500px){.studio-spectrum-answers{grid-template-columns:repeat(4,minmax(0,1fr))}}.studio-spectrum-frame{max-width:44rem;margin:0 auto;padding:clamp(1.5rem,5vh,3rem) 1.5rem}.studio-spectrum-header{display:grid;gap:1rem;margin-bottom:1.75rem}.studio-spectrum-scene{display:grid;gap:1.5rem;animation:spectrum-enter .36s cubic-bezier(.16,1,.3,1) both}.studio-spectrum-scene h2{font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.15;font-weight:750;letter-spacing:-.035em;color:var(--text-primary);margin:0;overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.studio-spectrum-scene h2:focus{outline:none}.studio-spectrum-regions{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.studio-spectrum-regions>span{display:flex;gap:.4rem;align-items:center;color:#9db3c2;border-top:3px solid #294453;padding-top:.7rem;font-size:1rem}.studio-spectrum-regions [data-current=true]{color:#67e8f9;border-color:#67e8f9}.studio-spectrum-regions [data-heard=true]{color:#7fe5c5;border-color:#7fe5c5}.studio-spectrum-transport{display:grid;gap:.5rem}.studio-spectrum-pair{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.studio-spectrum-play{display:flex;justify-content:center;align-items:center;gap:.6rem;min-height:3.5rem;padding:.8rem;position:relative;isolation:isolate;overflow:hidden;border:1px solid #486377;border-bottom-width:3px;border-radius:1rem;background:#112330;color:#d9e9f2;font-size:1rem;transition:border-color .18s,background .18s,transform .12s}.studio-spectrum-play-fill{position:absolute;inset:0;background:#13536a;transform-origin:left;z-index:-1;transition:transform .1s linear}.studio-spectrum-play[data-playing=true]{color:#a5f3fc;border-color:#58c6df}.studio-spectrum-play:disabled{cursor:default}.studio-spectrum-play:disabled:not([data-playing=true]){color:#98acba}.studio-spectrum-transport-caption{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;color:#a4b9c4;font-size:1rem}.studio-spectrum-transport-caption .studio-focus-quiet{font-size:1rem}.studio-spectrum-advance{min-height:3.5rem}.studio-spectrum-frame .studio-focus-primary{gap:.75rem;border-bottom:4px solid #13768c;transition:transform .12s ease,filter .15s}.studio-spectrum-next{animation:spectrum-ready .25s ease-out both}.studio-spectrum-next>svg{transition:transform .18s;flex-shrink:0}@media(hover:hover){.studio-spectrum-next:hover>svg{transform:translate(3px)}.studio-spectrum-choice:not([aria-disabled=true]):hover,.studio-spectrum-play:not(:disabled):hover{border-color:#67e8f9;background:#193849}}.studio-spectrum-frame button:focus-visible{outline:3px solid #67e8f9;outline-offset:4px}.studio-spectrum-frame .studio-focus-primary:active,.studio-spectrum-play:not(:disabled):active,.studio-spectrum-choice:not([aria-disabled=true]):active{transform:translateY(2px) scale(.985)}.studio-spectrum-choice{text-align:left;border:1px solid #496578;border-bottom:4px solid #304859;border-radius:1.1rem;padding:1rem;min-height:5.5rem;color:#e4eef5;background:#142736;display:grid;align-content:center;gap:.35rem;transition:background .2s,border-color .2s,transform .12s}.studio-spectrum-choice-name{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:1.2rem;font-weight:700}.studio-spectrum-choice-note{min-height:2.8em;font-size:1rem;color:#b1c8d6;line-height:1.4}.studio-spectrum-choice[data-result=correct]{color:#aaf4d7;background:#173f36;border-color:#6ce0b8;animation:spectrum-found .38s cubic-bezier(.2,.8,.2,1)}.studio-spectrum-choice[data-result=correct] .studio-spectrum-choice-note{color:#aaf4d7}.studio-spectrum-choice[data-result=chosen]{border-color:#d9b978;background:#362f22}.studio-spectrum-choice[data-result=chosen] .studio-spectrum-choice-note{color:#f0d59e}.studio-spectrum-choice[data-result=other]{background:#101d29;border-color:#2b4253;color:#9bb3c3}.studio-spectrum-choice[aria-disabled=true]{cursor:default}.studio-spectrum-feedback{display:grid;gap:1.25rem;animation:spectrum-ready .24s ease-out both}.studio-spectrum-listen-cue{display:flex;gap:.75rem;align-items:center;min-height:5.5rem}.studio-spectrum-listen-cue svg{flex-shrink:0;color:#67e8f9}.studio-spectrum-loading{display:grid;gap:1.5rem;min-height:10rem;align-content:center}.studio-spectrum-loading>svg{color:#67e8f9}.studio-spectrum-result-mark{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;border:2px solid #70dfbc;color:#aaf4d7;background:#173f36;animation:spectrum-found .5s cubic-bezier(.2,.8,.2,1)}.studio-spectrum-score{color:#dbfbec;font-size:2rem;font-weight:750}.studio-spectrum-review{display:grid;gap:1rem;font-size:1.1rem;color:#d9e9f2}@keyframes spectrum-enter{0%{opacity:.25;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes spectrum-ready{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spectrum-found{0%{transform:scale(.98)}55%{transform:scale(1.025)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.studio-spectrum-frame *,.studio-spectrum-frame *:before,.studio-spectrum-frame *:after{animation:none!important;transition:none!important}.studio-spectrum-frame button:active,.studio-spectrum-next:hover>svg{transform:none!important}}@media(min-width:650px)and (max-height:500px){.studio-spectrum-frame{max-width:64rem}.studio-spectrum-scene{grid-template-columns:1fr 1fr;align-items:start}.studio-spectrum-scene>h2,.studio-spectrum-scene>.studio-spectrum-answers,.studio-spectrum-scene>.studio-spectrum-feedback{grid-column:1 / -1}.studio-spectrum-header,.studio-spectrum-feedback{grid-template-columns:1fr 1fr;align-items:center}}@media(min-width:650px)and (max-height:500px){[data-spectrum-flow] .studio-spectrum-scene>h2{grid-column:auto}}.studio-spectrum-scene{grid-template-columns:minmax(0,1fr)}.studio-spectrum-scene>*,.studio-spectrum-header>*{min-width:0}.studio-spectrum-regions{grid-template-columns:repeat(auto-fit,minmax(min(100%,3.5rem),1fr))}.studio-spectrum-pair,.studio-spectrum-answers{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.studio-spectrum-play>svg{flex-shrink:0}.studio-spectrum-transport-caption{flex-wrap:wrap}@media(min-width:650px)and (max-height:500px){.studio-spectrum-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.studio-spectrum-answers{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:650px)and (max-height:500px){[data-correction-stage] .studio-spectrum-scene>.studio-processing-controls,[data-correction-stage] .studio-spectrum-scene>.studio-focus-primary{grid-column:1 / -1}}.studio-spectrum-result-mark[data-outcome=practice]{color:#80d9ee;background:#132c39;border-color:#477484;animation:none}@media(max-width:600px){.studio-spectrum-frame{padding-inline:1rem}.studio-spectrum-header{gap:.65rem}}.studio-sound-trace{margin:1.5rem 0;padding:1rem;border-radius:1rem;background:#102330}.studio-sound-trace>div{display:grid;grid-template-columns:minmax(0,1fr);color:#7fe0d8;gap:.25rem}.studio-sound-trace>div+div{margin-top:.75rem;color:#edc990}.studio-sound-trace svg{width:100%;height:44px}.studio-sound-trace span,.studio-sound-trace figcaption{font-size:1rem}.studio-sound-trace figcaption{color:#b6c7d4;margin-top:.75rem}.studio-spectrum-result-mark[data-outcome=practice]+.studio-spectrum-score{color:#bfd4df}.studio-sound-trace svg{animation:studio-trace-enter .5s ease-out both}@keyframes studio-trace-enter{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media(prefers-reduced-motion:reduce){.studio-sound-trace svg{animation:none}}.studio-spectrum-current-idea{color:#d9e9f2;font-size:1.5rem;line-height:1.3;margin:0}