.call-dialog{width:min(900px,calc(100% - 24px));max-width:900px;border:0;border-radius:24px;background:#14233c;color:#eaf2ff;padding:25px;box-shadow:0 25px 100px #08142688}.call-dialog::backdrop{background:#091329aa;backdrop-filter:blur(5px)}.call-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.call-top h2{font-size:21px;margin:0 0 8px}.call-top p{color:#a6b9d5;font-size:12px;margin:0}.call-type{font-size:10px;letter-spacing:1px;color:#8eadcf}.call-stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:24px 0;min-height:250px}.call-tile{border-radius:16px;background:#1d3352;min-height:250px;overflow:hidden;position:relative;display:grid;place-items:center}.call-placeholder{font-size:38px;color:#9cbce8}.call-tile video{width:100%;height:100%;max-height:470px;object-fit:cover;position:absolute;inset:0}.call-tile.self video{transform:scaleX(-1)}.call-tile-label{position:absolute;bottom:14px;left:15px;background:#0d1e36aa;color:#e9f2ff;padding:5px 9px;border-radius:7px;font-size:11px;z-index:1}.call-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.call-control{border:0;border-radius:12px;background:#2b4264;color:white;padding:13px 18px;min-height:45px;font-size:12px}.call-control.off{background:#735467}.call-control.hangup{background:#cf4961}.call-control.accept{background:#278761}.call-controls[hidden]{display:none}.call-error{color:#ffc0cf;background:#75384c44;border-radius:10px;padding:12px;font-size:12px;line-height:1.6}.call-error:empty{display:none}.call-footnote{text-align:center;font-size:10px;color:#7d96b8;line-height:1.7;margin-top:18px}.call-audio-enable{display:block;margin:12px auto;border:1px solid #6f98d0;background:#263f63;color:white;padding:10px 16px;border-radius:9px}.call-toolbar{display:flex;gap:3px}.call-toolbar .icon-button{color:var(--accent)}@media(max-width:700px){.call-dialog{padding:18px;border-radius:18px}.call-stage{grid-template-columns:1fr;min-height:220px;max-height:59dvh;overflow:auto;gap:8px}.call-tile{min-height:200px}.call-tile.self{min-height:120px}.call-top h2{font-size:18px}.call-control{font-size:11px;padding:12px}.call-toolbar{gap:0}.call-toolbar .icon-button{width:32px}.chat-header .chat-heading{min-width:50px}.chat-heading h2{max-width:110px}}