.vr-instrument{--instrument-ink:#22231f;--instrument-muted:#74756b;--instrument-accent:#b94732;--instrument-rule:#d9d7cc;border:1px solid var(--instrument-rule);width:100%;color:var(--instrument-ink);font-family:var(--font-sans), Arial, sans-serif;background:#f8f7f2;border-radius:4px;padding:30px 36px 23px;overflow:hidden}.vr-instrument-header,.vr-keyboard-heading,.vr-chart-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.vr-instrument-header{border-bottom:1px solid var(--instrument-rule);padding-bottom:23px}.vr-eyebrow{letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:600}.vr-status{color:var(--instrument-muted);align-items:center;gap:8px;font-size:12px;display:flex}.vr-status-dot{background:#999b8a;border-radius:50%;flex-shrink:0;width:5px;height:5px}.vr-status-live{background:var(--instrument-accent);animation:2s ease-in-out infinite vr-listening-pulse;box-shadow:0 0 0 4px #b9473212}.vr-display{text-align:center;padding:25px 0 30px;position:relative}.vr-note-stage{place-items:center;width:155px;height:155px;margin:0 auto;display:grid;position:relative}.vr-note-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vr-ring-track{fill:none;stroke:#e7e5dc;stroke-width:.7px}.vr-ring-ticks{fill:none;stroke:#bcbcaf;stroke-width:.8px}.vr-ring-progress{fill:none;stroke:var(--instrument-accent);stroke-width:1.5px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .1s linear;transform:rotate(-90deg)}.vr-note{font-family:var(--font-display), Georgia, serif;padding-bottom:8px;font-size:100px;font-weight:400;line-height:1}.vr-pitch{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:72px}.vr-waveform{width:min(100%,730px);height:80px;margin:-11px auto 2px;display:block}.vr-wave-line{stroke:#dcd7cd;stroke-width:.5px}.vr-wave-bar{fill:var(--instrument-accent);opacity:.68;transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite alternate vr-soft-wave}.vr-waveform-live .vr-wave-bar{opacity:1;animation-name:vr-singing-wave}.vr-display-copy{position:relative}.vr-prompt{font-family:var(--font-display), Georgia, serif;letter-spacing:-.025em;margin:0 0 9px;font-size:28px;font-weight:400;line-height:1.25}.vr-description{max-width:550px;color:var(--instrument-muted);margin:0 auto;font-size:14px;line-height:1.85}.vr-primary-button{border:1px solid var(--instrument-ink);background:var(--instrument-ink);color:#f8f7f2;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:49px;margin-top:23px;padding:13px 25px;font-size:13px;font-weight:500;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.vr-primary-button:hover{background:var(--instrument-accent);border-color:var(--instrument-accent);transform:translateY(-2px)}.vr-primary-button>svg{width:17px;height:17px}.vr-primary-button>span:last-child{margin-left:14px;font-size:17px;line-height:1}.vr-primary-button:focus-visible,.vr-text-button:focus-visible{outline:2px solid var(--instrument-accent);outline-offset:5px}.vr-text-button{min-height:44px;color:var(--instrument-ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #a1a194;align-items:center;gap:20px;margin-top:20px;padding:8px 0;font-size:13px;transition:color .18s;display:inline-flex}.vr-text-button:hover{color:var(--instrument-accent)}.vr-text-button>span{font-size:19px}.vr-hold-label{min-height:20px;color:var(--instrument-accent);margin:0;font-size:14px}.vr-range-readout{justify-content:center;align-items:center;gap:33px;margin:18px auto -6px;display:flex}.vr-range-readout>div{flex-direction:column;gap:3px;min-width:80px;display:flex}.vr-range-readout>div>span{color:var(--instrument-muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.vr-range-readout strong{font-family:var(--font-display), Georgia, serif;font-size:35px;font-weight:400;line-height:1.2}.vr-range-connector{color:#acae9d;font-size:24px}.vr-stop-icon{background:currentColor;border-radius:1px;width:8px;height:8px}.vr-recording-tip{color:var(--instrument-muted);margin:12px 0 0;font-size:12px}.vr-keyboard-section{border-top:1px solid var(--instrument-rule);padding-top:24px}.vr-keyboard-heading{margin-bottom:16px}.vr-keyboard-hint{color:var(--instrument-muted);font-size:12px}.vr-keyboard-scroll{scrollbar-width:thin;scrollbar-color:#c2bfb4 transparent;padding:0 0 3px;overflow-x:auto}.vr-keyboard-scroll:focus-visible{outline:2px solid var(--instrument-accent);outline-offset:-2px}.vr-keyboard{border:1px solid #cac8bb;border-radius:2px;min-width:440px;position:relative;box-shadow:0 3px #e4e1d6}.vr-white-keys{height:108px;display:flex}.vr-white-key{color:#818275;cursor:pointer;background:linear-gradient(#eeece2,#fcfbf6 35%,#f6f4eb);border:0;border-right:1px solid #d3d0c4;flex:1 1 0;min-width:0;padding:0;transition:background .13s,box-shadow .13s;position:relative;box-shadow:inset 0 -4px #ebe8dc}.vr-white-key:last-child{border-right:0}.vr-white-key>span{font-size:10px;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.vr-white-key:hover{background:#ebe6d9}.vr-white-key.vr-key-active{color:#fff9f1;background:#ce6b52;box-shadow:inset 0 -4px #b94732}.vr-black-key{z-index:1;cursor:pointer;background:linear-gradient(100deg,#44483d,#252820 55%);border:1px solid #242720;border-radius:0 0 2px 2px;width:2.1%;height:65px;padding:0;transition:background .13s;position:absolute;top:-1px;transform:translate(-50%);box-shadow:0 3px 2px #22231f29,inset 0 -5px #161a14}.vr-black-key:hover{background:#54584b}.vr-black-key.vr-key-active{background:#b94732;border-color:#913a29;box-shadow:inset 0 -5px #8c3022}.vr-white-key:focus-visible,.vr-black-key:focus-visible{z-index:2;outline:2px solid var(--instrument-accent);outline-offset:-3px}.vr-white-key:disabled,.vr-black-key:disabled{cursor:default}.vr-keyboard-scale{color:#939486;justify-content:space-between;margin-top:12px;font-size:11px;display:flex}.vr-keyboard-scale>span:nth-child(2){transform:translate(-6px)}.vr-privacy{color:var(--instrument-muted);justify-content:center;align-items:center;gap:7px;margin:23px 0 0;font-size:12px;line-height:1.6;display:flex}.vr-privacy>svg{flex-shrink:0;width:13px;height:13px}.vr-result{text-align:center;padding:38px 0 28px}.vr-result-intro>.vr-eyebrow{color:var(--instrument-muted)}.vr-result-range{font-family:var(--font-display), Georgia, serif;letter-spacing:-.05em;margin:10px 0 1px;font-size:clamp(45px,6vw,75px);font-weight:400;line-height:1.05}.vr-result-range>span{color:#b6b7a9;margin:0 9px;font-size:.66em}.vr-result-range>em{color:var(--instrument-accent);font-weight:400}.vr-result-span{color:var(--instrument-muted);margin:10px 0 22px;font-size:13px}.vr-voice-match{color:var(--instrument-muted);margin:0;font-size:15px}.vr-voice-match>strong{color:var(--instrument-ink);font-family:var(--font-display), Georgia, serif;margin-left:7px;font-size:28px;font-weight:400}.vr-also-close{color:var(--instrument-muted);margin:5px 0 0;font-size:12px}.vr-result-notice{color:#74604c;text-align:left;background:#eee8dc;max-width:610px;margin:25px auto 0;padding:12px 18px;font-size:13px;line-height:1.7}.vr-result-chart{text-align:left;max-width:680px;margin:29px auto 0}.vr-chart-heading{margin-bottom:19px}.vr-chart-legend{color:var(--instrument-muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.vr-chart-legend>i{background:#b9473233;border:1px solid #b9473280;width:7px;height:7px}.vr-chart-row{grid-template-columns:103px 1fr;align-items:center;gap:12px;height:30px;display:grid}.vr-chart-row>span{color:var(--instrument-muted);font-size:13px}.vr-chart-row-active>span{color:var(--instrument-accent);font-weight:600}.vr-chart-track{background:#e9e7dd;height:9px;position:relative}.vr-user-range{background:#b9473212;border-left:1px solid #b9473266;border-right:1px solid #b9473266;position:absolute;top:-7px;bottom:-7px}.vr-voice-bar{background:#b9bdad;height:100%;position:absolute;top:0}.vr-chart-row-active .vr-voice-bar{background:var(--instrument-accent)}.vr-chart-axis{grid-template-columns:103px 1fr;gap:12px;margin-top:6px;display:grid}.vr-chart-axis>div{height:18px;position:relative}.vr-chart-axis>div>span{color:#939486;font-size:11px;position:absolute;transform:translate(-50%)}.vr-chart-axis>div>span:last-child{transform:translate(-100%)}.vr-chart-axis>div>span:first-child{transform:none}.vr-result-chart>figcaption{color:var(--instrument-muted);margin-top:9px;font-size:12px;line-height:1.7}.vr-peaks{color:var(--instrument-muted);margin:17px 0 0;font-size:12px}.vr-empty-result{text-align:center;padding:29px 0 42px}.vr-empty-glyph{color:var(--instrument-accent);margin-bottom:7px;font-family:Georgia,serif;font-size:90px;line-height:1.2;display:block}@keyframes vr-soft-wave{0%{opacity:.43;transform:scaleY(.53)}to{opacity:.76;transform:scaleY(.85)}}@keyframes vr-singing-wave{0%{transform:scaleY(.48)}to{transform:scaleY(1.2)}}@keyframes vr-listening-pulse{50%{box-shadow:0 0 0 6px #b9473208}}@media (max-width:640px){.vr-instrument{padding:22px 19px 20px}.vr-keyboard{min-width:580px}.vr-instrument-header{align-items:flex-start;gap:8px;padding-bottom:19px}.vr-eyebrow{letter-spacing:.13em;font-size:10px}.vr-status{gap:6px;font-size:11px}.vr-display{padding-top:20px;padding-bottom:25px}.vr-note-stage{width:138px;height:138px}.vr-note{font-size:85px}.vr-pitch{font-size:63px}.vr-waveform{height:64px;margin-top:-5px}.vr-prompt{font-size:25px}.vr-description{font-size:13px}.vr-desktop-break{display:none}.vr-primary-button{min-height:48px;padding:12px 21px}.vr-keyboard-heading{align-items:flex-start;gap:6px}.vr-keyboard-hint{text-align:right;max-width:160px;font-size:11px}.vr-keyboard-scale{font-size:10px}.vr-keyboard-scale>span:nth-child(2){display:none}.vr-privacy{text-align:center;align-items:flex-start;font-size:11px}.vr-privacy>svg{margin-top:1px}.vr-chart-row,.vr-chart-axis{grid-template-columns:81px 1fr;gap:8px}.vr-chart-row>span{font-size:12px}.vr-result-notice{padding:11px 13px;font-size:12px}.vr-result-range>span{margin:0 3px}.vr-voice-match>strong{font-size:25px}.vr-chart-heading{gap:8px}}@media (prefers-reduced-motion:reduce){.vr-instrument *,.vr-instrument :before,.vr-instrument :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}