.message-audio,.voice-call-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:10px;border:1px solid #69506d;border-radius:50%;background:#211826;color:#ddc1df;vertical-align:middle;cursor:pointer}
.message-audio{display:flex;position:relative;z-index:1;width:36px;height:36px;min-width:36px;padding:8px;margin:0 0 -4px 0;border-radius:12px 12px 12px 0}
.message-audio svg,.voice-call-button svg{width:21px;height:21px;flex:none}
.message-audio svg{width:18px;height:18px}
.message-audio:hover,.voice-call-button:hover{background:#3a2740;color:#ffdaf0}
.message-audio[aria-pressed="true"]{background:#603c5b;color:#ffe4f5;border-color:#edb0d7}
.message-audio:disabled,.voice-call-button:disabled{opacity:.4;cursor:default}
.message-audio:focus-visible,.voice-call-button:focus-visible{outline:2px solid #efacd2;outline-offset:3px}
.audio-loading{width:18px;height:18px;border:2px solid #d3a3ce55;border-top-color:#f8c0e9;border-radius:50%;animation:audio-spin .8s linear infinite}
@keyframes audio-spin{to{transform:rotate(360deg)}}
.voice-call-dialog{width:min(430px,calc(100% - 24px));max-width:430px;height:min(760px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:0;overflow:hidden;border:1px solid #78516e;border-radius:28px;background:#211821;color:#fff0fa;box-shadow:0 28px 100px #000c}
.voice-call-dialog::backdrop{background:#08070bd9;backdrop-filter:blur(9px)}
.voice-call-surface{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;min-height:0;text-align:center;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 50% 22%,#79516b,#211923 75%)}
.voice-call-portrait,.voice-call-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.voice-call-portrait{object-fit:cover;object-position:center 24%}
.voice-call-shade{background:linear-gradient(#110b16a6 0%,#160d1829 34%,#160c1dd9 65%,#100c18f5 100%)}
.voice-call-heading{padding:35px 20px 20px;flex:none;text-shadow:0 2px 16px #0008}
.voice-call-heading h2{margin:14px 0 10px;font-size:34px;line-height:1.15;overflow-wrap:anywhere}
.voice-call-time{display:block;margin:12px 0;font-size:38px;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#f1ddec}
.voice-call-bottom{padding:24px 22px 22px;flex:none}
.voice-call-status{min-height:26px;font-size:19px;font-weight:600;line-height:1.4;margin:0}
.voice-call-hint{font-size:12px;color:#cab7ce;line-height:1.55;margin:13px auto 22px;max-width:285px}
.voice-call-controls{display:flex;justify-content:center;gap:28px;align-items:center}
.voice-call-controls button{display:grid;place-items:center;width:64px;height:64px;padding:18px;border-radius:50%;border:1px solid #c5a7c254;cursor:pointer;color:#fff4fd;background:#514053c9}
.voice-call-controls button svg{width:28px;height:28px}
.voice-call-controls .voice-call-mute.is-muted{background:#f0d8e9;color:#40233b;border-color:#ffeaf6}
.voice-call-controls .voice-call-end{background:#d34572;border-color:#ed7598;color:#fff5f9}
.voice-call-end:hover{background:#ef567f}
.voice-call-controls button:focus-visible,.voice-call-play:focus-visible,.voice-call-retry:focus-visible{outline:2px solid #ffe0f4;outline-offset:4px}
.voice-call-error{font-size:12px;color:#ffd2dc;line-height:1.5;margin:10px 0;overflow-wrap:anywhere}
.voice-call-play,.voice-call-retry{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:10px 17px;border:1px solid #c490ba;background:#51354f;color:#ffebf8;border-radius:22px;margin:13px 0 0;font-size:13px;cursor:pointer}
.voice-call-play svg{width:20px;height:20px;flex:none}
@media(max-width:480px){.voice-call-dialog{width:calc(100% - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:24px}.voice-call-heading{padding:28px 16px 15px}.voice-call-heading h2{font-size:30px}.voice-call-bottom{padding:20px 18px max(20px,env(safe-area-inset-bottom))}.voice-call-status{font-size:18px}}
@media(max-height:600px){.voice-call-heading{padding-top:18px}.voice-call-heading h2{font-size:25px;margin:8px 0}.voice-call-bottom{padding-top:10px;padding-bottom:14px}.voice-call-hint{margin-bottom:13px}.voice-call-controls button{width:54px;height:54px;padding:14px}}
@media(prefers-reduced-motion:reduce){.audio-loading{animation:none;border-color:#f8c0e9}}

.voice-call-price{font-size:14px;line-height:1.5;color:#f1ddec;margin:0 0 16px}
.voice-call-wallet{position:absolute;top:112px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;width:min(215px,65%);padding:12px;border:1px solid #f1ddec99;border-radius:18px;background:#21151f59;color:#f1ddec;font:inherit;text-align:right;cursor:pointer;text-shadow:0 2px 10px #000}
.voice-call-balance{display:flex;align-items:center;gap:8px;padding:7px 13px;border-radius:30px;background:#21151fd9;border:1px solid #bc86ad60;font-size:19px;font-variant-numeric:tabular-nums}
.voice-call-balance .spark-crystal{width:21px;height:27px;filter:drop-shadow(0 0 6px #ffb21e66)}
.voice-call-wallet.is-low .voice-call-balance{color:#ff879a;border-color:#ee627877;box-shadow:0 0 22px #e5576544}
.voice-call-wallet-hint{font-size:13px;line-height:1.4}
.voice-call-wallet:focus-visible{outline:2px solid #ffe0f4;outline-offset:3px;border-radius:14px}
@media(max-height:600px){.voice-call-wallet{top:76px;right:12px;gap:7px}.voice-call-time{font-size:28px;margin:7px 0}.voice-call-price{margin-bottom:8px;font-size:12px}.voice-call-wallet-hint{font-size:11px}.voice-call-hint{display:none}}