.voice-overlay{position:fixed;inset:0;z-index:1000;background:rgb(255 250 253 / .96);backdrop-filter:blur(18px);animation:voice-enter 300ms ease-out;color:var(--color-ink,#05162e)}
.voice-close{position:absolute;right:16px;top:16px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#eee9ed;color:#05162e;font-size:28px;display:grid;place-items:center;cursor:pointer}
.voice-portrait{position:absolute;left:calc(50% - 80px);top:calc(33.333% - 80px);width:160px;height:160px;border:5px solid #ed8caf;border-radius:50%;box-sizing:border-box;isolation:isolate}
.voice-portrait img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.voice-rings{position:absolute;inset:-12px;z-index:-1;--voice-level:0}
.voice-rings i{position:absolute;inset:0;border-radius:46% 54% 48% 52%;border:3px solid #eb97bd;opacity:.6;transform:scale(calc(1 + var(--voice-level)*.3));transition:transform 80ms linear}
.voice-rings i:nth-child(2){inset:-7px;border-color:#58b9af;border-radius:53% 47% 55% 45%;transform:rotate(55deg) scale(calc(1 + var(--voice-level)*.42));opacity:.4}
.voice-rings i:nth-child(3){inset:-14px;border-color:#95d9d1;transform:rotate(110deg) scale(calc(1 + var(--voice-level)*.5));opacity:.3}
.voice-words{position:absolute;top:60%;left:24px;right:24px;max-height:25%;overflow:auto;text-align:center;font-size:20px;line-height:1.5;scrollbar-width:none}
.voice-status{position:absolute;bottom:24px;left:24px;right:24px;text-align:center;font-size:12px;color:#777}
.voice-closing{opacity:0;transition:opacity 300ms ease-in}
@keyframes voice-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.voice-overlay,.voice-closing{animation:none;transition:none}.voice-rings{display:none}}

.voice-spectrum{position:absolute;width:280px;height:280px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}

.voice-isolate{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);border:0;border-radius:8px;background:#eee9ed;color:#05162e;padding:10px 16px;font:inherit;font-size:14px;white-space:nowrap;cursor:pointer}