/* VoiceRoom: scoped concept demonstration. Shared brand controls remain canonical. */
.vr-main,.vr-home{--vr-ink:#1d1d1f;--vr-muted:#424245;--vr-petrol:#0b5d5e;--vr-pearl:#f5f7f8;--vr-line:#dce5e4;color:var(--vr-ink)}
.vr-main :is(button,input,a):focus-visible,.vr-home :is(button,input,a):focus-visible{outline:3px solid #0b5d5e;outline-offset:4px}
.vr-main ::selection,.vr-home ::selection{background:#ffe1cf;color:#1d1d1f}
.vr-main [hidden],.vr-home [hidden]{display:none!important}
.vr-home{padding:100px 0;background:#f5f7f8}.vr-home-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:64px;align-items:center}.vr-home-copy h2{font-size:clamp(32px,3.4vw,48px);line-height:1.1;letter-spacing:-.03em;text-wrap:balance;margin:0 0 24px}.vr-home-copy p{font-size:18px;line-height:1.6;max-width:38ch;color:#424245;margin-bottom:28px}.vr-explore,.vr-jump{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:#0b5d5e;font-weight:600;text-decoration:underline;text-underline-offset:5px}.vr-explore svg,.vr-jump svg{width:22px;height:22px}.vr-script-link{display:inline-flex;min-height:44px;align-items:center;margin-bottom:8px}
.vr-hero{padding-top:100px;padding-bottom:56px}.vr-hero h1{font-size:clamp(42px,5.7vw,80px);line-height:1.06;letter-spacing:-.035em;max-width:1000px;margin:0 0 30px;text-wrap:balance}.vr-hero h1>span{color:#0b5d5e}.vr-intro{font-size:22px;line-height:1.6;max-width:65ch;margin:0 0 20px}.vr-concept{color:#424245;font-size:14px;line-height:1.6;max-width:80ch;margin:0 0 20px}.vr-demo-section>h2{font-size:28px;letter-spacing:-.02em;margin:0 0 24px}.vr-player{background:#fff;border:1px solid #dce5e4;border-radius:24px;padding:32px;overflow:hidden;min-width:0}.vr-demo-section .vr-player{background:#f5f7f8;border:0;padding:40px}.vr-player-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.vr-player-top>strong{font-size:21px;color:#0b5d5e;letter-spacing:-.025em}.vr-player-top>span{color:#424245;font-size:12px}.vr-player-top b{font-weight:500;font-variant-numeric:tabular-nums;margin-inline-start:8px}.vr-demo-note{font-size:12px;line-height:1.6;color:#424245;margin:12px 0 28px;max-width:75ch}.vr-workspace{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.vr-label{font-size:12px;font-weight:600;color:#424245;margin:0 0 12px}.vr-script ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.vr-sentence{display:flex;align-items:baseline;gap:14px;width:100%;padding:14px 12px;border:1px solid transparent;border-radius:12px;text-align:start;background:transparent;color:#424245;font:inherit;font-size:19px;line-height:1.5;cursor:pointer}.vr-sentence:disabled{cursor:default;opacity:1}.vr-sentence:hover:not(:disabled){background:#e8efee}.vr-sentence[aria-current="true"]{color:#0b5d5e;background:#e4efed;border-color:#b6d1cb}.vr-sentence-time{font-size:11px;font-variant-numeric:tabular-nums;color:#424245}.vr-sentence mark{background:transparent;color:inherit}.vr-player[data-view="pronunciation"] mark{background:#ffe1cf;color:#1d1d1f;text-decoration:underline;text-decoration-color:#97512b;text-underline-offset:4px}.vr-sound{min-width:0}.vr-chart{position:relative;width:100%;padding-top:8px}.vr-chart>svg{width:100%;height:168px;display:block;overflow:visible}.vr-signal{stroke:#0b5d5e;stroke-width:1.5;stroke-linecap:round;fill:none}.vr-baseline{stroke:#c4d3d1;stroke-width:1}.vr-playhead{stroke:#a94112;stroke-width:2}.vr-chart-axis{display:flex;justify-content:space-between;font-size:11px;color:#424245;font-variant-numeric:tabular-nums;margin-top:8px}.vr-controls{display:flex;align-items:center;gap:14px;margin-top:24px;min-height:48px}.vr-play{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#0b5d5e;color:#fff;border:0;border-radius:999px;padding:12px 20px;min-height:48px;min-width:172px;font:inherit;font-size:14px;font-weight:500;cursor:pointer}.vr-play:hover{background:#103f40}.vr-play:disabled{cursor:wait}.vr-play svg,.vr-restart svg{width:20px;height:20px;flex-shrink:0}.vr-play.is-playing svg path{d:path('M9 5v14M16 5v14')}.vr-controls output{font-size:12px;color:#424245;font-variant-numeric:tabular-nums;white-space:nowrap}.vr-restart{display:grid;place-items:center;min-width:44px;min-height:44px;background:transparent;color:#0b5d5e;border:1px solid #a1b8b3;border-radius:50%;cursor:pointer;margin-inline-start:auto}.vr-player input[type=range]{width:100%;height:44px;margin:8px 0 0;accent-color:#0b5d5e;cursor:pointer}.vr-status{min-height:42px;color:#424245;font-size:12px;line-height:1.5;margin:8px 0}.vr-player audio{max-width:100%;width:100%}.vr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.vr-tabs button{min-height:44px;padding:10px 20px;border:1px solid #a1b8b3;background:transparent;color:#424245;border-radius:999px;font:inherit;font-size:14px;cursor:pointer}.vr-tabs button[aria-selected=true]{background:#103f40;color:#fff;border-color:#103f40}.vr-analysis{margin-top:28px;border-top:1px solid #dce5e4;padding-top:28px}.vr-analysis-panel{min-height:230px}.vr-analysis-panel h3{font-size:20px;margin:0 0 12px}.vr-analysis-panel p{font-size:16px;line-height:1.6;max-width:75ch;margin:0 0 24px;color:#424245}.vr-analysis-panel .vr-chart{max-width:760px}.vr-analysis-panel .vr-chart>svg{height:104px}.vr-analysis-panel .vr-chart-axis{margin-top:8px}.vr-measures{display:flex;gap:64px;margin:24px 0 0}.vr-measures dt{font-size:12px;color:#424245}.vr-measures dd{font-size:28px;line-height:1.3;font-variant-numeric:tabular-nums;color:#0b5d5e;margin:6px 0 0}.vr-measures dd span{font-size:14px}.vr-coach-note{display:flex;align-items:flex-start;gap:16px;border-top:1px solid #dce5e4;padding-top:24px;margin-top:24px}.vr-roomie{width:48px;height:48px;flex:0 0 48px}.vr-coach-note strong{font-size:14px;font-weight:600}.vr-coach-note p{font-size:15px;line-height:1.6;margin:5px 0 8px;max-width:70ch}.vr-coach-note small{font-size:11px;color:#424245}.vr-player--compact{padding:28px}.vr-player--compact .vr-workspace{display:block}.vr-player--compact .vr-sentence{font-size:15px;padding:8px 6px;gap:10px}.vr-player--compact .vr-chart>svg{height:100px}.vr-player--compact .vr-demo-note{margin-bottom:16px}.vr-player--compact .vr-status{min-height:36px}.vr-player--compact .vr-coach-note{margin-top:12px;padding-top:18px}.vr-player--compact .vr-controls{margin-top:16px}.vr-method,.vr-routes{padding-top:112px;padding-bottom:8px}.vr-section-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.vr-section-intro h2,.vr-routes h2,.vr-closing h2{font-size:clamp(30px,3.5vw,48px);line-height:1.14;letter-spacing:-.025em;text-wrap:balance;margin:0}.vr-section-intro p{font-size:18px;line-height:1.7;color:#424245;margin:0}.vr-method-steps{padding:0;margin:48px 0 24px;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.vr-method-steps li{border-top:1px solid #b5c6c3;padding-top:20px}.vr-step-number{display:block;color:#0b5d5e;font-variant-numeric:tabular-nums;margin-bottom:24px;font-size:14px}.vr-method-steps h3,.vr-route-options h3{font-size:21px;line-height:1.3;margin:0 0 14px;letter-spacing:-.015em}.vr-method-steps p,.vr-route-options p{font-size:16px;line-height:1.7;color:#424245;margin:0;max-width:60ch}.vr-method-sources{font-size:13px;color:#424245;max-width:75ch}.vr-method-sources summary{cursor:pointer;min-height:44px;padding:12px 0}.vr-method-sources a{display:inline-flex;align-items:center;min-height:44px;color:#0b5d5e;text-decoration:underline}.vr-route-options{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:40px}.vr-route-options article{border-top:1px solid #b5c6c3;padding-top:24px}.vr-closing{padding-top:112px;padding-bottom:112px}.vr-closing p{max-width:65ch;font-size:18px;line-height:1.6;margin:24px 0 32px;color:#424245}
[dir=rtl] .vr-main,[dir=rtl] .vr-home{font-family:'IBM Plex Sans Arabic',Inter,sans-serif}[dir=rtl] .vr-script ol{direction:ltr}[dir=rtl] .vr-sentence{text-align:left}
@media(max-width:1100px){.vr-home-grid{gap:32px;grid-template-columns:1fr 1.3fr}.vr-workspace{gap:24px}.vr-method-steps{grid-template-columns:1fr 1fr}.vr-sentence{font-size:17px}.vr-controls{flex-wrap:wrap}.vr-controls output{margin-inline-start:auto}.vr-restart{margin-inline-start:0}}
@media(max-width:760px){.vr-home{padding:64px 0}.vr-home-grid,.vr-workspace,.vr-section-intro,.vr-route-options{grid-template-columns:1fr;gap:32px}.vr-player,.vr-player--compact,.vr-demo-section .vr-player{padding:20px;border-radius:16px}.vr-hero{padding-top:60px;padding-bottom:36px}.vr-hero h1{font-size:42px}.vr-intro{font-size:18px}.vr-demo-section>h2{font-size:24px}.vr-demo-note{font-size:11px;margin-bottom:20px}.vr-player-top{align-items:flex-start}.vr-player-top>span{max-width:135px;text-align:end}.vr-player-top b{display:block;margin:4px 0 0}.vr-sentence{font-size:16px;padding:12px 6px;gap:10px}.vr-workspace{gap:12px}.vr-chart>svg{height:120px}.vr-controls{gap:8px}.vr-play{min-width:152px;padding:12px;font-size:13px}.vr-controls output{font-size:11px}.vr-restart{min-width:44px}.vr-tabs{gap:8px}.vr-tabs button{padding:10px 14px;font-size:12px}.vr-analysis-panel{min-height:265px}.vr-analysis-panel p{font-size:15px}.vr-measures{gap:28px}.vr-measures dd{font-size:25px}.vr-coach-note{gap:12px}.vr-coach-note p{font-size:14px}.vr-method,.vr-routes{padding-top:64px}.vr-method-steps{grid-template-columns:1fr;gap:24px;margin-top:32px}.vr-method-steps li{display:flex;gap:20px}.vr-step-number{margin-top:4px}.vr-closing{padding-top:64px;padding-bottom:72px}}
@media(prefers-reduced-motion:reduce){.vr-main *,.vr-home *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.vr-chart--pitch{padding-inline-start:48px}.vr-pitch-high,.vr-pitch-low{position:absolute;left:0;font-size:10px;color:#424245;font-variant-numeric:tabular-nums}.vr-pitch-high{top:8px}.vr-pitch-low{bottom:30px}

/* Orange marks the practice focus. Petrol is reserved for the audio signal and acquisition. */
.vr-main,.vr-home{--vr-orange:#f5662a;--vr-orange-ink:#963b12;--vr-orange-tint:#fff0e8}
.vr-hero h1>span,.vr-player-top>strong,.vr-measures dd{color:var(--vr-ink)}
.vr-hero h1>span::after{content:'';display:inline-block;width:.16em;height:.16em;margin-inline-start:.12em;background:var(--vr-orange);border-radius:50%}
.vr-home{background:var(--vr-orange-tint)}
.vr-sentence[aria-current="true"]{background:var(--vr-orange-tint);border-color:var(--vr-orange-ink);color:var(--vr-ink)}
.vr-play,.vr-tabs button[aria-selected=true]{background:var(--vr-orange);color:var(--vr-ink);border-color:var(--vr-orange-ink)}
.vr-play:hover{background:#e85c22;color:var(--vr-ink)}
.vr-player input[type=range]{accent-color:var(--vr-orange-ink)}
.vr-step-number,.vr-explore,.vr-jump{color:var(--vr-orange-ink)}
.vr-player{scroll-margin-top:170px}
.vr-report-link{display:flex;width:fit-content;align-items:center;gap:16px;min-height:44px;margin-top:20px;color:var(--vr-orange-ink);font-size:15px;font-weight:600;text-underline-offset:5px}
.vr-report-link svg{width:20px;height:20px}
/* Graphic report: shadcn-inspired neutral panels, explicit axes and data-first hierarchy. */
.vr-report{padding-top:88px;scroll-margin-top:140px}.vr-report-heading{margin-bottom:24px}.vr-report-heading h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.025em;line-height:1.15;margin:0 0 12px}.vr-report-heading>p{font-size:13px;line-height:1.6;color:#52525b;margin:0;max-width:80ch}.vr-report-dashboard{background:#fafafa;border:1px solid #e4e4e7;border-radius:16px;padding:24px;display:grid;gap:20px}.vr-report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}.vr-report-metrics>div{background:white;border:1px solid #e4e4e7;border-radius:10px;padding:20px}.vr-report-metrics dt{display:flex;gap:8px;align-items:center;color:#52525b;font-size:12px;line-height:1.5;min-height:36px}.vr-report-metrics dt svg{width:18px;height:18px;flex:0 0 18px}.vr-report-metrics dd{margin:12px 0 0;font-size:clamp(20px,2vw,28px);font-weight:600;line-height:1.3;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.vr-report-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vr-report-chart{background:white;border:1px solid #e4e4e7;border-radius:10px;padding:24px;min-width:0}.vr-chart-heading{display:flex;gap:16px;justify-content:space-between;align-items:start;margin-bottom:20px}.vr-chart-heading h3{font-size:16px;line-height:1.4;margin:0;font-weight:600}.vr-chart-heading>span{font-size:12px;line-height:1.5;color:#52525b;font-variant-numeric:tabular-nums;white-space:nowrap}.vr-bar-chart{display:flex;gap:12px;direction:ltr}.vr-bar-axis{display:flex;flex-direction:column;justify-content:space-between;height:182px;font-size:11px;color:#52525b;padding-top:4px;min-width:25px}.vr-bar-columns{display:flex;gap:18px;flex:1;min-width:0}.vr-bar-column{flex:1;min-width:0;background:none;border:0;padding:0;cursor:pointer;color:#1d1d1f;font:inherit;min-height:44px;border-radius:4px}.vr-bar-column:disabled{cursor:default;opacity:1}.vr-bar-plot{height:184px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border-bottom:1px solid #d4d4d8;background:linear-gradient(to bottom,transparent calc(50% - 1px),#f4f4f5 50%,transparent calc(50% + 1px));gap:6px}.vr-bar-value{font-size:12px;font-variant-numeric:tabular-nums}.vr-bar-fill{display:block;width:70%;max-width:68px;background:#f5662a;border:1px solid #963b12;border-bottom:0;border-radius:5px 5px 0 0}.vr-bar-column:hover:not(:disabled) .vr-bar-fill,.vr-bar-column:focus-visible .vr-bar-fill{background:#963b12}.vr-bar-label{display:flex;gap:4px;justify-content:center;align-items:center;font-size:12px;font-weight:500;min-height:40px;margin-top:6px}.vr-bar-label svg{width:14px;height:14px;flex:0 0 14px}.vr-report-time{display:block;font-size:10px;line-height:1.4;color:#52525b;font-variant-numeric:tabular-nums}.vr-chart-caption{font-size:12px;line-height:1.6;color:#52525b;margin:18px 0 0;max-width:65ch}.vr-report-chart--pitch .vr-chart{padding-top:16px;margin-top:24px}.vr-report-chart--pitch .vr-chart>svg{height:184px}.vr-report-chart--pitch .vr-signal{stroke:#963b12;stroke-width:2}.vr-report-chart--energy{grid-column:1/-1}.vr-report-chart--energy .vr-chart-heading{margin-bottom:4px}.vr-energy-chart>svg{width:100%;height:48px;display:block}.vr-report-observation{display:flex;align-items:center;gap:16px;background:#fff0e8;padding:20px;border-radius:10px}.vr-report-observation h3{font-size:16px;margin:0 0 6px}.vr-report-observation p{font-size:14px;line-height:1.6;margin:0}.vr-report-actions{padding:4px}.vr-report-actions h3{font-size:16px;margin:0 0 16px}.vr-report-actions ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:0 0 12px}.vr-report-actions li{display:flex;gap:12px;align-items:start}.vr-action-index{flex:0 0 24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#f5662a;color:#1d1d1f;font-size:12px;font-weight:600}.vr-report-actions strong{font-size:13px}.vr-report-actions p{font-size:13px;line-height:1.6;margin:6px 0 0;color:#52525b}.vr-report-actions small{font-size:11px;color:#52525b}.vr-report-method{border-top:1px solid #e4e4e7;padding-top:8px}.vr-report-method summary{min-height:44px;padding:12px 0;cursor:pointer;font-size:13px;font-weight:600}.vr-report-method p,.vr-report-method dd{font-size:13px;line-height:1.7;color:#52525b;max-width:80ch;margin:8px 0 16px}.vr-report-method h3{font-size:16px}.vr-report-method dt{font-size:13px;font-weight:600;margin-top:16px}.vr-report-method dl{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.vr-report[dir=rtl] .vr-chart-heading{direction:rtl}
@media(max-width:760px){.vr-report{padding-top:64px}.vr-report-dashboard{padding:12px;gap:16px;border-radius:12px}.vr-report-metrics{grid-template-columns:1fr 1fr;gap:10px}.vr-report-metrics>div{padding:14px 12px}.vr-report-metrics dt{font-size:11px;align-items:start;min-height:34px}.vr-report-metrics dt svg{width:15px;height:15px;flex-basis:15px}.vr-report-metrics dd{font-size:20px;overflow-wrap:anywhere}.vr-report-charts{grid-template-columns:1fr}.vr-report-chart{padding:16px}.vr-bar-columns{gap:10px}.vr-bar-label{font-size:11px;gap:2px}.vr-report-time{font-size:9px}.vr-chart-heading h3{font-size:15px}.vr-chart-heading>span{font-size:11px}.vr-report-actions ol,.vr-report-method dl{grid-template-columns:1fr}.vr-report-actions ol{gap:18px}.vr-report-observation{padding:16px;align-items:start;gap:12px}.vr-report-observation .vr-roomie{width:32px;height:32px;flex-basis:32px}.vr-report-observation p{font-size:13px}}

/* Report refinement: aligned labels, numbered reading rows and a single definition list. */
.vr-report-dashboard{gap:32px;padding:32px}
.vr-report-metrics dt{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;min-height:48px;font-size:13px;line-height:20px}
.vr-report-metrics dt svg{margin-top:1px}
.vr-report-metrics dd{margin-top:8px}
.vr-report-actions{padding:0}
.vr-report-actions h3{font-size:18px;line-height:28px;margin:0 0 24px}
.vr-report-actions ol{gap:32px;margin:0}
.vr-report-actions li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start}
.vr-action-index{width:28px;height:28px;line-height:1;font-size:13px;font-variant-numeric:tabular-nums}
.vr-report-actions strong{display:block;font-size:15px;line-height:28px}
.vr-report-actions p{font-size:14px;line-height:23px;margin:8px 0 0;max-width:40ch}
.vr-report-method{padding-top:0}
.vr-report-method summary{font-size:15px;line-height:24px;padding-block:20px}
.vr-report-method-body{max-width:960px;padding:0 0 8px}
.vr-report-method p,.vr-report-method dd{font-size:14px;line-height:24px;margin:0;max-width:75ch}
.vr-report-method dl{display:block;margin:24px 0 32px}
.vr-report-method dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:32px;padding:20px 0;border-bottom:1px solid #e4e4e7;align-items:baseline}
.vr-report-method dt{font-size:14px;line-height:24px;font-weight:600;margin:0}
.vr-report-method h3{font-size:16px;line-height:24px;margin:28px 0 12px}
.vr-method-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start}
.vr-step-number{font-size:14px;line-height:28px;margin:0}
.vr-method-steps h3{font-size:19px;line-height:28px;margin:0 0 12px}
@media(max-width:1100px){.vr-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .vr-report-dashboard{padding:16px;gap:24px}
 .vr-report-metrics dt{grid-template-columns:15px minmax(0,1fr);font-size:12px;line-height:18px;min-height:54px}
 .vr-report-actions ol{gap:20px}
 .vr-report-actions li{padding-bottom:20px;border-bottom:1px solid #e4e4e7}
 .vr-report-actions li:last-child{padding-bottom:0;border-bottom:0}
 .vr-report-actions h3{font-size:17px;margin-bottom:20px}
 .vr-report-method dl>div{grid-template-columns:1fr;gap:8px;padding:16px 0}
 .vr-report-method dl{margin:16px 0 24px}
}