.audio-call-panel{z-index:1600;box-sizing:border-box;border:1px solid var(--border);background:var(--card);width:min(440px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--foreground);text-align:center;border-radius:24px;padding:28px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 80px #0008,0 0 0 100vmax #001020aa}.audio-call-panel h2{overflow-wrap:anywhere;font-size:24px}.audio-call-hint{color:var(--muted-foreground);margin:20px 0;font-size:13px;line-height:1.5}.audio-call-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.audio-call-actions button{background:var(--secondary);border-radius:18px;align-items:center;gap:8px;min-height:48px;padding:12px 16px;font-size:15px;display:flex}.audio-call-actions .call-accept{color:#fff;background:#187744}.audio-call-actions .call-end{color:#fff;background:#b5273a}.audio-call-actions button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.call-video-stage{aspect-ratio:4/3;background:#06101e;border-radius:16px;position:relative;overflow:hidden}.call-peer-video{object-fit:contain;width:100%;height:100%}.call-self-video{border-radius:10px;width:28%;position:absolute;bottom:8px;right:8px;transform:scaleX(-1)}.call-quality{gap:6px;margin:12px 0;font-size:14px;display:grid}.call-quality select{background:var(--secondary);width:100%;min-height:44px;color:var(--foreground);border:1px solid var(--border);border-radius:10px;padding:8px}.call-quality small{opacity:.8;font-size:12px}.call-self-video{object-fit:contain;touch-action:none;cursor:move;background:#06101e;height:28%}.audio-call-panel.call-expanded{color:#fff;width:100%;height:100dvh;max-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#06101e;border-radius:0;inset:0;transform:none}.call-expanded .call-video-stage{aspect-ratio:auto;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.call-expanded>:not(.call-video-stage){z-index:1;background:#06101edd;position:relative}.call-expanded .audio-call-actions{bottom:max(16px,env(safe-area-inset-bottom));position:absolute;left:16px;right:16px}.call-controls-hidden>:not(.call-video-stage){visibility:hidden;pointer-events:none}.call-expanded .call-self-video{top:30%;bottom:auto}
