@charset "UTF-8";
#voice-dialog{width:min(720px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--paper)}
#voice-dialog .dialog-content{padding:clamp(20px,4vw,38px)}
.voice-indicator{width:76px;height:76px;margin:25px auto 18px;display:grid;place-items:center;border-radius:50%;background:#e7e9dc;color:var(--ink)}
.voice-indicator .icon{width:32px;height:32px}
.voice-connected .voice-indicator{background:#dae9d3}
#voice-status{text-align:center;font-weight:600;margin-bottom:8px}
.voice-error #voice-status{color:#943d2e}
#voice-dialog .voice-timer{font-size:26px;font-variant-numeric:tabular-nums;text-align:center;margin-bottom:26px}
.voice-actions{display:flex;flex-wrap:wrap;gap:12px}
.voice-actions .button{flex:1;padding-inline:16px;font-size:15px}
.voice-actions .button:disabled{opacity:.5;cursor:default}
#voice-dialog [hidden]{display:none!important}
#voice-dialog .voice-note{font-size:13px;line-height:1.6;color:#5a685f;margin:22px 0 0}
#voice-play{margin-bottom:14px;width:100%}
@media(max-width:600px){.voice-actions{flex-direction:column}.voice-actions .button{width:100%}.voice-indicator{margin-top:18px}}

.floating-call{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:40;gap:10px;border-radius:999px;background:#218349;border-color:#218349;color:#fff;box-shadow:0 6px 24px #103e3b40}
.floating-call:hover{background:#196b3a;border-color:#196b3a}
@media(max-width:600px){.floating-call{right:16px;bottom:calc(96px + env(safe-area-inset-bottom,0px));padding:14px 20px}}