/* OBIA approved-render reconstruction. Artwork contains no interface text or controls.
   Reference coordinate space is 1024 x 1536; percentages preserve each composition.
   No animation is introduced here: first validate the still against its reference. */
@font-face{font-family:Outfit;src:url('/voice-assets/outfit-300.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Outfit;src:url('/voice-assets/outfit-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('/voice-assets/inter-tight-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('/voice-assets/inter-tight-800.ttf') format('truetype');font-weight:800;font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#090c0d}
body{font-family:Outfit,'Helvetica Neue',Arial,sans-serif}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #61becb;outline-offset:5px}
.voice-fidelity{--ink:#e2e4e5;--muted:#94999d;--accent:#43dea2;position:relative;container-type:inline-size;width:100%;max-width:1024px;margin-inline:auto;color:var(--ink);isolation:isolate;background:#090c0d}
.vf-stage{position:relative;min-height:150cqw;overflow:hidden}
.vf-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-1}
.vf-brand{position:absolute;top:2.9%;left:5.85%;padding:0;border:0;background:none;color:inherit;font-size:5.65cqw;font-weight:300;letter-spacing:.32cqw;line-height:1.2;min-height:44px;min-width:44px}
.vf-state{position:absolute;right:5.5%;top:9.55%;display:flex;align-items:center;gap:1.35cqw;font-size:2.2cqw;font-weight:300;color:#b2b6b8;letter-spacing:.045cqw}
.vf-state-dot{width:1.15cqw;height:1.15cqw;border-radius:50%;background:var(--accent)}
.vf-transcript-top{position:absolute;top:3.55%;right:5.45%;width:5.4cqw;height:5.6cqw;min-width:44px;min-height:44px;border:1.5px solid #797f83;border-radius:1.4cqw;background:#0c0f10;color:#b9bfc2;padding:.65cqw}
.vf-icon{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.vf-copy{position:absolute;left:5%;right:5%;top:59.9%;text-align:center}
.vf-title{margin:0;font-size:7.8cqw;line-height:1.16;font-weight:300;letter-spacing:-.2cqw}
.vf-subtitle{margin:3.1cqw 0 0;color:var(--muted);font-size:3.55cqw;line-height:1.3;font-weight:300;letter-spacing:-.06cqw}
.vf-dock{position:absolute;left:21.1%;top:83.05%;width:57.8%;height:8.9%;display:flex;align-items:center;justify-content:space-around;border-radius:12cqw;border:1px solid #868c8e;background:linear-gradient(115deg,#b6cbd51b,#04090c66 38%,#a0b6bc17);box-shadow:inset 0 0 3cqw #e4faff13,inset 0 1px 1px #e6eff05e}
.vf-control{position:relative;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#bfc3c6;min-width:44px;min-height:44px;width:9.5cqw;height:9.5cqw;padding:2.15cqw}
.vf-control--mic{padding:1.6cqw;width:9.5cqw;height:9.5cqw;color:#d6dee1}
.vf-control--mic::after{content:'';position:absolute;right:.9cqw;top:2cqw;width:1.3cqw;height:1.3cqw;background:var(--accent);border-radius:50%}
.vf-control--end .vf-icon{border:2px solid currentColor;border-radius:50%;padding:.4cqw}
.vf-caption{position:absolute;left:0;right:0;top:93.9%;margin:0;text-align:center;color:#989fa3;font-size:2.3cqw;font-weight:300;letter-spacing:.07cqw}
.vf-read-transcript,.vf-end-link{position:absolute;border:0;background:none;color:inherit;min-height:44px;padding:.7cqw 1.5cqw}
.vf-read-transcript{left:50%;transform:translateX(-50%);top:80.25%;display:flex;align-items:center;gap:1.5cqw;white-space:nowrap;font-size:2.4cqw;color:#b1afac;font-weight:300}
.vf-read-transcript .vf-icon{width:3.5cqw;height:3.5cqw}
.vf-equalizer{display:flex;align-items:center;justify-content:center;gap:.65cqw;width:100%;height:100%;color:#ffbb91}
.vf-equalizer i{display:block;width:.4cqw;min-width:2px;height:28%;border-radius:1cqw;background:currentColor}
.vf-equalizer i:nth-child(2),.vf-equalizer i:nth-child(4){height:59%}
.vf-equalizer i:nth-child(3){height:94%}
.voice-fidelity[data-style='resonance']{--ink:#070909;--muted:#797b78;--accent:#ef3c22;background:#faf8f2}
[data-style='resonance'] .vf-brand{left:4.55%;top:1.65%;font-family:'Inter Tight',Arial,sans-serif;font-size:5.5cqw;font-weight:650;letter-spacing:-.38cqw}
[data-style='resonance'] .vf-state{right:4.6%;top:2.5%;font-size:3cqw;color:#080a0b;gap:2.15cqw}
[data-style='resonance'] .vf-state-dot{width:1.85cqw;height:1.85cqw}
[data-style='resonance'] .vf-copy{left:4.4%;right:3%;top:10.7%;text-align:left}
[data-style='resonance'] .vf-title{font-family:'Inter Tight',Arial,sans-serif;font-size:14.7cqw;font-weight:750;letter-spacing:-.4cqw;line-height:.915}
[data-style='resonance'] .vf-title .vf-muted{color:#81827d}
[data-style='resonance'] .vf-title .vf-line{display:block}
[data-style='resonance'] .vf-title .vf-line:nth-child(2){letter-spacing:-.68cqw}
[data-style='resonance'] .vf-title .vf-line:nth-child(3){letter-spacing:-.5cqw}
[data-style='resonance'] .vf-dock .vf-control:last-child .vf-icon{transform:scale(1.18)}
[data-style='resonance'] .vf-subtitle{position:absolute;top:75.4%;left:0;right:0;margin:0;text-align:center;font-size:3.65cqw;transform:scaleX(1.1);color:#0c0e0d;font-weight:300;letter-spacing:-.06cqw}
[data-style='resonance'] .vf-dock{left:20%;width:60%;top:82.15%;height:9%;border:0;box-shadow:none;background:none;align-items:flex-start}
[data-style='resonance'] .vf-control{color:#070a09;width:12.7cqw;height:12.7cqw;padding:3.1cqw 2.8cqw}
[data-style='resonance'] .vf-control--mic{background:#ee3c23;border-radius:50%;color:#fff;padding:3.5cqw}
[data-style='resonance'] .vf-control--mic::after{display:none}
.vf-control-label{position:absolute;top:10.5cqw;font-size:2.15cqw;white-space:nowrap;color:#60625f;font-weight:300}
[data-style='resonance'] .vf-end-link{top:93.85%;left:50%;transform:translateX(-50%);font-size:2.65cqw;white-space:nowrap;font-weight:300}
.voice-fidelity[data-style='prism']{--ink:#eeeae6;--muted:#b0aaa4;--accent:#ffc095;background:#111213}
[data-style='prism'] .vf-brand{top:2.75%;left:4.5%;font-size:6cqw;letter-spacing:.03cqw}
[data-style='prism'] .vf-state{top:4.15%;right:4.6%;color:#c9c5c2;font-size:2.75cqw;gap:1.8cqw}
[data-style='prism'] .vf-state .vf-equalizer{width:3.9cqw;height:4cqw;gap:.7cqw}
[data-style='prism'] .vf-copy{top:61.55%;left:20%;right:20%}
[data-style='prism'] .vf-title{font-size:5.25cqw;line-height:1.16;font-weight:300;letter-spacing:-.04cqw}
[data-style='prism'] .vf-subtitle{font-size:2.95cqw;margin-top:2cqw;letter-spacing:-.04cqw}
[data-style='prism'] .vf-dock{top:86.45%;left:26.65%;width:46.7%;height:9.45%;border:1px solid #5d595555;background:linear-gradient(120deg,#ccc5b316,#5b50461a 50%,#a6a09912);box-shadow:inset 0 1px #ddd4c510}
[data-style='prism'] .vf-control{width:7.5cqw;height:7.5cqw;padding:1.8cqw;border:1px solid #8d898944;background:#e6dedb0a;border-radius:50%;color:#e9e5e1}
[data-style='prism'] .vf-control--mic{width:12.4cqw;height:12.4cqw;padding:3.3cqw;border:1px solid #ffb171;background:radial-gradient(ellipse at center,#5e39252a,#080909ab);box-shadow:0 0 3cqw #ffb4760b}
[data-style='prism'] .vf-control--mic::after{display:none}
[data-style='prism'] .vf-control--end .vf-icon{border:0;padding:0}
.vf-dialog{width:min(90vw,440px);border:1px solid #70777c;border-radius:20px;padding:26px;background:#172026;color:#eff4f6;box-shadow:0 20px 80px #0009;font-size:16px;line-height:1.5}
.vf-dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}
.vf-dialog h2{margin:0 0 16px;font-size:26px;font-weight:400}
.vf-dialog label{display:block;margin:14px 0 8px}
.vf-dialog select,.vf-dialog textarea{width:100%;padding:12px;border:1px solid #71818a;border-radius:10px;background:#0b1217;color:#fff}
.vf-dialog button{padding:10px 18px;min-height:44px;border:1px solid #8c969b;border-radius:10px;background:#273944;color:white;margin-top:14px}
.vf-dialog p{color:#c0c9cd}
.vf-recovery{min-height:44px;margin-top:12px;padding:8px 20px;border:1px solid currentColor;border-radius:24px;background:transparent;color:inherit;font-size:16px}
.vf-recovery[hidden]{display:none}
.vf-sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:500px){
 .voice-fidelity{--extra:max(0px,100dvh - 150cqw)}
 .vf-stage{min-height:max(150cqw,100dvh)}
 /* Add space around the art on taller phones; never stretch its material. */
 .vf-art{height:150cqw;object-fit:contain;top:calc(var(--extra)*.35);mask-image:linear-gradient(transparent,black 5%,black 88%,transparent)}
 .vf-brand{font-size:6cqw}
 .vf-state{font-size:max(12px,3cqw)}
 [data-style='lumen'] .vf-state{top:calc(3.55% + 52px)}
 [data-style='resonance'] .vf-state,[data-style='prism'] .vf-state{font-size:12px}
 .vf-copy{top:calc(90.3cqw + var(--extra)*.4)}
 .vf-subtitle{font-size:max(16px,4cqw)}
 .vf-dock{top:calc(124.575cqw + var(--extra)*.8);height:max(56px,13.35cqw)}
 .vf-caption{font-size:max(12px,3cqw);top:auto;bottom:3.2%}
 .vf-control-label{font-size:max(12px,2.8cqw)}
 [data-style='resonance'] .vf-copy{top:calc(16.05cqw + var(--extra)*.15)}
 [data-style='resonance'] .vf-subtitle{top:calc(113.1cqw + var(--extra)*.35);font-size:max(16px,3.65cqw)}
 [data-style='resonance'] .vf-dock{top:calc(123.225cqw + var(--extra)*.75)}
 [data-style='resonance'] .vf-end-link{top:auto;bottom:2.3%;font-size:max(14px,3.5cqw)}
 [data-style='prism'] .vf-art{top:calc(var(--extra)*.25)}
 [data-style='prism'] .vf-copy{top:calc(92.775cqw + var(--extra)*.35)}
 [data-style='prism'] .vf-title{font-size:max(18px,5.25cqw)}
 [data-style='prism'] .vf-subtitle{font-size:max(14px,2.95cqw)}
 [data-style='prism'] .vf-read-transcript{top:calc(121.05cqw + var(--extra)*.5);font-size:max(14px,3.2cqw)}
 [data-style='prism'] .vf-dock{top:calc(129.675cqw + var(--extra)*.8);height:max(56px,14.175cqw);left:22%;width:56%}
}/* Live integration: preserve the existing evidence, account and conversation panels. */
body.voice-fidelity-active{overflow:auto;background:#090c0d}
.voice-fidelity-active #obia-hud{background:none;pointer-events:none;padding:0;z-index:30}
.voice-fidelity-active #obia-hud>.hud-top,.voice-fidelity-active #hud-conversation,.voice-fidelity-active #obia-hud>.voice-dock{display:none}
.voice-fidelity-active #obia-hud>.hud-panel,.voice-fidelity-active #obia-hud>.hud-scrim{pointer-events:auto}
.voice-fidelity-active .voice-fidelity{z-index:21;min-height:100dvh}
.voice-fidelity-active .vf-brand,.voice-fidelity-active .vf-control,.voice-fidelity-active .vf-end-link,.voice-fidelity-active .vf-read-transcript,.voice-fidelity-active .vf-transcript-top{font-family:inherit}
.voice-fidelity-active .vf-title{white-space:pre-line}
.voice-fidelity-active [data-style='resonance'] .vf-title{font-family:'Inter Tight',Arial,sans-serif}
.voice-fidelity-active [data-recording='false'] .vf-state-dot{background:#8b9297}
.voice-fidelity-active [data-recording='false'] .vf-control--mic::after{display:none}
.voice-fidelity-active [data-phase='speaking'] .vf-state-dot{background:var(--accent)}
.voice-fidelity-active .vf-control:disabled,.voice-fidelity-active .vf-end-link:disabled{opacity:.45;cursor:default}
.voice-fidelity-active [data-answer='true'] .vf-title{font-size:5.25cqw;line-height:1.2;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
.voice-fidelity-active [data-style='resonance'][data-answer='true'] .vf-title{font-size:8.2cqw;line-height:1.05;-webkit-line-clamp:4}
.voice-fidelity-active [data-style='prism'][data-answer='true'] .vf-title{font-size:5.25cqw}
.voice-fidelity-active .vf-dialog{color-scheme:dark;max-height:85dvh;overflow:auto}
.voice-fidelity-active .vf-dialog p{white-space:pre-wrap;overflow-wrap:anywhere}
.voice-fidelity-active #vf-transcript-content article{border-bottom:1px solid #65747d66;padding:12px 0}
@media(max-width:500px){.voice-fidelity-active [data-answer='true'] .vf-title{font-size:max(18px,5.25cqw)}.voice-fidelity-active [data-style='resonance'][data-answer='true'] .vf-title{font-size:8.2cqw}}
/* Keep the original still plate visible whenever either motion preference applies. */
body.reduced-motion .vf-art-motion{visibility:hidden!important}
@media(prefers-reduced-motion:reduce){.vf-art-motion{visibility:hidden!important}}