/* VRT Voice Hz Test 2.0.0 | vocalrangetester.com | every selector is scoped to .vrthz-tool or .vrthz-ref.
   Sizes in px (themes shrink rem). Help text >= 15px, labels >= 13px, touch targets >= 44px, text contrast >= 4.5:1. */
.vrthz-tool,.vrthz-ref{--hz-pri:#0f766e;--hz-pri2:#115e59;--hz-onpri:#fff;--hz-ink:#0f172a;--hz-text:#334155;--hz-mut:#475569;--hz-bg:#fff;--hz-soft:#f0fdfa;--hz-line:#cde7e3;--hz-edge:#94a3b8;--hz-chip:#ccfbf1;--hz-ok:#15803d;--hz-warn:#b45309;--hz-err:#b91c1c;--hz-page:transparent;--hz-band:#99f6e4;--hz-ref:#b45309;
	color:var(--hz-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){
	.vrthz-tool[data-scheme=auto],.vrthz-ref[data-scheme=auto]{--hz-pri:#5eead4;--hz-pri2:#99f6e4;--hz-onpri:#0f172a;--hz-ink:#f1f5f9;--hz-text:#e2e8f0;--hz-mut:#cbd5e1;--hz-bg:#111827;--hz-soft:#132a2a;--hz-line:#334155;--hz-edge:#64748b;--hz-chip:#134e4a;--hz-ok:#4ade80;--hz-warn:#fcd34d;--hz-err:#fca5a5;--hz-page:#0b1120;--hz-band:#0f766e;--hz-ref:#fcd34d}
	.vrthz-tool[data-scheme=auto]{padding:14px;border-radius:18px}
}
.vrthz-tool{max-width:1040px;margin:0 auto 1.75em;background:var(--hz-page)}
.vrthz-tool *,.vrthz-tool *::before,.vrthz-tool *::after,.vrthz-ref *{box-sizing:border-box}
.vrthz-tool [hidden]{display:none!important}
.vrthz-tool p,.vrthz-tool dl,.vrthz-tool dd,.vrthz-tool dt,.vrthz-tool h2,.vrthz-tool h3,.vrthz-tool ol,.vrthz-tool ul,.vrthz-tool li,.vrthz-tool blockquote{margin:0;padding:0}
.vrthz-tool h2,.vrthz-tool h3{font-family:inherit;text-transform:none;letter-spacing:normal}
.vrthz-tool button{font:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;margin:0;cursor:pointer;line-height:1.2;text-shadow:none}
.vrthz-tool button:disabled{cursor:not-allowed;opacity:.6}
.vrthz-tool :focus-visible{outline:3px solid var(--hz-pri);outline-offset:2px}
.vrthz-tool svg{display:block;flex:none}
.vrthz-tool a{color:var(--hz-pri2);font-weight:700;text-decoration:underline;text-underline-offset:2px}

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

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

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

/* Step 2: measuring panel (dark in both schemes) */
.vrthz-rec{position:relative;border-radius:16px;background:#0f172a;color:#e2e8f0;padding:14px;min-width:0}
.vrthz-rec .vrthz-h3{color:#fff}
.vrthz-rec .vrthz-stepno{background:#fff;color:#0f172a}
.vrthz-rec :focus-visible{outline-color:#22d3ee}
.vrthz-mainrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.vrthz-tool .vrthz-main{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:1 1 200px;min-height:56px;padding:0 22px 0 18px;border:0;border-radius:99px;background:#0f766e;color:#fff;font-weight:800;font-size:18px;opacity:1}
.vrthz-tool .vrthz-main:hover,.vrthz-tool .vrthz-main:focus{background:#115e59;color:#fff}
.vrthz-main svg{width:24px;height:24px}
.vrthz-tool[data-state=calib] .vrthz-main,.vrthz-tool[data-state=rec] .vrthz-main,.vrthz-tool[data-state=starting] .vrthz-main{background:#dc2626}
.vrthz-tool[data-state=calib] .vrthz-main:hover,.vrthz-tool[data-state=rec] .vrthz-main:hover{background:#b91c1c}
.vrthz-tool[data-state=rec] .vrthz-main svg{animation:vrthz-pulse 1.2s ease-in-out infinite}
@keyframes vrthz-pulse{50%{opacity:.35}}
.vrthz-tool .vrthz-main:disabled{background:#334155;color:#cbd5e1;opacity:1}
.vrthz-clock{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto!important;line-height:1.15}
.vrthz-clock span{font-size:13px;font-weight:700;color:#cbd5e1}
.vrthz-clock output{font-size:28px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.vrthz-private{display:flex;align-items:flex-start;gap:6px;margin-top:10px!important;font-size:15px;color:#cbd5e1}
.vrthz-private svg{width:16px;height:16px;margin-top:3px;color:#4ade80}
.vrthz-notice{margin-top:12px;padding:10px 12px;border-radius:12px;border-left:5px solid #dc2626;background:#fef2f2;color:#7f1d1d;font-size:15px}
.vrthz-notice[data-kind=info]{border-left-color:#2563eb;background:#eff6ff;color:#1e3a8a}
.vrthz-ntitle{font-size:17px;font-weight:800;margin-bottom:2px!important}
.vrthz-live{margin-top:12px}
.vrthz-readout{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:0 12px;padding:10px 12px;border-radius:12px;background:#111c33;box-shadow:inset 0 0 0 1px #334155}
.vrthz-rlabel{font-size:13px;font-weight:700;color:#cbd5e1;min-width:4.2em}
.vrthz-readout .vrthz-rlabel{grid-column:1/3}
.vrthz-rhz{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums;line-height:1.05}
.vrthz-rhz b{font-size:48px;font-weight:800;color:#fff;min-width:2.2ch}
.vrthz-rhz b:empty::before{content:"\2013";color:#64748b;font-weight:600}
.vrthz-rhz span{font-size:20px;font-weight:800;color:#e2e8f0}
.vrthz-rnote{justify-self:end;font-size:20px;font-weight:800;color:#22d3ee;text-align:right}
.vrthz-rnote small{display:block;font-size:14px;font-weight:700;color:#cbd5e1}
.vrthz-tuner{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;font-weight:700;color:#cbd5e1}
.vrthz-ttrack{position:relative;flex:1 1 auto;height:12px;border-radius:99px;background:linear-gradient(90deg,#1e293b,#134e4a 45%,#134e4a 55%,#1e293b);box-shadow:inset 0 0 0 1px #475569}
.vrthz-tmid{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:#94a3b8}
.vrthz-tneedle{position:absolute;left:50%;top:-4px;bottom:-4px;width:6px;margin-left:-3px;border-radius:3px;background:#22d3ee;opacity:0;transition:left .08s linear}
.vrthz-tuner[data-on] .vrthz-tneedle{opacity:1}
.vrthz-level{display:flex;align-items:center;gap:10px;margin-top:8px}
.vrthz-meter{position:relative;flex:1 1 auto;height:12px;border-radius:99px;background:#1e293b;box-shadow:inset 0 0 0 1px #475569;overflow:hidden}
.vrthz-meter i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:#475569;transition:transform .08s linear}
.vrthz-meter[data-level=good] i{background:#4ade80}
.vrthz-meter[data-level=quiet] i{background:#94a3b8}
.vrthz-meter[data-level=loud] i{background:#f87171}
.vrthz-leveltxt{min-width:6.6em;font-size:15px;font-weight:700;color:#e2e8f0}
.vrthz-trace{position:relative;height:150px;margin-top:10px;border-radius:10px;background:#0b1224;overflow:hidden;box-shadow:inset 0 0 0 1px #334155}
.vrthz-trace canvas{display:block;width:100%;height:100%}
.vrthz-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)}
.vrthz-progrow{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:15px;color:#e2e8f0}
.vrthz-prog{position:relative;flex:1 1 auto;height:6px;border-radius:99px;background:#1e293b;overflow:hidden}
.vrthz-prog i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#14b8a6,#22d3ee)}
.vrthz-status{margin-top:10px!important;min-height:2.9em;font-size:15px;color:#fff}
.vrthz-status[data-kind=ok]{color:#86efac;font-weight:700}
.vrthz-status[data-kind=ok]::before{content:"\2713  "}
.vrthz-status[data-kind=error]{color:#fca5a5;font-weight:700}
.vrthz-status[data-kind=error]::before{content:"\26A0  "}
.vrthz-status[data-kind=busy]{font-weight:700}
.vrthz-tool[data-state=error] .vrthz-status{position:absolute;width:1px;height:1px;min-height:0;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vrthz-keys{margin-top:4px!important;font-size:13px;color:#cbd5e1}
.vrthz-tool>noscript p{color:var(--hz-err);font-weight:700}

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

/* [vrt_voice_hz_reference] */
.vrthz-ref{margin:1.25em 0;overflow-x:auto;color:var(--hz-text);background:var(--hz-page)}
.vrthz-ref .vrthz-table{width:100%;border-collapse:collapse;background:var(--hz-bg);font-size:15px;font-variant-numeric:tabular-nums}
.vrthz-ref caption{padding:0 0 6px;font-weight:700;color:var(--hz-ink);text-align:left;caption-side:top}
.vrthz-ref th,.vrthz-ref td{padding:7px 10px;border:1px solid var(--hz-line);text-align:left;vertical-align:top;color:var(--hz-text)}
.vrthz-ref thead th{background:var(--hz-soft);color:var(--hz-ink)}
.vrthz-ref tbody th{font-weight:700;color:var(--hz-ink);white-space:nowrap}
.vrthz-ref td.is-ref{background:var(--hz-chip);color:var(--hz-ink);font-weight:700}
.vrthz-ref .vrthz-reftag{display:block;font-size:13px;font-weight:600;color:var(--hz-pri2)}
.vrthz-ref .vrthz-src{margin:8px 0 0;font-size:15px;color:var(--hz-mut)}

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