/* VRT Deep Voice Test 2.0.0 | vocalrangetester.com | every selector is scoped to .vrtdvt-tool or .vrtdvt-ref.
   Sizes in px (themes shrink rem). Help text >= 15px, labels >= 13px, touch targets >= 44px, text contrast >= 4.5:1. */
.vrtdvt-tool,.vrtdvt-ref{--dv-pri:#4338ca;--dv-pri2:#3730a3;--dv-onpri:#fff;--dv-ink:#0f172a;--dv-text:#334155;--dv-mut:#475569;--dv-bg:#fff;--dv-soft:#f4f5ff;--dv-line:#d9dcf3;--dv-edge:#94a3b8;--dv-chip:#e8eaff;--dv-ok:#15803d;--dv-warn:#b45309;--dv-err:#b91c1c;--dv-page:transparent;
	--dv-b0:#1e1b4b;--dv-b1:#4338ca;--dv-b2:#818cf8;--dv-b3:#c7d2fe;--dv-b4:#eef2ff;
	color:var(--dv-text);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;box-sizing:border-box;text-align:left}
@media (prefers-color-scheme:dark){
	.vrtdvt-tool[data-scheme=auto],.vrtdvt-ref[data-scheme=auto]{--dv-pri:#a5b4fc;--dv-pri2:#c7d2fe;--dv-onpri:#0f172a;--dv-ink:#f1f5f9;--dv-text:#e2e8f0;--dv-mut:#cbd5e1;--dv-bg:#111827;--dv-soft:#1a2135;--dv-line:#334155;--dv-edge:#64748b;--dv-chip:#272f52;--dv-ok:#4ade80;--dv-warn:#fcd34d;--dv-err:#fca5a5;--dv-page:#0b1120;--dv-b0:#4338ca;--dv-b1:#6366f1;--dv-b2:#a5b4fc;--dv-b3:#c7d2fe;--dv-b4:#eef2ff}
	.vrtdvt-tool[data-scheme=auto]{padding:14px;border-radius:18px}
}
.vrtdvt-tool{max-width:1040px;margin:0 auto 1.75em;background:var(--dv-page)}
.vrtdvt-tool *,.vrtdvt-tool *::before,.vrtdvt-tool *::after,.vrtdvt-ref *{box-sizing:border-box}
.vrtdvt-tool [hidden]{display:none!important}
.vrtdvt-tool p,.vrtdvt-tool dl,.vrtdvt-tool dd,.vrtdvt-tool dt,.vrtdvt-tool h2,.vrtdvt-tool h3,.vrtdvt-tool ol,.vrtdvt-tool ul,.vrtdvt-tool li,.vrtdvt-tool blockquote{margin:0;padding:0}
.vrtdvt-tool h2,.vrtdvt-tool h3{font-family:inherit;text-transform:none;letter-spacing:normal}
.vrtdvt-tool button{font:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;margin:0;cursor:pointer;line-height:1.2;text-shadow:none}
.vrtdvt-tool button:disabled{cursor:not-allowed}
.vrtdvt-tool :focus-visible{outline:3px solid var(--dv-pri);outline-offset:2px}
.vrtdvt-tool svg{display:block;flex:none}

/* head: H2 = Tool Name, lead, progress */
.vrtdvt-head{margin:0 0 12px}
.vrtdvt-tool .vrtdvt-title{margin:0;font-size:25px;line-height:1.25;font-weight:800;color:var(--dv-ink);letter-spacing:-.01em}
.vrtdvt-lead{margin-top:4px!important;font-size:16px;color:var(--dv-mut)}
.vrtdvt-tool .vrtdvt-steps{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;list-style:none}
.vrtdvt-steps li{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:3px 12px 3px 4px;border-radius:99px;background:var(--dv-soft);color:var(--dv-mut);font-size:14px;font-weight:700;list-style:none}
.vrtdvt-steps li span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:99px;background:var(--dv-bg);color:var(--dv-mut);font-size:13px;box-shadow:inset 0 0 0 1px var(--dv-edge)}
.vrtdvt-steps li[aria-current=step]{background:var(--dv-pri);color:var(--dv-onpri)}
.vrtdvt-steps li[aria-current=step] span{background:var(--dv-onpri);color:var(--dv-pri);box-shadow:none}
.vrtdvt-steps li[data-done] span{background:var(--dv-ok);color:#fff;box-shadow:none}

.vrtdvt-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.vrtdvt-card{border:1px solid var(--dv-line);border-radius:16px;background:var(--dv-bg);padding:14px;min-width:0}
.vrtdvt-tool .vrtdvt-h3{margin:0 0 10px;font-size:18px;line-height:1.3;font-weight:800;color:var(--dv-ink)}
.vrtdvt-stepno{display:inline-block;margin-right:6px;padding:2px 9px;border-radius:99px;background:var(--dv-ink);color:var(--dv-bg);font-size:13px;font-weight:800;vertical-align:2px}
.vrtdvt-label{display:block;font-size:15px;font-weight:700;color:var(--dv-ink)}
.vrtdvt-hint{margin-top:6px!important;font-size:15px;line-height:1.45;color:var(--dv-mut)}

/* Step 1: group (radio group) + passage */
.vrtdvt-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:var(--dv-chip)}
.vrtdvt-tool .vrtdvt-seg button{min-height:44px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--dv-ink);font-weight:700;font-size:15px}
.vrtdvt-tool .vrtdvt-seg button:hover{background:var(--dv-bg);color:var(--dv-ink)}
.vrtdvt-tool .vrtdvt-seg button[aria-checked=true]{background:var(--dv-pri);color:var(--dv-onpri)}
.vrtdvt-seg button[aria-checked=true]::before{content:"● ";font-size:.8em}
.vrtdvt-setup .vrtdvt-label{margin-top:14px}
.vrtdvt-tool .vrtdvt-passage{margin:6px 0 0;padding:12px 14px;border:0;border-left:4px solid var(--dv-pri);border-radius:10px;background:var(--dv-soft);font-style:normal;quotes:none;box-shadow:none}
.vrtdvt-tool .vrtdvt-passage::before,.vrtdvt-tool .vrtdvt-passage::after{content:none;display:none}
.vrtdvt-tool .vrtdvt-passage p{font-size:17px;line-height:1.6;color:var(--dv-ink);font-style:normal}
.vrtdvt-tool[data-state=rec] .vrtdvt-passage{border-left-color:#dc2626;box-shadow:0 0 0 2px rgba(220,38,38,.25)}

/* Step 2: recorder panel (dark in both schemes) */
.vrtdvt-rec{border-radius:16px;background:#0f172a;color:#e2e8f0;padding:14px;min-width:0}
.vrtdvt-rec .vrtdvt-h3{color:#fff}
.vrtdvt-rec .vrtdvt-stepno{background:#fff;color:#0f172a}
.vrtdvt-rec :focus-visible{outline-color:#22d3ee}
.vrtdvt-mainrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.vrtdvt-tool .vrtdvt-main{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:1 1 220px;min-height:56px;padding:0 22px 0 18px;border:0;border-radius:99px;background:#4f46e5;color:#fff;font-weight:800;font-size:18px}
.vrtdvt-tool .vrtdvt-main:hover,.vrtdvt-tool .vrtdvt-main:focus{background:#4338ca;color:#fff}
.vrtdvt-main svg{width:24px;height:24px}
.vrtdvt-tool[data-state=calib] .vrtdvt-main,.vrtdvt-tool[data-state=rec] .vrtdvt-main,.vrtdvt-tool[data-state=starting] .vrtdvt-main{background:#dc2626}
.vrtdvt-tool[data-state=calib] .vrtdvt-main:hover,.vrtdvt-tool[data-state=rec] .vrtdvt-main:hover{background:#b91c1c}
.vrtdvt-tool[data-state=rec] .vrtdvt-main svg{animation:vrtdvt-pulse 1.2s ease-in-out infinite}
@keyframes vrtdvt-pulse{50%{opacity:.35}}
.vrtdvt-tool .vrtdvt-main:disabled{background:#334155;color:#cbd5e1}
.vrtdvt-clock{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto!important;line-height:1.15}
.vrtdvt-clock span{font-size:13px;font-weight:700;color:#cbd5e1}
.vrtdvt-clock output{font-size:28px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.vrtdvt-private{display:flex;align-items:flex-start;gap:6px;margin-top:10px!important;font-size:15px;color:#cbd5e1}
.vrtdvt-private svg{width:16px;height:16px;margin-top:3px;color:#4ade80}
.vrtdvt-notice{margin-top:12px;padding:10px 12px;border-radius:12px;border-left:5px solid #dc2626;background:#fef2f2;color:#7f1d1d;font-size:15px}
.vrtdvt-notice[data-kind=info]{border-left-color:#2563eb;background:#eff6ff;color:#1e3a8a}
.vrtdvt-ntitle{font-size:17px;font-weight:800;margin-bottom:2px!important}
.vrtdvt-live{margin-top:12px}
.vrtdvt-readout{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.vrtdvt-rlabel{font-size:13px;font-weight:700;color:#cbd5e1;min-width:4.6em}
.vrtdvt-rhz{font-size:17px;color:#e2e8f0;font-variant-numeric:tabular-nums}
.vrtdvt-rhz b{font-size:32px;font-weight:800;color:#fff}
.vrtdvt-rhz b:empty::before{content:"–";color:#64748b;font-weight:600}
.vrtdvt-rnote{font-size:18px;font-weight:800;color:#22d3ee}
.vrtdvt-level{display:flex;align-items:center;gap:10px;margin-top:6px}
.vrtdvt-meter{position:relative;flex:1 1 auto;height:12px;border-radius:99px;background:#1e293b;box-shadow:inset 0 0 0 1px #475569;overflow:hidden}
.vrtdvt-meter i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:#475569;transition:transform .08s linear}
.vrtdvt-meter[data-level=good] i{background:#4ade80}
.vrtdvt-meter[data-level=quiet] i{background:#94a3b8}
.vrtdvt-meter[data-level=loud] i{background:#f87171}
.vrtdvt-leveltxt{min-width:6.6em;font-size:15px;font-weight:700;color:#e2e8f0}
.vrtdvt-trace{position:relative;height:150px;margin-top:10px;border-radius:10px;background:#0b1224;overflow:hidden;box-shadow:inset 0 0 0 1px #334155}
.vrtdvt-trace canvas{display:block;width:100%;height:100%}
.vrtdvt-traceempty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 12px;text-align:center;color:#e2e8f0;font-size:15px;background:rgba(11,18,36,.82)}
.vrtdvt-progrow{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:15px;color:#e2e8f0}
.vrtdvt-prog{position:relative;flex:1 1 auto;height:6px;border-radius:99px;background:#1e293b;overflow:hidden}
.vrtdvt-prog i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#6366f1,#22d3ee)}
.vrtdvt-status{margin-top:10px!important;min-height:2.9em;font-size:15px;color:#fff}
.vrtdvt-status[data-kind=ok]{color:#86efac;font-weight:700}
.vrtdvt-status[data-kind=ok]::before{content:"✓ "}
.vrtdvt-status[data-kind=error]{color:#fca5a5;font-weight:700}
.vrtdvt-status[data-kind=error]::before{content:"⚠ "}
.vrtdvt-status[data-kind=busy]{font-weight:700}
.vrtdvt-tool[data-state=error] .vrtdvt-status,.vrtdvt-status.is-sr{position:absolute;width:1px;height:1px;min-height:0;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vrtdvt-rec{position:relative}
.vrtdvt-keys{margin-top:4px!important;font-size:13px;color:#cbd5e1}
.vrtdvt-tool noscript .vrtdvt-status,.vrtdvt-tool>noscript p{color:var(--dv-err);font-weight:700}

/* Result */
.vrtdvt-tool .vrtdvt-result .vrtdvt-h3:focus{outline:none}
.vrtdvt-tool .vrtdvt-result .vrtdvt-h3:focus-visible{outline:2px solid var(--dv-pri);outline-offset:4px;border-radius:6px}
.vrtdvt-empty{padding:4px 0 2px;font-size:15px;color:var(--dv-mut)}
.vrtdvt-emptybig{font-size:20px;font-weight:800;color:var(--dv-mut)}
.vrtdvt-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.vrtdvt-hero{display:flex;flex-direction:column}
.vrtdvt-big{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;line-height:1}
.vrtdvt-big output{font-size:52px;font-weight:800;color:var(--dv-ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.vrtdvt-unit{font-size:22px;font-weight:800;color:var(--dv-ink)}
.vrtdvt-notechip{align-self:center;margin-left:6px;padding:4px 10px;border-radius:99px;background:var(--dv-chip);color:var(--dv-pri2);font-size:18px;font-weight:800}
.vrtdvt-notechip:empty{display:none}
.vrtdvt-biglabel{margin-top:6px!important;font-size:15px;font-weight:700;color:var(--dv-mut)}
.vrtdvt-answer{font-size:18px;line-height:1.4;color:var(--dv-ink)}
.vrtdvt-answer b{color:var(--dv-pri2);font-weight:800}
.vrtdvt-gauge{margin-top:4px}
.vrtdvt-gname{font-size:15px;font-weight:700;color:var(--dv-ink)}
.vrtdvt-gname span{font-weight:600;color:var(--dv-mut)}
.vrtdvt-gtrack{position:relative;margin-top:44px}
.vrtdvt-gbar{display:flex;height:18px;border-radius:99px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--dv-edge)}
.vrtdvt-gbar i{flex:1 1 0}
.vrtdvt-gbar i+i{border-left:2px solid var(--dv-bg)}
.vrtdvt-sw-0,.vrtdvt-gbar i:nth-child(1){background:var(--dv-b0)}
.vrtdvt-sw-1,.vrtdvt-gbar i:nth-child(2){background:var(--dv-b1)}
.vrtdvt-sw-2,.vrtdvt-gbar i:nth-child(3){background:var(--dv-b2)}
.vrtdvt-sw-3,.vrtdvt-gbar i:nth-child(4){background:var(--dv-b3)}
.vrtdvt-sw-4,.vrtdvt-gbar i:nth-child(5){background:var(--dv-b4)}
.vrtdvt-gavg{position:absolute;left:50%;top:-4px;bottom:-4px;width:0;border-left:2px dashed var(--dv-mut)}
.vrtdvt-gpin{position:absolute;top:-8px;bottom:-8px;width:4px;margin-left:-2px;border-radius:2px;background:var(--dv-ink);box-shadow:0 0 0 2px var(--dv-bg)}
.vrtdvt-gpin b{position:absolute;bottom:100%;left:50%;margin-bottom:4px;transform:translateX(-50%);padding:3px 8px;border-radius:8px;background:var(--dv-ink);color:var(--dv-bg);font-size:14px;font-weight:800;white-space:nowrap}
.vrtdvt-gpin.is-l b{left:-2px;transform:none}
.vrtdvt-gpin.is-r b{left:auto;right:-2px;transform:none}
.vrtdvt-gticks{position:relative;height:20px;margin-top:6px;font-size:13px;font-weight:600;color:var(--dv-mut);font-variant-numeric:tabular-nums}
.vrtdvt-gticks span{position:absolute;top:0;transform:translateX(-50%)}
.vrtdvt-glabels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;font-size:13px;line-height:1.25;color:var(--dv-mut);text-align:center}
.vrtdvt-glabels span.is-on{color:var(--dv-ink);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.vrtdvt-gtext{margin-top:6px!important;font-size:15px;color:var(--dv-text)}
.vrtdvt-gtext b{color:var(--dv-ink)}
.vrtdvt-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.vrtdvt-facts div{padding:8px 10px;border-radius:10px;background:var(--dv-soft);min-width:0}
.vrtdvt-facts dt{font-size:13px;font-weight:700;color:var(--dv-mut)}
.vrtdvt-facts dd{font-size:18px;font-weight:800;color:var(--dv-ink);overflow-wrap:anywhere}
.vrtdvt-facts dd.is-empty{font-size:15px;font-weight:700;color:var(--dv-mut)}
.vrtdvt-facts dd small{display:block;font-size:14px;font-weight:600;color:var(--dv-mut)}
.vrtdvt-conf{padding:10px 12px;border:1px solid var(--dv-line);border-radius:12px}
.vrtdvt-confrow{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.vrtdvt-confrow .vrtdvt-label{display:inline}
.vrtdvt-pips{display:inline-flex;gap:3px}
.vrtdvt-pips i{width:22px;height:8px;border-radius:99px;background:var(--dv-line)}
.vrtdvt-conf[data-level=low] .vrtdvt-pips i:nth-child(1){background:var(--dv-err)}
.vrtdvt-conf[data-level=medium] .vrtdvt-pips i:nth-child(-n+2){background:var(--dv-warn)}
.vrtdvt-conf[data-level=high] .vrtdvt-pips i{background:var(--dv-ok)}
.vrtdvt-confrow strong{font-size:17px;color:var(--dv-ink)}
.vrtdvt-confdet{margin-top:4px!important;font-size:15px;color:var(--dv-text)}
.vrtdvt-tool .vrtdvt-advice{margin:8px 0 0 20px;list-style:disc;font-size:15px;color:var(--dv-text)}
.vrtdvt-advice li{margin:3px 0;list-style:disc}
.vrtdvt-cmp{padding:10px 12px;border-radius:12px;background:var(--dv-soft)}
.vrtdvt-cmptext{margin-top:2px!important;font-size:17px;font-weight:700;color:var(--dv-ink)}
.vrtdvt-tool .vrtdvt-hist{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;list-style:none}
.vrtdvt-hist li{padding:3px 10px;border-radius:99px;background:var(--dv-bg);border:1px solid var(--dv-line);font-size:14px;font-weight:700;color:var(--dv-ink);list-style:none}
.vrtdvt-hist li.is-now{border-color:var(--dv-pri);color:var(--dv-pri2)}
.vrtdvt-actions{display:flex;flex-wrap:wrap;gap:8px}
.vrtdvt-tool .vrtdvt-btn{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:44px;padding:0 16px;border:1px solid var(--dv-edge);border-radius:10px;background:var(--dv-bg);color:var(--dv-ink);font-weight:700;font-size:15px}
.vrtdvt-tool .vrtdvt-btn:hover{background:var(--dv-soft);color:var(--dv-ink)}
.vrtdvt-tool .vrtdvt-btn-pri,.vrtdvt-tool .vrtdvt-btn-pri:hover{background:var(--dv-pri);border-color:var(--dv-pri);color:var(--dv-onpri)}
.vrtdvt-tool .vrtdvt-btn-pri:hover{background:var(--dv-pri2)}
.vrtdvt-out{min-height:1.5em;font-size:15px;font-weight:700;color:var(--dv-ok)}
.vrtdvt-foot{margin-top:14px!important;padding-top:10px;border-top:1px solid var(--dv-line);font-size:15px;line-height:1.45;color:var(--dv-mut)}
.vrtdvt-tool[data-state=done] .vrtdvt-result{border-color:var(--dv-pri);box-shadow:0 0 0 1px var(--dv-pri)}

/* [vrt_deep_voice_reference] */
.vrtdvt-ref{margin:1.25em 0;overflow-x:auto;color:var(--dv-text);background:var(--dv-page)}
.vrtdvt-ref .vrtdvt-table{width:100%;border-collapse:collapse;background:var(--dv-bg);font-size:16px}
.vrtdvt-ref caption{padding:0 0 6px;font-weight:700;color:var(--dv-ink);text-align:left;caption-side:top}
.vrtdvt-ref th,.vrtdvt-ref td{padding:8px 10px;border:1px solid var(--dv-line);text-align:left;vertical-align:top;color:var(--dv-text)}
.vrtdvt-ref thead th{background:var(--dv-soft);color:var(--dv-ink)}
.vrtdvt-ref tbody th{font-weight:700;color:var(--dv-ink);white-space:nowrap}
.vrtdvt-ref .vrtdvt-sub{font-weight:600;color:var(--dv-mut)}
.vrtdvt-ref .vrtdvt-sw{display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--dv-edge);vertical-align:-1px}
.vrtdvt-ref .vrtdvt-src{margin:8px 0 0;font-size:15px;color:var(--dv-mut)}

/* wider screens */
@media (min-width:480px){.vrtdvt-seg{display:inline-flex;flex-wrap:wrap}.vrtdvt-tool .vrtdvt-seg button{padding:0 14px}}
@media (min-width:600px){.vrtdvt-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.vrtdvt-tool .vrtdvt-btn{flex:0 1 auto}}
@media (min-width:880px){
	.vrtdvt-tool .vrtdvt-title{font-size:29px}
	.vrtdvt-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"setup rec" "result result";gap:14px}
	.vrtdvt-setup{grid-area:setup}
	.vrtdvt-rec{grid-area:rec}
	.vrtdvt-result{grid-area:result}
	.vrtdvt-card,.vrtdvt-rec{padding:18px}
	.vrtdvt-trace{height:176px}
	.vrtdvt-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px 28px;align-items:start}
	.vrtdvt-col1,.vrtdvt-col2{display:grid;gap:14px;min-width:0}
	.vrtdvt-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
	.vrtdvt-big output{font-size:64px}
}
.vrtdvt-col1,.vrtdvt-col2{display:grid;gap:14px;min-width:0}
@media (max-width:360px){.vrtdvt-card,.vrtdvt-rec{padding:12px}.vrtdvt-tool .vrtdvt-main{font-size:17px;padding:0 16px}.vrtdvt-glabels{font-size:13px}.vrtdvt-big output{font-size:46px}}
@media (prefers-reduced-motion:reduce){.vrtdvt-tool *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
