@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:rgba(0,0,0,0.7)}.call-interface{background:#1e1f22;border:1px solid rgba(255,255,255,0.08);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;padding:24px}.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 #36373d;transition:all 0.2s ease}.call-avatar-fallback{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#7289da);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;border:4px solid #36373d}.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:#3ba55d;box-shadow:0 0 20px rgba(59,165,93,0.4)}.call-avatar-name{font-size:15px;font-weight:600;color:#fff;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:#36373d;border:none;color:#b5bac1;cursor:pointer;transition:all 0.15s ease;display:flex;align-items:center;justify-content:center;font-size:18px}.call-ctrl-btn:hover{background:#404249;color:#fff;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,.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,.call-avatar-item.screen-sharing .call-avatar-img,.call-avatar-item.screen-sharing .call-avatar-fallback{display:none}.call-avatar-video{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;object-fit:cover;background:transparent;border:3px solid #5865f2;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 .call-interface{max-width:400px;min-width:360px}#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,#5865f2,#7289da);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 #5865f2}.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)}.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}