.audio-call-viewport{display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.audio-call-backdrop{background:#00000040}.audio-call-panel{width:min(560px,calc(100vw - 24px));height:min(680px,calc(100dvh - 32px));max-width:560px;max-height:calc(100dvh - 32px);padding:72px 32px 28px;border:0;border-radius:55px;corner-shape:squircle;color:#fff;box-shadow:0 16px 64px #0004;text-align:center;display:flex;align-items:center;gap:0;overflow:hidden;position:relative;isolation:isolate}.audio-call-panel:before{content:"";position:absolute;inset:0;background:transparent;z-index:-1;pointer-events:none}.audio-call-background{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:blur(18px) brightness(.8);z-index:-2}.audio-call-heading{position:relative;z-index:1}.audio-call-heading h2{font-size:30px;line-height:1.25;font-weight:500;margin:0 0 12px;color:inherit}.audio-call-heading p{font-size:14px;line-height:1.4;color:#fff;margin:0}.audio-call-window-controls{position:absolute;inset:12px 12px auto;display:flex;justify-content:space-between}.audio-call-window-controls button{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#fff;cursor:pointer}.audio-call-window-controls button:hover{background:#0000001a}.audio-call-window-controls svg{width:20px;height:20px}.audio-call-portrait{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.audio-call-portrait .conversation-avatar{width:auto;height:auto;font-size:56px;font-weight:700;color:#fff;background:transparent!important;border-radius:0;box-shadow:none}.audio-call-controls{margin-top:auto;position:relative;z-index:1;display:flex;justify-content:center;gap:26px;width:100%}.call-control{appearance:none;border:0;background:transparent;color:#fff;font:inherit;font-size:12px;line-height:1.3;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;min-width:70px;padding:0}.call-control span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#0000001a;transition:background .15s}.call-control svg{width:24px;height:24px;stroke-width:2.5}.call-control:hover span{background:#0000002b}.call-control[aria-pressed=true] span{background:#fff;color:#6c61df}.call-control.call-decline span{background:#ff595a}.call-control.call-decline svg{transform:rotate(135deg)}.call-control.call-accept span{background:#33c659}.call-control.call-decline:hover span{background:#f04e50}.audio-call-return:focus-visible,.audio-call-window-controls button:focus-visible,.call-control:focus-visible,.call-done:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:12px}.call-done{padding:12px 40px;border-radius:24px;background:#0000001a}.audio-call-return,.call-done{color:#fff;border:0;cursor:pointer}.audio-call-return{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:12px;padding:12px 20px;max-width:calc(100vw - 24px);background:#6c61df;border-radius:24px;box-shadow:0 4px 16px #0003}.audio-call-return span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-call-return small{white-space:nowrap}.audio-call-panel:fullscreen{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0}@media (max-width:600px){.audio-call-panel{padding:72px 20px 28px}.audio-call-heading h2{font-size:26px}.audio-call-controls{gap:20px}}@media (max-height:480px){.audio-call-panel{padding-top:44px;padding-bottom:18px}.audio-call-heading h2{font-size:24px;margin-bottom:6px}.audio-call-portrait .conversation-avatar{font-size:44px}}