.workbook-notice{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 12px;max-width:760px;letter-spacing:.1px}.workbook-notice #book-source{color:var(--gold);font-weight:800;white-space:nowrap}.test-mode-button{height:48px;padding:10px 16px;border:1px solid var(--cyan);color:var(--cyan);background:transparent;border-radius:11px;white-space:nowrap;font-size:12px;font-weight:800}.test-mode-button[aria-pressed=true]{background:var(--cyan);color:var(--bg)}.test-mode-button.testing{border-color:#f6a3ae;background:#4b2839;color:#ffe1e7}.test-panel{background:#102a3b;border:1px solid #477585;border-radius:15px;padding:20px;margin:0 0 22px}.test-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.test-panel-heading>strong{font-size:15px;color:var(--cyan)}#mic-indicator{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}#mic-indicator i{display:block;width:7px;height:7px;border-radius:50%;background:#6c8097}#mic-indicator.recording{color:#ffd2da}#mic-indicator.recording i{background:#f8899b;box-shadow:0 0 0 4px #f8899b22}.test-panel>p{font-size:12px;line-height:1.6;margin:12px 0;color:#d0e1eb}.test-tools{display:grid;grid-template-columns:minmax(160px,1fr) minmax(100px,1fr);gap:20px;margin:18px 0}.test-tools label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.test-tools select{font-size:12px;min-height:44px}.mic-meter{display:flex;flex-direction:column;justify-content:center}.mic-meter meter{width:100%;height:17px;border-radius:12px}.mic-meter meter::-webkit-meter-bar{background:#223b4c;border:1px solid #486777;border-radius:12px}.mic-meter meter::-webkit-meter-optimum-value{background:var(--cyan);border-radius:12px}.test-panel .test-tip{font-size:11px;color:var(--gold)}.test-panel .test-privacy{font-size:10px;color:#a9c4d5}.latency-setting{border-top:1px solid #365667;padding-top:12px;margin-top:15px}.latency-setting summary{font-size:10px;color:var(--muted);cursor:pointer;min-height:32px;line-height:1.5}.latency-setting label{display:inline-block;font-size:11px;margin:10px 10px 10px 0}.latency-setting input{width:70px;padding:7px;background:var(--input);border:1px solid #52657d;border-radius:7px;min-height:35px;text-align:center}.latency-setting p{font-size:10px;color:var(--muted);line-height:1.6;margin:5px 0 0}.test-result{margin-top:18px;padding:16px;border:1px solid #61827c;border-radius:12px;background:#17352f}.test-result>strong{font-size:18px;line-height:1.4;color:#b3f0d0}.test-result p{font-size:12px;line-height:1.7;margin:7px 0 0;color:#d1e7e4}.test-result .test-result-hint{font-size:11px;color:#b4cece}.test-result.test-inconclusive{border-color:#ad8d50;background:#352d22}.test-result.test-inconclusive>strong{color:#ffdc96}.bar:disabled{opacity:1;cursor:default}.bar.test-pass{background:#e3f5e8;border-color:#4cab7c;box-shadow:0 0 0 1px #4cab7c33}.bar.test-pass .bar-label{color:#2c704c}.bar.test-fail{background:var(--paper);border-color:#e36f7f;box-shadow:0 0 0 1px #e36f7f33}.bar.test-fail .bar-label{color:#a33446}.bar-feedback{font-size:9px;line-height:1.5;padding:7px 7px 9px;color:#276748;font-weight:700;letter-spacing:0;white-space:normal}.test-fail .bar-feedback{color:#a72d41}.bar{scroll-margin-top:20px;scroll-margin-bottom:155px}#jog[aria-disabled=true]{cursor:default;opacity:.65}.is-test-mode .count-overlay{inset:300px 20px 130px}
@media(max-width:1050px){.test-panel{padding:16px}.test-tools{grid-template-columns:1fr;gap:14px}.test-mode-button{padding:10px 13px}.transport{gap:12px}.transport-actions{gap:7px}}
@media(max-width:760px){.workbook-notice{font-size:11px;line-height:1.6;max-width:360px;margin-bottom:14px}.test-panel{padding:15px;margin-bottom:18px}.test-panel-heading>strong{font-size:13px}.test-panel>p{font-size:11px}.test-tools{grid-template-columns:1fr;gap:14px;margin:15px 0}.test-panel .test-tip{font-size:10px}.test-panel .test-privacy{font-size:9px}.test-result{padding:13px}.test-result>strong{font-size:16px}.test-result p{font-size:10px}.test-result .test-result-hint{font-size:10px}.transport-status{flex-basis:100%;flex-grow:1}.transport-actions{width:100%;gap:9px}.transport-actions .primary-button{flex:1;min-width:0}.primary-button svg{flex-shrink:0}.test-mode-button{height:45px;font-size:11px;padding:10px 14px}.bar-feedback{font-size:8px;padding:5px 5px 7px}.bar{scroll-margin-bottom:185px}.app-shell{padding-bottom:165px}.is-test-mode .count-overlay{inset:410px 15px 135px}}
@media(max-width:760px){.training{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.training>*{min-width:0}.transport-actions .primary-button{min-height:48px}.is-test-mode .score-hint{color:var(--cyan)}}
@media(max-width:400px){.training{gap:0 14px;padding:15px}.training #jog{width:100px;height:100px}.training .dial-inner{inset:14px}.training .dial-inner strong{font-size:29px}.training .dial-inner span{font-size:7px}.training .dial-inner small{font-size:6px}.training .round-button{width:20px}.training .exercise-picker{gap:0}.training .tempo-heading{font-size:11px}.training .tempo-heading output{font-size:24px}.training .tempo-slider{gap:5px}.test-mode-button{padding:10px 11px}.transport-actions .primary-button{padding:10px 8px;font-size:11px;gap:5px}.transport-actions .primary-button svg{width:17px}}
.volume-setting{margin-top:22px;min-width:0}.volume-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700}.volume-heading output{font-size:13px;color:var(--gold);white-space:nowrap}.volume-setting input{margin:15px 0 8px}.volume-setting>p{font-size:9px;margin:3px 0 0;line-height:1.5}.tolerance-info>span{display:block;font-size:11px;font-weight:700;margin-bottom:9px}.tolerance-info>strong{display:block;font-size:12px;line-height:1.6;color:var(--cyan)}
.mic-sensitivity{margin:18px 0;padding:16px 0;border-top:1px solid #365667;border-bottom:1px solid #365667}.mic-sensitivity input{margin:15px 0 8px}.sensitivity-range{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted)}.mic-sensitivity>p{font-size:10px;line-height:1.65;color:#b6cfdf;margin:10px 0 0}.test-result .test-findings{font-weight:700;color:#ffdc96}
@media(max-width:760px){.volume-setting{grid-column:1/-1;grid-row:10;margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}.volume-heading{font-size:11px}.tolerance-info>strong{font-size:11px}}
.edition{text-align:right;text-transform:none;line-height:1.5;letter-spacing:1px}.edition-title{display:block;text-transform:uppercase;font-weight:700}.app-version{display:block;margin-top:5px;font-size:10px;letter-spacing:.2px;color:var(--cyan)}.test-panel{margin:22px 0 0}.test-panel .test-tip{margin:10px 0 14px}.test-panel .test-tools{margin:0;align-items:center;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}.test-panel .mic-sensitivity{margin:0;padding:0;border:0}.test-help{border-top:1px solid #365667;margin-top:16px;padding-top:11px}.test-help>summary{font-size:11px;color:var(--muted);cursor:pointer;min-height:28px;line-height:1.5}.test-help p{font-size:10px;line-height:1.65;color:#b6cfdf;margin:10px 0}.test-help .latency-setting{margin-top:12px}.is-test-mode .session-note{display:none}.exercise-heading{scroll-margin-top:24px}
@media(max-width:760px){.brandbar{align-items:flex-start;gap:12px}.edition{font-size:8px;letter-spacing:.6px;min-width:0}.app-version{font-size:8px;letter-spacing:0;margin-top:4px}.test-panel .test-tools{grid-template-columns:minmax(0,1fr);gap:18px}.test-panel{margin-top:18px}.test-help>summary{font-size:10px}.test-help p{font-size:10px}}
