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

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

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

/* Step panel (dark in both schemes) */
.vrtvtt-rec{position:relative;border-radius:16px;background:#0f172a;color:#e2e8f0;padding:14px;min-width:0}
.vrtvtt-rec .vrtvtt-h3{color:#fff}
.vrtvtt-rec .vrtvtt-stepno{background:#fff;color:#0f172a}
.vrtvtt-rec :focus-visible{outline-color:#a5b4fc}
.vrtvtt-rec .vrtvtt-h3:focus-visible{outline-color:#a5b4fc}
.vrtvtt-how{margin:0 0 12px}
.vrtvtt-instr{font-size:17px;line-height:1.5;color:#fff}
.vrtvtt-rec .vrtvtt-hint{color:#cbd5e1}
.vrtvtt-tool .vrtvtt-passage{margin:8px 0 0;padding:12px 14px;border:0;border-left:4px solid #a5b4fc;border-radius:10px;background:#1e2745;font-style:normal;quotes:none;box-shadow:none}
.vrtvtt-tool .vrtvtt-passage::before,.vrtvtt-tool .vrtvtt-passage::after{content:none;display:none}
.vrtvtt-tool .vrtvtt-passage p{font-size:17px;line-height:1.6;color:#fff;font-style:normal}
.vrtvtt-mainrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.vrtvtt-tool .vrtvtt-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:#4f46e5;color:#fff;font-weight:800;font-size:18px;opacity:1}
.vrtvtt-tool .vrtvtt-main:hover,.vrtvtt-tool .vrtvtt-main:focus{background:#4338ca;color:#fff}
.vrtvtt-main svg{width:24px;height:24px}
.vrtvtt-tool[data-state=calib] .vrtvtt-main,.vrtvtt-tool[data-state=rec] .vrtvtt-main,.vrtvtt-tool[data-state=starting] .vrtvtt-main{background:#dc2626}
.vrtvtt-tool[data-state=calib] .vrtvtt-main:hover,.vrtvtt-tool[data-state=rec] .vrtvtt-main:hover{background:#b91c1c}
.vrtvtt-tool[data-state=rec] .vrtvtt-main svg{animation:vrtvtt-pulse 1.2s ease-in-out infinite}
@keyframes vrtvtt-pulse{50%{opacity:.35}}
.vrtvtt-tool .vrtvtt-main:disabled{background:#334155;color:#cbd5e1;opacity:1}
.vrtvtt-clock{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto!important;line-height:1.15}
.vrtvtt-clock span{font-size:13px;font-weight:700;color:#cbd5e1}
.vrtvtt-clock output{font-size:28px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.vrtvtt-private{display:flex;align-items:flex-start;gap:6px;margin-top:10px!important;font-size:15px;color:#cbd5e1}
.vrtvtt-private svg{width:16px;height:16px;margin-top:3px;color:#4ade80}
.vrtvtt-notice{margin-top:12px;padding:10px 12px;border-radius:12px;border-left:5px solid #dc2626;background:#fef2f2;color:#7f1d1d;font-size:15px}
.vrtvtt-notice[data-kind=info]{border-left-color:#2563eb;background:#eff6ff;color:#1e3a8a}
.vrtvtt-ntitle{font-size:17px;font-weight:800;margin-bottom:2px!important}
.vrtvtt-live{margin-top:12px}
.vrtvtt-readout{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 12px;padding:10px 12px;border-radius:12px;background:#111c33;box-shadow:inset 0 0 0 1px #334155}
.vrtvtt-rlabel{font-size:13px;font-weight:700;color:#cbd5e1;min-width:4.2em}
.vrtvtt-readout .vrtvtt-rlabel{flex:1 0 100%}
.vrtvtt-rnote{line-height:1.05;font-variant-numeric:tabular-nums}
.vrtvtt-rnote b{font-size:48px;font-weight:800;color:#fff}
.vrtvtt-rnote b:empty::before{content:"\2013";color:#64748b;font-weight:600}
.vrtvtt-rhz{font-size:20px;font-weight:800;color:#a5b4fc;font-variant-numeric:tabular-nums}
.vrtvtt-level{display:flex;align-items:center;gap:10px;margin-top:8px}
.vrtvtt-meter{position:relative;flex:1 1 auto;height:12px;border-radius:99px;background:#1e293b;box-shadow:inset 0 0 0 1px #475569;overflow:hidden}
.vrtvtt-meter i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:#475569;transition:transform .08s linear}
.vrtvtt-meter[data-level=good] i{background:#4ade80}
.vrtvtt-meter[data-level=quiet] i{background:#94a3b8}
.vrtvtt-meter[data-level=loud] i{background:#f87171}
.vrtvtt-leveltxt{min-width:6.6em;font-size:15px;font-weight:700;color:#e2e8f0}
.vrtvtt-progrow{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:15px;color:#e2e8f0}
.vrtvtt-prog{position:relative;flex:1 1 auto;height:10px;border-radius:99px;background:#1e293b;overflow:hidden;box-shadow:inset 0 0 0 1px #475569}
.vrtvtt-prog i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#6366f1,#a5b4fc);transition:transform .08s linear}
.vrtvtt-progtxt{min-width:9.5em;font-weight:700}
.vrtvtt-status{margin-top:10px!important;min-height:2.9em;font-size:15px;color:#fff}
.vrtvtt-status[data-kind=ok]{color:#86efac;font-weight:700}
.vrtvtt-status[data-kind=ok]::before{content:"\2713  "}
.vrtvtt-status[data-kind=error]{color:#fca5a5;font-weight:700}
.vrtvtt-status[data-kind=error]::before{content:"\26A0  "}
.vrtvtt-status[data-kind=busy]{font-weight:700}
.vrtvtt-tool[data-state=error] .vrtvtt-status{position:absolute;width:1px;height:1px;min-height:0;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vrtvtt-keys{margin-top:4px!important;font-size:13px;color:#cbd5e1}
.vrtvtt-tool .vrtvtt-chips{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:12px;list-style:none}
.vrtvtt-chips li{display:flex;align-items:center;gap:8px;min-height:48px;padding:4px 4px 4px 12px;border-radius:12px;background:#111c33;box-shadow:inset 0 0 0 1px #334155;list-style:none}
.vrtvtt-chiplab{min-width:5.2em;font-size:13px;font-weight:700;color:#cbd5e1}
.vrtvtt-chips b{flex:1 1 auto;font-size:16px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.vrtvtt-tool .vrtvtt-redo{min-height:44px;min-width:64px;padding:0 14px;border:1px solid #64748b;border-radius:10px;background:transparent;color:#fff;font-weight:700;font-size:15px}
.vrtvtt-tool .vrtvtt-redo:hover{background:#1e293b;color:#fff}
.vrtvtt-tool>noscript p{color:var(--vt-err);font-weight:700}

/* Result */
.vrtvtt-empty{padding:4px 0 2px;font-size:15px;color:var(--vt-mut)}
.vrtvtt-emptybig{font-size:20px;font-weight:800;color:var(--vt-mut)}
.vrtvtt-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.vrtvtt-col1,.vrtvtt-col2{display:grid;gap:14px;min-width:0;align-content:start}
.vrtvtt-hero{display:flex;flex-direction:column;gap:2px}
.vrtvtt-range output{font-size:44px;line-height:1.05;font-weight:800;color:var(--vt-ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.vrtvtt-span{font-size:16px;font-weight:700;color:var(--vt-mut)}
.vrtvtt-fit{padding:12px 14px;border-radius:14px;background:var(--vt-chip)}
.vrtvtt-fitname{font-size:28px;line-height:1.15;font-weight:800;color:var(--vt-ink);margin-top:2px!important}
.vrtvtt-fitrange{font-size:15px;font-weight:600;color:var(--vt-ink);margin-top:2px!important}
.vrtvtt-answer{font-size:17px;line-height:1.5;color:var(--vt-ink)}
.vrtvtt-why{padding:10px 12px;border-left:4px solid var(--vt-pri);border-radius:10px;background:var(--vt-soft);font-size:15px;line-height:1.5;color:var(--vt-text)}
.vrtvtt-why p+p{margin-top:2px!important}
/* chart: six textbook bars + your range on one note axis */
.vrtvtt-cbox{display:grid;gap:6px}
.vrtvtt-crow,.vrtvtt-caxis{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px}
.vrtvtt-clab{font-size:13px;font-weight:700;color:var(--vt-mut);white-space:nowrap}
.vrtvtt-crow.is-you .vrtvtt-clab,.vrtvtt-crow.is-best .vrtvtt-clab{color:var(--vt-ink)}
.vrtvtt-ctrack{position:relative;height:16px;border-radius:99px;background:var(--vt-track)}
.vrtvtt-cbar,.vrtvtt-cov{position:absolute;top:0;bottom:0;border-radius:99px}
.vrtvtt-cbar{background:var(--vt-bar)}
.vrtvtt-cov{background:var(--vt-ov)}
.vrtvtt-crow.is-you .vrtvtt-cbar{background:var(--vt-you)}
.vrtvtt-crow.is-best .vrtvtt-ctrack{box-shadow:0 0 0 2px var(--vt-pri)}
.vrtvtt-cticks{position:relative;height:18px}
.vrtvtt-cticks span{position:absolute;top:0;transform:translateX(-50%);font-size:13px;font-weight:600;color:var(--vt-mut);white-space:nowrap}
.vrtvtt-cticks span:first-child{transform:none}
.vrtvtt-cticks span:last-child{transform:translateX(-100%)}
.vrtvtt-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.vrtvtt-facts div{padding:8px 10px;border-radius:10px;background:var(--vt-soft);min-width:0}
.vrtvtt-facts dt{font-size:13px;font-weight:700;color:var(--vt-mut)}
.vrtvtt-facts dd{font-size:18px;font-weight:800;color:var(--vt-ink);overflow-wrap:anywhere}
.vrtvtt-facts dd small{display:block;font-size:14px;font-weight:600;color:var(--vt-mut)}
.vrtvtt-speakline{font-size:15px;color:var(--vt-text)}
.vrtvtt-scroll{overflow-x:auto}
.vrtvtt-tool .vrtvtt-table{width:100%;margin:0;border:0;border-collapse:collapse;background:var(--vt-bg);font-size:15px;font-variant-numeric:tabular-nums}
.vrtvtt-tool .vrtvtt-table caption{padding:0 0 6px;font-size:15px;font-weight:700;color:var(--vt-ink);text-align:left;caption-side:top}
.vrtvtt-tool .vrtvtt-table th,.vrtvtt-tool .vrtvtt-table td{padding:6px 8px;border:1px solid var(--vt-line);text-align:left;vertical-align:top;color:var(--vt-text);background:transparent}
.vrtvtt-tool .vrtvtt-table thead th{background:var(--vt-soft);color:var(--vt-ink);font-size:14px}
.vrtvtt-tool .vrtvtt-table tbody th{font-weight:700;color:var(--vt-ink)}
.vrtvtt-tool .vrtvtt-table tr.is-best th,.vrtvtt-tool .vrtvtt-table tr.is-best td{background:var(--vt-chip);color:var(--vt-ink);font-weight:700}
.vrtvtt-tag{display:block;font-size:13px;font-weight:700;color:var(--vt-pri2)}
.vrtvtt-conf{padding:10px 12px;border:1px solid var(--vt-line);border-radius:12px}
.vrtvtt-confrow{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.vrtvtt-confrow .vrtvtt-label{display:inline}
.vrtvtt-pips{display:inline-flex;gap:3px}
.vrtvtt-pips i{width:22px;height:8px;border-radius:99px;background:var(--vt-line)}
.vrtvtt-conf[data-level=low] .vrtvtt-pips i:nth-child(1){background:var(--vt-err)}
.vrtvtt-conf[data-level=medium] .vrtvtt-pips i:nth-child(-n+2){background:var(--vt-warn)}
.vrtvtt-conf[data-level=high] .vrtvtt-pips i{background:var(--vt-ok)}
.vrtvtt-confrow strong{font-size:17px;color:var(--vt-ink)}
.vrtvtt-confdet{margin-top:4px!important;font-size:15px;color:var(--vt-text)}
.vrtvtt-tool .vrtvtt-advice{margin:8px 0 0 20px;list-style:disc;font-size:15px;color:var(--vt-text)}
.vrtvtt-advice li{margin:3px 0;list-style:disc}
.vrtvtt-actions{display:flex;flex-wrap:wrap;gap:8px}
.vrtvtt-tool .vrtvtt-btn{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:44px;padding:0 16px;border:1px solid var(--vt-edge);border-radius:10px;background:var(--vt-bg);color:var(--vt-ink);font-weight:700;font-size:15px}
.vrtvtt-tool .vrtvtt-btn:hover{background:var(--vt-soft);color:var(--vt-ink)}
.vrtvtt-out{min-height:1.5em;font-size:15px;font-weight:700;color:var(--vt-ok)}
.vrtvtt-calc{font-size:15px;color:var(--vt-text)}
.vrtvtt-calc a{display:inline-block;padding:10px 0}
.vrtvtt-foot{margin-top:14px!important;padding-top:10px;border-top:1px solid var(--vt-line);font-size:15px;line-height:1.45;color:var(--vt-mut)}
.vrtvtt-tool[data-step="3"] .vrtvtt-result,.vrtvtt-result:has(.vrtvtt-body:not([hidden])){border-color:var(--vt-pri);box-shadow:0 0 0 1px var(--vt-pri)}

/* wider screens */
@media (min-width:600px){.vrtvtt-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.vrtvtt-tool .vrtvtt-btn{flex:0 1 auto}.vrtvtt-tool .vrtvtt-chips{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
@media (min-width:880px){
	.vrtvtt-tool .vrtvtt-title{font-size:29px}
	.vrtvtt-grid{grid-template-columns:minmax(0,1fr);gap:14px}
	.vrtvtt-card,.vrtvtt-rec{padding:18px}
	.vrtvtt-rec{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:28px;align-content:start}
	.vrtvtt-rec>*{grid-column:1}
	.vrtvtt-rec>.vrtvtt-live{grid-column:2;grid-row:1/span 4;margin-top:0}
	.vrtvtt-rec>.vrtvtt-chips{grid-column:2;grid-row:5/span 3;grid-template-columns:minmax(0,1fr);align-self:start}
	.vrtvtt-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px 28px;align-items:start}
	.vrtvtt-range output{font-size:52px}
	.vrtvtt-crow,.vrtvtt-caxis{grid-template-columns:80px minmax(0,1fr)}
}
@media (max-width:360px){.vrtvtt-card,.vrtvtt-rec{padding:12px}.vrtvtt-tool .vrtvtt-main{font-size:17px;padding:0 16px}.vrtvtt-range output{font-size:38px}.vrtvtt-rnote b{font-size:42px}.vrtvtt-crow,.vrtvtt-caxis{grid-template-columns:64px minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.vrtvtt-tool *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}