.call-interface,#callModal,#incomingCallModal{--call-bg:var(--bg-secondary,#1e1f22);--call-surface:var(--surface-color,#2b2d31);--call-text:var(--text-primary,#f2f3f5);--call-text-secondary:var(--text-secondary,#b5bac1);--call-text-muted:var(--text-muted,#72767d);--call-border:var(--border-color,rgba(255,255,255,0.08));--call-btn-bg:#36373d;--call-btn-hover:#404249;--call-btn-text:#b5bac1;--call-overlay:rgba(0,0,0,0.7)}[data-theme="light"] .call-interface,[data-theme="light"] #callModal,[data-theme="light"] #incomingCallModal,[data-theme="light-blue"] .call-interface,[data-theme="light-blue"] #callModal,[data-theme="light-blue"] #incomingCallModal,[data-theme="coffee-cream"] .call-interface,[data-theme="coffee-cream"] #callModal,[data-theme="coffee-cream"] #incomingCallModal,body.theme-light .call-interface,body.theme-light #callModal,body.theme-light #incomingCallModal,.light-theme .call-interface,.light-theme #callModal,.light-theme #incomingCallModal{--call-bg:var(--bg-secondary,#ffffff);--call-surface:var(--surface-color,#f2f3f5);--call-text:var(--text-primary,#1f2937);--call-text-secondary:var(--text-secondary,#6b7280);--call-text-muted:var(--text-muted,#9ca3af);--call-border:var(--border-color,rgba(0,0,0,0.1));--call-btn-bg:#e5e7eb;--call-btn-hover:#d1d5db;--call-btn-text:#4b5563;--call-overlay:rgba(0,0,0,0.5)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes speakingGlow{0%,100%{box-shadow:0 0 0 0 rgba(59,165,93,0.7)}50%{box-shadow:0 0 0 12px rgba(59,165,93,0)}}@keyframes speakingPulse{0%,100%{transform:scale(1);opacity:0.8}50%{transform:scale(1.05);opacity:1}}.modal{backdrop-filter:blur(8px);background:var(--call-overlay)}.call-interface{background:var(--call-bg);border:1px solid var(--call-border);box-shadow:0 16px 48px rgba(0,0,0,0.5);border-radius:16px;animation:scaleIn 0.3s ease;min-width:580px;max-width:720px;width:100%;padding:24px;margin:0 auto;box-sizing:border-box}.call-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.call-header-status{display:flex;align-items:center;gap:8px}.call-status-dot{width:8px;height:8px;background:#3ba55d;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.call-status-label{font-size:12px;color:var(--call-text-secondary)}.call-minimize-btn{color:var(--call-text-secondary);background:transparent;border:none;padding:6px;border-radius:8px;cursor:pointer;transition:all 0.15s ease;font-size:12px}.call-minimize-btn:hover{color:var(--call-text);background:var(--call-btn-bg)}.call-content{text-align:center;margin-bottom:24px}.call-status-text{font-size:14px;color:var(--call-text-secondary);margin-bottom:8px}.call-latency{font-size:12px;color:var(--call-text-muted);margin-top:4px;display:flex;align-items:center;justify-content:center;gap:4px}.call-latency.good{color:#3ba55d}.call-latency.medium{color:#faa61a}.call-latency.bad{color:#ed4245}.call-avatars-row{display:flex;justify-content:center;align-items:flex-start;gap:60px;margin-bottom:20px;padding:10px 0}.call-avatar-item{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.call-avatar-wrapper{position:relative;width:140px;height:140px;transition:width 0.3s ease,height 0.3s ease,border-radius 0.3s ease}.call-avatar-img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid var(--call-border);transition:all 0.2s ease}.call-avatar-fallback{width:140px;height:140px;border-radius:50%;background:var(--accent-gradient,linear-gradient(135deg,#a3ea30,#8b5cf6));display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;border:4px solid var(--call-border)}.call-avatar-speaking-ring{position:absolute;inset:-6px;border-radius:50%;border:4px solid #3ba55d;opacity:0;transition:opacity 0.2s ease;pointer-events:none}.call-avatar-item.speaking .call-avatar-speaking-ring{opacity:1;animation:speakingGlow 1.5s ease-in-out infinite}.call-avatar-item.speaking .call-avatar-img,.call-avatar-item.speaking .call-avatar-fallback{border-color:var(--status-online);box-shadow:0 0 20px rgba(34,197,94,0.4)}.call-avatar-name{font-size:15px;font-weight:600;color:var(--call-text);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-avatar-status-icons{display:flex;gap:8px;align-items:center;justify-content:center;min-height:24px;margin-top:4px}.call-status-icon{display:none;width:28px;height:28px;border-radius:50%;background:rgba(237,66,69,0.2);align-items:center;justify-content:center;font-size:13px;color:#ed4245}.call-avatar-item.muted .call-status-icon.mic-off{display:flex}.call-avatar-item.deafened .call-status-icon.audio-off{display:flex}.call-timer{display:inline-flex;align-items:center;gap:6px;background:rgba(59,165,93,0.15);border:1px solid rgba(59,165,93,0.3);color:#3ba55d;padding:8px 16px;border-radius:20px;font-size:15px;font-weight:600;font-family:'Consolas',monospace}.call-controls-row{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:16px}.call-ctrl-btn{width:48px;height:48px;border-radius:50%;background:var(--call-btn-bg);border:none;color:var(--call-btn-text);cursor:pointer;transition:all 0.15s ease;display:flex;align-items:center;justify-content:center;font-size:18px}.call-ctrl-btn:hover{background:var(--call-btn-hover);color:var(--call-text);transform:scale(1.05)}.call-ctrl-btn.active{background:rgba(237,66,69,0.2);color:#ed4245}.call-ctrl-btn.active-green{background:rgba(59,165,93,0.2);color:#3ba55d}.call-end-btn{width:56px;height:56px;background:#ed4245;color:#fff;margin-left:10px}.call-end-btn:hover{background:#d93a3d;transform:scale(1.08)}.call-avatar-item.video-active .call-avatar-wrapper{width:200px;height:150px;border-radius:12px;overflow:hidden}.call-avatar-item.screen-sharing .call-avatar-wrapper{width:200px;height:150px;border-radius:12px;overflow:hidden}.call-avatar-item.video-active .call-avatar-img,.call-avatar-item.video-active .call-avatar-fallback{opacity:0;pointer-events:none}.call-avatar-item.screen-sharing .call-avatar-img,.call-avatar-item.screen-sharing .call-avatar-fallback{opacity:0;pointer-events:none}.call-avatar-video{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;object-fit:cover;background:transparent;border:3px solid #a3ea30;display:none;z-index:2}.call-avatar-item.video-active .call-avatar-video{display:block}.call-avatar-item.video-active.speaking .call-avatar-video{border-color:#3ba55d;box-shadow:0 0 20px rgba(59,165,93,0.4)}#localAvatarContainer .call-avatar-video{transform:scaleX(-1)}.call-screen-preview{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;object-fit:contain;background:transparent;border:3px solid #3ba55d;display:none;z-index:2}.call-avatar-item.screen-sharing .call-screen-preview{display:block}.call-avatars-row.both-video{gap:30px}.call-avatars-row.both-video .call-avatar-wrapper{width:220px;height:165px}.call-avatar-item.video-active .call-avatar-speaking-ring,.call-avatar-item.screen-sharing .call-avatar-speaking-ring{border-radius:12px;inset:-4px}.call-avatar-item.screen-sharing .call-avatar-name::after{content:' 🖥️'}#videoContainer{display:none !important}#videoPlaceholder,#remoteAudioBadges,.call-status-badge,#callQuality,.control-btn,.call-avatar-status{display:none !important}@media (max-width:560px){.call-interface{min-width:auto;max-width:100%;margin:8px}.call-avatars-row{gap:30px}.call-avatar-wrapper{width:90px;height:90px}.call-avatar-img,.call-avatar-fallback{width:90px;height:90px;font-size:32px}.call-avatar-item.video-active .call-avatar-wrapper,.call-avatar-item.screen-sharing .call-avatar-wrapper{width:150px;height:112px}.call-ctrl-btn{width:42px;height:42px;font-size:16px}.call-end-btn{width:50px;height:50px}#localVideo,#localScreenPreview{width:110px;height:82px}}#incomingCallModal{position:fixed;inset:0;background:var(--call-overlay);backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center}#incomingCallModal.show,#incomingCallModal:not(.hidden){display:flex}.incoming-call-interface{max-width:400px;min-width:360px;padding:32px}.incoming-call-content{text-align:center}.incoming-call-avatar-section{margin-bottom:24px}.incoming-call-avatar-wrapper{position:relative;display:inline-block;margin-bottom:16px}.incoming-call-ring{position:absolute;inset:-8px;border-radius:50%;pointer-events:none}.incoming-call-ring.ring-1{background:rgba(59,165,93,0.2);animation:ping 1.5s cubic-bezier(0,0,0.2,1) infinite}.incoming-call-ring.ring-2{background:rgba(59,165,93,0.3);animation:pulse 2s ease-in-out infinite}@keyframes ping{75%,100%{transform:scale(1.5);opacity:0}}.incoming-call-avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;background:var(--call-surface);border:4px solid rgba(59,165,93,0.5);box-shadow:0 8px 32px rgba(0,0,0,0.3)}.incoming-call-avatar-fallback{width:112px;height:112px;border-radius:50%;background:var(--accent-gradient,linear-gradient(135deg,#a3ea30,#8b5cf6));display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff;border:4px solid rgba(59,165,93,0.5);box-shadow:0 8px 32px rgba(0,0,0,0.3)}.incoming-call-online-dot{position:absolute;bottom:8px;right:8px;width:24px;height:24px;background:#3ba55d;border-radius:50%;border:4px solid var(--call-bg);box-shadow:0 2px 8px rgba(0,0,0,0.3);animation:pulse 2s ease-in-out infinite}.incoming-call-name{font-size:24px;font-weight:700;color:var(--call-text);margin-bottom:8px}.incoming-call-type{font-size:14px;color:var(--call-text-secondary);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.incoming-call-type i{animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.incoming-call-app-name{font-size:12px;color:var(--call-text-muted);font-weight:500}.incoming-call-buttons{display:flex;justify-content:center;gap:48px;margin-bottom:24px}.incoming-call-btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.incoming-call-btn{width:72px;height:72px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 16px rgba(0,0,0,0.3)}.incoming-call-btn:hover{transform:scale(1.1)}.incoming-call-btn:active{transform:scale(0.95)}.incoming-call-btn.decline{background:linear-gradient(135deg,#ed4245,#c73e3a)}.incoming-call-btn.decline:hover{background:linear-gradient(135deg,#d93a3d,#b33634);box-shadow:0 4px 24px rgba(237,66,69,0.4)}.incoming-call-btn.accept{background:linear-gradient(135deg,#3ba55d,#2d8049);animation:pulse 2s ease-in-out infinite}.incoming-call-btn.accept:hover{background:linear-gradient(135deg,#2d8049,#236b3a);box-shadow:0 4px 24px rgba(59,165,93,0.4)}.incoming-call-btn-label{font-size:12px;color:var(--call-text-secondary);font-weight:500}.incoming-call-indicator{font-size:14px;color:var(--call-text-secondary);display:flex;align-items:center;justify-content:center;gap:8px;animation:pulse 2s ease-in-out infinite}.incoming-call-indicator i{color:#3ba55d}.incoming-call-dots{display:flex;gap:4px}.incoming-call-dots .dot{width:4px;height:4px;background:#3ba55d;border-radius:50%;animation:bounce 1s ease-in-out infinite}.incoming-call-dots .dot:nth-child(2){animation-delay:0.15s}.incoming-call-dots .dot:nth-child(3){animation-delay:0.3s}#callerAvatar{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #3ba55d;animation:speakingGlow 2s ease-in-out infinite}#callerAvatarFallback{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#a3ea30,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff}.hidden{display:none !important}@keyframes speakingRingPulse{0%{box-shadow:0 0 0 0 rgba(59,165,93,0.6);border-color:#3ba55d}50%{box-shadow:0 0 0 8px rgba(59,165,93,0);border-color:#43b581}100%{box-shadow:0 0 0 0 rgba(59,165,93,0.6);border-color:#3ba55d}}.call-avatar-item.speaking .call-avatar-speaking-ring{opacity:1;border-width:4px;animation:speakingRingPulse 1.2s ease-in-out infinite}.call-avatar-item.speaking .call-avatar-img{border-color:#3ba55d !important;box-shadow:0 0 24px rgba(59,165,93,0.5)}.call-avatar-item.speaking .call-avatar-fallback{border-color:#3ba55d !important;box-shadow:0 0 24px rgba(59,165,93,0.5)}.call-avatar-item.speaking.video-active .call-avatar-video{border-color:#3ba55d !important;box-shadow:0 0 24px rgba(59,165,93,0.5)}.call-avatar-item.speaking.screen-sharing .call-screen-preview{border-color:#3ba55d !important;box-shadow:0 0 24px rgba(59,165,93,0.5)}.call-ctrl-btn.speaking{background:rgba(59,165,93,0.3) !important;color:#3ba55d !important;animation:speakingPulse 0.8s ease-in-out infinite}.call-status-icon.mic-off{position:relative}.call-status-icon.mic-off::after{content:'';position:absolute;width:2px;height:20px;background:#ed4245;transform:rotate(-45deg);top:4px;left:13px}.call-status-icon.audio-off{position:relative}.call-status-icon.audio-off::after{content:'';position:absolute;width:2px;height:20px;background:#ed4245;transform:rotate(-45deg);top:4px;left:13px}.call-avatar-img,.call-avatar-fallback,.call-avatar-video,.call-screen-preview,.call-avatar-speaking-ring{transition:all 0.2s ease}.call-avatar-item{transition:transform 0.1s ease}.call-avatar-item.speaking{transform:scale(1.02)}#fullscreenVideoOverlay{position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:10000;display:none;align-items:center;justify-content:center;animation:fadeIn 0.2s ease}#fullscreenVideoOverlay.active{display:flex}.fullscreen-video-container{position:relative;max-width:95vw;max-height:90vh;border-radius:16px;overflow:hidden;box-shadow:0 0 60px rgba(0,0,0,0.8)}.fullscreen-video-container video{width:100%;height:100%;max-width:95vw;max-height:85vh;object-fit:contain;background:#000;border-radius:16px}.fullscreen-close-btn{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,0.7);border:2px solid rgba(255,255,255,0.2);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:10}.fullscreen-close-btn:hover{background:rgba(237,66,69,0.8);border-color:#ed4245;transform:scale(1.1)}.fullscreen-user-info{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:12px;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);padding:12px 20px;border-radius:12px;z-index:10}.fullscreen-user-info img{width:40px;height:40px;border-radius:50%;border:2px solid #a3ea30}.fullscreen-user-info span{color:#fff;font-size:16px;font-weight:600}.fullscreen-video-container.speaking{box-shadow:0 0 0 4px #3ba55d,0 0 60px rgba(59,165,93,0.4)}.fullscreen-volume-control{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:12px;background:rgba(0,0,0,0.8);backdrop-filter:blur(10px);padding:12px 16px;border-radius:12px;z-index:10}.fullscreen-volume-control.hidden{display:none}.fullscreen-volume-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.1);border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.fullscreen-volume-btn:hover{background:rgba(255,255,255,0.2)}.fullscreen-volume-btn.muted{color:#ed4245}.fullscreen-volume-slider{width:120px;height:6px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,0.2);border-radius:3px;outline:none;cursor:pointer}.fullscreen-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#a3ea30;cursor:pointer;transition:transform 0.15s ease}.fullscreen-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.fullscreen-volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#a3ea30;cursor:pointer;border:none}.fullscreen-volume-value{color:#fff;font-size:13px;font-weight:500;min-width:40px;text-align:right}.call-avatar-item.video-active .call-avatar-wrapper,.call-avatar-item.screen-sharing .call-avatar-wrapper{cursor:pointer}.call-avatar-item.video-active .call-avatar-wrapper:hover,.call-avatar-item.screen-sharing .call-avatar-wrapper:hover{transform:scale(1.02)}.call-avatar-item.video-active .call-avatar-wrapper::after,.call-avatar-item.screen-sharing .call-avatar-wrapper::after{content:'⛶';position:absolute;top:8px;right:8px;width:28px;height:28px;background:rgba(0,0,0,0.6);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;opacity:0;transition:opacity 0.2s ease;z-index:5}.call-avatar-item.video-active .call-avatar-wrapper:hover::after,.call-avatar-item.screen-sharing .call-avatar-wrapper:hover::after{opacity:1}.screen-audio-volume-control{display:flex;justify-content:center;margin-bottom:12px;padding:8px 16px;background:rgba(88,101,242,0.1);border:1px solid rgba(88,101,242,0.2);border-radius:12px}.screen-audio-volume-inner{display:flex;align-items:center;gap:12px}.screen-audio-mute-btn{width:36px;height:36px;border-radius:50%;background:var(--call-btn-bg);border:none;color:var(--call-btn-text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all 0.15s ease}.screen-audio-mute-btn:hover{background:var(--call-btn-hover);color:var(--call-text)}.screen-audio-slider{width:120px;height:6px;-webkit-appearance:none;appearance:none;background:var(--call-btn-bg);border-radius:3px;cursor:pointer}.screen-audio-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#a3ea30;cursor:pointer;transition:transform 0.1s ease}.screen-audio-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.screen-audio-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#a3ea30;border:none;cursor:pointer}.screen-audio-value{font-size:13px;color:var(--call-text-secondary);min-width:40px;text-align:right}.screen-audio-volume-control.hidden{display:none}#callModal{position:fixed;inset:0;background:var(--call-overlay);backdrop-filter:blur(4px);z-index:9999;display:none;align-items:center;justify-content:center}#callModal.show{display:flex}#callModal .call-interface{margin:0 auto}#callModal h2,#callModal h3,#incomingCallModal h2,#incomingCallModal h3,.call-interface h2,.call-interface h3{color:var(--call-text) !important}#callModal p,#callModal span,#incomingCallModal p,#incomingCallModal span,.call-interface p,.call-interface span:not(.call-timer span){color:var(--call-text-secondary) !important}.call-status,#callStatus{color:var(--call-text-secondary) !important}#incomingCallModal{background:var(--call-overlay);backdrop-filter:blur(8px)}#incomingCallModal .call-interface{background:var(--call-bg);border-color:var(--call-border)}#callerName,.caller-name{color:var(--call-text) !important}#callTypeLabel,.call-type-label{color:var(--call-text-secondary) !important}.call-accept-btn{background:#3ba55d !important;color:#fff !important}.call-accept-btn:hover{background:#2d8049 !important}.call-decline-btn{background:#ed4245 !important;color:#fff !important}.call-decline-btn:hover{background:#d93a3d !important}#callModal .card-modern,#incomingCallModal .card-modern{background:var(--call-bg) !important;border-color:var(--call-border) !important}[data-theme="light"] #callModal,[data-theme="light"] #incomingCallModal,[data-theme="light-blue"] #callModal,[data-theme="light-blue"] #incomingCallModal,[data-theme="coffee-cream"] #callModal,[data-theme="coffee-cream"] #incomingCallModal,body.theme-light #callModal,body.theme-light #incomingCallModal{background:rgba(0,0,0,0.4)}[data-theme="light"] .call-interface,[data-theme="light-blue"] .call-interface,[data-theme="coffee-cream"] .call-interface,body.theme-light .call-interface{box-shadow:0 16px 48px rgba(0,0,0,0.2)}.call-timer{background:rgba(59,165,93,0.15);border:1px solid rgba(59,165,93,0.3);color:#3ba55d}.call-status-icon{background:rgba(237,66,69,0.2);color:#ed4245}#remoteMicIndicator,#remoteAudioPlaybackIndicator{background:var(--call-surface);color:var(--call-text-secondary);border:1px solid var(--call-border)}