*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.offline-banner{position:sticky;top:0;z-index:1000;padding:10px 16px;color:#78350f;background:#fef3c7;border-bottom:1px solid #f59e0b;font-size:14px;line-height:1.4;text-align:center}.global-call-bar{position:sticky;top:0;z-index:1001;display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #bae6fd;background:#ecfeff;color:#164e63}.global-call-bar.error{border-bottom-color:#fecaca;background:#fef2f2;color:#7f1d1d}.global-call-overlay{position:fixed;inset:0;z-index:1200;display:flex;flex-direction:column;gap:16px;padding:16px;background:#020617;color:#f8fafc}.global-call-overlay.error{background:#1f0f12}.global-call-overlay-header{display:flex;align-items:center;min-height:44px}.global-call-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.3}.global-call-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-call-video-stage{position:relative;flex:1;width:100%;min-height:0;aspect-ratio:16 / 9;overflow:hidden;background:#0f172a;border:1px solid rgba(148,163,184,.28);border-radius:8px}.global-call-video-stage.fullscreen,.global-call-video-stage:fullscreen{position:fixed;inset:0;z-index:1300;width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}.global-call-video{display:block;width:100%;height:100%;object-fit:cover}.global-call-video.local{position:absolute;right:18px;bottom:18px;width:min(28vw,260px);height:auto;aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.72);border-radius:6px;background:#111827}.global-call-video-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#e5e7eb;font-size:13px;background:#0f172adb}.global-call-video-fullscreen{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;border:1px solid rgba(226,232,240,.35);border-radius:6px;background:#0f172ab8;color:#fff;cursor:pointer;font-size:20px;line-height:1}.global-call-video-fullscreen:hover{background:#0f172ae6}.global-call-actions{display:flex;align-items:center;gap:8px}.global-call-actions.overlay-actions{justify-content:center;flex-wrap:wrap;padding:2px 0 4px}.global-call-action{min-height:32px;padding:6px 10px;border:1px solid #94a3b8;border-radius:6px;background:#fff;color:#334155;font-weight:600;cursor:pointer}.global-call-action.accept{border-color:#16a34a;background:#16a34a;color:#fff}.global-call-action.danger{border-color:#dc2626;background:#dc2626;color:#fff}.global-call-action:disabled{opacity:.55;cursor:not-allowed}.global-call-action.muted{border-color:#f59e0b;background:#fffbeb;color:#92400e}@media(max-width:640px){.global-call-bar{align-items:stretch;flex-direction:column}.global-call-overlay{padding:12px;gap:12px}.global-call-video-stage{aspect-ratio:auto}.global-call-video.local{right:12px;bottom:12px;width:min(38vw,160px)}.global-call-actions{width:100%}.global-call-action{flex:1}}