:root{--accent:#38bdf8;--accent-deep:#0ea5e9;--accent-dim:#1e4d6b;--bg:#07080b;--surface:#12202e8c;color:#e9edf3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07080b;font-family:Hiragino Sans,Yu Gothic UI,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:#07080b;width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}button,a,audio{font:inherit;font-variant-numeric:tabular-nums}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}audio:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{--panel:var(--surface);--line:#ffffff1a;--muted:#8b929e;width:min(100%,620px);height:100vh;height:100svh;min-height:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--voice-color) 7%, transparent), transparent 45%), #07080b;font-variant-numeric:tabular-nums;border-inline-start:1px solid #ffffff0f;border-inline-end:1px solid #ffffff0f;grid-template-rows:auto minmax(220px,1fr) auto auto auto auto;margin:0 auto;display:grid;position:relative;overflow:hidden}.app-header{z-index:10;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;padding:9px 16px 7px;display:flex}.app-header h1{letter-spacing:.13em;color:#dfe3e9;margin:0;font-family:Hoefler Text,Georgia,Times New Roman,Hiragino Mincho ProN,serif;font-size:16px;font-weight:500}.header-badges{align-items:center;gap:6px;display:flex}.test-badge,.view-badge{border:1px solid color-mix(in srgb, var(--accent) 48%, transparent);letter-spacing:.12em;min-height:20px;color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:999px;align-items:center;padding:2px 7px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.view-badge{color:#aeb4bf;letter-spacing:.05em;background:#ffffff0a;border-color:#ffffff29}.vortex-stage{isolation:isolate;background:#07080b;min-height:0;position:relative;overflow:hidden}.vortex-stage>div:first-child{top:0;bottom:0;left:0;right:0;position:absolute!important}.reference-layer,.axis-layer{z-index:2;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.reference-layer{z-index:1}.reference-band{background:linear-gradient(90deg,#0000,#ffffff09 18%,#ffffff0d 50%,#0000);border-block-start:1px solid #ffffff0d;border-block-end:1px solid #ffffff0d;min-height:2px;position:absolute;left:18%;right:14%}.reference-f0{background:linear-gradient(90deg,#0000,#f0a7450d 24%,#f0a74514 50%,#0000)}.reference-f1{background:linear-gradient(90deg,#0000,#7cbbcd0a 24%,#7cbbcd12 50%,#0000)}.reference-f2{background:linear-gradient(90deg,#0000,#9d8bd60a 24%,#9d8bd612 50%,#0000)}.axis-unit{color:#7da0ba9e;letter-spacing:.12em;text-align:right;text-transform:uppercase;width:34px;font:500 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:10px;left:10px}.axis-tick{color:#cee3f2d1;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 0 4px #07080bf2,0 1px 2px #07080bcc;align-items:center;width:calc(50% - 10px);height:1px;font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;left:10px;transform:translateY(-50%)}.axis-tick>span{text-align:right;width:34px}.axis-tick i{background:linear-gradient(90deg,#78beeb4d,#78beeb08);height:1px;margin-left:7px}.frequency-marker{height:16px;color:var(--voice-color);white-space:nowrap;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--voice-color) 55%, transparent));align-items:center;gap:4px;display:flex;position:absolute;transform:translate(44px,-50%)}.frequency-marker i{border:1px solid;border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 5px,0 0 8px}.frequency-marker b{letter-spacing:.08em;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.frequency-marker small{color:#8b929e;font:8px/1 Hiragino Sans,sans-serif}.range-caption{z-index:3;color:#5f6671;letter-spacing:.03em;margin:0;font-size:8px;position:absolute;bottom:7px;right:10px}.start-gate{z-index:8;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle,#07080bc7 0 25%,#07080bed 68%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.start-gate p{color:#9ca3ae;max-width:280px;margin:0;font-size:12px;line-height:1.7}.start-gate button{border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);color:#f4f5f7;background:color-mix(in srgb, var(--accent-deep) 18%, #0b0c10);min-height:44px;box-shadow:0 0 24px color-mix(in srgb, var(--accent) 10%, transparent);cursor:pointer;border-radius:999px;padding:0 20px;font-size:13px}.start-gate button:disabled{cursor:wait;opacity:.65}.start-gate span{color:#e5a68d;max-width:300px;font-size:11px;line-height:1.5}.live-readout{z-index:6;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#07080beb;min-height:62px;padding:9px 14px 8px}.primary-readout{color:#bbc1ca;grid-template-columns:minmax(82px,1.4fr) repeat(3,minmax(48px,1fr));align-items:baseline;gap:6px;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.primary-readout strong{color:var(--voice-color);letter-spacing:-.04em;font-size:19px;font-weight:500}.primary-readout>span{color:#929aa6;font-weight:500}.primary-readout>span.dominant{color:var(--accent);font-weight:800}.live-readout p{color:#858c97;margin:6px 0 0;font-size:10px}.record-switcher{border-bottom:1px solid var(--line);background:#090a0e;gap:5px;min-height:38px;padding:5px 10px;display:flex}.record-switcher button{color:#777e89;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:1;min-width:0;font-size:9px}.record-switcher button.active{border-color:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent)}.summary-card{border-bottom:1px solid var(--line);background:var(--panel);padding:8px 10px 7px}.summary-values{color:#d5d9df;grid-template-columns:repeat(3,1fr);gap:7px 10px;font:10px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.summary-values span{min-width:0}.summary-values small{color:#6f7681;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font:8px/1.1 Hiragino Sans,sans-serif;display:block;overflow:hidden}.summary-values .band-summary{color:#aeb4be;white-space:nowrap;grid-column:1/-1}.record-playback{align-items:center;gap:8px;margin-top:7px;display:flex}.record-playback audio{flex:1;min-width:0;height:28px}.record-playback a{color:#aeb4be;border:1px solid #ffffff21;border-radius:5px;place-items:center;min-width:42px;min-height:28px;font-size:9px;text-decoration:none;display:inline-grid}.record-controls{z-index:7;background:#07080b;justify-content:center;align-items:center;gap:10px;min-height:55px;padding:7px 12px;display:flex}.record-controls button{color:#c7cbd2;cursor:pointer;background:#0d0f14;border:1px solid #ffffff21;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:104px;min-height:38px;font-size:12px;display:inline-flex}.record-controls button>span{background:#e25656;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #e2565673}.record-controls button.recording{color:#f0b1b1;border-color:#e256567a}.record-controls button.recording>span{border-radius:2px}.record-controls button:disabled{cursor:not-allowed;opacity:.35}.record-controls>small{color:#5e6570;font-size:9px}.record-controls .analysis-button{border-color:color-mix(in srgb, var(--accent) 72%, transparent);color:#03131d;background:linear-gradient(135deg, var(--accent), var(--accent-deep));letter-spacing:.03em;min-width:138px;font-weight:800;box-shadow:0 7px 24px #0ea5e938}.record-controls .analysis-button:disabled{color:#b9c7cf;background:var(--accent-dim);box-shadow:none}.analysis-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#01070cc2;justify-content:center;align-items:flex-end;animation:.18s ease-out both analysis-fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.analysis-sheet{color:#e9f4fa;background:linear-gradient(180deg, #0e1e2bfa, #070c12fc), var(--bg);border:1px solid #38bdf840;border-bottom:0;border-radius:24px 24px 0 0;width:min(100%,620px);max-height:92svh;animation:.26s cubic-bezier(.2,.8,.2,1) both analysis-sheet-up;overflow:hidden;box-shadow:0 -30px 90px #00000094}.analysis-sheet-header{background:#0a1722e6;border-bottom:1px solid #38bdf829;justify-content:space-between;align-items:center;min-height:72px;padding:14px 18px 12px 22px;display:flex}.analysis-sheet-header small{color:#5f91aa;letter-spacing:.16em;margin-bottom:5px;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.analysis-sheet-header h2{letter-spacing:.11em;margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:19px;font-weight:500}.analysis-sheet-header button{color:#b8c8d2;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:38px;height:38px;font:300 23px/1 system-ui,sans-serif;display:grid}.analysis-sheet-content{max-height:calc(92svh - 72px);padding:16px 14px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}.analysis-summary{background:radial-gradient(circle at 90% 0, #38bdf81a, transparent 40%), var(--surface);border:1px solid #38bdf833;border-radius:18px;padding:20px}.analysis-summary>p{color:#d8e6ee;margin:0;font-size:12px;line-height:1.95}.fine-band-grid{border-top:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);gap:12px 10px;margin-top:20px;padding-top:16px;display:grid}.fine-band-grid span{min-width:0}.fine-band-grid small{color:#718693;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font:8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block;overflow:hidden}.fine-band-grid strong{color:color-mix(in srgb, var(--accent-dim), var(--accent) calc(var(--band-strength) * 100%));font-variant-numeric:tabular-nums;font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.analysis-metric-list{gap:10px;margin-top:12px;display:grid}.analysis-metric-card{background:#12202e6b;border:1px solid #ffffff17;border-radius:15px;padding:16px}.analysis-metric-card>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.analysis-metric-card h3{color:#e4eef4;letter-spacing:.04em;margin:0;font-size:13px;font-weight:650}.metric-score{color:var(--accent);font-variant-numeric:tabular-nums;font:800 22px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.metric-score small{color:#66808f;margin-left:4px;font-size:10px;font-weight:600}.metric-dots{gap:5px;margin:12px 0 11px;display:flex}.metric-dots i{background:linear-gradient(90deg, var(--accent) 0 var(--dot-fill), var(--accent-dim) var(--dot-fill) 100%);border:1px solid #38bdf852;border-radius:50%;width:9px;height:9px;box-shadow:0 0 7px #38bdf81f}.metric-label{color:#bde9fb;font-size:12px;display:block}.analysis-metric-card>p{color:#91a4af;margin:6px 0 0;font-size:10px;line-height:1.65}.metric-evidence{border-left:2px solid var(--accent-dim);background:#020a0f57;gap:4px;margin:12px 0 0;padding:10px 12px;list-style:none;display:grid}.metric-evidence li{color:#839ba8;font-variant-numeric:tabular-nums;font:9px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.analysis-insufficient{padding:48px 24px calc(56px + env(safe-area-inset-bottom));color:#bfd2dc;margin:0;font-size:13px;line-height:1.8}.analysis-insufficient h3{color:#eefaff;text-align:center;letter-spacing:.05em;margin:0 0 22px;font:600 18px/1.5 Hiragino Mincho ProN,Yu Mincho,serif}.analysis-insufficient dl{font-variant-numeric:tabular-nums;gap:8px;max-width:410px;margin:0 auto;display:grid}.analysis-insufficient dl>div{justify-content:space-between;gap:12px;display:flex}.analysis-insufficient dt,.analysis-insufficient dd{margin:0}.analysis-insufficient dd{color:#eefaff;text-align:right;white-space:nowrap}.analysis-insufficient>p{color:#a9c2cf;background:#030e1685;border-left:2px solid #38bdf88c;border-radius:4px 12px 12px 4px;max-width:410px;margin:24px auto 0;padding:14px 16px}@keyframes analysis-fade-in{0%{opacity:0}}@keyframes analysis-sheet-up{0%{transform:translateY(28px)}}@media (max-height:700px){.app-shell{grid-template-rows:auto minmax(190px,1fr) auto auto auto auto}.app-header{min-height:42px}.live-readout{min-height:54px;padding-block-start:6px;padding-block-end:6px}.summary-card{padding-block-start:6px;padding-block-end:6px}.record-controls{min-height:48px;padding-block-start:5px;padding-block-end:5px}}@media (min-width:621px){.app-shell{box-shadow:0 0 80px #000c}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.vocal-profile-match{border-top:1px solid #38bdf838;margin-top:30px;padding-top:28px;position:relative}.vocal-profile-match:before{content:"";background:var(--accent);width:74px;height:2px;position:absolute;top:-1px;left:0;box-shadow:0 0 18px #38bdf873}.vocal-profile-match-heading{margin:0 6px 18px}.vocal-profile-match-heading small{color:#5f91aa;letter-spacing:.18em;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.vocal-profile-match-heading h3{color:#eefaff;letter-spacing:.09em;margin:8px 0 0;font:600 clamp(19px,6vw,25px)/1 Hiragino Mincho ProN,Yu Mincho,serif}.vocal-profile-match-heading p{color:#91aab8;margin:9px 0 0;font-size:11px}.vocalist-disclaimer{background:#030e1685;border:1px solid #38bdf821;border-left:2px solid #38bdf873;border-radius:4px 12px 12px 4px;gap:8px;margin:14px 0;padding:13px 14px;display:grid}.vocalist-disclaimer p{color:#758f9e;margin:0;font-size:10.5px;line-height:1.75}.vocalist-match-list{gap:14px;display:grid}.vocalist-match-card{background:linear-gradient(115deg,#38bdf80d,#0000 33%),#0b1924b8;border:1px solid #38bdf82e;border-radius:18px;min-width:0;padding:18px;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.vocalist-match-card.quality-estimated{border-style:dashed}.vocalist-match-card.quality-measured{background:linear-gradient(115deg,#f2b76612,#0000 36%),#0d1922c7;border-color:#f2b7666b}.vocalist-match-card-header{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.vocalist-rank{color:#77b9d8;border:1px solid #38bdf847;border-radius:50%;place-items:center;width:28px;height:28px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.quality-measured .vocalist-rank{color:#f2c781;border-color:#f2b7667a;border-radius:5px}.vocalist-identity{min-width:0}.vocalist-identity small{color:#698596;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font:700 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block;overflow:hidden}.vocalist-identity h4{color:#eaf6fc;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:16px;font-weight:650;overflow:hidden}.vocalist-similarity{min-width:74px;color:var(--accent);grid-template-columns:auto auto;place-items:end;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.quality-measured .vocalist-similarity{color:#f2b766}.vocalist-similarity strong{letter-spacing:-.07em;font-variant-numeric:tabular-nums;font-size:35px;font-weight:650;line-height:.8}.vocalist-similarity>span{margin-left:3px;font-size:12px}.vocalist-similarity small{color:#678392;letter-spacing:.03em;white-space:nowrap;grid-column:1/-1;margin-top:7px;font-size:8.5px}.data-quality-badge{color:#83b9d1;letter-spacing:.05em;border:1px dashed #38bdf857;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-top:13px;padding:5px 9px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.data-quality-badge i{border:1px solid;border-radius:50%;width:6px;height:6px}.data-quality-badge.measured{color:#f2c781;border-style:solid;border-color:#f2b76673;border-radius:4px}.data-quality-badge.measured i{background:#f2b76657;border-radius:0;transform:rotate(45deg)}.vocalist-narrative{color:#bad0db;margin:15px 0;font-size:11px;line-height:1.85}.vocalist-comparison-copy{gap:9px;display:grid}.vocalist-comparison-copy section{background:#020a105c;border:1px solid #ffffff12;border-radius:10px;min-width:0;padding:11px 12px}.vocalist-comparison-copy h5,.vocalist-detail-profile h5{color:#79a9be;letter-spacing:.07em;margin:0 0 8px;font-size:10px;font-weight:700}.vocalist-comparison-copy ul,.vocalist-detail-profile ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.vocalist-comparison-copy li,.vocalist-detail-profile li{color:#8da4b1;padding-left:10px;font-size:10px;line-height:1.55;position:relative}.vocalist-comparison-copy li:before,.vocalist-detail-profile li:before{content:"";background:var(--accent);width:4px;height:1px;position:absolute;top:.62em;left:0}.vocalist-band-comparison{border-top:1px solid #ffffff12;margin-top:16px;padding-top:14px}.vocalist-band-comparison>header{color:#708a99;justify-content:flex-end;gap:14px;margin-bottom:11px;font:9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.line-key{vertical-align:middle;border-top:2px solid var(--accent);width:17px;margin-left:5px;display:inline-block}.line-key.reference{border-top-style:dashed;border-top-color:#9ab2bf}.band-comparison-row{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:9px;min-width:0;margin-top:10px;display:grid}.band-comparison-label strong,.band-comparison-label small{display:block}.band-comparison-label strong{color:#a7c4d2;letter-spacing:.03em;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.band-comparison-label small{color:#56707f;margin-top:4px;font:8.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.band-comparison-bars{gap:5px;min-width:0;display:grid}.comparison-bar{grid-template-columns:minmax(0,1fr) 39px;align-items:center;gap:7px;min-width:0;display:grid}.comparison-bar>i{background:#ffffff0f;border-radius:999px;height:5px;position:relative;overflow:hidden}.comparison-bar>i:after{width:var(--bar-value);content:"";background:linear-gradient(90deg, #0e7490, var(--accent));position:absolute;top:0;bottom:0;left:0;right:auto}.comparison-bar.reference>i{background:0 0;border:1px dashed #9ab2bf6b;height:4px}.comparison-bar.reference>i:after{opacity:.7;background:#8aa6b5;top:1px;bottom:1px}.comparison-bar.reference.measured>i{border-style:solid;border-color:#f2b7668f}.comparison-bar.reference.measured>i:after{background:#f2b766}.comparison-bar span{color:#79909d;text-align:right;font-variant-numeric:tabular-nums;font:9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.comparison-bar.user span{color:#a9dced}.vocalist-radar{border-top:1px solid #ffffff12;margin:18px 0 0;padding-top:14px}.vocalist-radar svg{width:min(100%,340px);margin:0 auto;display:block;overflow:visible}.radar-grid,.radar-axis{fill:none;stroke:#82a4b529;stroke-width:.8px}.radar-shape{vector-effect:non-scaling-stroke}.radar-shape.user{fill:#38bdf81f;stroke:var(--accent);stroke-width:1.8px}.radar-shape.reference{fill:#b6cbd60d;stroke:#b6cbd6;stroke-width:1.4px;stroke-dasharray:5 4}.radar-point.user{fill:#071019;stroke:var(--accent);stroke-width:1.7px}.radar-point.reference{fill:#b6cbd6;stroke:#071019;stroke-width:1px}.vocalist-radar text{fill:#718d9b;text-anchor:middle;dominant-baseline:middle;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.vocalist-radar figcaption{color:#6d8795;flex-wrap:wrap;justify-content:center;gap:10px 15px;font:9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.radar-legend{vertical-align:middle;border-top:2px solid var(--accent);width:18px;margin-right:6px;display:inline-block}.radar-legend.reference{border-top:2px dashed #b6cbd6}.vocalist-detail-button{color:#bde9fb;cursor:pointer;background:#38bdf812;border:1px solid #38bdf859;border-radius:999px;width:100%;min-height:42px;margin-top:17px;font-size:10px;font-weight:700}.vocalist-detail-button:hover{background:#38bdf821}.vocalist-detail-button:focus-visible{outline-offset:3px;outline:2px solid #bde9fb}.vocalist-detail-modal button:focus-visible{outline-offset:3px;outline:2px solid #bde9fb}.vocalist-detail-backdrop{z-index:80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#01060ad6;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.vocalist-detail-modal{color:#e9f4fa;background:linear-gradient(#0e1e2b,#070c12);border:1px solid #38bdf847;border-bottom:0;border-radius:22px 22px 0 0;width:min(100%,620px);max-height:94svh;overflow:hidden;box-shadow:0 -35px 100px #000000a6}.vocalist-detail-modal>header{border-bottom:1px solid #38bdf82b;justify-content:space-between;align-items:center;min-height:68px;padding:13px 16px 12px 20px;display:flex}.vocalist-detail-modal>header small{color:#5f91aa;letter-spacing:.14em;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.vocalist-detail-modal>header h3{letter-spacing:.08em;margin:5px 0 0;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:17px;font-weight:500}.vocalist-detail-modal>header button{color:#b8c8d2;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:38px;height:38px;font:300 23px/1 system-ui,sans-serif;display:grid}.vocalist-detail-scroll{max-height:calc(94svh - 68px);padding:14px 12px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;gap:12px;display:grid;overflow-y:auto}.vocalist-detail-profile{background:#0d1c288a;border:1px dashed #38bdf833;border-radius:15px;padding:17px}.vocalist-detail-profile.quality-measured{border-style:solid;border-color:#f2b7666b}.vocalist-detail-profile.selected{box-shadow:inset 3px 0 var(--accent)}.vocalist-detail-profile.quality-measured.selected{box-shadow:inset 3px 0 #f2b766}.vocalist-detail-profile>header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.vocalist-detail-profile>header small{color:#658294;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.vocalist-detail-profile>header h4{margin:5px 0 0;font-size:16px}.vocalist-detail-profile>header .data-quality-badge{flex:none;margin:0}.vocalist-detail-profile>p{color:#a9bfca;margin:14px 0;font-size:10.5px;line-height:1.75}.vocalist-detail-columns{gap:13px;display:grid}.vocalist-detail-values,.vocalist-score-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px;display:grid}.vocalist-detail-values span,.vocalist-score-values span{background:#02090e59;border:1px solid #ffffff0f;border-radius:7px;min-width:0;padding:8px 7px}.vocalist-detail-values small,.vocalist-score-values small{color:#607b89;text-overflow:ellipsis;white-space:nowrap;font:8.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:block;overflow:hidden}.vocalist-detail-values strong,.vocalist-score-values strong{color:#bde9fb;margin-top:5px;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.vocalist-score-values strong i{color:#54707f;margin-left:2px;font-size:7px;font-style:normal}.vocalist-detail-profile .profile-disclaimer{color:#607786;border-top:1px solid #ffffff0f;margin-bottom:0;padding-top:10px;font-size:9.5px}@media (min-width:480px){.vocalist-comparison-copy,.vocalist-detail-columns{grid-template-columns:1fr 1fr}}