:root{color-scheme:dark;--bg:#080d18;--panel:#101a29;--edge:#293c52;--muted:#a3b5cb;--white:#eef5fc;--cyan:#44d5f6;--pink:#f4a2d9;--red:#ffb8bc;font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--white)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% -5%,#123142 0,transparent 44%),var(--bg)}h1,h2,h3,p{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;background:#172639;color:var(--white);border:1px solid #42566d;border-radius:9px;padding:10px 15px;font-weight:650;line-height:1.3;min-height:42px}button:hover:not(:disabled){border-color:var(--cyan);background:#203a4b}button:disabled{opacity:.42;cursor:not-allowed}button.primary{background:var(--cyan);color:#072330;border-color:var(--cyan)}button.quiet{background:transparent;font-size:.85rem}a{color:var(--cyan);text-underline-offset:4px}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}label{display:block;font-size:.88rem;font-weight:600;margin-bottom:7px}select,input[type=text]{display:block;width:100%;min-width:0;border:1px solid #40536a;border-radius:8px;background:#0b1421;color:var(--white);padding:10px 11px;min-height:43px}input[type=range]{width:100%;accent-color:var(--cyan);margin:3px 0 17px;cursor:pointer}input[type=checkbox]{accent-color:var(--cyan);width:19px;height:19px;flex-shrink:0;margin:3px 0}fieldset{padding:0;margin:0;border:0}fieldset:disabled{opacity:.45}[hidden]{display:none!important}
.lab-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:22px;min-height:84px;padding:14px max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--edge);background:#080f1cf5}.brand{font-size:2.1rem;font-weight:850;letter-spacing:-.08em;text-decoration:none;color:var(--white);line-height:1}.brand span{color:var(--cyan)}.edition{font-size:.75rem;font-weight:750;letter-spacing:.16em;color:var(--cyan)}.edition b{display:block;color:var(--muted);font-size:.58rem;letter-spacing:.12em;margin-top:2px}.panic{margin-left:auto;color:var(--red);border-color:#92555f;background:#311c26;white-space:nowrap}kbd{font:inherit;font-size:.7rem;border:1px solid #965d65;border-radius:4px;padding:2px 4px;margin-left:7px}
main{max-width:1328px;margin:auto;padding:36px 24px 0}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow,.step,.signal-label{font-size:.68rem;letter-spacing:.15em;font-weight:750;color:var(--cyan)}.intro h1{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.13;letter-spacing:-.05em;margin:10px 0 13px}.intro p:last-child{color:var(--muted);max-width:600px}.back-link{white-space:nowrap;font-size:.85rem;padding-bottom:4px}.signal-panel{border:1px solid #305769;border-radius:15px;background:linear-gradient(110deg,#102d3a99,#111a2c);padding:18px 22px;margin-bottom:20px}.signal-heading{display:flex;align-items:center;gap:15px;font-size:.83rem;color:var(--muted);padding-bottom:16px}.badge{white-space:nowrap;letter-spacing:.08em;font-size:.68rem;font-weight:800;border:1px solid #567082;border-radius:5px;padding:4px 8px;color:#c0cbd4}.badge[data-state=live]{color:var(--cyan);border-color:var(--cyan)}.badge[data-state=monitoring]{color:#c6ffcf;border-color:#88d99b}.signal-chain{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;gap:16px}.signal-chain strong{display:block;font-size:1.15rem;margin:4px 0 7px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.signal-chain>div{min-width:0}.signal-chain small{color:var(--muted);font-size:.72rem;display:block}.effect-caption{font-size:.75rem;color:var(--muted)}.path-arrow{text-align:center;color:#4d879c;font-size:1.5rem}.effect-path{text-align:center}meter{display:block;width:100%;height:11px;margin:2px 0 5px}meter::-webkit-meter-bar{background:#071521;border:0}meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#225e72,var(--cyan))}meter::-moz-meter-bar{background:var(--cyan)}
.bench-grid{display:grid;grid-template-columns:1fr 1.32fr 1fr;align-items:start;gap:20px}.panel{padding:23px;border:1px solid var(--edge);border-radius:15px;background:#101a29e8;min-width:0}.panel h2{font-size:1.3rem;letter-spacing:-.035em;margin:5px 0 20px}.hint{font-size:.79rem;color:var(--muted);line-height:1.6;margin:10px 0 15px}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}.button-row .primary{flex:1}:is(#stop-mic,#stop-mic-p2){width:100%;font-size:.85rem}.divider{height:1px;background:var(--edge);margin:22px 0}.route-name{font-size:.9rem;color:var(--cyan);margin:0 0 10px}.check{display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.5;margin:20px 0 16px}.check small{display:block;font-size:.76rem;color:var(--muted);font-weight:400;margin-top:3px}.route-warning{padding:12px;border-left:2px solid #4f6b81;background:#182639;margin-top:20px;margin-bottom:0}.presets{display:flex;gap:6px;margin-bottom:23px}.presets button{font-size:.75rem;flex:1;padding:8px 4px;min-height:38px}.presets button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:#143649}.slider-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.slider-heading output{color:var(--cyan);font-variant-numeric:tabular-nums;font-size:.82rem}.room-row{display:flex;align-items:center;gap:20px}.room-row label{margin:0;flex-shrink:0}.tuning-card{margin-top:24px;padding-top:21px;border-top:1px solid #4b3b55}.tuning-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.tuning-heading .step{color:var(--pink);font-size:.61rem}.tuning-heading h3{font-size:1.15rem;letter-spacing:-.02em;margin-top:2px}.toggle{display:flex;gap:8px;align-items:center;margin:0;font-size:.85rem}.toggle input{accent-color:var(--pink)}.two-up{display:grid;grid-template-columns:.8fr 1.4fr;gap:10px;margin:18px 0}.two-up select{font-size:.84rem}.tuning-card input[type=range]{accent-color:var(--pink)}.tuning-card output{color:var(--pink)}.pitch-readout{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.68rem;color:var(--muted);padding:12px;background:#090f1e;border-radius:8px;margin-top:10px}.pitch-readout strong{font-size:1.1rem;color:var(--pink);margin-left:4px;white-space:nowrap}.pitch-readout>span:last-child{font-size:.7rem;color:var(--pink)}:is(#tune-status,#tune-status-p2){margin-bottom:0;min-height:2.5em}.safety-check{padding:13px;background:#202a39;border-radius:9px;font-size:.85rem}.monitor,.mute{width:100%;margin-bottom:9px}.monitor[aria-pressed=true]{background:#b9f2c4;border-color:#b9f2c4}.mute{color:var(--red);border-color:#71464f;background:#2b1e29}.listen-panel .slider-heading{margin-top:16px}.diagnostics{margin-top:22px;padding-top:20px;border-top:1px solid var(--edge)}dl{display:grid;grid-template-columns:1fr auto;gap:8px 10px;font-size:.73rem;margin:14px 0}dt{color:var(--muted)}dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.privacy-note{font-size:.74rem;color:#aac7bb;margin-top:18px;line-height:1.65}.compare-panel{margin-top:20px}.compare-panel h2{margin-bottom:8px}.compare-panel .hint{max-width:790px}.compare-controls{display:grid;grid-template-columns:1fr 1.8fr auto;gap:10px}.compare-controls select,.compare-controls input{font-size:.85rem}:is(#comparisons,#comparisons-p2){margin:15px 0 0;padding-left:23px}:is(#comparisons,#comparisons-p2) li{padding:12px 0;border-top:1px solid var(--edge);font-size:.84rem}:is(#comparisons,#comparisons-p2) strong{color:var(--cyan)}:is(#comparisons,#comparisons-p2) p{color:var(--muted);font-size:.78rem;margin-top:4px}footer{padding:24px 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.73rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.route-name{margin:10px 0;font-size:.8rem;color:var(--muted)}.route-name strong{font-weight:600;color:var(--cyan)}:is(#system-output-help,#system-output-help-p2){font-size:.79rem;border:1px solid var(--edge);border-radius:8px;padding:11px;margin:13px 0}:is(#system-output-help,#system-output-help-p2) summary{cursor:pointer;font-weight:650;color:var(--cyan)}:is(#system-output-help,#system-output-help-p2) ol{padding-left:20px;margin:12px 0}:is(#system-output-help,#system-output-help-p2) li{margin:7px 0;color:var(--muted)}:is(#system-output-help,#system-output-help-p2) .hint{margin-bottom:0}:is(#system-output-help,#system-output-help-p2) summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
@media(max-width:1050px){.bench-grid{grid-template-columns:1fr 1.3fr}.listen-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.listen-panel>h2,.listen-panel>.step{grid-column:1/-1}.listen-panel h2{margin-bottom:0}.listen-panel .diagnostics{grid-column:2;grid-row:3/9;margin:0}.listen-panel>.privacy-note{grid-column:1/-1}.compare-controls{grid-template-columns:1fr 1.5fr}.compare-controls button{grid-column:1/-1}.signal-chain{gap:8px;grid-template-columns:1fr 24px 1fr 24px 1fr}.signal-chain strong{font-size:1rem}}
@media(max-width:700px){.lab-header{padding:12px 16px;gap:12px;min-height:70px}.brand{font-size:1.8rem}.edition{display:none}.panic{font-size:.77rem;padding:9px 10px}main{padding:26px 16px 0}.intro{display:block}.intro .back-link{display:inline-block;margin-top:13px}.intro h1{font-size:2.35rem}.intro p:last-child{font-size:.9rem}.signal-panel{padding:16px}.signal-heading{align-items:flex-start;font-size:.75rem}.signal-chain{grid-template-columns:1fr 20px 1fr;gap:12px}.effect-path,.signal-chain>.path-arrow:nth-of-type(2){display:none}.signal-chain strong{font-size:.95rem}.signal-chain .signal-label{font-size:.6rem}.bench-grid{grid-template-columns:1fr;gap:16px}.panel{padding:21px}.listen-panel{display:block;grid-column:auto}.listen-panel .diagnostics{margin-top:22px}.compare-controls{grid-template-columns:1fr}.compare-controls button{grid-column:auto}footer{display:block}footer span{display:block;margin-bottom:5px}}
/* Setup first; progressive disclosure keeps detailed tools out of the first listen. */
.lab-header{min-height:70px;padding-top:12px;padding-bottom:12px}
main{padding-top:25px}.intro{align-items:center;margin-bottom:24px}.intro h1{font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 7px}.intro p:last-child{font-size:.93rem}
.panel{margin-bottom:20px;padding:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.section-heading h2{font-size:1.18rem;letter-spacing:-.025em;margin:0}.section-heading .hint{margin:5px 0 0}
.setup-panel{border-color:#34576a}.setup-status{color:var(--muted);font-size:.84rem;margin-bottom:22px}.setup-steps{display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:22px}.setup-step{min-width:0}.setup-step+.setup-step{border-left:1px solid var(--edge);padding-left:22px}
.step-heading{display:flex;align-items:center;gap:9px;margin-bottom:16px}.step-heading h3{font-size:1.04rem;letter-spacing:-.025em}.step-number{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border:1px solid #486076;border-radius:50%;color:var(--cyan);font-size:.8rem;font-weight:700}.step-state{font-size:.66rem;color:var(--muted);margin-left:auto;text-align:right}
.lab-player-panel[data-status=ready] .setup-step:first-child .step-number,.lab-player-panel[data-monitoring=true] .listen-step .step-number{background:#163f42;border-color:#7ed4bd;color:#b9f2cf}
.button-row{flex-wrap:nowrap;margin:12px 0 0}.button-row button{font-size:.85rem;min-height:44px}:is(#stop-mic,#stop-mic-p2){width:auto;flex-shrink:0}.monitor,.mute{width:auto;margin:0}.monitor{min-width:0}.mute{flex-shrink:0}.check{margin:0}.safety-check{background:transparent;padding:0;min-height:44px;font-size:.8rem}.listen-step .slider-heading{margin-top:15px}.listen-step input[type=range]{margin:4px 0 7px;min-height:24px}.hint.level-note{margin:0;font-size:.74rem}
.setup-caution{font-size:.76rem;color:#c3c5b7;padding-top:16px;margin-top:18px;border-top:1px solid var(--edge)}
button.text-button{background:transparent;border-color:transparent;color:var(--cyan);padding:7px 0;font-size:.8rem;min-height:36px}.route-name{font-size:.77rem;overflow-wrap:anywhere}.route-name strong{font-weight:500}
:is(#system-output-help,#system-output-help-p2){margin:6px 0 0;padding:0;border:0;font-size:.77rem}:is(#system-output-help,#system-output-help-p2) summary{min-height:36px;padding:7px 0}
summary{cursor:pointer;color:var(--white);font-weight:600;touch-action:manipulation}.local-note,.section-tag{color:var(--muted);font-size:.72rem}.section-tag{letter-spacing:.1em;font-size:.65rem}
.signal-chain{margin-top:17px;grid-template-columns:1fr 30px 1fr 30px 1fr}.signal-chain strong{font-size:1.05rem}.signal-label{font-size:.62rem}.signal-chain small{font-variant-numeric:tabular-nums}
.feedback-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;margin-top:22px;padding-top:18px;border-top:1px solid var(--edge)}.feedback-readout{display:flex;align-items:flex-start;gap:12px}.feedback-light{width:9px;height:9px;border-radius:50%;background:#8897a6;flex-shrink:0;margin-top:6px}.feedback-readout h3{font-size:.8rem;font-weight:500;color:var(--muted)}.experimental{display:inline-block;font-size:.6rem;border:1px solid #495363;border-radius:4px;padding:1px 4px;margin-left:5px;vertical-align:middle}
:is(#feedback-status,#feedback-status-p2){font-size:.97rem;font-weight:600;margin-top:4px}:is(#feedback-detail,#feedback-detail-p2){margin:5px 0 0;font-size:.74rem}.feedback-panel[data-state=quiet] .feedback-light{background:var(--cyan)}.feedback-panel[data-state=watch] .feedback-light{background:#ffd483;box-shadow:0 0 10px #ffd48370}.feedback-panel[data-state=watch] :is(#feedback-status,#feedback-status-p2){color:#ffd483}.feedback-panel[data-state=risk] .feedback-light{background:#ff878f;box-shadow:0 0 12px #ff878f90}.feedback-panel[data-state=risk] :is(#feedback-status,#feedback-status-p2){color:#ffb8bc}.reduction-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:6px;font-size:.72rem;color:var(--muted)}:is(#feedback-help,#feedback-help-p2){grid-column:1/-1;font-size:.72rem;margin:6px 0 0}
.sound-controls{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:start;padding:10px 0 14px}.presets{gap:8px;margin:0}.presets button{font-size:.86rem;padding:14px 8px;min-height:72px}.presets small{display:block;color:var(--muted);font-weight:400;font-size:.71rem;margin-top:5px}.room-row select{font-size:.85rem}.advanced-details{border-top:1px solid var(--edge)}.advanced-details>summary{padding:16px 0;font-size:.88rem}.advanced-details>summary>span{font-size:.75rem;font-weight:400;color:var(--muted);margin-left:12px}.detail-content{padding:4px 0 15px}.standalone-details{padding:0 22px}.standalone-details>summary{padding:19px 0}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.advanced-grid .diagnostics{margin:0;padding:0;border:0}.advanced-grid dl{margin-top:0}.tuning-card{margin:0;padding:0;border-color:var(--edge)}fieldset{min-width:0}.two-up{grid-template-columns:1fr 1fr;gap:20px}.pitch-readout{font-size:.74rem}.tuning-card .check input{accent-color:var(--pink)}footer{padding-top:4px}
@media(max-width:1050px){.setup-steps{grid-template-columns:1fr 1fr}.listen-step{grid-column:1/-1}.setup-step.listen-step{border-left:0;border-top:1px solid var(--edge);padding:20px 0 0}.listen-step .button-row,.listen-step input[type=range],.listen-step .slider-heading{max-width:480px}}
@media(max-width:700px){.lab-header{min-height:66px}main{padding-top:22px}.intro{margin-bottom:20px}.intro p:last-child{font-size:.85rem}.panel{padding:18px}.setup-steps{grid-template-columns:1fr;gap:20px}.setup-step+.setup-step{border-left:0;border-top:1px solid var(--edge);padding:20px 0 0}.listen-step{grid-column:auto}.section-heading{gap:10px;align-items:flex-start}.local-note{max-width:135px;text-align:right;font-size:.65rem}.badge{font-size:.58rem}.signal-chain{grid-template-columns:1fr 20px 1fr;gap:10px}.signal-chain strong{font-size:.9rem}.signal-chain .signal-label{font-size:.56rem}.feedback-panel,.sound-controls,.advanced-grid{grid-template-columns:1fr;gap:20px}.feedback-panel{gap:14px}.feedback-actions{border-top:1px solid var(--edge);padding-top:14px}.section-tag{display:none}.presets{gap:6px}.presets button{font-size:.77rem;padding:12px 5px}.presets small{font-size:.66rem}.advanced-details>summary>span{display:block;margin:4px 0 0 16px}.standalone-details{padding:0 18px}.two-up{gap:12px}.pitch-readout{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.lab-players{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 20px}
.lab-players>[role=tab]{--player-accent:#55d9e9;text-align:left;min-width:0;padding:14px 18px;background:#101c29;border:1px solid transparent;border-radius:12px;color:var(--muted)}
.lab-players>[role=tab]:last-child{--player-accent:#eac486}
.lab-players>[aria-selected=true]{color:var(--white);border-color:var(--player-accent);background:linear-gradient(110deg,#183342,#101c29)}
.lab-players .player-kicker{display:flex;justify-content:space-between;gap:12px;font-size:.77rem;letter-spacing:.06em;color:var(--player-accent)}
.lab-players [data-player-state]{color:var(--muted);letter-spacing:0}
.lab-players strong{display:block;font-size:clamp(1rem,1.4vw,1.3rem);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 9px}
.lab-players meter{height:6px;margin:0}.lab-players meter::-webkit-meter-optimum-value{background:var(--player-accent)}.lab-players meter::-moz-meter-bar{background:var(--player-accent)}
.lab-player-panel[hidden]{display:none!important}
@media(max-width:700px){.lab-players{gap:8px}.lab-players>[role=tab]{padding:12px}.lab-players .player-kicker{font-size:.68rem}.lab-players strong{font-size:.9rem}}

/* Vocal flair is a sound, with deliberate A/B playback and independent player settings. */
.vocal-flair-card{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr);gap:24px;padding:22px 24px;margin:0 0 26px;border-radius:12px;background:linear-gradient(115deg,#183a3d88,#12213244);border-left:2px solid #a7e2cc}
.vocal-flair-card h3{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em;margin:5px 0}
.vocal-flair-card p{margin:6px 0 0}.flair-actions{display:grid;gap:10px;align-content:center}
.vocal-flair-card .button-row{flex-wrap:wrap}
.flair-audition{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flair-audition>span{color:#b3c7ce;font-size:13px;margin-right:5px}
.flair-audition button{min-height:38px;padding:7px 12px;background:transparent;border-color:#799ca64a}
.vocal-flair-card button[aria-pressed=true]{background:#b9e6d4;color:#09232a;border-color:transparent}
@media(max-width:700px){.vocal-flair-card{grid-template-columns:1fr;padding:18px;gap:16px}.flair-audition>span{flex-basis:100%}}

.flair-amount input{width:100%;accent-color:#b9e6d4;margin:8px 0 2px;min-height:26px}.flair-amount-scale{display:flex;justify-content:space-between;color:#a7bebc;font-size:.73rem}.flair-amount .hint{font-size:.73rem;max-width:48ch}

/* A playback recovery link lands on the shared output, even on a narrow screen. */
.setup-step.output-setup-target{scroll-margin-top:90px;border-radius:10px;outline:1px solid #44d5f65c;outline-offset:10px;background:linear-gradient(135deg,#14354655,transparent)}
.output-recovery{margin:0 0 16px}.output-recovery p{font-size:.88rem;line-height:1.55;color:var(--white);margin:0 0 12px}.output-recovery button{min-height:44px}
.output-setup-target button.text-button{font-size:.88rem;min-height:44px}
@media(max-width:700px){.setup-step.output-setup-target{scroll-margin-top:84px;outline-offset:8px}}