.call-overlay{z-index:80;color:#16131a;width:min(420px,100vw - 32px);position:fixed;bottom:24px;right:24px}.call-surface{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #a334ea2e;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #21182d38}.call-media-stage{background:#16131a;place-items:center;min-height:180px;display:grid;position:relative}.call-video{object-fit:cover;width:100%;height:100%;display:block}.call-remote-audio{display:none}.remote-video{min-height:240px}.local-video{background:#221d28;border:2px solid #ffffffdb;border-radius:12px;width:112px;height:84px;position:absolute;bottom:14px;right:14px;box-shadow:0 10px 28px #00000038}.call-media-placeholder{color:#fff;background:radial-gradient(circle at 28% 22%,#a334ea52,#0000 34%),linear-gradient(135deg,#21182c,#16131a);place-items:center;font-size:52px;font-weight:760;display:grid;position:absolute;inset:0}.call-audio-avatar{z-index:1;color:#fff;background:#ffffff1f;border-radius:50%;place-items:center;width:86px;height:86px;display:grid;position:relative}.call-panel{gap:16px;padding:18px;display:grid}.call-copy{gap:4px;display:grid}.call-status{color:#777280;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.call-copy strong{font-size:20px;line-height:1.2}.call-copy small{color:#777280;font-size:13px}.call-actions{align-items:center;gap:10px;display:flex}.call-control{color:#27222d;cursor:pointer;background:#fff;border:1px solid #eee8f6;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.call-control:hover{background:#fbf7ff;border-color:#e4d5f4}.call-control.is-accept{color:#fff;background:#36c759;border-color:#36c759}.call-control.is-danger{color:#fff;background:#ff4d57;border-color:#ff4d57}.call-control.is-muted{color:#8b2dd2;background:#f6e8ff;border-color:#ead4fa}.call-control.is-sound{color:#0879a8;background:#e8f7ff;border-color:#29b6f6}.call-note{color:#777280;margin:0;font-size:13px}.call-note.is-warning{color:#9f4e00;font-weight:700}.call-toast{z-index:90;color:#16131a;background:#fff;border:1px solid #ead4fa;border-radius:14px;align-items:center;gap:10px;max-width:min(420px,100vw - 32px);padding:12px 14px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 20px 58px #21182d2e}.call-toast span{flex:1;font-size:14px}@media (width<=780px){.call-overlay{right:12px;bottom:calc(12px + var(--safe-bottom) + var(--keyboard-inset));width:auto;left:12px}.call-toast{right:12px;bottom:calc(12px + var(--safe-bottom) + var(--keyboard-inset));max-width:none;left:12px}.local-video{width:96px;height:72px}}