.audio-page{max-width:1200px;margin:0 auto;padding:44px 24px 72px}.audio-page-intro{max-width:740px;margin-bottom:32px}.audio-page-intro h1{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.12}.audio-page-intro p{color:var(--text-secondary);line-height:1.7}.audio-instrument{border-block:1px solid var(--border-subtle);grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:48px;padding-block:32px;display:grid}.audio-instrument__main{text-align:center;min-width:0}.audio-status{color:var(--text-secondary);min-height:24px;font-size:.875rem}.audio-instrument__controls{align-self:center;padding-block:8px}.audio-instrument__controls h2{margin:0 0 20px;font-size:1.25rem}.audio-instrument__controls p{color:var(--text-secondary);line-height:1.65}.speaker-stage{justify-content:center;gap:clamp(28px,6vw,80px);padding:25px 16px 30px;display:flex}.speaker-unit{background:var(--bg-surface-raised);border:1px solid var(--border-strong);width:clamp(110px,15vw,160px);height:230px;color:var(--text-secondary);border-radius:12px;flex-direction:column;align-items:center;gap:18px;padding:16px;display:flex}.speaker-unit>span{align-self:flex-start;font-weight:700}.speaker-tweeter{background:var(--bg-canvas);border:2px solid var(--border-strong);border-radius:50%;width:26px;height:26px}.speaker-cone{border:8px solid var(--border-component);background:var(--bg-canvas);border-radius:50%;place-items:center;width:85px;height:85px;display:grid}.speaker-cone:after{content:"";border:1px solid var(--border-strong);background:var(--bg-surface-raised);border-radius:50%;width:36px;height:36px}.speaker-unit[data-active=true]{border:2px solid var(--brand-vermilion);color:var(--text-primary)}.speaker-unit[data-active=true] .speaker-cone{border-color:var(--brand-vermilion)}.audio-channel-controls{justify-content:center;gap:8px;display:flex}.audio-channel-controls button{border:1px solid var(--border-component);min-height:44px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:10px 20px}.audio-channel-controls button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-canvas);border-color:var(--text-primary)}.audio-channel-controls button:hover:not([aria-pressed=true]){background:var(--bg-surface-raised)}.audio-range{color:var(--text-primary);grid-template-columns:1fr auto;gap:10px;margin-bottom:24px;font-size:.875rem;display:grid}.audio-range-value{color:var(--text-secondary);font-variant-numeric:tabular-nums}.audio-range input{width:100%;min-height:24px;accent-color:var(--brand-vermilion);cursor:pointer;grid-column:1/-1}.audio-primary{color:#fff;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#b93220;border:0;border-radius:6px;padding:13px 20px;font-weight:650}.audio-primary:hover{background:#982818}.audio-help{color:var(--text-secondary);max-width:54ch;margin:18px auto 0;font-size:.875rem;line-height:1.6}.audio-error{color:var(--state-error-text,#b93220)!important}.audio-instrument :is(button,input):focus-visible,.audio-choice:focus-visible{outline:3px solid var(--brand-vermilion);outline-offset:4px}.microphone-symbol{width:100px;color:var(--text-primary);margin:28px auto}.microphone-symbol svg{width:100%;height:150px;display:block}.audio-meter{gap:5px;height:56px;margin:0 12px;display:flex}.audio-meter span{background:var(--border-component);border-radius:2px;flex:1}.audio-meter span[data-lit=true]{background:#258844}.audio-meter span[data-lit=true][data-high=true]{background:#b45309}.audio-meter-scale{color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;margin:10px 12px;font-size:.75rem;display:flex}.audio-meter-reading{font-variant-numeric:tabular-nums;margin:20px 0 0;font-size:1.5rem}.audio-monitor{cursor:pointer;align-items:center;gap:10px;margin-top:28px;display:flex}.audio-monitor input{width:20px;height:20px;accent-color:var(--brand-vermilion)}.audio-monitor input:disabled{cursor:not-allowed}.audio-privacy{border-top:1px solid var(--border-subtle);margin-top:28px;padding-top:22px;font-size:.875rem}.audio-guide{grid-template-columns:1fr 1fr;gap:64px;padding-top:48px;line-height:1.7;display:grid}.audio-guide h2{margin:0 0 20px;font-size:1.25rem}.audio-guide h3{margin:24px 0 8px;font-size:1rem}.audio-guide p,.audio-guide li{color:var(--text-secondary)}.audio-guide ol{padding-left:22px}.audio-guide li{margin-bottom:12px;padding-left:4px}.audio-chooser{border-top:1px solid var(--border-subtle)}.audio-choice{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding:30px 0;text-decoration:none;display:block}.audio-choice h2{margin:0 0 10px;font-size:1.6rem}.audio-choice p{max-width:65ch;color:var(--text-secondary);line-height:1.65}.audio-choice:hover h2{text-underline-offset:5px;text-decoration:underline}@media (width<=760px){.audio-page{padding:28px 20px 48px}.audio-instrument{grid-template-columns:1fr;gap:28px;padding-block:24px}.audio-instrument__controls{border-top:1px solid var(--border-subtle);padding-top:28px}.audio-guide{grid-template-columns:1fr;gap:32px;padding-top:32px}.speaker-unit{height:210px}.audio-channel-controls button{padding-inline:16px}.audio-meter{gap:3px}}.audio-start{width:min(280px,100%);margin:20px auto 0;display:block}.audio-guide details{border-bottom:1px solid var(--border-subtle);padding:14px 0}.audio-guide summary{cursor:pointer}.audio-guide summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.audio-related{color:var(--text-secondary);margin-top:40px;line-height:1.7}.audio-related a{color:var(--text-primary);text-underline-offset:.2em}[data-theme=dark] .audio-meter span[data-lit=true]{background:#51cf79}[data-theme=dark] .audio-meter span[data-lit=true][data-high=true]{background:#fbbf24}@media (width<=760px){.speaker-stage{padding-block:16px}.speaker-unit{gap:10px;height:170px;padding:12px}.speaker-cone{width:65px;height:65px}.audio-page-intro{margin-bottom:24px}}