@media (width>=64rem){.train.input-page{grid-template-columns:minmax(0,1fr);max-width:64rem}}.input-mic{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:.6rem;display:grid}.train .input-calibrate{font-weight:800}.input-mode{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.3rem .8rem;margin:0;font-size:.9rem;font-weight:700;display:flex}.train .input-mode button{min-height:2rem;padding:.15rem .6rem;font-size:.85rem}.input-hint,.input-note{margin:0;font-weight:600;line-height:1.45}.input-note{color:var(--muted);font-size:.85rem}.input-readout{border:2px dashed var(--line);background:var(--surface-2);border-radius:10px;gap:.35rem;padding:.5rem .8rem;font-weight:600;display:grid}.input-readout p{flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;margin:0;display:flex}.input-readout b{font-variant-numeric:tabular-nums;font-size:clamp(1rem,4.4vw,1.25rem);font-weight:800}.input-readout #cell{margin-left:auto}.input-readout[data-state=off] b,.input-readout[data-state=off] #note{opacity:.5}.input-level{height:.6rem}.input-level i,.input-calibration .train-bar i{width:calc(var(--level,0) * 100%);background:var(--muted);transition:width 50ms linear}.input-readout[data-state=heard] .input-level i{background:var(--win)}.input-calibration{border:var(--border) solid var(--line);background:var(--surface-2);border-radius:10px;gap:.5rem;padding:.7rem .8rem;display:grid}.input-calibration p{margin:0;font-weight:700}.input-calibration[data-step=low] .train-bar i{background:var(--o)}.input-calibration-actions{gap:.6rem;display:flex}.input-calibration-actions button{min-height:2.75rem}.train-card>.voice-stage{grid-area:auto}.voice-view{gap:.6rem;display:grid}.input-slider{grid-template-columns:7rem minmax(0,1fr) 7rem;align-items:center;gap:.6rem;font-weight:700;display:grid}.input-slider input{accent-color:var(--toggle-on)}.input-slider output{font-variant-numeric:tabular-nums}.input-actions{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;font-weight:600;display:flex}.input-actions label{align-items:center;gap:.4rem;display:flex}.input-actions button{min-height:2.75rem}@media (width<=30rem){.train .input-mic button{min-height:2.8rem;padding:.2rem .4rem;font-size:.8rem;line-height:1.15}.train .input-mic .train-play{font-size:1.1rem}.train-card{gap:.55rem}.train .train-feedback{font-size:.85rem}.rail-track{height:1.9rem}.input-slider{grid-template-columns:minmax(0,1fr) auto}.input-slider input{grid-area:2/1/auto/-1}}.voice-range{border:2px solid var(--line);border-radius:10px;gap:.5rem;min-inline-size:0;margin:0;padding:.4rem .8rem .7rem;display:grid}.voice-range legend{padding:0 .3rem;font-weight:800}.voice-range-end{flex-wrap:wrap;align-items:center;gap:.4rem .6rem;min-width:0;font-weight:700;display:flex}.voice-range-end label{min-width:4rem}.voice-range-end input{width:6rem}.voice-range-end select{min-width:0;max-width:100%}.voice-board .cell[data-preview]:after{content:attr(data-preview);color:var(--ink);font-size:calc(var(--cell) * .3);font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;place-items:center;font-weight:800;transition:opacity .6s;display:grid;position:absolute;inset:0}.voice-board.previewing .cell[data-preview]:after{opacity:1}body:not([data-tab=free]) .free-only{display:none}.voice-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.voice-tabs .btn[aria-pressed=true]{background:var(--primary);color:var(--on-color)}.practice-panel{gap:.6rem;display:grid}.practice-start{gap:.6rem;display:flex}.practice-start #start{flex:2}.practice-start #replay{flex:1}.practice-panel[data-no-playoff]>:not(.practice-playoff),.practice-panel[data-no-playoff] .practice-race{display:none}.practice-playoff{border:var(--border) solid var(--line);background:var(--surface-2);border-radius:10px;gap:.5rem;padding:.7rem .8rem;font-weight:700;display:grid}.practice-playoff p{margin:0}.practice-race{grid-template-columns:minmax(4rem,auto) minmax(0,1fr);align-items:center;gap:.35rem .6rem;display:grid}.practice-race .train-bar i,.practice-heat .train-bar i{width:calc(var(--level,0) * 100%);transition:width .15s}#race-them i{background:var(--x)}.practice-playoff-actions{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.practice-status{border:2px dashed var(--line);background:var(--surface-2);border-radius:10px;gap:.35rem;padding:.5rem .8rem;font-weight:700;display:grid}.practice-status p{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.2rem .8rem;margin:0;display:flex}.practice-status b{font-size:1.2rem;font-weight:800}.practice-heat{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.practice-heat .train-bar{height:.6rem}.practice-heat .train-bar i{background:var(--muted)}.practice-heat[data-heat=Warm] .train-bar i{background:var(--toggle-on)}.practice-heat[data-heat=Hot] .train-bar i,.practice-heat[data-heat=On\ it] .train-bar i{background:var(--win)}.voice-board .cell.target{outline:3px dashed var(--x);outline-offset:2px;background:color-mix(in srgb, var(--x) 30%, var(--surface))}.voice-board .cell.target.lit{background:var(--win)}.voice-board .cell.answer:not(.target){background:var(--danger)}.practice-facts{margin:0;font-weight:800}.practice-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.practice-table th,.practice-table td{border-bottom:1px solid var(--line);text-align:left;padding:.25rem .4rem}.practice-table tr.fastest td{background:color-mix(in srgb, var(--win) 35%, transparent);font-weight:800}.practice-best{margin:0;font-weight:600}.practice-board{font-variant-numeric:tabular-nums;margin:0;padding-left:1.6rem;font-weight:700}body[data-calibrating] :is(.voice-tabs,.practice-panel){display:none}