@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,100%{box-shadow:0 0 10px rgba(99,102,241,0.3)}50%{box-shadow:0 0 20px rgba(99,102,241,0.6)}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}@keyframes skeleton{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes highlight{0%{background:rgba(255,255,255,0.1)}100%{background:transparent}}@keyframes menuFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes voice-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.1)}}@keyframes voice-speaking{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.8;transform:scale(1.2)}}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes modalSlideIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.animate-shake{animation:shake 0.5s ease-in-out}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.highlight{animation:highlight 2s ease-out}.loading-skeleton{background:linear-gradient(90deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.05) 100%);background-size:200px 100%;animation:skeleton 1.5s ease-in-out infinite}.glass-effect{background:rgba(255,255,255,0.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1)}.hover-lift{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.hover-scale:hover{transform:scale(1.05)}.pulse-ring{position:relative}.pulse-ring::after{content:'';position:absolute;left:-4px;top:-4px;right:-4px;bottom:-4px;border:2px solid rgba(87,242,135,0.5);border-radius:50%;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}100%{transform:scale(1.3);opacity:0}}img.speaking,.voice-participant.speaking,#voiceParticipantsList .speaking{box-shadow:0 0 0 3px rgba(88,101,242,0.18) !important;transition:box-shadow 120ms ease-in-out,transform 120ms ease-in-out;transform:translateZ(0)}.speaking-ring{transition:box-shadow 120ms ease-in-out,transform 120ms ease-in-out}.voice-volume{transition:box-shadow 120ms linear,transform 120ms linear}.message-context-menu{animation:fadeInScale 0.15s ease-out}@keyframes fadeInScale{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.reaction-picker{animation:fadeInUp 0.2s ease-out}.avatar-hover:hover{transform:scale(1.1);transition:transform 0.2s}.voice-participant-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--status-online);border-radius:50%;border:2px solid var(--bg);animation:voice-pulse 2s infinite}.voice-channel-icon.speaking{color:var(--status-online)}.voice-channel-icon.speaking .voice-participant-indicator{background:var(--status-online);animation:voice-speaking 1s infinite}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;transition:all 0.2s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px rgba(255,255,255,0.2)}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;transition:all 0.2s}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px rgba(255,255,255,0.2)}@media (max-width:768px){.video-container-modern{height:50vh;min-height:300px}#localVideo{width:8rem;height:6rem}#localVideoContainer{right:0.5rem;bottom:0.5rem}}