#voiceStatusPanel{display:none;flex-direction:column;gap:10px;background:var(--surface-color,#232428);padding:12px;border-top:1px solid rgba(255,255,255,0.06)}#voiceStatusPanel.connected{display:flex}.voice-panel-header{display:flex;align-items:center;gap:10px}.voice-user-avatar{position:relative;width:32px;height:32px;flex-shrink:0}.voice-user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid transparent;transition:all 0.2s ease}.voice-user-avatar.speaking img{border-color:#3ba55d;box-shadow:0 0 8px rgba(59,165,93,0.5)}.speaking-ring{position:absolute;inset:-3px;border-radius:50%;border:2px solid #3ba55d;opacity:0;transition:opacity 0.2s;pointer-events:none}.voice-user-avatar.speaking .speaking-ring{opacity:1;animation:speakingPulse 2s ease-in-out infinite;will-change:transform,opacity}@keyframes speakingPulse{0%,100%{transform:scale(1);opacity:0.7}50%{transform:scale(1.08);opacity:0.3}}.voice-channel-info{flex:1;min-width:0}.voice-channel-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-status{font-size:11px;color:#3ba55d;font-weight:500;display:flex;align-items:center;gap:4px}.voice-status::before{content:'';width:6px;height:6px;background:#3ba55d;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,100%{opacity:1}50%{opacity:0.5}}.voice-controls-row{display:flex;gap:4px;align-items:center}.voice-ctrl-btn{width:32px;height:32px;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:14px}.voice-ctrl-btn:hover{background:#404249;color:#fff}.voice-ctrl-btn.active,.voice-ctrl-btn.muted,.voice-ctrl-btn.deafened{background:rgba(237,66,69,0.2) !important;color:#ed4245 !important}.voice-ctrl-btn.active i,.voice-ctrl-btn.muted i,.voice-ctrl-btn.deafened i{color:#ed4245 !important}.voice-ctrl-btn.active-green{background:rgba(59,165,93,0.2) !important;color:#3ba55d !important}.voice-leave-btn{background:transparent !important;color:#b5bac1}.voice-leave-btn:hover{background:rgba(237,66,69,0.15) !important;color:#ed4245 !important}.voice-divider{width:1px;height:20px;background:rgba(255,255,255,0.08);margin:0 4px}#enableAudio{position:fixed;right:24px;bottom:90px;z-index:1000;padding:12px 20px;background:#22c55e;color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;box-shadow:0 4px 16px rgba(0,0,0,0.3);transition:all 0.2s ease;display:flex;align-items:center;gap:8px}#enableAudio:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.4)}.voice-channel-users{padding-left:8px;margin-top:4px;display:flex;flex-direction:column;gap:2px}.voice-participant-item{display:flex;align-items:center;padding:5px 8px;margin-left:16px;border-radius:4px;cursor:pointer;transition:all 0.15s ease;position:relative}.voice-participant-item:hover{background:rgba(79,84,92,0.32)}.voice-participant-item.speaking{background:rgba(59,165,93,0.12)}.voice-participant-item.speaking::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:70%;background:#3ba55d;border-radius:0 2px 2px 0;box-shadow:0 0 6px rgba(59,165,93,0.5)}.voice-participant-item img{width:24px;height:24px;border-radius:50%;margin-right:8px;border:2px solid transparent;transition:all 0.2s ease;flex-shrink:0}.voice-participant-item.speaking img{border-color:#3ba55d;box-shadow:0 0 6px rgba(59,165,93,0.4)}.voice-participant-item .participant-name{flex:1;font-size:13px;font-weight:500;color:#96989d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color 0.15s}.voice-participant-item:hover .participant-name{color:#dcddde}.voice-participant-item.speaking .participant-name{color:#3ba55d;font-weight:600}.voice-participant-item .participant-icons{display:flex;gap:6px;align-items:center;margin-left:6px}.voice-participant-item .participant-icons svg{width:14px;height:14px;opacity:0.8}.voice-participant-item .speaking-waves{display:none;gap:2px;align-items:center;margin-right:6px;flex-shrink:0}.voice-participant-item.speaking .speaking-waves{display:flex}.voice-participant-item .speaking-waves span{width:3px;height:4px;background:#3ba55d;border-radius:2px;animation:none;will-change:auto;transform:translateZ(0)}.voice-participant-item.speaking .speaking-waves span{animation:speakingWave 0.8s ease-in-out infinite;will-change:height}.voice-participant-item.speaking .speaking-waves span:nth-child(1){animation-delay:0s}.voice-participant-item.speaking .speaking-waves span:nth-child(2){animation-delay:0.15s}.voice-participant-item.speaking .speaking-waves span:nth-child(3){animation-delay:0.3s}@keyframes speakingWave{0%,100%{height:4px}50%{height:12px}}.voice-participant-item{transition:background-color 0.15s ease,transform 0.1s ease}.voice-participant-item img{transition:border-color 0.15s ease,box-shadow 0.15s ease}.voice-participant-item .participant-name{transition:color 0.15s ease}#voiceLeftPanel{position:fixed;left:24px;top:120px;width:280px;max-height:calc(100vh - 200px);background:var(--surface-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;padding:16px;box-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 0 1px var(--border-color);z-index:1000;display:none;flex-direction:column;gap:12px;opacity:0;animation:panelSlideIn 0.3s ease forwards}@keyframes panelSlideIn{to{opacity:1}}#voiceLeftPanel.show{display:flex}#voiceLeftHeader{font-size:16px;font-weight:700;color:#fff;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.1)}#voiceLeftList{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}#voiceLeftList::-webkit-scrollbar{width:6px}#voiceLeftList::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:3px}#voiceLeftList::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}#voiceLeftList::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.voice-participant{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;transition:background 0.2s;cursor:pointer;position:relative}.voice-participant:hover{background:var(--input-bg)}.voice-participant.speaking{background:var(--selected-bg)}.voice-participant.speaking::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent-color);border-radius:0 2px 2px 0}.voice-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-primary);font-weight:700;font-size:16px;border:2px solid transparent;transition:border-color 0.2s;flex-shrink:0}.voice-avatar img{width:100%;height:100%;object-fit:cover}.voice-avatar.speaking{border-color:var(--accent-color)}.voice-name{flex:1;min-width:0}.voice-name > div:first-child{font-weight:600;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-name > div:last-child{font-size:12px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-icons{display:flex;gap:8px;align-items:center}.voice-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--input-bg);transition:all 0.2s;cursor:pointer;font-size:12px}.voice-icon:hover{background:var(--bg-tertiary);transform:scale(1.05)}.voice-icon.muted{background:var(--danger-color);color:#fff}.voice-controls{padding:12px;background:rgba(255,255,255,0.03);border-radius:12px;margin-bottom:8px}.voice-control-row{display:flex;align-items:center;gap:12px;margin:10px 0}.voice-control-row i{width:24px;text-align:center;color:#9ca3af;font-size:16px}.voice-volume{flex:1;position:relative;height:28px;display:flex;align-items:center}.voice-volume input[type="range"]{width:100%;height:4px;background:var(--input-bg);border-radius:2px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.voice-volume input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.3);transition:all 0.2s}.voice-volume input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px rgba(0,0,0,0.4)}.voice-volume-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;background:linear-gradient(90deg,#a4ec39,#22c55e);border-radius:2px;pointer-events:none;transition:width 0.1s}@media (max-width:768px){#voiceUI{bottom:80px;padding:12px 16px;gap:16px}#voiceUI button{width:40px;height:40px;font-size:16px}#voiceLeftPanel{left:12px;top:80px;width:260px}#enableAudio{right:12px;bottom:150px}}@media (max-width:768px){#voiceStatusPanel{margin:4px;padding:10px}.voice-ctrl-btn{width:32px;height:32px;font-size:12px}.voice-user-avatar{width:32px;height:32px}}