/* Shared mobile voice presentation. Animation is a listening indicator, not a volume meter. */
.xeo-voice-surface{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#fff;color:#111b2b;padding:24px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.xeo-voice-surface:before,.xeo-voice-surface:after{content:'';position:absolute;inset:auto 0 0;height:24%;pointer-events:none;z-index:-1}
.xeo-voice-surface:before{background:radial-gradient(120% 100% at 50% 100%,#38bdf81f 0%,#6366f112 42%,#fff0 100%);animation:xeo-voice-shine 3.8s ease-in-out infinite}
.xeo-voice-surface:after{background:linear-gradient(to top,#f1f5f9a6,#f8fafc40 55%,#fff0)}
.xeo-voice-center{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;margin-top:-24px;position:relative}
.xeo-voice-status{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;color:#788597;border-radius:99px;padding:7px 12px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.xeo-voice-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#91b57a;box-shadow:0 0 0 4px #91b57a17;animation:xeo-voice-dot 1.6s ease-in-out infinite}
.xeo-voice-transcript{font:600 clamp(23px,6.4vw,30px)/1.45 'Plus Jakarta Sans',system-ui,sans-serif!important;letter-spacing:-.04em!important;overflow-wrap:anywhere;white-space:pre-wrap;max-height:25dvh;overflow:auto;color:#111b2b!important;margin:4px 0!important;min-height:80px;display:flex;align-items:center;justify-content:center;width:100%}
.xeo-voice-hint{font-size:12px!important;line-height:1.65!important;color:#91a0b1!important;max-width:290px;margin:0!important}
.xeo-voice-mic{display:grid;place-items:center;width:100px;height:100px;min-height:100px;border:4px solid #f1f5f9;border-radius:50%;background:#0b0f19;color:white;padding:0;margin-top:12px;box-shadow:0 20px 50px #0b0f1928;cursor:pointer;position:relative;animation:xeo-voice-float 2.4s ease-in-out infinite}
.xeo-voice-mic:before{content:'';position:absolute;inset:-10px;border:1px solid #e2e8f0;border-radius:50%;pointer-events:none}.xeo-voice-mic svg{width:33px!important;height:33px!important;stroke-width:1.7;color:white}.xeo-voice-mic:disabled{opacity:.6;cursor:wait}
.xeo-voice-cancel{border:0;background:transparent;color:#8995a5;font:600 12px/1.6 'Plus Jakarta Sans',system-ui,sans-serif;padding:10px 16px;min-height:44px;cursor:pointer}
.xeo-voice-error{font-size:13px;line-height:1.6;color:#b5474c;max-width:320px;margin:0}
.xeo-voice-wave{display:flex;align-items:center;justify-content:center;gap:12px;color:white;height:100%;width:100%;pointer-events:none}
.xeo-voice-wave-bars{display:flex;align-items:center;gap:4px;height:27px}.xeo-voice-wave-bars i{display:block;width:3px;height:6px;border-radius:9px;background:white;animation:xeo-voice-bar .85s ease-in-out var(--wave-delay,0s) infinite}.xeo-voice-wave time{font-size:12px;font-weight:600;letter-spacing:.03em;font-variant-numeric:tabular-nums;min-width:30px}
.xeo-voice-wave[data-active=false] i{animation-play-state:paused;height:6px}
@keyframes xeo-voice-bar{0%,100%{height:6px;opacity:.55}50%{height:22px;opacity:1}}
@keyframes xeo-voice-shine{0%,100%{opacity:.45;transform:translateY(4%) scaleX(1)}50%{opacity:.85;transform:translateY(0) scaleX(1.06)}}
@keyframes xeo-voice-float{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes xeo-voice-dot{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-height:700px){.xeo-voice-center{gap:10px;margin-top:0}.xeo-voice-transcript{min-height:45px;font-size:21px!important}.xeo-voice-mic{width:76px;height:76px;min-height:76px;margin-top:8px}.xeo-voice-status{font-size:9px}}
@media(prefers-reduced-motion:reduce){.xeo-voice-surface:before,.xeo-voice-mic,.xeo-voice-status:before,.xeo-voice-wave-bars i{animation:none}}