.mic-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#087d8a;cursor:pointer}
.mic-button:hover{background:#e4f6f6}.mic-button:focus-visible,.voice-dialog button:focus-visible,.answer-speak:focus-visible{outline:3px solid #13BCCF;outline-offset:4px}
.mic-button:disabled{opacity:.4;cursor:default}.answer-speak{display:flex;align-items:center;gap:7px;margin-top:12px;padding:6px 0;border:0;background:transparent;color:#087d8a;font:600 12px "Plus Jakarta Sans",sans-serif;cursor:pointer;min-height:36px}
.voice-dialog{width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #e8e1d7;border-radius:28px;background:#F7F3EC;color:#232625;box-shadow:0 24px 100px #23262533;font-family:'Plus Jakarta Sans',sans-serif;overscroll-behavior:contain}
.voice-dialog::backdrop{background:#23262566;backdrop-filter:blur(6px)}
.voice-shell{padding:22px 24px 20px;display:flex;align-items:center;flex-direction:column;gap:12px;min-height:490px}
.voice-head{width:100%;display:flex;align-items:center;justify-content:space-between;color:#555e5b;font-size:13px;font-weight:600}.voice-head button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#ebe6de;color:#232625;font-size:18px;cursor:pointer}
.voice-character{position:relative;width:220px;height:220px;flex:0 0 220px;margin:-12px 0 -18px}
.voice-character>div{position:absolute;inset:0;display:none}.voice-character img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.voice-dialog .voice-character-listening{display:block}.voice-dialog[data-state="thinking"] .voice-character-listening,.voice-dialog[data-state="transcribing"] .voice-character-listening,.voice-dialog[data-state="loading"] .voice-character-listening,.voice-dialog[data-state="speaking"] .voice-character-listening{display:none}
.voice-dialog[data-state="thinking"] .voice-character-thinking,.voice-dialog[data-state="transcribing"] .voice-character-thinking,.voice-dialog[data-state="loading"] .voice-character-thinking,.voice-dialog[data-state="speaking"] .voice-character-speaking{display:block}
.voice-dialog[data-state="listening"] .voice-state-art{animation:voice-attentive 3s ease-in-out infinite}.voice-character-thinking .voice-state-art{animation:voice-attentive 3.8s ease-in-out infinite}
.voice-mouth{transform-origin:50.3% 50.78%;animation:voice-speaking 1.2s ease-in-out infinite}
@keyframes voice-attentive{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes voice-speaking{0%,100%{transform:scaleY(.9)}12%{transform:scaleY(.97)}25%{transform:scaleY(.91)}40%{transform:scaleY(1.01)}55%{transform:scaleY(.92)}70%{transform:scaleY(.98)}84%{transform:scaleY(.9)}}
#voice-status{font-size:22px;line-height:1.35;font-weight:700;text-align:center;margin:0;max-width:360px}
.voice-transcript{font-size:14px;line-height:1.6;text-align:center;color:#525a57;max-height:125px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;width:100%}.voice-transcript:empty{display:none}
.voice-message{text-align:left;margin:0 0 10px;padding:10px 12px;border-radius:14px;background:#fff}.voice-message-user{background:#e3f3f2}.voice-message strong{font-size:11px;color:#087d8a}
.voice-reader{position:fixed;z-index:1000;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);width:max-content;padding:12px 16px;background:#fff;border:1px solid #d5e9e7;border-radius:18px;box-shadow:0 6px 25px #17353622;color:#173536;font:600 13px 'Plus Jakarta Sans',sans-serif}.voice-reader>svg{flex-shrink:0}.voice-reader>span{max-width:260px}.voice-reader button{flex-shrink:0;min-height:42px;border:0;border-radius:24px;padding:8px 14px;background:#e3f3f2;color:#173536;font:inherit;cursor:pointer}.voice-reader button:focus-visible{outline:3px solid #13BCCF;outline-offset:3px}
.voice-actions{display:flex;align-items:center;flex-direction:column;gap:16px;margin-top:8px}.voice-primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;min-width:220px;padding:14px 20px;background:#13BCCF;border:0;border-radius:32px;color:#173536;font:700 14px 'Plus Jakarta Sans',sans-serif;cursor:pointer}.voice-primary:disabled{background:#dfebe8;color:#64716c;cursor:wait}
.voice-dialog[data-state="listening"] .voice-primary{box-shadow:0 0 0 calc(3px + var(--voice-level,0)*12px) #13bccf22}.voice-stop-icon{width:15px;height:15px;background:currentColor;border-radius:3px}
.voice-help,.voice-privacy{margin:0;text-align:center;max-width:350px;font-size:12px;line-height:1.6;color:#59635e}.voice-privacy{font-size:10px;margin-top:4px;color:#65706a}.voice-privacy a{color:inherit;text-underline-offset:2px}
@media(max-width:520px){.voice-dialog{width:100%;max-width:none;height:100dvh;max-height:none;border-radius:0;border:0}.voice-shell{min-height:100%;padding:calc(env(safe-area-inset-top) + 16px) 22px calc(env(safe-area-inset-bottom) + 24px);box-sizing:border-box;justify-content:center}.voice-head{margin-bottom:auto}.voice-privacy{margin-top:auto;padding-top:22px}.voice-character{width:260px;height:260px;flex-basis:260px}.voice-transcript{max-height:20dvh}.voice-actions{margin-top:18px}}
@media(max-height:650px){.voice-character{width:170px;height:170px;flex-basis:170px}.voice-shell{gap:8px;min-height:0}.voice-transcript{max-height:85px}.voice-primary{min-height:48px}.voice-privacy{padding-top:8px}.voice-head{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.voice-state-art,.voice-mouth{animation:none!important;opacity:1;transform:none}.voice-dialog[data-state="listening"] .voice-primary{box-shadow:none}}