/* Vocal Range Tester */
.wpvrt-app{box-sizing:border-box;max-width:1180px;margin:32px auto;padding:24px;color:var(--wpvrt-text);background:linear-gradient(145deg,#fff,var(--wpvrt-background));border:1px solid rgba(124,58,237,.12);border-radius:28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;box-shadow:0 20px 50px rgba(15,23,42,.1)}
.wpvrt-app *{box-sizing:border-box}.wpvrt-app h1,.wpvrt-app h2,.wpvrt-app p{margin-top:0}.wpvrt-app h1{margin-bottom:10px;color:var(--wpvrt-primary);font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;letter-spacing:-.04em}.wpvrt-app h2{margin-bottom:4px;font-size:1.05rem}.wpvrt-hero{display:flex;flex-direction:column;gap:18px;margin-bottom:24px;padding:8px}.wpvrt-eyebrow{margin-bottom:8px;color:var(--wpvrt-accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wpvrt-subtitle{max-width:760px;margin-bottom:0;color:var(--wpvrt-muted);font-size:1.05rem}.wpvrt-privacy,.wpvrt-status{display:inline-flex;align-items:center;width:fit-content;gap:8px;border-radius:999px;font-size:.8rem;font-weight:750}.wpvrt-privacy{padding:9px 13px;color:#166534;background:#dcfce7}.wpvrt-status{padding:7px 11px;color:var(--wpvrt-primary);background:#e0e7ff}.wpvrt-status[data-state=active]{color:#166534;background:#dcfce7}.wpvrt-layout,.wpvrt-controls{display:grid;gap:20px}.wpvrt-card{padding:20px;background:rgba(255,255,255,.96);border:1px solid var(--wpvrt-border);border-radius:24px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.wpvrt-result-card{position:relative;overflow:hidden;border-color:rgba(124,58,237,.25)}.wpvrt-result-card:before{position:absolute;inset:0 0 auto;height:5px;content:"";background:linear-gradient(90deg,var(--wpvrt-accent),#a78bfa,var(--wpvrt-success))}.wpvrt-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.wpvrt-heading p{margin-bottom:0;color:var(--wpvrt-muted);font-size:.88rem}.wpvrt-field+.wpvrt-field{margin-top:18px}.wpvrt-field label{display:block;margin-bottom:7px;font-size:.91rem;font-weight:750}.wpvrt-app select,.wpvrt-app button{min-height:48px;font:inherit;font-size:16px}.wpvrt-app select{width:100%;padding:0 42px 0 14px;color:var(--wpvrt-text);background:#fff;border:1px solid var(--wpvrt-border);border-radius:10px}.wpvrt-app select:focus-visible,.wpvrt-app button:focus-visible{outline:3px solid rgba(124,58,237,.25);outline-offset:2px}.wpvrt-button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 18px;border:1px solid transparent;border-radius:12px;font-weight:800;cursor:pointer;transition:.18s}.wpvrt-button:hover{transform:translateY(-1px)}.wpvrt-primary{margin-top:16px;color:#fff;background:linear-gradient(135deg,var(--wpvrt-primary),var(--wpvrt-accent));box-shadow:0 10px 22px rgba(124,58,237,.25)}.wpvrt-secondary{color:var(--wpvrt-primary);background:#eef2ff;border-color:#c7d2fe}.wpvrt-ghost{color:var(--wpvrt-text);background:#fff;border-color:var(--wpvrt-border)}.wpvrt-app button:disabled{opacity:.5;cursor:not-allowed}.wpvrt-tuning{display:flex;justify-content:space-between;gap:12px;margin:16px 0;padding:12px 14px;background:var(--wpvrt-surface);border:1px solid #e2e8f0;border-radius:12px;font-size:.86rem}.wpvrt-tuning span{color:var(--wpvrt-muted)}.wpvrt-live{margin-top:16px;padding:16px;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px}.wpvrt-live p{margin-bottom:4px;color:var(--wpvrt-muted);font-size:.8rem;font-weight:800;text-transform:uppercase}.wpvrt-live-note{color:var(--wpvrt-primary);font-size:3rem;font-weight:900}.wpvrt-live-grid,.wpvrt-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.wpvrt-live-grid>div,.wpvrt-stat-grid>div{padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.wpvrt-live-grid span,.wpvrt-stat-grid span{display:block;color:var(--wpvrt-muted);font-size:.74rem;font-weight:750}.wpvrt-live-grid strong,.wpvrt-stat-grid strong{display:block;color:var(--wpvrt-primary)}.wpvrt-button-grid,.wpvrt-action-grid{display:grid;gap:12px;margin-top:14px}.wpvrt-inline{display:grid;grid-template-columns:1fr 52px;gap:10px}.wpvrt-inline button{color:var(--wpvrt-accent);background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;font-weight:900}.wpvrt-note,.wpvrt-safety{margin-top:14px;padding:12px 14px;border-radius:12px;font-size:.82rem}.wpvrt-note{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.wpvrt-safety{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.wpvrt-alert{margin-top:14px;padding:12px 14px;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px}.wpvrt-result-label{padding-top:10px;margin-bottom:4px;color:var(--wpvrt-muted);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-align:center;text-transform:uppercase}.wpvrt-range-main{color:var(--wpvrt-primary);font-size:clamp(2.7rem,10vw,5.5rem);font-weight:900;line-height:1.05;text-align:center;letter-spacing:-.05em}.wpvrt-range-sub{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:8px;color:var(--wpvrt-accent);font-size:1.1rem;font-weight:800}.wpvrt-section{margin-top:22px}.wpvrt-keyboard{display:grid;grid-template-columns:repeat(49,minmax(5px,1fr));height:120px;overflow:hidden;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.wpvrt-key{position:relative;border-right:1px solid #cbd5e1;background:#fff}.wpvrt-key.black{height:62%;background:#0f172a;z-index:2}.wpvrt-key.in-range{background:#ddd6fe}.wpvrt-key.black.in-range{background:var(--wpvrt-accent)}.wpvrt-key.boundary:after{position:absolute;inset:0;content:"";box-shadow:inset 0 0 0 3px var(--wpvrt-success)}.wpvrt-text-button{min-height:36px!important;padding:0 4px;color:var(--wpvrt-accent);background:transparent;border:0;font-weight:800}.wpvrt-history-item{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:9px;padding:12px 14px;background:var(--wpvrt-surface);border:1px solid #e2e8f0;border-radius:12px}.wpvrt-history-item strong{display:block;color:var(--wpvrt-primary)}.wpvrt-history-item span,.wpvrt-empty{color:var(--wpvrt-muted);font-size:.8rem}.wpvrt-empty{margin-bottom:0}
@media(min-width:640px){.wpvrt-app{padding:32px}.wpvrt-hero{flex-direction:row;justify-content:space-between;align-items:flex-start}.wpvrt-button-grid,.wpvrt-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wpvrt-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:960px){.wpvrt-layout{grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);align-items:start}.wpvrt-controls{position:sticky;top:24px}}
@media(prefers-reduced-motion:reduce){.wpvrt-app *{animation-duration:.01ms!important;transition-duration:.01ms!important}}