.video-call-overlay.svelte-kgji7q{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.video-call-container.svelte-kgji7q{width:100%;max-width:1000px;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.call-header.svelte-kgji7q{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-subtle)}.call-info.svelte-kgji7q{display:flex;align-items:center;gap:1rem}.connection-status.svelte-kgji7q{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.status-dot.svelte-kgji7q{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.connection-status.connected.svelte-kgji7q .status-dot:where(.svelte-kgji7q){background:var(--status-online);animation:svelte-kgji7q-pulse 2s ease-in-out infinite}.host-badge.svelte-kgji7q{padding:.25rem .5rem;background:var(--accent);color:var(--bg-base);font-size:.6875rem;font-weight:700;letter-spacing:.05em;border-radius:var(--radius-sm)}@keyframes svelte-kgji7q-pulse{0%,to{opacity:1}50%{opacity:.5}}.call-timer.svelte-kgji7q{font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--accent)}.video-grid.svelte-kgji7q{flex:1;position:relative;min-height:400px;background:var(--bg-base);display:grid;gap:.5rem;padding:.5rem}.video-grid.single.svelte-kgji7q,.video-grid.duo.svelte-kgji7q{grid-template-columns:1fr}.video-grid.multi.svelte-kgji7q{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.video-container.svelte-kgji7q{position:relative;background:var(--bg-surface);overflow:hidden;border-radius:var(--radius-md)}.video-container.svelte-kgji7q video:where(.svelte-kgji7q){width:100%;height:100%;object-fit:cover}.participant-video.svelte-kgji7q{min-height:200px}.empty-state.svelte-kgji7q{display:flex;align-items:center;justify-content:center}.local-video.svelte-kgji7q{position:absolute;bottom:1rem;right:1rem;width:150px;height:112px;border:2px solid var(--border-default);z-index:10}.local-video.camera-off.svelte-kgji7q,.local-video.audio-only.svelte-kgji7q{background:var(--bg-elevated)}.video-label.svelte-kgji7q{position:absolute;bottom:.5rem;left:.5rem;padding:.25rem .5rem;background:#0009;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-primary);display:flex;align-items:center;gap:.25rem}.muted-icon.svelte-kgji7q{width:12px;height:12px;color:var(--status-error)}.participant-overlay.svelte-kgji7q{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;pointer-events:none}.host-controls.svelte-kgji7q{display:flex;gap:.25rem;justify-content:flex-end;pointer-events:auto;opacity:0;transition:opacity .2s ease}.participant-video.svelte-kgji7q:hover .host-controls:where(.svelte-kgji7q){opacity:1}.host-btn.svelte-kgji7q{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0009;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.host-btn.svelte-kgji7q:hover{background:#000c}.host-btn.kick.svelte-kgji7q{color:var(--status-error)}.host-btn.kick.svelte-kgji7q:hover{background:var(--status-error);color:#fff}.host-btn.svelte-kgji7q svg:where(.svelte-kgji7q){width:16px;height:16px}.video-placeholder.svelte-kgji7q{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted)}.video-placeholder.svelte-kgji7q svg:where(.svelte-kgji7q){width:48px;height:48px;opacity:.5}.video-placeholder.small.svelte-kgji7q svg:where(.svelte-kgji7q){width:28px;height:28px}.video-placeholder.svelte-kgji7q span:where(.svelte-kgji7q){font-size:.75rem}.muted-indicator.svelte-kgji7q{font-size:.6875rem;color:var(--status-error)}.error-banner.svelte-kgji7q{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border-top:1px solid rgba(239,68,68,.3);color:var(--status-error);font-size:.8125rem}.error-banner.svelte-kgji7q svg:where(.svelte-kgji7q){flex-shrink:0;width:16px;height:16px}.audio-blocked-banner.svelte-kgji7q{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;background:#f59e0b26;border:none;border-top:1px solid rgba(245,158,11,.3);color:#f59e0b;font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--duration-fast) ease}.audio-blocked-banner.svelte-kgji7q:hover{background:#f59e0b40}.audio-blocked-banner.svelte-kgji7q svg:where(.svelte-kgji7q){width:20px;height:20px}.call-controls.svelte-kgji7q{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-subtle);background:var(--bg-surface)}.control-btn.svelte-kgji7q{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) ease}.control-btn.svelte-kgji7q svg:where(.svelte-kgji7q){width:24px;height:24px}.control-btn.svelte-kgji7q:hover{background:var(--bg-hover);border-color:var(--accent)}.control-btn.off.svelte-kgji7q{background:#ef444433;border-color:var(--status-error);color:var(--status-error)}.control-btn.end-call.svelte-kgji7q{background:var(--status-error);border-color:var(--status-error);color:#fff}.control-btn.end-call.svelte-kgji7q:hover{background:#dc2626;border-color:#dc2626}@media(max-width:640px){.video-call-container.svelte-kgji7q{max-width:100%;height:100%;border-radius:0}.video-grid.svelte-kgji7q{min-height:300px}.video-grid.multi.svelte-kgji7q{grid-template-columns:1fr 1fr}.local-video.svelte-kgji7q{width:100px;height:75px}.control-btn.svelte-kgji7q{width:48px;height:48px}.control-btn.svelte-kgji7q svg:where(.svelte-kgji7q){width:20px;height:20px}}