:root,[data-theme=celeste]{--bg-app: #080A0F;--bg-sidebar: #0D1118;--bg-channels: #121722;--bg-chat: #161D2B;--bg-card: #1C2436;--bg-card-hover: #242E44;--bg-overlay: rgba(8, 10, 15, .75);--accent-cyan: #00F2FE;--accent-cyan-hover: #38EF7D;--accent-blue: #3B82F6;--accent-purple: #8B5CF6;--accent-emerald: #10B981;--accent-danger: #EF4444;--accent-danger-hover: #DC2626;--accent-warning: #F59E0B;--border-subtle: rgba(255, 255, 255, .07);--border-focus: rgba(0, 242, 254, .5);--border-glow: 0 0 15px rgba(0, 242, 254, .25);--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #080A0F;--font-heading: "Outfit", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--glass-bg: rgba(28, 36, 54, .65);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-blur: blur(12px);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=escuro]{--bg-app: #000000;--bg-sidebar: #050505;--bg-channels: #0A0A0A;--bg-chat: #0E0E0E;--bg-card: #141414;--bg-card-hover: #1F1F1F;--bg-overlay: rgba(0, 0, 0, .85);--accent-cyan: #38BDF8;--accent-cyan-hover: #7DD3FC;--accent-blue: #60A5FA;--accent-purple: #A78BFA;--accent-emerald: #34D399;--accent-danger: #F87171;--accent-danger-hover: #EF4444;--accent-warning: #FBBF24;--border-subtle: rgba(255, 255, 255, .08);--border-focus: rgba(56, 189, 248, .5);--border-glow: 0 0 15px rgba(56, 189, 248, .25);--text-primary: #FFFFFF;--text-secondary: #A1A1AA;--text-muted: #71717A;--text-inverse: #000000;--glass-bg: rgba(18, 18, 18, .8);--glass-border: 1px solid rgba(255, 255, 255, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .7)}[data-theme=claro]{--bg-app: #F1F5F9;--bg-sidebar: #E2E8F0;--bg-channels: #EDF2F7;--bg-chat: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-overlay: rgba(15, 23, 42, .55);--accent-cyan: #0284C7;--accent-cyan-hover: #0369A1;--accent-blue: #2563EB;--accent-purple: #7C3AED;--accent-emerald: #059669;--accent-danger: #DC2626;--accent-danger-hover: #B91C1C;--accent-warning: #D97706;--border-subtle: rgba(0, 0, 0, .09);--border-focus: rgba(2, 132, 199, .5);--border-glow: 0 0 15px rgba(2, 132, 199, .2);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--glass-bg: rgba(255, 255, 255, .88);--glass-border: 1px solid rgba(0, 0, 0, .09);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .09);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .14)}[data-theme=confortavel]{--bg-app: #F5EFE6;--bg-sidebar: #E8DFD1;--bg-channels: #EEE5D8;--bg-chat: #FAF7F2;--bg-card: #FFFFFF;--bg-card-hover: #F6F0E7;--bg-overlay: rgba(44, 38, 30, .55);--accent-cyan: #C27835;--accent-cyan-hover: #A56024;--accent-blue: #4A7A96;--accent-purple: #8C6A8F;--accent-emerald: #3D8868;--accent-danger: #C04343;--accent-danger-hover: #A33333;--accent-warning: #D9822B;--border-subtle: rgba(90, 75, 55, .12);--border-focus: rgba(194, 120, 53, .5);--border-glow: 0 0 15px rgba(194, 120, 53, .25);--text-primary: #2B2118;--text-secondary: #6B5B4D;--text-muted: #8E7E70;--text-inverse: #FAF7F2;--glass-bg: rgba(250, 247, 242, .9);--glass-border: 1px solid rgba(90, 75, 55, .12);--shadow-sm: 0 2px 8px rgba(44, 38, 30, .06);--shadow-md: 0 8px 24px rgba(44, 38, 30, .09);--shadow-lg: 0 16px 40px rgba(44, 38, 30, .14)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-primary);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em}.app-titlebar{height:34px;background:var(--bg-sidebar);display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--border-subtle);-webkit-app-region:drag}.titlebar-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:.05em}.titlebar-logo{width:18px;height:18px}.titlebar-controls{display:flex;align-items:center;-webkit-app-region:no-drag}.titlebar-btn{width:38px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.titlebar-btn:hover{background:#ffffff14;color:var(--text-primary)}.titlebar-btn.close:hover{background:var(--accent-danger);color:#fff}.app-container{display:flex;height:calc(100vh - 34px);width:100vw;background-color:var(--bg-app)}.sidebar-communities{width:72px;background:var(--bg-sidebar);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:10px;border-right:1px solid var(--border-subtle);overflow-y:auto;flex-shrink:0}.community-icon-btn{position:relative;width:48px;height:48px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.community-icon-btn:hover,.community-icon-btn.active{border-radius:var(--radius-lg);background:linear-gradient(135deg,#00f2fe33,#3b82f633);border-color:var(--accent-cyan);color:#fff;box-shadow:var(--border-glow)}.community-icon-btn.active:before{content:"";position:absolute;left:-8px;top:14px;bottom:14px;width:4px;background:var(--accent-cyan);border-radius:0 4px 4px 0}.community-icon-btn.add-btn{background:#ffffff08;border:1px dashed rgba(255,255,255,.2)}.community-icon-btn.add-btn:hover{background:#00f2fe1a;border-color:var(--accent-cyan);color:var(--accent-cyan)}.channels-column{width:240px;background:var(--bg-channels);display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);flex-shrink:0}.community-header{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);font-family:var(--font-heading);font-weight:700;font-size:15px;cursor:pointer;transition:background var(--transition-fast)}.community-header:hover{background:#ffffff08}.channels-list{flex:1;padding:12px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.channel-category{display:flex;flex-direction:column;gap:2px}.category-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;padding:4px 8px;display:flex;align-items:center;justify-content:space-between}.channel-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;position:relative}.channel-item:hover{background:#ffffff0d;color:var(--text-primary)}.channel-item.active{background:#00f2fe1f;color:var(--accent-cyan);font-weight:500}.channel-actions-group{margin-left:auto;display:none;align-items:center;gap:4px}.channel-item:hover .channel-actions-group,.channel-item.active .channel-actions-group{display:flex}.channel-action-btn{background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:2px 4px;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.channel-action-btn:hover{background:#ffffff1f;color:var(--text-primary)}.channel-action-btn.danger:hover{background:#ef444433;color:#ef4444}.btn-danger-outline{background:transparent;border:1px solid rgba(239,68,68,.4);color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-danger-outline:hover{background:#ef444426;border-color:#ef4444}.btn-danger{background:#ef4444;border:none;color:#fff;border-radius:var(--radius-sm);padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:#dc2626}.voice-channel-users{margin-left:28px;display:flex;flex-direction:column;gap:4px;padding-top:4px}.voice-user-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.speaking-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-muted);transition:var(--transition-fast)}.speaking-indicator.speaking{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald);animation:pulse-ring 1.2s infinite}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.user-audio-controls-panel{background:var(--bg-sidebar);border-top:1px solid var(--border-subtle);padding:8px 12px;display:flex;flex-direction:column;gap:7px}.user-audio-row{display:flex;flex-direction:column;gap:3px}.audio-row-info{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600}.audio-row-label{display:flex;align-items:center;gap:5px;color:var(--text-secondary)}.audio-row-val{color:var(--text-primary);font-family:monospace;font-size:11px;font-weight:700}.audio-mini-slider{width:100%;height:4px;border-radius:2px;background:#ffffff1f;outline:none;cursor:pointer;-webkit-appearance:none;transition:all .15s ease}.audio-mini-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;cursor:pointer;transition:transform .1s ease}.audio-mini-slider.mic-slider{accent-color:var(--accent-cyan)}.audio-mini-slider.mic-slider::-webkit-slider-thumb{background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan)}.audio-mini-slider.master-slider{accent-color:var(--accent-emerald)}.audio-mini-slider.master-slider::-webkit-slider-thumb{background:var(--accent-emerald);box-shadow:0 0 6px var(--accent-emerald)}.audio-mini-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.user-control-panel{height:58px;background:var(--bg-sidebar);border-top:1px solid var(--border-subtle);padding:0 10px;display:flex;align-items:center;justify-content:space-between}.user-info-badge{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.user-info-badge:hover{background:#ffffff0d}.avatar-wrapper{position:relative;width:34px;height:34px;border-radius:var(--radius-full);background:var(--bg-card);display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:600;font-size:13px}.avatar-img{width:100%;height:100%;object-fit:cover}.status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--bg-sidebar)}.status-dot.ONLINE{background:var(--accent-emerald)}.status-dot.IDLE{background:var(--accent-warning)}.status-dot.DND{background:var(--accent-danger)}.status-dot.OFFLINE{background:var(--text-muted)}.user-names{display:flex;flex-direction:column}.user-display-name{font-size:13px;font-weight:600;color:var(--text-primary);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status-text{font-size:11px;color:var(--text-muted)}.user-quick-actions{display:flex;align-items:center;gap:2px}.action-icon-btn{width:30px;height:30px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.action-icon-btn:hover{background:#ffffff14;color:var(--text-primary)}.action-icon-btn.muted{color:var(--accent-danger)}.main-content{flex:1;background:var(--bg-chat);display:flex;flex-direction:column;position:relative;overflow:hidden}.channel-top-bar{height:52px;border-bottom:1px solid var(--border-subtle);padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-chat);z-index:5}.channel-info-header{display:flex;align-items:center;gap:8px}.channel-info-header h2{font-size:16px;color:var(--text-primary)}.channel-topic{font-size:13px;color:var(--text-muted);border-left:1px solid var(--border-subtle);padding-left:12px;margin-left:4px}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.message-item{display:flex;gap:14px;padding:4px 8px;border-radius:var(--radius-md);transition:background var(--transition-fast);position:relative}.message-item:hover{background:#ffffff05}.message-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;overflow:hidden}.message-body{flex:1;display:flex;flex-direction:column;gap:4px}.message-header{display:flex;align-items:baseline;gap:8px}.message-author{font-size:14px;font-weight:600;color:var(--accent-cyan)}.message-time{font-size:11px;color:var(--text-muted)}.message-edited{font-size:10px;color:var(--text-muted);font-style:italic}.message-text{font-size:14px;line-height:1.5;color:var(--text-primary);word-break:break-word;-webkit-user-select:text;user-select:text}.message-actions-hover{position:absolute;top:-12px;right:12px;background:var(--bg-card);border:var(--glass-border);border-radius:var(--radius-sm);display:none;align-items:center;gap:2px;padding:2px;box-shadow:var(--shadow-sm)}.message-item:hover .message-actions-hover{display:flex}.message-attachment-preview{margin-top:8px;max-width:400px;max-height:300px;border-radius:var(--radius-md);border:var(--glass-border);overflow:hidden}.message-attachment-preview img{width:100%;height:100%;object-fit:cover;display:block}.chat-input-area{padding:0 20px 20px;display:flex;flex-direction:column;gap:4px}.typing-banner{height:18px;font-size:12px;color:var(--text-muted);font-style:italic}.chat-input-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;padding:4px 12px;transition:border-color var(--transition-fast)}.chat-input-box:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f2fe26}.chat-text-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:14px;padding:10px 4px;outline:none}.chat-text-input::placeholder{color:var(--text-muted)}@keyframes discordSpeakPulse{0%{border-color:#23a55a;box-shadow:0 0 #23a55ab3}50%{border-color:#23a55a;box-shadow:0 0 0 4px #23a55a59,0 0 16px #23a55aa6}to{border-color:#23a55a;box-shadow:0 0 #23a55ab3}}@keyframes discordAvatarPulse{0%{box-shadow:0 0 0 2px #23a55a,0 0 6px #23a55a80;border-color:#23a55a}50%{box-shadow:0 0 0 4px #23a55a,0 0 16px #23a55ad9;border-color:#23a55a}to{box-shadow:0 0 0 2px #23a55a,0 0 6px #23a55a80;border-color:#23a55a}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.08)}}.voice-call-overlay{flex:1;background:#111214;display:flex;flex-direction:column;padding:14px 18px;gap:12px;position:relative;overflow:hidden;height:100%}.voice-header-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.voice-header-left{display:flex;align-items:center;gap:10px}.voice-status-dot{width:8px;height:8px;border-radius:50%;background:#23a55a;box-shadow:0 0 8px #23a55a}.voice-channel-title{font-size:16px;font-weight:700;color:#f2f3f5;margin:0}.voice-badge-rtc{background:#23a55a26;color:#23a55a;border:1px solid rgba(35,165,90,.3);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px}.voice-header-right{display:flex;align-items:center}.voice-users-count{font-size:12px;color:#949ba4;font-weight:500}.voice-theater-layout{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;height:100%}.stream-participants-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;min-height:96px;max-height:106px;scrollbar-width:thin}.strip-card{width:140px;height:88px;flex-shrink:0;background:#2b2d31;border-radius:8px;position:relative;overflow:hidden;border:2px solid transparent;display:flex;align-items:center;justify-content:center;transition:all .18s ease;box-shadow:0 2px 8px #0000004d}.strip-card.speaking{border-color:#23a55a!important;animation:discordSpeakPulse 1.2s infinite}.strip-video{width:100%;height:100%;object-fit:cover}.strip-avatar{width:44px;height:44px;border-radius:50%;background:#1e1f22;color:#dbdee1;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border:2px solid transparent;transition:all .2s ease}.strip-avatar.avatar-speaking{border-color:#23a55a!important;animation:discordAvatarPulse 1.2s infinite}.strip-footer{position:absolute;bottom:4px;left:4px;right:4px;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 6px;border-radius:4px;display:flex;align-items:center;justify-content:space-between}.strip-name{font-size:11px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95px}.stream-stage-grid{flex:1;display:grid;gap:12px;min-height:0;width:100%;height:100%}.stream-stage-grid.count-1{grid-template-columns:1fr;grid-template-rows:1fr}.stream-stage-grid.count-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.stream-stage-grid.count-3,.stream-stage-grid.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.stream-stage-grid.count-more{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.stream-stage-wrapper{flex:1;min-height:0;background:#000;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #2b2d31;box-shadow:0 6px 20px #0006}.stream-stage-video{width:100%;height:100%;object-fit:contain;background:#000}.stream-stage-overlay{position:absolute;top:14px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:10}.stream-live-pill{pointer-events:auto;display:flex;align-items:center;gap:6px;background:#da373c;color:#fff;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 3px 10px #da373c66}.live-pulse-icon{animation:livePulse 1.5s ease-in-out infinite}.streamer-name-tag{font-weight:600;opacity:.95;margin-left:2px}.stream-stage-actions{pointer-events:auto;display:flex;align-items:center;gap:8px}.stream-control-btn{width:38px;height:38px;border-radius:8px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.stream-control-btn:hover{background:#000000e6;border-color:#ffffff59;transform:scale(1.06)}.stream-stage-wrapper:fullscreen,.stream-stage-wrapper.is-fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99999!important;border-radius:0!important;border:none!important;width:100vw!important;height:100vh!important;background:#000!important}.voice-tile.is-webcam-fullscreen,.strip-card.is-webcam-fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99999!important;width:100vw!important;height:100vh!important;border-radius:0!important;border:none!important;background:#000!important;box-shadow:none!important}.voice-tile.is-webcam-fullscreen .voice-tile-video,.strip-card.is-webcam-fullscreen .strip-video{width:100vw!important;height:100vh!important;object-fit:contain!important;background:#000!important}.webcam-fullscreen-overlay{position:absolute;top:14px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;z-index:20;pointer-events:auto}.webcam-action-btn{background:#00000080;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#dbdee1;display:inline-flex;align-items:center;justify-content:center;padding:3px 5px;cursor:pointer;transition:all .15s ease}.webcam-action-btn:hover{background:#000000e6;color:#fff;border-color:#ffffff59;transform:scale(1.1)}.stream-control-btn.active-warning{background:#f0b23240!important;border-color:#f0b232!important;color:#f0b232!important}.stream-volume-control{display:flex;align-items:center;gap:6px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:4px 10px;border-radius:8px;color:#fff;height:38px}.stream-volume-btn{background:transparent;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:.85;transition:opacity .15s ease}.stream-volume-btn:hover{opacity:1}.stream-volume-slider{width:80px;height:5px;accent-color:#23a55a;cursor:pointer}.stream-volume-text{font-size:11px;font-weight:700;min-width:34px;text-align:right;color:#dbdee1;font-family:monospace}.stream-hidden-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#111214;z-index:5}.stream-hidden-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;max-width:360px;padding:24px;background:#1e1f22;border-radius:12px;border:1px solid #2b2d31;box-shadow:0 8px 24px #00000080}.stream-hidden-box h3{font-size:15px;font-weight:600;color:#f2f3f5;margin:0}.stream-hidden-box p{font-size:13px;color:#949ba4;margin:0;line-height:1.4}.dock-volume-wrapper{position:relative}.dock-volume-popover{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);background:#1e1f22;border:1px solid #2b2d31;border-radius:10px;padding:12px 14px;width:170px;box-shadow:0 8px 24px #0009;z-index:100;display:flex;flex-direction:column;gap:8px}.dock-volume-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e1f22}.dock-slider-input{width:100%;height:5px;accent-color:#5865f2;cursor:pointer}.voice-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;align-items:center;justify-content:center;overflow-y:auto;padding:4px}.voice-tile{background:#2b2d31;border-radius:12px;border:2px solid transparent;height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000004d;transition:border-color .15s ease,box-shadow .15s ease}.voice-tile.speaking{border-color:#23a55a!important;animation:discordSpeakPulse 1.2s infinite}.voice-tile-video{width:100%;height:100%;object-fit:cover}.voice-tile-avatar{width:88px;height:88px;border-radius:50%;background:#1e1f22;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;color:#dbdee1;border:3px solid transparent;transition:all .2s ease}.voice-tile-avatar.avatar-speaking{border-color:#23a55a!important;animation:discordAvatarPulse 1.2s infinite}.voice-tile-footer{position:absolute;bottom:10px;left:12px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:6px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px)}.voice-tile-name{font-size:13px;font-weight:600;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-tile-icons{display:flex;align-items:center;gap:6px}.icon-muted{color:#da373c}.icon-speaking{color:#23a55a;filter:drop-shadow(0 0 4px rgba(35,165,90,.8))}.icon-idle{color:#949ba4}.icon-streaming{color:#5865f2}.participant-volume-wrapper{position:relative;display:flex;align-items:center}.participant-vol-btn{background:#0000008c;border:1px solid rgba(255,255,255,.18);border-radius:4px;color:#dbdee1;display:inline-flex;align-items:center;gap:4px;padding:3px 6px;cursor:pointer;font-size:11px;font-weight:600;transition:all .15s ease}.participant-vol-btn:hover{background:#000000e6;color:#fff;border-color:#fff6;transform:scale(1.05)}.participant-vol-btn.mini{padding:1px 4px;font-size:10px}.participant-vol-btn.muted{color:#da373c;border-color:#da373c66}.vol-percent-tag{font-size:10px;font-weight:700;opacity:.95;font-family:monospace}.participant-vol-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e1f22;border:1px solid #2b2d31;border-radius:8px;padding:10px 12px;width:180px;box-shadow:0 8px 24px #000000b3;z-index:100;display:flex;flex-direction:column;gap:8px;animation:fadeIn .15s ease}.participant-vol-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e1f22}.popover-row-header{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;color:#949ba4;letter-spacing:.4px}.popover-val{color:#f2f3f5;font-family:monospace;font-size:11px;font-weight:700}.popover-slider-container{width:100%}.participant-slider{width:100%;height:5px;accent-color:#5865f2;cursor:pointer}.popover-quick-actions{display:flex;gap:4px;justify-content:space-between}.popover-quick-btn{flex:1;background:#2b2d31;border:none;border-radius:4px;color:#dbdee1;font-size:10px;font-weight:600;padding:3px 0;cursor:pointer;transition:all .15s ease}.popover-quick-btn:hover{background:#35373c;color:#fff}.voice-dock{align-self:center;background:#1e1f22;border:1px solid #2b2d31;border-radius:30px;padding:8px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #00000080;z-index:25}.dock-btn{width:44px;height:44px;border-radius:50%;background:#2b2d31;border:none;color:#dbdee1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.dock-btn:hover{background:#35373c;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.dock-btn.active{background:#2b2d31;color:#fff}.dock-btn.active-green{background:#23a55a;color:#fff;box-shadow:0 0 12px #23a55a66}.dock-btn.danger{background:#da373c;color:#fff}.dock-btn.danger:hover{background:#b82d32}.dock-btn.disconnect-btn{background:#da373c;color:#fff;border-radius:22px;width:52px}.dock-btn.disconnect-btn:hover{background:#b82d32}.voice-channel-users{padding-left:26px;display:flex;flex-direction:column;gap:2px;margin-top:2px;margin-bottom:6px}.voice-user-badge{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;font-size:13px;color:#949ba4;transition:background .15s,color .15s}.voice-user-badge:hover{background:#ffffff0f;color:#f2f3f5}.speaking-indicator{width:8px;height:8px;border-radius:50%;background:#4e5058;flex-shrink:0;transition:all .15s ease}.speaking-indicator.speaking{background:#23a55a!important;box-shadow:0 0 8px #23a55a,0 0 14px #23a55acc!important;animation:livePulse 1.2s infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.modal-content{background:var(--bg-sidebar);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:18px 22px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:18px;font-weight:700}.modal-body{padding:22px;display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow-y:auto}.modal-footer{padding:16px 22px;background:#0003;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;gap:10px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.form-input,.form-select{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:14px;padding:10px 14px;outline:none;transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus{border-color:var(--accent-cyan)}.btn{padding:10px 18px;border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:#080a0f;font-weight:700}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--border-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-danger{background:var(--accent-danger);color:#fff}.btn-danger:hover{background:var(--accent-danger-hover)}.audio-vu-meter{height:12px;background:var(--bg-card);border-radius:var(--radius-full);overflow:hidden;position:relative}.audio-vu-level{height:100%;background:linear-gradient(90deg,#10b981 60%,#f59e0b 85%,#ef4444);width:0%;transition:width .05s ease}.auth-wrapper{height:calc(100vh - 34px);width:100vw;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,#00f2fe14,#080a0f 70%);position:relative}.auth-card{width:100%;max-width:420px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:24px;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.auth-logo{width:56px;height:56px}.auth-title{font-size:26px;font-weight:800;background:linear-gradient(135deg,#00f2fe,#38ef7d,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{font-size:14px;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=claro] ::-webkit-scrollbar-thumb,[data-theme=confortavel] ::-webkit-scrollbar-thumb{background:#0000002e}[data-theme=claro] ::-webkit-scrollbar-thumb:hover,[data-theme=confortavel] ::-webkit-scrollbar-thumb:hover{background:#00000052}[data-theme=claro] .app-titlebar,[data-theme=confortavel] .app-titlebar{border-bottom:1px solid var(--border-subtle)}[data-theme=claro] .titlebar-btn:hover,[data-theme=confortavel] .titlebar-btn:hover{background:#00000012}[data-theme=claro] .message-item:hover,[data-theme=confortavel] .message-item:hover{background:#00000009}[data-theme=claro] .community-icon-btn.add-btn,[data-theme=confortavel] .community-icon-btn.add-btn{background:#00000008;border-color:#0003}[data-theme=claro] .user-info-badge:hover,[data-theme=confortavel] .user-info-badge:hover,[data-theme=claro] .channel-item:hover,[data-theme=confortavel] .channel-item:hover{background:#0000000d}[data-theme=claro] .channel-action-btn:hover,[data-theme=confortavel] .channel-action-btn:hover{background:#0000001a}