:root{--bg-darkest: #0a0e17;--bg-darker: #0d1117;--bg-dark: #111820;--bg-medium: #161d27;--bg-light: #1c2433;--bg-lighter: #232d3f;--bg-hover: #1e2a3a;--bg-active: #243346;--text-primary: #e6edf3;--text-secondary: #9eaab8;--text-muted: #6b7b8d;--text-link: #58a6ff;--accent: #2dd4bf;--accent-hover: #5eead4;--accent-dim: #0d9488;--accent-bg: rgba(45, 212, 191, .08);--accent-bg-strong: rgba(45, 212, 191, .15);--status-online: #34d399;--status-idle: #fbbf24;--status-dnd: #f87171;--status-offline: #6b7b8d;--danger: #ef4444;--danger-hover: #dc2626;--danger-bg: rgba(239, 68, 68, .1);--success: #22c55e;--warning: #f59e0b;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--border-accent: rgba(45, 212, 191, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(45, 212, 191, .15);--spacebar-height: 48px;--channel-width: 248px;--member-width: 248px;--header-height: 48px;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--touch-target-min: 44px;--touch-target-comfortable: 48px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--sheet-handle-height: 24px;--sheet-radius: 16px;--sheet-backdrop: rgba(0, 0, 0, .5);--mobile-padding: 12px;--mobile-gap: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}html{overscroll-behavior:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-darkest);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}::selection{background:var(--accent-dim);color:var(--text-primary)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;background:none;color:inherit;font:inherit}input,textarea,select{font:inherit;color:var(--text-primary, inherit);background:var(--bg-dark, #111820);border:1px solid var(--border, #2a3444);border-radius:6px;padding:8px 12px}.app-layout{display:flex;flex-direction:column;height:100vh;width:100vw}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.space-bar{height:var(--spacebar-height);background:var(--bg-darkest);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 8px;gap:2px;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.space-bar::-webkit-scrollbar{display:none}.space-bar-item{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;color:var(--text-muted);transition:all var(--transition-fast);flex-shrink:0;position:relative;height:36px;-webkit-user-select:none;user-select:none}.space-bar-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.space-bar-item.active{background:var(--accent-bg-strong);color:var(--accent)}.space-bar-item.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--accent);border-radius:1px}.space-bar-item.home-btn{color:var(--text-secondary);font-size:16px;padding:6px 12px}.space-bar-item.home-btn.active{color:var(--accent)}.notification-bell{cursor:pointer;font-size:16px}.notification-badge{position:absolute;top:2px;right:2px;background:var(--danger, #f04747);color:#fff;border-radius:50%;min-width:16px;height:16px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.space-bar-icon{width:24px;height:24px;border-radius:var(--radius-xs);background:var(--bg-lighter);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;overflow:hidden}.space-bar-icon img{width:100%;height:100%;object-fit:cover}.space-bar-item.active .space-bar-icon{background:var(--accent-dim);color:#fff}.space-bar-divider{width:1px;height:24px;background:var(--border-strong);margin:0 6px;flex-shrink:0}.space-bar-add{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:18px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;border:1px dashed var(--border-strong)}.space-bar-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.space-folder{display:flex;align-items:center;gap:0;position:relative;background:var(--bg-dark, rgba(0,0,0,.15));border:1px solid var(--border);border-radius:4px;padding:2px;flex-shrink:0;transition:border-color var(--transition-fast),background var(--transition-fast)}.space-folder.drop-target{border-color:var(--accent);background:var(--accent-bg, rgba(88,101,242,.1))}.space-folder.has-active{border-color:var(--accent-dim, rgba(88,101,242,.3))}.space-folder-header{display:flex;align-items:center;gap:4px;padding:4px 6px;cursor:pointer;color:var(--text-muted);font-size:11px;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;border-radius:3px;transition:color var(--transition-fast),background var(--transition-fast)}.space-folder-header:hover{color:var(--text-secondary);background:var(--bg-hover)}.space-folder-chevron{font-size:9px;width:10px;flex-shrink:0}.space-folder-icon-small{font-size:10px;opacity:.7}.space-folder-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.space-folder-rename-input{background:var(--bg-darker, #1a1a2e);border:1px solid var(--accent);border-radius:3px;color:var(--text-primary);font-size:11px;font-weight:600;padding:1px 4px;width:70px;outline:none}.space-folder-items{display:flex;align-items:center;gap:1px}.space-folder-items .space-bar-item{border-radius:3px}.space-folder-collapsed{cursor:pointer;display:flex;align-items:center;padding:2px 4px}.space-folder-collapsed-icons{display:flex;align-items:center}.space-folder-stacked-icon{width:22px;height:22px;border-radius:50%;background:var(--bg-lighter);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid var(--bg-dark, #1e1e2e);overflow:hidden;flex-shrink:0;color:var(--text-secondary)}.space-folder-stacked-icon img{width:100%;height:100%;object-fit:cover}.space-folder-count{font-size:9px;color:var(--text-muted);margin-left:2px;font-weight:600}.space-bar-item.dragging{opacity:.4}.space-bar-item.drop-target{box-shadow:0 0 0 2px var(--accent);border-radius:var(--radius-sm)}.space-bar-gap{width:4px;height:28px;flex-shrink:0;border-radius:2px;transition:background var(--transition-fast),width var(--transition-fast)}.space-bar-gap.gap-active{width:4px;background:var(--accent)}.folder-context-menu{position:fixed;z-index:9999;background:var(--bg-darker, #1a1a2e);border:1px solid var(--border-strong);border-radius:6px;padding:4px;min-width:140px;box-shadow:0 4px 16px #0006}.folder-context-menu button{display:block;width:100%;text-align:left;padding:6px 10px;background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;border-radius:4px;transition:background var(--transition-fast)}.folder-context-menu button:hover{background:var(--bg-hover);color:var(--text-primary)}.room-sidebar{width:var(--channel-width);background:var(--bg-darker);display:flex;flex-direction:column;border-right:1px solid var(--border);flex-shrink:0;position:relative;transition:width .2s ease}.room-sidebar.voice-active{min-width:300px}.room-sidebar-header{height:var(--header-height);padding:0 12px 0 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);flex-shrink:0;cursor:pointer;transition:background var(--transition-fast)}.room-sidebar-header:hover{background:var(--bg-hover)}.room-sidebar-header .space-name{flex:1;font-size:15px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-sidebar-header .dropdown-arrow{color:var(--text-muted);font-size:10px;transition:transform var(--transition-fast)}.room-list{flex:1;overflow-y:auto;padding:8px 0}.room-category{padding:16px 10px 4px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.room-category:hover{color:var(--text-secondary)}.room-category .category-toggle{font-size:9px;transition:transform var(--transition-fast);margin-right:4px}.room-category .category-toggle.collapsed{transform:rotate(-90deg)}.room-category .category-add{font-size:16px;color:var(--text-muted);padding:0 4px;border-radius:var(--radius-xs);opacity:0;transition:opacity var(--transition-fast)}.room-category:hover .category-add{opacity:1}.room-category .category-add:hover{color:var(--text-primary)}.room-item{display:flex;align-items:center;padding:6px 8px 6px 16px;margin:1px 8px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);gap:6px;transition:all var(--transition-fast);position:relative}.room-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.room-item.active{background:var(--bg-active);color:var(--text-primary)}.room-item .room-icon{font-size:17px;width:20px;text-align:center;flex-shrink:0;opacity:.6}.room-item.active .room-icon{opacity:1}.room-item .room-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.room-item .room-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.room-item:hover .room-actions{opacity:1}.room-item .room-actions button{width:24px;height:24px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px}.room-item .room-actions button:hover{color:var(--text-primary);background:#ffffff0d}.user-panel{padding:8px;display:flex;align-items:center;gap:8px;background:var(--bg-darkest);border-top:1px solid var(--border);flex-shrink:0}.user-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-primary);position:relative;flex-shrink:0;cursor:pointer;transition:opacity var(--transition-fast)}.user-avatar:hover{opacity:.8}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.user-avatar .status-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2.5px solid var(--bg-darkest)}.status-dot.online{background:var(--status-online)}.status-dot.idle{background:var(--status-idle)}.status-dot.dnd{background:var(--status-dnd)}.status-dot.offline{background:var(--status-offline)}.user-info{flex:1;min-width:0}.user-info .username{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.user-info .user-status{font-size:11px;color:var(--text-muted);line-height:1.2}.user-panel-actions{display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end}.user-panel-actions button{width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:15px;transition:all var(--transition-fast);flex-shrink:0}.user-panel-actions button:hover{background:var(--bg-hover);color:var(--text-primary)}.user-panel-actions button.active{color:var(--accent)}.user-panel-actions button.muted{color:var(--danger)}.resize-handle{position:absolute;top:0;bottom:0;width:4px;cursor:col-resize;z-index:10;transition:background .15s}.resize-handle:hover,.resize-handle.active{background:var(--accent)}.resize-handle.left{left:0}.resize-handle.right{right:0}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-dark)}.channel-header{height:var(--header-height);padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);flex-shrink:0}.channel-header .channel-icon{font-size:18px;color:var(--text-muted)}.channel-header .channel-name{font-size:15px;font-weight:700;color:var(--text-primary)}.channel-header .divider{width:1px;height:24px;background:var(--border-strong);flex-shrink:0}.channel-header .channel-topic{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.channel-header-actions{display:flex;gap:4px;margin-left:auto}.channel-header-actions button{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px;transition:all var(--transition-fast)}.channel-header-actions button:hover{background:var(--bg-hover);color:var(--text-primary)}.channel-header-actions button.active{color:var(--accent)}.messages-container{flex:1;overflow-y:auto;padding:16px 0}.message{display:flex;padding:2px 16px;gap:16px;min-height:44px;position:relative;transition:background var(--transition-fast)}.message:hover{background:#00000014}.message.grouped{min-height:auto;padding-top:0}.message-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--text-primary);flex-shrink:0;margin-top:2px;cursor:pointer;overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-avatar:hover{opacity:.85}.message-body{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:8px}.message-author{font-size:14px;font-weight:600;color:var(--accent);cursor:pointer}.message-author:hover{text-decoration:underline}.message-timestamp{font-size:11px;color:var(--text-muted)}.message-edited{font-size:10px;color:var(--text-muted)}.message-content{color:var(--text-primary);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.message-hover-actions{position:absolute;top:-14px;right:16px;display:flex;gap:2px;background:var(--bg-medium);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:2px;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);box-shadow:var(--shadow-md);z-index:5}.message:hover .message-hover-actions{opacity:1;pointer-events:all}.message-hover-actions button{width:28px;height:28px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;transition:all var(--transition-fast)}.message-hover-actions button:hover{background:var(--bg-hover);color:var(--text-primary)}.message-hover-actions button.danger:hover{background:var(--danger-bg);color:var(--danger)}.message.grouped .inline-timestamp{font-size:10px;color:var(--text-muted);opacity:0;width:40px;text-align:center;flex-shrink:0;transition:opacity var(--transition-fast)}.message.grouped:hover .inline-timestamp{opacity:1}.message-input-container{padding:0 16px 20px;flex-shrink:0}.message-input-wrapper{background:var(--bg-medium);border-radius:var(--radius-md);display:flex;align-items:flex-end;padding:2px 4px;position:relative;border:1px solid transparent;transition:border-color var(--transition-fast)}.message-input-wrapper:focus-within{border-color:var(--border-strong)}.input-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-muted);border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--transition-fast)}.input-btn:hover{color:var(--text-primary)}.message-input{flex:1;background:transparent;border:none;outline:none;padding:9px 8px;color:var(--text-primary);font-size:14px;resize:none;max-height:200px;line-height:1.4}.message-input::placeholder{color:var(--text-muted)}.input-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 0}.char-counter-inline{font-size:10px;color:var(--text-muted);opacity:.7;white-space:nowrap;align-self:center;padding:0 2px;transition:color var(--transition-fast)}.char-counter-inline.warning{color:var(--warning);opacity:1}.char-counter-inline.danger{color:var(--danger);opacity:1}.char-counter{font-size:11px;color:var(--text-muted);transition:color var(--transition-fast)}.char-counter.warning{color:var(--warning)}.char-counter.danger{color:var(--danger)}.typing-indicator{height:22px;padding:0 16px;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.typing-dots{display:flex;gap:2px}.typing-dots span{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:typingBounce 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.member-sidebar{width:var(--member-width);background:var(--bg-darker);border-left:1px solid var(--border);overflow-y:auto;padding:12px 8px;flex-shrink:0;transition:padding var(--transition-slow);position:relative}.member-sidebar.collapsed{width:0;padding:0;overflow:hidden;border-left:none}.member-category{padding:12px 8px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.member-item{display:flex;align-items:center;padding:6px 8px;gap:10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.member-item:hover{background:var(--bg-hover)}.member-item .member-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-primary);position:relative;flex-shrink:0;overflow:hidden}.member-item .member-avatar img{width:100%;height:100%;object-fit:cover}.member-item .member-info-wrap{flex:1;min-width:0}.member-item .member-name{font-size:14px;font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.2}.member-item .member-custom-status{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.member-item .rank-badge{font-size:10px;padding:1px 6px;border-radius:var(--radius-full);font-weight:600;flex-shrink:0}.member-item.offline .member-name,.member-item.offline .member-avatar{opacity:.4}@keyframes friendGlow{0%,to{box-shadow:0 0 4px 1px var(--accent)}50%{box-shadow:0 0 10px 3px var(--accent)}}.friend-glow{animation:friendGlow 3s ease-in-out infinite;border-radius:var(--radius-full)}.member-item .member-avatar.friend-glow,.message-avatar.friend-glow,.dm-avatar.friend-glow,.dm-header-avatar.friend-glow,.profile-hover-card-avatar.friend-glow,.voice-participant-avatar.friend-glow{animation:friendGlow 3s ease-in-out infinite}.voice-panel{background:var(--bg-medium);border:1px solid var(--border);border-radius:var(--radius-md);margin:8px;padding:12px}.voice-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.voice-panel-title{font-size:13px;font-weight:600;color:var(--accent)}.voice-controls{display:flex;gap:4px;padding-top:8px;border-top:1px solid var(--border);margin-top:8px}.voice-controls button{flex:1;height:32px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px;transition:background var(--transition-fast)}.voice-btn{background:var(--bg-light);color:var(--text-secondary)}.voice-btn:hover{background:var(--bg-lighter);color:var(--text-primary)}.voice-btn.active,.voice-btn.disconnect{background:var(--danger);color:#fff}.voice-btn.disconnect:hover{background:var(--danger-hover)}.voice-participant{display:flex;align-items:center;gap:8px;padding:4px 0}.voice-participant .participant-avatar{width:24px;height:24px;border-radius:var(--radius-full);background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.voice-participant .participant-name{font-size:13px;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{background:var(--bg-dark);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:480px;box-shadow:var(--shadow-xl);animation:slideUp .2s ease;max-height:90vh;overflow-y:auto}.modal h2{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal-large{background:var(--bg-dark);border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:85vh;box-shadow:var(--shadow-xl);animation:slideUp .2s ease;display:flex;overflow:hidden}.modal-large .modal-sidebar{width:200px;background:var(--bg-darker);padding:12px;border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto}.modal-large .modal-sidebar-item{padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);margin-bottom:2px}.modal-large .modal-sidebar-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.modal-large .modal-sidebar-item.active{background:var(--bg-active);color:var(--text-primary)}.modal-large .modal-sidebar-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:12px 12px 4px}.modal-large .modal-sidebar-separator{height:1px;background:var(--border);margin:8px 12px}.modal-large .modal-body{flex:1;padding:24px;overflow-y:auto}.modal-large .modal-body h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.modal-large .modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:18px;transition:all var(--transition-fast)}.modal-large .modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.context-menu{position:fixed;background:var(--bg-medium);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:4px;min-width:180px;box-shadow:var(--shadow-lg);z-index:2000;animation:contextMenuIn .1s ease}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.context-menu-item:hover{background:var(--accent);color:var(--bg-darkest)}.context-menu-item.disabled{opacity:.4;pointer-events:none}.context-menu-item .context-icon{width:18px;text-align:center;font-size:14px}.profile-card{position:fixed;width:300px;background:var(--bg-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-strong);z-index:1500;animation:slideUp .15s ease;overflow:hidden}.profile-card-banner{height:60px;background:linear-gradient(135deg,var(--accent-dim),var(--bg-lighter))}.profile-card-avatar{width:64px;height:64px;border-radius:var(--radius-full);background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--text-primary);border:4px solid var(--bg-dark);margin:-32px 0 0 16px;position:relative;overflow:hidden}.profile-card-avatar img{width:100%;height:100%;object-fit:cover}.profile-card-body{padding:8px 16px 16px}.profile-card-name{font-size:18px;font-weight:700;color:var(--text-primary);margin-top:4px}.profile-card-custom-status{font-size:12px;color:var(--text-muted);margin-top:2px}.profile-card-divider{height:1px;background:var(--border);margin:12px 0}.profile-card-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:6px}.profile-card-info{font-size:12px;color:var(--text-muted);margin-bottom:4px}.profile-card-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.profile-card-badge{font-size:10px;padding:2px 8px;border-radius:var(--radius-full);font-weight:600}.profile-card-actions{display:flex;gap:6px;margin-top:12px}.profile-card-actions button{flex:1;padding:7px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;transition:all var(--transition-fast)}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;background:var(--bg-darkest);color:var(--text-primary);font-size:12px;font-weight:600;padding:6px 10px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-md);z-index:3000;animation:tooltipIn .1s ease}@keyframes tooltipIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.tooltip.top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip.bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip.left{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.tooltip.right{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;background:var(--bg-darkest);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7b8d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-group .form-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.form-error{color:var(--danger);font-size:13px;margin-bottom:12px;padding:8px 12px;background:var(--danger-bg);border-radius:var(--radius-sm)}.toggle-group{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.toggle-group label{font-size:14px;color:var(--text-secondary);font-weight:500}.toggle-switch{position:relative;width:40px;height:22px;cursor:pointer;flex-shrink:0}.toggle-switch input{display:none}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-lighter);border-radius:var(--radius-full);transition:background var(--transition-fast)}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--transition-fast)}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(18px)}.btn-primary{width:100%;padding:10px 16px;background:var(--accent);color:var(--bg-darkest);font-size:14px;font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:8px 16px;background:var(--bg-medium);color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-light);color:var(--text-primary)}.btn-accent{padding:8px 16px;background:var(--accent);color:var(--bg-darkest);font-size:14px;font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-accent:hover{background:var(--accent-hover)}.btn-accent:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:8px 16px;background:var(--danger);color:#fff;font-size:14px;font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-danger:hover{background:var(--danger-hover)}.btn-small{padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:12px;transition:background .15s}.btn-small:hover{background:var(--bg-secondary)}.btn-danger-small{border-color:var(--danger)}.btn-danger-small:hover{background:var(--danger);color:#fff}.btn-outline{padding:8px 16px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--border-strong);transition:all var(--transition-fast)}.btn-outline:hover{background:var(--bg-hover);color:var(--text-primary)}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-darkest);background-image:radial-gradient(ellipse at 20% 80%,rgba(45,212,191,.05),transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(45,212,191,.03),transparent 50%)}.login-card{background:var(--bg-dark);border-radius:var(--radius-lg);padding:36px;width:100%;max-width:420px;box-shadow:var(--shadow-xl);border:1px solid var(--border)}.login-card h1{font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.login-card p{font-size:14px;color:var(--text-muted);margin-bottom:28px}.login-toggle{margin-top:16px;font-size:13px;color:var(--text-muted);text-align:center}.login-toggle button{color:var(--accent);font-size:13px;font-weight:600}.login-toggle button:hover{text-decoration:underline}.welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted)}.welcome-screen .welcome-icon{font-size:64px;opacity:.2}.welcome-screen h2{font-size:22px;font-weight:700;color:var(--text-secondary)}.welcome-screen p{font-size:14px;max-width:400px;text-align:center;line-height:1.5}.file-progress{background:var(--bg-medium);border-radius:var(--radius-sm);padding:8px 12px;margin:4px 0;display:flex;align-items:center;gap:8px}.file-progress-bar{flex:1;height:4px;background:var(--bg-lighter);border-radius:2px;overflow:hidden}.file-progress-fill{height:100%;background:var(--accent);transition:width .2s;border-radius:2px}.file-progress-text{font-size:12px;color:var(--text-muted);white-space:nowrap}.pending-files{display:flex;flex-wrap:wrap;gap:6px;padding:6px 12px;background:var(--bg-secondary);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:1px solid var(--border)}.pending-file-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:13px}.pending-file-name{color:var(--text-primary)}.pending-file-size{color:var(--text-muted);font-size:11px}.pending-file-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:0 2px;line-height:1}.pending-file-remove:hover{color:var(--danger)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:8px;padding:24px;text-align:center}.empty-state .icon{font-size:48px;opacity:.2}.settings-section{margin-bottom:24px}.settings-section h4{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.color-picker-row{display:flex;gap:6px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast)}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px var(--bg-dark)}.permission-item{display:flex;align-items:center;gap:10px;padding:8px 0}.permission-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.permission-item label{font-size:13px;color:var(--text-secondary);cursor:pointer;flex:1}.settings-tab-content{min-height:300px}.settings-item-list{display:flex;flex-direction:column;gap:4px}.settings-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--bg-medium);transition:background var(--transition-fast)}.settings-item:hover{background:var(--bg-light)}.settings-item .item-name{flex:1;font-size:14px;color:var(--text-primary)}.settings-item .item-actions{display:flex;gap:4px}.settings-item .item-actions button{width:28px;height:28px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;transition:all var(--transition-fast)}.settings-item .item-actions button:hover{background:#ffffff0d;color:var(--text-primary)}.settings-item .item-actions button.danger:hover{background:var(--danger-bg);color:var(--danger)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.template-card{padding:16px 12px;border-radius:var(--radius-md);background:var(--bg-medium);border:1px solid var(--border);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.template-card:hover{background:var(--bg-light);border-color:var(--border-strong)}.template-card.selected{border-color:var(--accent);background:var(--accent-bg)}.template-card .template-icon{font-size:24px;margin-bottom:6px}.template-card .template-name{font-size:12px;font-weight:600;color:var(--text-secondary)}.status-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.status-option:hover{background:var(--bg-hover)}.status-option.selected{background:var(--accent-bg)}.status-option .status-indicator{width:12px;height:12px;border-radius:50%}.status-option .status-label{font-size:14px;color:var(--text-secondary)}.status-option .status-desc{font-size:11px;color:var(--text-muted)}@media(max-width:1100px){.member-sidebar:not(.collapsed){width:200px}}.md-content{word-wrap:break-word;overflow-wrap:break-word}.md-inline-code{background:var(--bg-darkest);color:var(--accent);padding:1px 6px;border-radius:3px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:13px}.md-code-block{background:var(--bg-darkest);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;margin:4px 0;overflow-x:auto;font-family:Fira Code,Consolas,Monaco,monospace;font-size:13px;line-height:1.5}.md-code-block code{color:var(--text-primary);white-space:pre}.md-link{color:var(--text-link);text-decoration:none}.md-link:hover{text-decoration:underline}.md-blockquote{border-left:3px solid var(--accent-dim);padding:4px 12px;margin:4px 0;color:var(--text-secondary);background:#2dd4bf0d;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.md-spoiler{background:var(--bg-lighter);color:transparent;border-radius:3px;padding:0 4px;cursor:pointer;transition:color .2s,background .2s;-webkit-user-select:none;user-select:none}.md-spoiler.revealed{color:var(--text-primary);background:var(--bg-medium)}.md-mention-user{background:var(--accent-bg);color:var(--accent);padding:0 4px;border-radius:3px;cursor:pointer;font-weight:500}.md-mention-user:hover{background:#2dd4bf33;text-decoration:underline}.md-mention-room{background:var(--accent-bg);color:var(--accent);padding:0 4px;border-radius:3px;cursor:pointer;font-weight:500}.md-mention-room:hover{background:#2dd4bf33;text-decoration:underline}.mention{background:#2dd4bf26;color:var(--accent);padding:0 4px;border-radius:3px;font-weight:500;cursor:pointer}.mention:hover,.mention-self{background:#2dd4bf4d}.mention-here,.mention-present{background:#facc1526;color:#facc15}.mention-here:hover,.mention-present:hover{background:#facc1540}.mention-autocomplete{position:absolute;bottom:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:var(--bg-secondary, var(--bg-darker));border:1px solid var(--border);border-radius:8px;box-shadow:0 -4px 20px #0000004d;z-index:100;padding:8px 0}.mention-item{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer}.mention-item:hover,.mention-item.selected{background:var(--bg-hover)}.mention-item-special{color:#facc15;font-weight:500}.mention-item-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-primary);position:relative;flex-shrink:0;overflow:hidden}.mention-item-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mention-status-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:2px solid var(--bg-darker)}.mention-status-dot.online{background:var(--status-online)}.mention-status-dot.idle{background:var(--status-idle)}.mention-status-dot.dnd{background:var(--status-dnd)}.mention-status-dot.offline{background:var(--status-offline)}.mention-rank-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.mention-special-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#facc15;flex-shrink:0}.mention-item-info{display:flex;flex-direction:column;min-width:0}.mention-item-name{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-item-desc{font-size:11px;color:var(--text-muted)}.md-list{margin:4px 0;padding-left:24px}.md-list-item{margin:2px 0}.emoji-picker{background:var(--bg-darker);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:352px;display:flex;flex-direction:column;max-height:420px;z-index:1100;overflow:hidden}.emoji-picker-search{display:flex;align-items:center;gap:8px;padding:12px 12px 8px}.emoji-search-input{flex:1;padding:8px 12px;background:var(--bg-darkest);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none}.emoji-search-input:focus{border-color:var(--accent)}.skin-tone-picker{position:relative}.skin-tone-btn{font-size:20px;padding:4px;border-radius:var(--radius-sm)}.skin-tone-btn:hover{background:var(--bg-hover)}.skin-tone-dropdown{position:absolute;top:100%;right:0;background:var(--bg-dark);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:4px;display:flex;gap:2px;z-index:1200;box-shadow:var(--shadow-md)}.skin-tone-option{font-size:20px;padding:4px;border-radius:var(--radius-sm)}.skin-tone-option:hover,.skin-tone-option.active{background:var(--bg-hover)}.emoji-category-tabs{display:flex;padding:0 8px;border-bottom:1px solid var(--border);gap:2px}.emoji-cat-tab{flex:1;padding:6px 0;font-size:18px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;text-align:center;opacity:.5;transition:opacity .1s,background .1s}.emoji-cat-tab:hover{opacity:.8;background:var(--bg-hover)}.emoji-cat-tab.active{opacity:1;border-bottom:2px solid var(--accent)}.emoji-category-label{padding:8px 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:4px 8px 8px;overflow-y:auto;max-height:260px}.emoji-cell{width:100%;aspect-ratio:1;font-size:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s,transform .1s}.emoji-cell:hover,.emoji-cell.focused{background:var(--bg-hover);transform:scale(1.15)}.emoji-empty{grid-column:1 / -1;text-align:center;padding:24px;color:var(--text-muted);font-size:13px}.emoji-picker-anchor,.message-emoji-picker-anchor{position:absolute;bottom:100%;right:0;margin-bottom:4px;z-index:1100}.reaction-picker{display:flex;align-items:center;gap:4px;background:var(--bg-darker);border:1px solid var(--border-strong);border-radius:var(--radius-full);padding:4px 8px;box-shadow:var(--shadow-md);z-index:1050}.reaction-quick-btn{font-size:20px;padding:4px 6px;border-radius:var(--radius-sm);transition:background .1s,transform .1s}.reaction-quick-btn:hover{background:var(--bg-hover);transform:scale(1.2)}.reaction-more-btn{font-size:16px!important;color:var(--text-muted);font-weight:700}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;align-items:center}.reaction-wrapper{position:relative}.reaction-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-medium);border:1px solid var(--border);border-radius:var(--radius-full);font-size:14px;cursor:pointer;transition:background .1s,border-color .1s}.reaction-badge:hover{background:var(--bg-lighter)}.reaction-badge.reacted{background:var(--accent-bg);border-color:var(--accent-dim)}.reaction-emoji{font-size:16px}.reaction-custom-emoji{width:28px;height:28px;object-fit:contain;vertical-align:middle}.reaction-count{font-size:12px;font-weight:600;color:var(--text-secondary)}.reaction-badge.reacted .reaction-count{color:var(--accent)}.reaction-badge.reaction-add{color:var(--text-muted);font-size:14px}.reaction-badge.reaction-add:hover{color:var(--text-primary)}.reaction-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-darkest);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;color:var(--text-secondary);white-space:nowrap;z-index:1060;box-shadow:var(--shadow-md);margin-bottom:4px;pointer-events:none}.reaction-add-wrapper{position:relative}.reaction-picker-container{position:absolute;bottom:100%;left:0;margin-bottom:4px;z-index:1070}.message-system{display:flex;gap:12px;padding:16px 20px;margin:8px 16px;background:var(--bg-secondary);border-left:3px solid var(--accent-primary, #5865f2);border-radius:4px;align-items:flex-start}.system-message-icon{font-size:24px;flex-shrink:0;line-height:1}.system-message-content{color:var(--text-secondary);font-size:14px;line-height:1.6}.system-message-content p{margin:0}.message-actions{position:absolute;top:-8px;right:16px;display:flex;gap:2px;background:var(--bg-darker);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:2px;box-shadow:var(--shadow-sm);z-index:10}.message-action-btn{width:28px;height:28px;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .1s}.message-action-btn:hover{background:var(--bg-hover)}.message-reaction-picker-anchor{position:absolute;top:-8px;right:120px;z-index:1050}.message-avatar-spacer{width:40px;flex-shrink:0}.message-highlight{animation:messageHighlight 2s ease-out}@keyframes messageHighlight{0%{background:#2dd4bf26}to{background:transparent}}.date-divider{display:flex;align-items:center;margin:8px 16px;gap:8px}.date-divider:before,.date-divider:after{content:"";flex:1;height:1px;background:var(--border-strong)}.date-divider span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap}.channel-header{position:relative}.pin-count{position:absolute;top:0;right:0;width:16px;height:16px;background:var(--accent);color:var(--bg-darkest);font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.channel-header-btn{width:32px;height:32px;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);position:relative}.channel-header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.channel-content-area{flex:1;display:flex;min-height:0}.channel-messages-area{flex:1;display:flex;flex-direction:column;min-width:0}.thread-panel{width:400px;min-width:320px;background:var(--bg-darker);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:20}.thread-header{height:48px;padding:0 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);flex-shrink:0}.thread-title{font-size:15px;font-weight:700;color:var(--text-primary)}.thread-reply-count{font-size:12px;color:var(--text-muted);flex:1}.thread-close{width:28px;height:28px;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted)}.thread-close:hover{background:var(--bg-hover);color:var(--text-primary)}.thread-messages{flex:1;overflow-y:auto;padding:16px 0}.thread-parent-message{display:flex;padding:8px 16px 12px;gap:12px;border-bottom:1px solid var(--border);margin-bottom:8px}.thread-divider{display:flex;align-items:center;padding:8px 16px;gap:8px}.thread-divider:before,.thread-divider:after{content:"";flex:1;height:1px;background:var(--border)}.thread-divider span{font-size:11px;color:var(--text-muted);white-space:nowrap}.thread-input-container{padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}.thread-panel .reaction-picker,.thread-panel .reaction-picker-container,.thread-panel .emoji-picker-anchor,.thread-panel .message-emoji-picker-anchor,.thread-panel .message-reaction-picker-anchor,.thread-panel .emoji-picker{z-index:1200}.thread-reply-indicator{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:4px 0;margin-top:4px;display:flex;align-items:center;gap:4px}.thread-reply-indicator:hover{text-decoration:underline}.search-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:60px;z-index:2000}.search-panel{background:var(--bg-dark);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.search-panel-header{padding:16px;border-bottom:1px solid var(--border)}.search-input-row{display:flex;align-items:center;gap:8px}.search-icon{font-size:18px;flex-shrink:0}.search-input{flex:1;padding:10px 12px;background:var(--bg-darkest);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;outline:none}.search-input:focus{border-color:var(--accent)}.search-filter-toggle,.search-close-btn{width:32px;height:32px;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted)}.search-filter-toggle:hover,.search-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.search-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.search-filter-group{display:flex;flex-direction:column;gap:4px}.search-filter-group label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.search-filter-group input,.search-filter-group select{padding:6px 8px;background:var(--bg-darkest);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none}.search-filter-group input:focus,.search-filter-group select:focus{border-color:var(--accent)}.search-results{flex:1;overflow-y:auto;padding:8px}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:8px;color:var(--text-muted)}.search-empty-icon{font-size:36px;opacity:.4}.search-hint{font-size:12px;color:var(--text-muted);opacity:.6}.search-result-item{padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background .1s}.search-result-item:hover{background:var(--bg-hover)}.search-result-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.search-result-author{font-size:13px;font-weight:600;color:var(--accent)}.search-result-time{font-size:11px;color:var(--text-muted)}.search-result-content{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pinned-messages-dropdown{position:absolute;top:100%;right:16px;width:400px;max-height:500px;background:var(--bg-dark);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1500;display:flex;flex-direction:column;overflow:hidden}.pinned-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.pinned-title{font-size:14px;font-weight:700;color:var(--text-primary)}.pinned-close{width:24px;height:24px;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted)}.pinned-close:hover{background:var(--bg-hover);color:var(--text-primary)}.pinned-list{flex:1;overflow-y:auto;padding:8px}.pinned-empty{display:flex;flex-direction:column;align-items:center;padding:32px 20px;gap:8px;color:var(--text-muted);font-size:13px}.pinned-empty span{font-size:32px;opacity:.3}.pinned-item{padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background .1s;border:1px solid var(--border);margin-bottom:6px}.pinned-item:hover{background:var(--bg-hover)}.pinned-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pinned-item-avatar{width:20px;height:20px;border-radius:var(--radius-full);background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--text-primary);flex-shrink:0}.pinned-item-author{font-size:13px;font-weight:600;color:var(--accent)}.pinned-item-time{font-size:11px;color:var(--text-muted);flex:1}.pinned-unpin-btn{width:20px;height:20px;font-size:11px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted)}.pinned-unpin-btn:hover{background:var(--danger);color:#fff}.pinned-item-content{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.notification-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:380px;pointer-events:none}.notification-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--bg-dark);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:all;animation:notifSlideIn .3s ease-out}.notification-toast.entering{animation:notifSlideIn .3s ease-out}.notification-toast.exiting{animation:notifFadeOut .3s ease-in forwards}@keyframes notifSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes notifFadeOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.notification-info{border-left:3px solid var(--text-link)}.notification-success{border-left:3px solid var(--success)}.notification-warning{border-left:3px solid var(--warning)}.notification-error{border-left:3px solid var(--danger)}.notification-icon{font-size:18px;flex-shrink:0;margin-top:1px}.notification-body{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;color:var(--text-primary)}.notification-message{font-size:13px;color:var(--text-secondary);margin-top:2px}.notification-dismiss{width:24px;height:24px;font-size:12px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0}.notification-dismiss:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-dropdown{position:absolute;top:100%;right:0;z-index:1000;min-width:320px;max-width:90vw;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000080;padding:6px 0;margin-top:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:600px){.notification-dropdown{position:fixed;top:auto;bottom:60px;left:8px;right:8px;min-width:unset;max-width:unset;max-height:60dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}}.file-preview-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-medium);border:1px solid var(--border);border-radius:var(--radius-md);margin:4px 0;max-width:400px}.file-preview-icon{font-size:28px;flex-shrink:0}.file-preview-info{flex:1;min-width:0}.file-preview-name{font-size:13px;font-weight:600;color:var(--text-link);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-name:hover{text-decoration:underline}.file-preview-size{font-size:11px;color:var(--text-muted);display:block}.file-download-btn{width:32px;height:32px;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0}.file-download-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.file-transfer-bar{width:100%;height:4px;background:var(--bg-lighter);border-radius:2px;overflow:hidden;margin:4px 0}.file-transfer-fill{height:100%;background:var(--accent);transition:width .3s;border-radius:2px}.file-preview-image{margin:4px 0;max-width:400px;cursor:pointer}.file-preview-image img{max-width:100%;max-height:300px;border-radius:var(--radius-md);object-fit:contain}.file-preview-video{margin:4px 0}.file-preview-meta{display:flex;gap:8px;font-size:12px;color:var(--text-muted);margin-top:4px}.file-preview-audio{background:var(--bg-medium);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;margin:4px 0;max-width:400px}.file-preview-audio-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:5000;cursor:pointer}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.lightbox-content img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-md)}.lightbox-close{position:absolute;top:-40px;right:0;width:32px;height:32px;font-size:18px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.lightbox-close:hover{background:#ffffff1a;color:#fff}.lightbox-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 0;color:var(--text-secondary);font-size:13px}.lightbox-download{padding:6px 12px;background:var(--accent);color:var(--bg-darkest);font-size:13px;font-weight:600;border-radius:var(--radius-sm)}.lightbox-download:hover{background:var(--accent-hover)}.drag-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2dd4bf14;border:2px dashed var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.drag-drop-content{display:flex;flex-direction:column;align-items:center;gap:8px}.drag-drop-icon{font-size:48px;opacity:.6}.drag-drop-text{font-size:16px;font-weight:600;color:var(--accent)}.typing-text{font-weight:500}.connection-status{display:flex;align-items:center;gap:6px;padding:6px 12px;margin:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;transition:background .3s}.connection-status.connected{background:#34d3991a;color:var(--status-online)}.connection-status.reconnecting{background:#fbbf241a;color:var(--status-idle)}.connection-status.disconnected{background:#f871711a;color:var(--status-dnd)}.connection-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.connection-dot.green{background:var(--status-online)}.connection-dot.yellow{background:var(--status-idle);animation:pulseYellow 1.5s ease-in-out infinite}.connection-dot.red{background:var(--status-dnd)}@keyframes pulseYellow{0%,to{opacity:1}50%{opacity:.4}}.connection-text{font-size:12px}.message-input-container{position:relative}.input-actions{display:flex;align-items:center;gap:2px;padding:0 4px}.input-action-btn{width:32px;height:32px;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0}.input-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.markdown-preview{background:var(--bg-medium);border:1px solid var(--border);border-radius:var(--radius-md);margin:0 0 8px;overflow:hidden}.markdown-preview-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--bg-lighter);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.markdown-preview-header button{width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted)}.markdown-preview-header button:hover{background:var(--bg-hover);color:var(--text-primary)}.markdown-preview-content{padding:10px 12px;font-size:14px;color:var(--text-primary);line-height:1.375}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000}.onboarding-card{background:var(--bg-dark);border-radius:var(--radius-lg);padding:40px 32px;width:100%;max-width:460px;box-shadow:var(--shadow-lg);text-align:center}.onboarding-header{margin-bottom:24px}.onboarding-logo{font-size:56px;display:block;margin-bottom:16px}.onboarding-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.onboarding-header h2{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.onboarding-header p{font-size:14px;color:var(--text-muted);line-height:1.5}.onboarding-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.onboarding-option{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-medium);border:1px solid var(--border-strong);border-radius:var(--radius-md);text-align:left;transition:background .1s,border-color .1s}.onboarding-option:hover{background:var(--bg-hover);border-color:var(--accent-dim)}.onboarding-option-icon{font-size:28px;flex-shrink:0}.onboarding-option strong{font-size:15px;color:var(--text-primary);display:block;margin-bottom:2px}.onboarding-option p{font-size:13px;color:var(--text-muted);margin:0}.onboarding-skip{font-size:13px;color:var(--text-muted);padding:8px}.onboarding-skip:hover{color:var(--text-link)}.onboarding-actions{display:flex;justify-content:space-between;gap:8px;margin-top:20px}.onboarding-card .form-group{text-align:left}.inline-image-gallery{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 2px;max-width:520px}.inline-image-gallery.single{display:block}.inline-image-gallery.duo,.inline-image-gallery.grid{display:grid;grid-template-columns:1fr 1fr}.inline-image-item{position:relative;overflow:hidden;border-radius:var(--radius-md);cursor:pointer;background:var(--bg-darker);transition:opacity var(--transition-fast)}.inline-image-item:hover{opacity:.88}.inline-image-gallery.single .inline-image-item{max-width:400px}.inline-image{display:block;max-width:100%;max-height:300px;width:100%;object-fit:cover;border-radius:var(--radius-md);transition:transform var(--transition-normal)}.inline-image-gallery.single .inline-image{object-fit:contain;width:auto;max-width:400px}.inline-image-gallery.duo .inline-image,.inline-image-gallery.grid .inline-image{height:180px;object-fit:cover}.image-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;z-index:6000;cursor:pointer;transition:background .2s ease;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.image-lightbox-overlay.visible{background:#000000e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-lightbox-content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:94vw;max-height:94vh;cursor:default;transform:scale(.92);opacity:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.image-lightbox-overlay.visible .image-lightbox-content{transform:scale(1);opacity:1}.image-lightbox-close{position:absolute;top:-44px;right:-4px;width:36px;height:36px;font-size:20px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);z-index:10;transition:all var(--transition-fast);background:#ffffff0d}.image-lightbox-close:hover{background:#ffffff26;color:#fff}.image-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;font-size:32px;color:#ffffffb3;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);z-index:10;transition:all var(--transition-fast);background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);line-height:1}.image-lightbox-nav:hover{background:#0009;color:#fff;transform:translateY(-50%) scale(1.05)}.image-lightbox-nav.prev{left:-60px}.image-lightbox-nav.next{right:-60px}.image-lightbox-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-width:200px;min-height:200px}.image-lightbox-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.image-lightbox-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:lightboxSpin .8s linear infinite}@keyframes lightboxSpin{to{transform:rotate(360deg)}}.image-lightbox-img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:var(--radius-md);opacity:0;transition:opacity .2s ease,transform .3s cubic-bezier(.4,0,.2,1);cursor:zoom-in;-webkit-user-select:none;user-select:none}.image-lightbox-img.loaded{opacity:1}.image-lightbox-img.zoomed{max-width:none;max-height:none;cursor:zoom-out;transform:scale(1.5)}.image-lightbox-content.zoomed .image-lightbox-image-wrap{overflow:auto}.image-lightbox-footer{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 4px 0;gap:16px}.image-lightbox-footer-left{display:flex;align-items:center;gap:12px;min-width:0}.image-lightbox-filename{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-lightbox-counter{color:var(--text-muted);font-size:12px;white-space:nowrap;background:#ffffff12;padding:2px 10px;border-radius:var(--radius-full)}.image-lightbox-footer-right{display:flex;gap:8px;flex-shrink:0}.image-lightbox-btn{padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);background:#ffffff12;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.image-lightbox-btn:hover{background:#ffffff24;color:#fff}.image-lightbox-btn.primary{background:var(--accent);color:var(--bg-darkest);font-weight:600}.image-lightbox-btn.primary:hover{background:var(--accent-hover)}.link-preview-card{display:flex;gap:12px;padding:10px 14px;margin:6px 0 2px;max-width:480px;background:var(--bg-medium);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;transition:background var(--transition-fast);overflow:hidden}.link-preview-card:hover{background:var(--bg-light)}.link-preview-card.video{flex-direction:column}.link-preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.link-preview-site{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:5px}.link-preview-favicon{width:14px;height:14px;border-radius:2px;flex-shrink:0}.link-preview-title{font-size:14px;font-weight:600;color:var(--text-link);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.link-preview-card:hover .link-preview-title{text-decoration:underline}.link-preview-description{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.link-preview-thumbnail{width:80px;height:80px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;position:relative}.link-preview-thumbnail img{width:100%;height:100%;object-fit:cover}.link-preview-thumbnail.video{width:100%;height:auto;max-height:220px;aspect-ratio:16/9;border-radius:var(--radius-sm)}.link-preview-thumbnail.video img{width:100%;height:100%;object-fit:cover}.link-preview-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#000000a6;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-fast)}.link-preview-card:hover .link-preview-play-btn{background:#ff0000d9;transform:translate(-50%,-50%) scale(1.08)}.link-preview-skeleton{pointer-events:none;border-left-color:var(--border-strong)!important}.skeleton-line{height:12px;background:var(--bg-lighter);border-radius:4px;animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-line.short{width:60px}.skeleton-line.medium{width:180px;margin-top:4px}.skeleton-line.long{width:240px;margin-top:4px}.link-preview-thumbnail.skeleton{background:var(--bg-lighter);animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-block{width:100%;height:100%}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.7}}@media(max-width:700px){.image-lightbox-nav.prev{left:4px}.image-lightbox-nav.next{right:4px}.image-lightbox-nav{width:36px;height:36px;font-size:24px}.image-lightbox-close{top:-38px;right:0}.image-lightbox-footer{flex-direction:column;align-items:flex-start;gap:8px}.image-lightbox-footer-right{width:100%}.image-lightbox-btn{flex:1;text-align:center}.link-preview-card,.inline-image-gallery{max-width:100%}}.rank-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.rank-edit-form{background:var(--bg-darker);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:8px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}.rank-perm-badges{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto;margin-right:8px}.perm-badge{font-size:10px;padding:1px 6px;border-radius:var(--radius-full);background:var(--accent-dim);color:var(--accent);font-weight:600;white-space:nowrap}.settings-dialog{background:var(--bg-darker);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:12px}.settings-dialog p{font-size:14px;color:var(--text-primary);margin:0}.rank-assign-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.rank-assign-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-medium);border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary)}.ban-list{display:flex;flex-direction:column;gap:4px}.ban-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--bg-medium);border-radius:var(--radius-sm);border-left:3px solid var(--danger)}.ban-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ban-user{font-size:13px;font-weight:600;color:var(--text-primary)}.ban-reason{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ban-date{font-size:11px;color:var(--text-muted)}.invite-display{background:var(--bg-darker);border:1px solid var(--accent);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px}.invite-display-header{font-size:14px;font-weight:600;color:var(--accent);margin-bottom:8px}.invite-link-row{display:flex;gap:8px}.invite-link-row input{flex:1;font-family:Fira Code,Consolas,monospace;font-size:13px;cursor:text}.invite-create-form{background:var(--bg-darker);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.invite-list{display:flex;flex-direction:column;gap:4px}.invite-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-medium);border-radius:var(--radius-sm);gap:12px}.invite-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.invite-code{font-family:Fira Code,Consolas,monospace;font-size:13px;color:var(--text-primary);font-weight:600}.invite-meta{font-size:11px;color:var(--text-muted)}.invite-item-actions{display:flex;gap:4px;flex-shrink:0}.join-success{text-align:center;padding:32px 0}.invite-preview{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-medium);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px}.invite-preview-error{border-color:var(--danger);background:#ef44440d}.invite-preview-icon{flex-shrink:0}.invite-preview-info{display:flex;flex-direction:column;gap:2px;min-width:0}.invite-preview-name{font-size:15px;font-weight:600;color:var(--text-primary)}.invite-preview-meta{font-size:12px;color:var(--text-muted)}.space-bar-join{background:transparent;border:2px dashed var(--border);color:var(--text-muted);font-size:14px}.space-bar-join:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.space-bar-version{margin-top:auto;font-size:9px;font-family:monospace;color:var(--text-muted);opacity:.5;padding:4px 2px;text-align:center;letter-spacing:.5px;cursor:default;-webkit-user-select:all;user-select:all}.obscured-mode .member-name,.obscured-mode .dm-name,.obscured-mode .user-panel-name,.obscured-mode .profile-email,.obscured-mode .profile-joined{filter:blur(5px);transition:filter .2s ease}.obscured-mode .dm-messages .message-content{filter:blur(4px);transition:filter .2s ease}.obscured-mode .dm-messages .message-content:hover{filter:none}.obscured-mode .obscured-billing{filter:blur(5px);transition:filter .2s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.obscured-mode .profile-card-name{filter:blur(5px);transition:filter .2s ease}.obscured-mode:after{content:"🔒 Obscured";position:fixed;bottom:48px;right:16px;font-size:12px;color:var(--accent);opacity:.15;pointer-events:none;z-index:9998;letter-spacing:.05em;font-weight:700}.obscured-indicator{position:fixed;bottom:16px;right:16px;background:var(--bg-darker);color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.05em;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border-accent);box-shadow:var(--shadow-glow);opacity:.7;z-index:9998;pointer-events:none;animation:obscuredFadeIn .3s ease}@keyframes obscuredFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:.7;transform:translateY(0)}}.obscured-mode-toggle{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px;transition:all var(--transition-fast)}.obscured-mode-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.obscured-mode-toggle.active{color:var(--accent);text-shadow:0 0 8px rgba(45,212,191,.6);animation:obscuredGlow 2s ease-in-out infinite alternate}@keyframes obscuredGlow{0%{text-shadow:0 0 6px rgba(45,212,191,.4)}to{text-shadow:0 0 12px rgba(45,212,191,.7)}}.obscured-banner{background:var(--accent-bg);color:var(--accent);font-size:13px;font-weight:600;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-accent);margin-bottom:16px}.message-attachments{display:flex;flex-direction:column;gap:8px;margin-top:4px}.message-attachment-images{display:flex;flex-wrap:wrap;gap:4px}.message-image-thumbnail{max-width:300px;max-height:300px;border-radius:8px;cursor:pointer;transition:opacity .15s ease;object-fit:cover}.message-image-thumbnail:hover{opacity:.85}.message-video{max-width:400px;border-radius:8px;background:#000}.message-audio{width:100%;max-width:400px}.expired-media{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;border:1px dashed var(--border, rgba(255, 255, 255, .1));background:var(--bg-secondary, rgba(255, 255, 255, .03));max-width:400px;color:var(--text-muted, #888)}.expired-media-icon{font-size:24px;flex-shrink:0;opacity:.7}.expired-media-text{display:flex;flex-direction:column;gap:2px;min-width:0}.expired-media-title{font-size:13px;font-weight:600;color:var(--text-secondary, #aaa)}.expired-media-desc{font-size:12px;line-height:1.4;color:var(--text-muted, #777)}.expired-media-filename{font-style:italic}.message-link-previews{display:flex;flex-direction:column;gap:4px;margin-top:4px}.member-real-name{display:block;font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.profile-card-aka{font-size:12px;color:var(--text-muted);margin-top:-2px;margin-bottom:4px}.formatting-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:4px 8px;background:var(--bg-medium);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.formatting-group{display:flex;align-items:center;gap:2px}.formatting-btn{width:30px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);color:var(--text-muted);font-size:13px;font-weight:600;transition:all var(--transition-fast);cursor:pointer}.formatting-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.formatting-btn.bold .formatting-icon{font-weight:800}.formatting-btn.italic .formatting-icon{font-style:italic}.formatting-btn.strikethrough .formatting-icon{text-decoration:line-through}.formatting-btn.code .formatting-icon{font-family:monospace;font-size:12px}.formatting-btn.codeblock .formatting-icon{font-family:monospace;font-size:11px}.formatting-btn.link .formatting-icon{font-size:14px}.formatting-divider{display:inline-block;width:1px;height:18px;background:var(--border-strong);margin:0 4px;flex-shrink:0}.formatting-toolbar+.message-input-wrapper{border-radius:0 0 var(--radius-md) var(--radius-md)}.message.compact-mode{padding:1px 16px;min-height:22px;gap:0}.message.compact-mode.grouped{min-height:18px}.compact-timestamp{width:46px;flex-shrink:0;font-size:10px;color:var(--text-muted);text-align:right;padding-right:8px;line-height:1.375;padding-top:1px;font-family:Fira Code,Consolas,monospace}.compact-author{font-size:13px;margin-right:6px;cursor:pointer}.compact-author:hover{text-decoration:underline}.compact-content,.compact-content .md-content{display:inline}.favorites-category{color:var(--warning)!important}.room-star{font-size:10px;margin-left:auto;opacity:.5;flex-shrink:0}.room-item:hover .room-star{opacity:1}.unread-badge{background:var(--accent);color:var(--bg-darkest);font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 5px;margin-left:auto;flex-shrink:0}.room-item.has-unread .room-name{color:var(--text-primary);font-weight:600}.room-name.unread{color:var(--text-primary)!important;font-weight:600!important}.scheduler-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:8px}.scheduler-tab{padding:6px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer}.scheduler-tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.scheduler-tab.active{background:var(--accent-bg-strong);color:var(--accent)}.scheduler-datetime{display:flex;gap:12px;margin-bottom:8px}.scheduled-preview{background:var(--bg-medium);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 14px;margin-bottom:16px}.scheduled-preview-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.scheduled-preview-text{font-size:14px;color:var(--text-primary);word-wrap:break-word}.scheduled-list{max-height:400px;overflow-y:auto}.scheduled-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;gap:8px;color:var(--text-muted)}.scheduled-empty span{font-size:36px;opacity:.3}.scheduled-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:var(--bg-medium);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:6px}.scheduled-item-content{flex:1;min-width:0}.scheduled-item-text{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px}.scheduled-item-time{font-size:11px;color:var(--accent);font-weight:500}.scheduled-cancel-btn{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;flex-shrink:0;transition:all var(--transition-fast)}.scheduled-cancel-btn:hover{background:var(--danger-bg);color:var(--danger)}.input-btn.active{color:var(--accent)}.theme-picker{display:flex;flex-direction:column;gap:12px}.theme-picker-search{display:flex}.theme-search-input{flex:1;padding:8px 12px;background:var(--bg-darkest);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none}.theme-search-input:focus{border-color:var(--accent)}.theme-search-input::placeholder{color:var(--text-muted)}.theme-category-tabs{display:flex;gap:4px;flex-wrap:wrap}.theme-cat-tab{padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap}.theme-cat-tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.theme-cat-tab.active{background:var(--accent-bg-strong);color:var(--accent);border-color:var(--accent-dim)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:400px;overflow-y:auto;padding:2px}.theme-card{background:var(--bg-medium);border:2px solid var(--border);border-radius:var(--radius-md);padding:8px;cursor:pointer;transition:all var(--transition-fast);outline:none}.theme-card:hover{border-color:var(--border-strong);background:var(--bg-light)}.theme-card.active{border-color:var(--accent);background:var(--accent-bg)}.theme-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg-strong)}.theme-preview-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;height:28px;border-radius:var(--radius-xs);overflow:hidden;margin-bottom:6px}.theme-swatch{border-radius:2px}.theme-swatch-text{border-radius:2px;display:flex;align-items:center;justify-content:center}.theme-card-info{min-width:0}.theme-card-name{font-size:12px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:4px;margin-bottom:2px}.theme-check{color:var(--accent);font-weight:700;font-size:11px}.theme-card-desc{font-size:10px;color:var(--text-muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.theme-empty{grid-column:1 / -1;text-align:center;padding:24px;color:var(--text-muted);font-size:13px}[data-theme] .app-layout:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,var(--scanline-opacity, 0)) 1px,rgba(0,0,0,var(--scanline-opacity, 0)) 2px);opacity:var(--scanline-opacity, 0)}[data-theme="8-bit"] *{border-radius:0!important}[data-theme="8-bit"] .space-bar-item,[data-theme="8-bit"] .room-item .room-name,[data-theme="8-bit"] .message-author,[data-theme="8-bit"] .channel-header .channel-name,[data-theme="8-bit"] .room-sidebar-header .space-name{font-family:"Press Start 2P",monospace!important;font-size:10px!important}[data-theme=handheld] .message-content,[data-theme=redline] .message-content,[data-theme=terminal] .message-content{text-shadow:0 0 2px currentColor}.room-sidebar{background:var(--bg-darker)}[data-theme=split] .room-sidebar,[data-theme=split] .member-sidebar{color:#d0d0e0}[data-theme=split] .room-sidebar .space-name,[data-theme=split] .room-sidebar .room-name,[data-theme=split] .member-sidebar .member-name,[data-theme=split] .room-sidebar .room-category{color:#c8c8dc}[data-theme=split] .room-sidebar .room-item.active .room-name{color:#fff}[data-theme=split] .room-sidebar .room-item{color:#9898b0}[data-theme=split] .room-sidebar .room-item:hover{color:#c8c8dc}[data-theme=split] .user-panel .username{color:#d0d0e0}[data-theme=split] .user-panel .user-status{color:#8888a0}[data-theme=sunset] .room-sidebar .room-name,[data-theme=sunset] .room-sidebar .space-name,[data-theme=sunset] .room-sidebar .room-category,[data-theme=sunset] .member-sidebar .member-name,[data-theme=sunset] .user-panel .username,[data-theme=aurora] .room-sidebar .room-name,[data-theme=aurora] .room-sidebar .space-name,[data-theme=aurora] .room-sidebar .room-category,[data-theme=aurora] .member-sidebar .member-name,[data-theme=aurora] .user-panel .username{text-shadow:0 1px 4px rgba(0,0,0,.8);color:#fff}[data-theme=ocean] .room-sidebar .room-name,[data-theme=ocean] .room-sidebar .space-name,[data-theme=ocean] .room-sidebar .room-category,[data-theme=ocean] .member-sidebar .member-name,[data-theme=ocean] .user-panel .username{text-shadow:0 1px 3px rgba(0,0,0,.6);color:#e8f4ff}[data-theme=ember] .room-sidebar .room-name,[data-theme=ember] .room-sidebar .space-name,[data-theme=ember] .room-sidebar .room-category,[data-theme=ember] .member-sidebar .member-name,[data-theme=ember] .user-panel .username{text-shadow:0 1px 4px rgba(0,0,0,.8);color:#fff}[data-theme=sunset] .room-sidebar,[data-theme=aurora] .room-sidebar,[data-theme=ocean] .room-sidebar,[data-theme=ember] .room-sidebar{background:var(--bg-darker);position:relative}[data-theme=sunset] .room-sidebar:before,[data-theme=aurora] .room-sidebar:before,[data-theme=ember] .room-sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;pointer-events:none;z-index:0}[data-theme=ocean] .room-sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;pointer-events:none;z-index:0}[data-theme=sunset] .room-sidebar>*,[data-theme=aurora] .room-sidebar>*,[data-theme=ocean] .room-sidebar>*,[data-theme=ember] .room-sidebar>*{position:relative;z-index:1}[data-theme=terminal] .space-bar-item,[data-theme=terminal] .room-item .room-name,[data-theme=terminal] .message-content,[data-theme=terminal] .channel-header .channel-name,[data-theme=terminal] .room-sidebar-header .space-name,[data-theme=terminal] .member-item .member-name{font-family:Fira Code,Consolas,monospace}.modal-large.has-theme-picker{max-width:860px}.dm-list{display:flex;flex-direction:column;height:100%}.dm-tabs{display:flex;border-bottom:1px solid var(--bg-lighter);padding:0}.dm-tab{flex:1;padding:10px 8px;font-size:12px;font-weight:600;background:transparent;border:none;color:var(--text-muted);cursor:pointer;text-align:center;transition:color .15s,border-color .15s;border-bottom:2px solid transparent;position:relative}.dm-tab:hover{color:var(--text-primary)}.dm-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.friend-badge{background:var(--danger, #ef4444);color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:999px;margin-left:6px;min-width:16px;text-align:center}.dm-channel-list{flex:1;overflow-y:auto;padding:4px 0}.dm-channel-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .1s;border-radius:var(--radius-md);margin:0 4px}.dm-channel-item:hover{background:var(--bg-lighter)}.dm-channel-item.active{background:var(--accent-dim, rgba(99, 102, 241, .15))}.dm-avatar{position:relative;width:36px;height:36px;border-radius:50%;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0;overflow:hidden}.dm-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dm-avatar .status-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border:2.5px solid var(--bg-dark)}.dm-info{flex:1;min-width:0}.dm-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-preview{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-time{font-size:11px;color:var(--text-muted);flex-shrink:0}.dm-header-avatar{position:relative;width:28px;height:28px;border-radius:50%;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;overflow:hidden;margin-right:8px}.dm-header-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dm-header-avatar .status-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border:2px solid var(--bg-dark)}.friends-list{flex:1;overflow-y:auto;padding:4px 0}.friends-section{margin-bottom:8px}.friends-section-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:8px 16px 4px;letter-spacing:.5px}.friend-item{display:flex;align-items:center;gap:10px;padding:6px 12px;margin:0 4px;border-radius:var(--radius-md);transition:background .1s}.friend-item:hover{background:var(--bg-lighter)}.friend-actions{display:flex;gap:4px;flex-shrink:0}.btn-danger{background:var(--danger, #ef4444);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:opacity .15s}.btn-danger:hover{opacity:.9}.mobile-backdrop,.mobile-menu-btn,.mobile-members-btn{display:none}@media(min-width:769px)and (max-width:1024px){.member-sidebar{display:none}.member-sidebar.tablet-visible{display:flex;width:220px!important}.space-bar-item{padding:6px 10px;font-size:12px}.space-bar-icon{width:22px;height:22px;font-size:11px}.room-sidebar{width:220px}.thread-panel{width:320px;min-width:280px}}@media(max-width:768px){.app-layout{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.app-body{flex-direction:column;position:relative;flex:1;min-height:0}.space-bar{height:auto;min-height:44px;padding:6px 8px;gap:4px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;flex-shrink:0}.space-bar-item{padding:4px 8px;height:32px;font-size:12px;gap:6px}.space-bar-item span{display:none}.space-bar-item.home-btn{padding:4px 8px;font-size:16px}.space-bar-icon{width:28px;height:28px;font-size:12px}.space-bar-add{width:32px;height:32px;font-size:16px}.space-bar-divider{height:20px;margin:0 4px}.space-folder{padding:1px}.space-folder-header{padding:2px 4px;font-size:10px}.space-folder-stacked-icon{width:18px;height:18px;font-size:8px}.space-bar-gap{width:2px;height:24px}.space-folder-name{display:none}.room-sidebar{position:fixed;left:0;top:0;bottom:0;width:85vw!important;max-width:320px;z-index:100;transform:translate(-100%);transition:transform .25s ease;box-shadow:none;border-right:1px solid var(--border)}.room-sidebar.mobile-open{transform:translate(0);box-shadow:var(--shadow-xl)}.member-sidebar{position:fixed;right:0;top:0;bottom:0;width:85vw!important;max-width:320px;z-index:100;transform:translate(100%);transition:transform .25s ease;box-shadow:none;display:flex!important;overflow-y:auto}.member-sidebar.mobile-open{transform:translate(0);box-shadow:var(--shadow-xl)}.member-sidebar.collapsed{width:0!important;transform:translate(100%);display:flex!important}.mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;animation:fadeIn .15s ease;-webkit-tap-highlight-color:transparent}.main-content{flex:1;min-height:0;width:100%}.channel-header{padding:0 8px;gap:6px}.mobile-menu-btn,.mobile-members-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:18px;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-menu-btn:hover,.mobile-members-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.resize-handle{display:none!important}.message-input-container{padding:6px 8px 8px}.message-input{font-size:16px!important;padding:8px}.message-input-wrapper{padding:2px}.input-btn,.input-action-btn{width:36px;height:36px;min-width:36px;min-height:36px}.user-panel{padding:6px 8px}.user-panel-actions{gap:1px}.user-panel-actions button{width:32px;height:32px;min-width:32px;min-height:32px}.room-item{padding:10px 12px 10px 16px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.room-category{padding:16px 10px 6px 16px;min-height:36px}.room-category .category-add{opacity:1;width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center}.member-item{padding:10px 12px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,[role=button]{touch-action:manipulation}.channel-header-actions button{width:36px;height:36px;min-width:36px;min-height:36px}.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:100%;max-height:85dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:20px 16px;animation:slideUpMobile .25s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-large{max-width:100%;max-height:100dvh;height:100dvh;border-radius:0;flex-direction:column;overflow:hidden}.modal-large .modal-close{position:fixed;top:12px;right:12px;z-index:100;background:var(--bg-darker);border:1px solid var(--border);box-shadow:0 2px 8px #0000004d;width:36px;height:36px;font-size:20px}.modal-large .modal-sidebar{width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--border);padding:8px;flex-shrink:0;gap:4px;-webkit-overflow-scrolling:touch}.modal-large .modal-sidebar-item{white-space:nowrap;flex-shrink:0;margin-bottom:0}.modal-large .modal-sidebar-label,.modal-large .modal-sidebar-separator{display:none}.modal-large .modal-body{padding:16px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,16px)}.modal-large .modal-body .settings-section,.modal-large .modal-body .form-group{max-width:100%;overflow-x:hidden}.modal-large .settings-item-list{max-height:none;overflow-y:visible}.modal-large .modal-body input[type=text],.modal-large .modal-body input[type=email],.modal-large .modal-body input[type=password],.modal-large .modal-body input[type=url],.modal-large .modal-body textarea,.modal-large .modal-body select{width:100%;box-sizing:border-box;font-size:16px}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{width:100%;min-height:44px}.emoji-picker{width:100vw;max-width:100vw;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:50vh}.emoji-picker-anchor,.message-emoji-picker-anchor{position:fixed;bottom:0;left:0;right:0;margin-bottom:0;z-index:1100}.emoji-grid{grid-template-columns:repeat(8,1fr)}.emoji-cell{font-size:24px;min-width:40px;min-height:40px}.thread-panel{position:fixed;top:0;right:0;bottom:0;left:0;width:100%!important;min-width:100%;z-index:90;border-left:none}.search-panel-overlay{padding-top:0}.search-panel{max-width:100%;max-height:100vh;border-radius:0}.pinned-messages-dropdown{width:calc(100vw - 16px);max-width:100%;right:8px}.profile-card{position:fixed;bottom:0;left:0;right:0;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUpMobile .25s ease;max-height:75dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.profile-hover-card{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUpMobile .2s ease;max-height:60dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.context-menu{position:fixed;left:50%!important;top:auto!important;bottom:16px;transform:translate(-50%);width:calc(100vw - 32px);max-width:320px;max-height:60dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg)}.context-menu-item{padding:12px 14px;min-height:44px}.notification-container{left:16px;right:16px;max-width:none}.voice-panel{margin:4px;padding:8px}.voice-controls button{min-height:44px;font-size:14px}.voice-video-area{max-height:50vh}.voice-pip{bottom:60px;right:8px;left:8px;width:auto;max-width:none}.link-preview-card,.inline-image-gallery{max-width:100%}.formatting-toolbar{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.formatting-btn{min-width:36px;min-height:36px}.template-grid{grid-template-columns:repeat(2,1fr)}.welcome-screen{padding:24px 16px}.welcome-screen .welcome-icon{font-size:48px}.welcome-screen h2{font-size:18px}.login-card,.onboarding-card{margin:16px;padding:24px 20px}.mention-autocomplete{max-height:200px}.mention-item{padding:10px 16px;min-height:44px}.scheduler-datetime{flex-direction:column;gap:8px}.theme-grid,.permission-grid,.search-filters{grid-template-columns:1fr}.image-lightbox-nav.prev{left:4px}.image-lightbox-nav.next{right:4px}.image-lightbox-nav{width:40px;height:40px;font-size:22px}body.mobile-sidebar-open{overflow:hidden}.subscription-banner{font-size:12px;padding:6px 12px}.tooltip{display:none!important}.message-hover-actions,.message-actions{display:none}.message.mobile-active .message-actions{display:flex;position:fixed;bottom:0;left:0;right:0;top:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:8px;gap:4px;justify-content:center;z-index:200;background:var(--bg-darker);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg)}.message.mobile-active .message-action-btn{width:44px;height:44px;font-size:18px}.dm-channel-item,.friend-item{padding:10px 12px;min-height:44px}.pinned-messages-dropdown{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;max-height:70dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUpMobile .2s ease}.room-notification-menu,.dm-notification-menu{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-height:60dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUpMobile .2s ease}.reaction-picker,.reaction-picker-container{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-width:100%!important;max-height:50dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-large.has-theme-picker{height:100dvh;max-height:100dvh}.modal-large.has-theme-picker .modal-body{overflow-y:auto;-webkit-overflow-scrolling:touch}.theme-grid{grid-template-columns:1fr;gap:8px}.settings-section{margin-bottom:24px}.dropdown,[class*=dropdown],[class*=popover],[class*=menu-popup]{max-height:70dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.skin-tone-dropdown{position:fixed!important;bottom:60px!important;left:50%!important;top:auto!important;transform:translate(-50%)}.permission-toggles{max-height:50dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.create-space-modal,.join-space-modal{max-height:85dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-layout{padding-top:var(--safe-area-top);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.message-group{content-visibility:auto;contain-intrinsic-height:80px}.action-sheet-backdrop,.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--sheet-backdrop);z-index:200;animation:fadeIn .15s ease}.action-sheet-container{position:fixed;bottom:0;left:0;right:0;z-index:201;background:var(--bg-dark);border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;padding:8px 0 calc(var(--safe-area-bottom) + 8px);animation:slideUpSheet .25s cubic-bezier(.4,0,.2,1);max-height:80vh;overflow-y:auto}.action-sheet-title{padding:12px 16px 8px;font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.action-sheet-item{display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:var(--touch-target-comfortable);color:var(--text-primary);font-size:15px;border:none;background:none;width:100%;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.action-sheet-item:active{background:var(--bg-hover)}.action-sheet-item.danger{color:var(--danger)}.action-sheet-item.disabled{opacity:.5;pointer-events:none}.action-sheet-item .action-sheet-icon{width:20px;text-align:center;flex-shrink:0}.action-sheet-cancel{display:flex;align-items:center;justify-content:center;padding:14px 16px;min-height:var(--touch-target-comfortable);color:var(--text-secondary);font-size:15px;font-weight:600;border:none;background:none;width:100%;cursor:pointer;border-top:1px solid var(--border);margin-top:4px;-webkit-tap-highlight-color:transparent}.action-sheet-cancel:active{background:var(--bg-hover)}.bottom-sheet-container{position:fixed;bottom:0;left:0;right:0;z-index:201;background:var(--bg-dark);border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;animation:slideUpSheet .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;max-height:90vh}.bottom-sheet-handle{display:flex;justify-content:center;padding:10px 0 6px;cursor:grab;flex-shrink:0}.bottom-sheet-handle-pill{width:40px;height:4px;background:var(--text-muted);border-radius:var(--radius-full);opacity:.5}.bottom-sheet-title{padding:4px 16px 12px;font-size:16px;font-weight:600;color:var(--text-primary);text-align:center;flex-shrink:0}.bottom-sheet-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--safe-area-bottom) + 8px)}body.mobile-sheet-open{overflow:hidden;touch-action:none}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.voice-participants-grid{display:grid;grid-template-columns:repeat(auto-fill,28px);gap:4px;padding:4px 8px 8px 32px;max-width:100%}.voice-participant-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-primary);overflow:hidden;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;position:relative}.voice-participant-avatar:hover{transform:scale(1.15);box-shadow:0 0 0 2px var(--accent)}.voice-participant-avatar img{width:100%;height:100%;object-fit:cover}.profile-hover-card{position:fixed;width:280px;background:var(--bg-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-strong);z-index:2000;animation:slideUp .12s ease;overflow:hidden;pointer-events:auto}.profile-hover-card-banner{height:48px;background:linear-gradient(135deg,var(--accent-dim),var(--bg-lighter))}.profile-hover-card-avatar{width:52px;height:52px;border-radius:var(--radius-full);background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--text-primary);border:3px solid var(--bg-dark);margin:-26px 0 0 14px;position:relative;overflow:hidden}.profile-hover-card-avatar img{width:100%;height:100%;object-fit:cover}.profile-hover-card-body{padding:6px 14px 14px}.profile-hover-card-name{font-size:15px;font-weight:700;color:var(--text-primary);margin-top:2px}.profile-hover-card-status{font-size:11px;color:var(--text-muted);margin-top:2px}.profile-hover-card-custom-status{font-size:12px;color:var(--text-secondary);margin-top:4px;font-style:italic}.profile-hover-card-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.phc-action-btn{flex:1 1 calc(50% - 2px);min-width:0;padding:4px 8px;font-size:11px;font-weight:500;border:none;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phc-action-btn:hover{background:var(--accent-dim);color:var(--text-primary)}.phc-action-danger:hover{background:#ef444433;color:#f87171}.system-banner-container{position:relative;z-index:1000}.system-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--accent);color:#fff;font-size:14px;font-weight:500;animation:banner-slide-in .3s ease-out}.system-banner+.system-banner{border-top:1px solid rgba(255,255,255,.2)}.system-banner-icon{flex-shrink:0;font-size:16px}.system-banner-text{flex:1;min-width:0}.system-banner-dismiss{flex-shrink:0;background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .15s}.system-banner-dismiss:hover{background:#ffffff59}@keyframes banner-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.report-modal-disclaimer{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px;font-size:13px;line-height:1.5}.report-modal-disclaimer h4{margin:0 0 8px;color:#f59e0b;font-size:14px}.report-modal-disclaimer ul{margin:4px 0;padding-left:20px}.report-modal-disclaimer li{color:var(--text-muted);margin-bottom:2px}.report-modal-disclaimer p{margin:8px 0 0;color:var(--text-muted);font-style:italic;font-size:12px}.send-btn{color:var(--accent)!important;transition:color var(--transition-fast),transform var(--transition-fast)}.send-btn:hover{color:var(--accent-hover)!important;transform:scale(1.1)}.send-btn:active{transform:scale(.95)}.input-submenu-wrapper{position:relative;display:flex;align-items:center}.input-submenu-popup{position:absolute;bottom:100%;left:0;margin-bottom:6px;background:var(--bg-darker);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;padding:4px;min-width:180px;animation:contextMenuIn .1s ease}.input-submenu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);width:100%;white-space:nowrap}.input-submenu-item:hover{background:var(--accent);color:var(--bg-darkest)}.mobile-menu-btn{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;font-size:20px!important;border-radius:var(--radius-md)!important;background:var(--bg-medium);border:1px solid var(--border-strong);color:var(--text-primary)!important;display:flex!important;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;z-index:5}.mobile-menu-btn:hover{background:var(--bg-lighter)!important}.mobile-menu-btn:active{background:var(--accent-bg-strong)!important}@keyframes hamburgerPulse{0%{box-shadow:0 0 #2dd4bf80}50%{box-shadow:0 0 0 8px #2dd4bf00}to{box-shadow:0 0 #2dd4bf00}}.mobile-menu-btn.hamburger-pulse{animation:hamburgerPulse 2s ease-in-out 3;border-color:var(--accent)}.space-bar{transition:max-height .3s ease,opacity .3s ease,padding .3s ease;overflow:hidden}.space-bar.space-bar-hidden{max-height:0;opacity:0;padding-top:0;padding-bottom:0;min-height:0;border-bottom:none}@media(max-width:768px){.member-sidebar{flex-direction:column!important}.member-sidebar .member-item{flex-direction:row!important;width:100%!important}.member-sidebar .member-category{width:100%!important}.input-submenu-popup{position:fixed!important;bottom:60px!important;left:8px!important;right:8px!important;min-width:unset;border-radius:var(--radius-lg)}.input-submenu-item{padding:14px 16px;min-height:44px;font-size:15px}.emoji-picker-mobile .emoji-grid button{width:48px;height:48px;font-size:28px}.emoji-picker-mobile .emoji-categories{gap:2px}.emoji-picker-mobile .emoji-categories button{min-width:44px;min-height:44px}.search-panel-mobile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;border-radius:0;width:100%!important}.search-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;color:var(--text-primary);font-size:18px;flex-shrink:0;cursor:pointer}.thread-mobile-header{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-dark);flex-shrink:0}.thread-back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-primary);font-size:16px;font-weight:600;padding:8px 4px;cursor:pointer;min-height:44px}.formatting-toolbar-mobile button{min-width:44px;min-height:44px;font-size:16px}.reaction-chip{min-height:36px;padding:4px 10px;font-size:14px}.mention-autocomplete,.emoji-colon-autocomplete{max-height:180px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mention-autocomplete .mention-item,.emoji-colon-autocomplete .emoji-colon-item{min-height:44px;padding:8px 12px}.login-mobile{padding:16px;max-width:100%}.login-mobile input{font-size:16px;padding:12px;min-height:48px}.login-mobile button[type=submit]{width:100%;min-height:48px;font-size:16px}.login-mobile .login-social-buttons{flex-direction:column}.message .message-actions,.message .message-timestamp-hover{display:none!important}.mobile-voice-controls{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 12px);background:var(--bg-darker);border-top:1px solid var(--border);z-index:51}.voice-control-btn{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-primary);background:var(--bg-dark);cursor:pointer;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.voice-control-btn:active{background:var(--bg-hover)}.voice-control-btn.active{background:var(--accent);color:var(--bg-darkest)}.voice-control-btn.muted,.voice-control-btn.deafened,.voice-control-btn.leave-btn{background:var(--danger);color:#fff}.voice-channel-mobile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:var(--bg-darkest);padding-bottom:88px}.voice-pip-mobile{bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important;left:8px!important;right:8px!important;width:auto!important;max-width:none!important;transform:none!important}.voice-pip-mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;font-size:14px;color:var(--text-secondary)}.voice-pip-mobile-bar button{background:var(--bg-hover);border:none;color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;min-height:36px}.voice-pip-mobile-bar .voice-pip-leave{background:var(--danger);color:#fff}.dm-call-incoming-mobile{padding:48px 24px calc(env(safe-area-inset-bottom,0px) + 48px)}.dm-call-incoming-mobile .dm-call-accept-btn,.dm-call-incoming-mobile .dm-call-reject-btn{width:72px;height:72px;font-size:28px}.dm-call-pip-mobile{bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important;left:8px!important;right:8px!important;width:auto!important;transform:none!important}.voice-settings-mobile{position:fixed;bottom:0;left:0;right:0;max-height:60vh;border-radius:16px 16px 0 0;z-index:52;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}}.emoji-grid-custom .emoji-cell-custom-img{width:28px;height:28px}.inline-edit-wrapper{display:flex;flex-direction:column;gap:6px;width:100%}.inline-edit-textarea{width:100%;min-height:44px;max-height:200px;padding:8px 12px;background:var(--bg-dark);border:1px solid var(--accent);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit;line-height:1.4;resize:vertical;outline:none}.inline-edit-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #5865f240}.inline-edit-actions{display:flex;align-items:center;gap:8px}.inline-edit-save{padding:3px 12px;border-radius:4px;border:none;background:var(--accent);color:#fff;font-size:12px;font-weight:600;cursor:pointer}.inline-edit-save:hover{opacity:.9}.inline-edit-cancel{padding:3px 12px;border-radius:4px;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer}.inline-edit-cancel:hover{color:var(--text-primary);text-decoration:underline}.inline-edit-hint{font-size:11px;color:var(--text-muted);margin-left:auto}.message.editing{background:#5865f20f}.context-menu{position:fixed;z-index:1000;min-width:180px;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;padding:4px 0;box-shadow:0 4px 16px #0006}.context-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.context-menu-item:hover{background:var(--accent);color:#fff}.context-menu-item.danger{color:var(--danger)}.context-menu-item.danger:hover{background:var(--danger);color:#fff}.context-menu-item.disabled{opacity:.4;cursor:default}.context-menu-item.disabled:hover{background:transparent;color:var(--text-primary)}.context-menu-separator{height:1px;background:var(--border);margin:4px 8px}.context-icon{width:16px;text-align:center;font-size:13px;opacity:.8}@keyframes warningPulse{0%,to{background-color:#ffc80026}50%{background-color:#ffc8004d}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--quality-excellent: #22c55e;--quality-good: #22c55e;--quality-fair: #f59e0b;--quality-poor: #ef4444}.voice-channel{display:flex;flex-direction:column;background:var(--bg-darker);border-top:1px solid var(--border)}.voice-error{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ef444426;border-bottom:1px solid rgba(239,68,68,.3);color:var(--danger);font-size:12px;gap:8px}.voice-error-close{color:var(--danger);font-size:14px;padding:2px 4px;border-radius:var(--radius-sm)}.voice-error-close:hover{background:#ef444433}.voice-video-area{width:100%;max-height:60vh;overflow:hidden}.voice-panel-v2{padding:12px}.voice-panel-header-v2{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.voice-panel-status{display:flex;align-items:center;gap:6px}.voice-status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-online);animation:voicePulse 2s ease-in-out infinite}@keyframes voicePulse{0%,to{opacity:1}50%{opacity:.5}}.voice-panel-title-v2{font-size:12px;font-weight:600;color:var(--status-online);text-transform:uppercase;letter-spacing:.04em}.voice-panel-room{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.voice-participants-list{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;max-height:200px;overflow-y:auto}.voice-participant-v2{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--radius-sm);transition:background .15s}.voice-participant-v2:hover{background:var(--bg-hover)}.voice-participant-v2.speaking{background:#2dd4bf14}.participant-avatar-v2{width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-primary);flex-shrink:0;transition:box-shadow .2s}.participant-avatar-v2.speaking{box-shadow:0 0 0 2px var(--status-online),0 0 8px #22c55e66;animation:speakingPulse 1.5s ease-in-out infinite}@keyframes speakingPulse{0%,to{box-shadow:0 0 0 2px var(--status-online),0 0 8px #22c55e66}50%{box-shadow:0 0 0 3px var(--status-online),0 0 12px #22c55e99}}.participant-info{flex:1;min-width:0;display:flex;flex-direction:column}.participant-name-v2{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-you{color:var(--text-muted);font-size:11px}.participant-indicators{display:flex;align-items:center;gap:4px}.indicator-icon{font-size:10px;opacity:.7}.indicator-icon.muted,.indicator-icon.deafened{opacity:.9}.quality-dot{width:6px;height:6px;border-radius:50%}.quality-dot.quality-excellent{background:var(--quality-excellent)}.quality-dot.quality-good{background:var(--quality-good)}.quality-dot.quality-fair{background:var(--quality-fair)}.quality-dot.quality-poor{background:var(--quality-poor)}.participant-audio-viz{flex-shrink:0}.voice-controls-v2{display:flex;gap:4px;padding-top:8px;border-top:1px solid var(--border);align-items:center;justify-content:center}.voice-control-btn{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--bg-light);color:var(--text-secondary);transition:background .15s,color .15s,transform .1s;flex-shrink:0;position:relative}.voice-control-btn:hover{background:var(--bg-lighter);color:var(--text-primary);transform:scale(1.05)}.voice-control-btn:active{transform:scale(.95)}.voice-control-btn.active{background:var(--bg-lighter)}.voice-control-btn.active.danger{background:var(--danger);color:#fff}.voice-control-btn.active.danger:hover{background:var(--danger-hover)}.voice-control-btn.active.accent{background:var(--accent-dim);color:#fff}.voice-control-btn.disconnect{background:var(--danger);color:#fff}.voice-control-btn.disconnect:hover{background:var(--danger-hover)}.control-icon{font-size:14px;line-height:1}.settings-container{position:relative}.settings-popover{position:absolute;bottom:44px;right:0;width:300px;background:var(--bg-dark);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.settings-popover.settings-popover-portal{position:fixed;bottom:auto;right:auto;z-index:2000}.voice-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .12s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.voice-settings-modal{width:380px;max-width:90vw;max-height:80vh;background:var(--bg-dark);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;animation:slideUp .2s ease;display:flex;flex-direction:column}.voice-settings-modal .settings-popover-body{flex:1;overflow-y:auto}.voice-settings-device-error{padding:8px 12px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--danger);font-size:12px;font-weight:500}.layout-picker-container{position:relative}.layout-picker-dropdown{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:var(--bg-dark);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;padding:4px;display:flex;flex-direction:column;gap:1px;min-width:120px;animation:slideUp .12s ease}.layout-picker-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s;white-space:nowrap;background:none;border:none}.layout-picker-item:hover{background:var(--bg-hover);color:var(--text-primary)}.layout-picker-item.active{background:var(--accent-bg-strong);color:var(--accent)}.settings-popover-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.settings-popover-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.settings-close{color:var(--text-muted);font-size:14px;padding:2px 6px;border-radius:var(--radius-sm)}.settings-close:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-popover-body{padding:12px 16px;display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.settings-group{display:flex;flex-direction:column;gap:4px}.settings-group.row{flex-direction:row;align-items:center;justify-content:space-between}.settings-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.settings-select{width:100%;padding:6px 8px;background:var(--bg-medium);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none;cursor:pointer}.settings-select:focus{border-color:var(--accent)}.settings-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-lighter);border-radius:2px;outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-dark)}.settings-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-dark)}.settings-value{font-size:11px;color:var(--text-muted);text-align:right}.settings-divider{height:1px;background:var(--border);margin:4px 0}.settings-toggle{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--bg-lighter);border-radius:20px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:var(--text-secondary);border-radius:50%;transition:transform .2s,background .2s}.settings-toggle input:checked+.toggle-slider{background:var(--accent-dim)}.settings-toggle input:checked+.toggle-slider:before{transform:translate(16px);background:var(--accent)}.video-grid{position:relative;width:100%;background:var(--bg-darkest);display:grid;gap:4px;padding:4px}.video-grid.audio-only{display:block;padding:12px}.audio-participant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.video-grid.grid-1{grid-template-columns:1fr;aspect-ratio:16 / 9;max-height:50vh}.video-grid.grid-2{grid-template-columns:1fr 1fr;aspect-ratio:32 / 9;max-height:40vh}.video-grid.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;max-height:50vh}.video-grid.grid-6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;max-height:50vh}.video-grid.grid-8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;max-height:50vh}.video-grid.spotlight-mode{display:flex;flex-direction:column}.spotlight-layout{display:flex;flex-direction:column;width:100%;height:100%}.spotlight-main{flex:4;min-height:0}.spotlight-strip{flex:1;display:flex;gap:4px;overflow-x:auto;padding:4px 0;align-items:center}.pip-btn{width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-medium);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.pip-btn:hover{background:var(--bg-light);color:var(--text-primary)}.pip-btn.small{width:24px;height:24px;font-size:12px}.video-tile{position:relative;background:var(--bg-medium);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:80px}.video-tile.spotlight{flex:1;width:100%;min-height:200px}.video-tile.small{width:120px;height:80px;flex-shrink:0;border-radius:var(--radius-sm)}.video-tile.speaking{box-shadow:0 0 0 2px var(--status-online),0 0 12px #22c55e4d}.video-tile.no-video{background:var(--bg-medium)}.video-tile-video{width:100%;height:100%;object-fit:cover}.video-tile-video.mirrored{transform:scaleX(-1)}.video-tile-overlay{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;background:linear-gradient(transparent,#000000b3);display:flex;align-items:center;justify-content:space-between;opacity:0;transition:opacity .2s}.video-tile-overlay.visible,.video-tile:hover .video-tile-overlay{opacity:1}.video-tile-name{font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.video-tile-name.small{font-size:10px}.video-tile-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;min-height:80px}.video-tile-placeholder.small{gap:4px;min-height:60px}.video-tile-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--text-primary);transition:box-shadow .2s}.video-tile-avatar.large{width:72px;height:72px;font-size:28px}.video-tile-avatar.small{width:32px;height:32px;font-size:14px}.video-tile-avatar.speaking{box-shadow:0 0 0 3px var(--status-online),0 0 16px #22c55e80;animation:speakingPulse 1.5s ease-in-out infinite}.audio-participant-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--bg-medium);border-radius:var(--radius-md);transition:background .15s;cursor:default;position:relative}.audio-participant-tile.speaking{background:#2dd4bf14}.audio-participant-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--text-primary);transition:box-shadow .2s}.audio-participant-avatar.speaking{box-shadow:0 0 0 3px var(--status-online),0 0 16px #22c55e80;animation:speakingPulse 1.5s ease-in-out infinite}.audio-participant-name{font-size:12px;color:var(--text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.audio-participant-indicators{display:flex;align-items:center;gap:4px;min-height:16px}.muted-icon{font-size:12px}.quality-indicator{display:flex;align-items:flex-end;gap:1px;height:14px}.quality-bar{width:3px;border-radius:1px;transition:background-color .3s}.video-grid.video-grid-popout{flex:1;max-height:none;height:100%}.video-grid.video-grid-popout.audio-only{display:flex;align-items:center;justify-content:center}.video-grid.video-grid-popout.grid-1,.video-grid.video-grid-popout.grid-2,.video-grid.video-grid-popout.grid-4,.video-grid.video-grid-popout.grid-6,.video-grid.video-grid-popout.grid-8{max-height:none;aspect-ratio:unset}.voice-popout-container{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-darkest);color:var(--text-primary);overflow:hidden}.voice-popout-body{flex:1;display:flex;min-height:0;overflow:hidden}.voice-popout-grid{flex:1;display:flex;min-width:0;overflow:hidden}.voice-popout-participants{width:220px;flex-shrink:0;background:var(--bg-darker);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.voice-popout-participants-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.voice-popout-collapse-btn{width:20px;height:20px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:11px;background:none}.voice-popout-collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.voice-popout-participants-list{flex:1;overflow-y:auto;padding:4px 6px;display:flex;flex-direction:column;gap:2px}.voice-popout-controls{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-dark);border-top:1px solid var(--border);gap:12px}.voice-popout-room-info{display:flex;align-items:center;gap:8px;min-width:0}.voice-popout-room-name{font-size:13px;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-popout-buttons{display:flex;gap:4px;align-items:center;flex-shrink:0}.voice-popout-mini{padding:12px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.voice-popout-mini-header{display:flex;align-items:center;gap:6px}.voice-popout-mini-title{font-size:12px;font-weight:600;color:var(--status-online);text-transform:uppercase;letter-spacing:.04em}.voice-popout-mini-room{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.voice-popout-mini-label{font-size:11px;color:var(--text-muted);margin:2px 0}.voice-popout-return-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:8px 12px;background:var(--bg-light);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.voice-popout-return-btn:hover{background:var(--bg-lighter);color:var(--text-primary);border-color:var(--accent)}.audio-visualizer{display:block}.layout-toolbar{display:flex;align-items:center;justify-content:space-between;padding:2px 6px;background:var(--bg-dark);border-bottom:1px solid var(--border);gap:4px;z-index:10;position:relative;grid-column:1 / -1;min-height:28px}.layout-toolbar-modes,.layout-toolbar-actions{display:flex;gap:1px;align-items:center}.layout-mode-btn{display:flex;align-items:center;justify-content:center;padding:3px 6px;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:11px;cursor:pointer;transition:background .15s,color .15s;border:1px solid transparent;white-space:nowrap;gap:0}.layout-mode-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.layout-mode-btn.active{background:var(--accent-dim);color:var(--text-primary);border-color:var(--accent)}.layout-mode-icon{font-size:12px;line-height:1}.layout-mode-label{display:none}.layout-action-btn{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;transition:background .15s,color .15s;border:1px solid transparent}.layout-action-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.layout-action-btn.active{background:var(--accent-dim);color:var(--text-primary);border-color:var(--accent)}.participant-controls{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity .2s;z-index:5}.video-tile:hover .participant-controls,.audio-participant-tile:hover .participant-controls{opacity:1}.participant-control-btn{width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;font-size:12px;cursor:pointer;transition:background .15s;border:none;padding:0}.participant-control-btn:hover{background:#000c}.participant-control-btn.active{background:var(--accent-dim)}.volume-control-wrapper{position:relative}.volume-slider-popup{position:absolute;top:30px;right:0;background:var(--bg-dark);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:4px;z-index:20;min-width:120px;box-shadow:var(--shadow-lg)}.volume-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-lighter);border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-dark)}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-dark)}.volume-value{font-size:10px;color:var(--text-muted);text-align:center}.local-muted-indicator{position:absolute;top:4px;left:4px;font-size:12px;background:#ef4444cc;border-radius:var(--radius-sm);padding:1px 3px;z-index:3}.participant-context-menu{position:fixed;z-index:1000;background:var(--bg-dark);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;min-width:180px}.context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;border:none;text-align:left;transition:background .15s,color .15s}.context-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.context-menu-item.volume-item{flex-direction:column;align-items:stretch;gap:4px;cursor:default}.context-menu-item.volume-item:hover{background:transparent}.context-menu-item.volume-item span:first-child{display:flex;align-items:center;gap:8px}.video-grid.theater-mode{display:flex;flex-direction:column}.theater-layout{display:flex;width:100%;height:100%;flex:1}.theater-main{flex:0 0 85%;min-height:200px;display:flex}.theater-main-tile{width:100%}.theater-strip{flex:0 0 15%;display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding:4px;align-items:center;background:var(--bg-darker);border-left:1px solid var(--border)}.theater-strip .video-tile.small{width:100%;height:auto;aspect-ratio:16 / 9}.video-grid.presentation-mode{display:flex;flex-direction:column}.presentation-layout{position:relative;width:100%;height:100%;flex:1;display:flex}.presentation-main{flex:1;display:flex}.presentation-main-tile{width:100%}.presentation-floating-participants{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;z-index:10}.floating-circle{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--bg-medium);border:2px solid var(--bg-dark);box-shadow:0 2px 8px #0006;cursor:pointer;transition:transform .15s,box-shadow .2s}.floating-circle:hover{transform:scale(1.1)}.floating-circle.speaking{border-color:var(--status-online);box-shadow:0 0 0 2px var(--status-online),0 2px 8px #22c55e66}.floating-circle-video{width:100%;height:100%;object-fit:cover}.floating-circle-video.mirrored{transform:scaleX(-1)}.floating-circle-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--text-primary);background:var(--accent-dim)}.screen-share-banner{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#3b82f626;border-bottom:1px solid rgba(59,130,246,.3);color:var(--text-primary);font-size:12px;cursor:pointer;transition:background .15s;grid-column:1 / -1;z-index:5}.screen-share-banner:hover{background:#3b82f640}.screen-share-banner-icon{font-size:14px}.screen-share-banner-text{font-weight:600;flex:1}.screen-share-stats{font-size:10px;color:var(--text-muted);font-family:monospace}.screen-share-banner-hint{font-size:10px;color:var(--text-muted)}.screen-share-quality-overlay{position:absolute;top:8px;right:8px;background:#000000b3;color:var(--text-muted);font-size:10px;font-family:monospace;padding:2px 6px;border-radius:var(--radius-sm);z-index:3}.hd-badge{display:inline-block;background:var(--accent-dim);color:var(--accent);font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;margin-left:4px;vertical-align:middle;letter-spacing:.05em}.stats-overlay{position:absolute;top:4px;left:4px;background:#000000b3;border-radius:var(--radius-sm);padding:4px 8px;font-size:10px;font-family:monospace;color:var(--text-muted);display:flex;flex-direction:column;gap:1px;z-index:4;pointer-events:none}.stats-row{display:flex;align-items:center;gap:4px;white-space:nowrap}.stats-quality-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.video-grid.fullscreen-tile{display:flex;flex-direction:column}.fullscreen-exit-bar{display:flex;justify-content:center;padding:4px;background:var(--bg-dark);border-bottom:1px solid var(--border);grid-column:1 / -1}.fullscreen-exit-btn{padding:4px 12px;border-radius:var(--radius-sm);background:var(--bg-light);color:var(--text-secondary);font-size:12px;cursor:pointer;border:1px solid var(--border);transition:background .15s,color .15s}.fullscreen-exit-btn:hover{background:var(--bg-lighter);color:var(--text-primary)}.pip-container{position:fixed;z-index:1000;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-darkest);border:1px solid var(--border-strong);box-shadow:0 8px 32px #00000080;cursor:move;transition:box-shadow .2s;display:flex;flex-direction:column}.pip-container:hover{box-shadow:0 8px 40px #0009}.pip-container.pip-collapsed{cursor:default;border-radius:var(--radius-full)}.pip-video-area{position:relative;background:var(--bg-medium);min-height:100px;display:flex;align-items:center;justify-content:center}.pip-video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md) var(--radius-md) 0 0}.pip-name{position:absolute;bottom:4px;left:6px;font-size:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);z-index:2}.pip-no-video{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;color:var(--text-muted)}.pip-no-video-icon{font-size:24px}.pip-no-video-text{font-size:10px}.pip-resize-handle{position:absolute;bottom:2px;right:2px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--text-muted);cursor:se-resize;opacity:0;transition:opacity .2s;z-index:3}.pip-container:hover .pip-resize-handle{opacity:.7}.pip-controls{display:flex;align-items:center;justify-content:center;gap:2px;padding:4px 6px;background:var(--bg-dark);border-top:1px solid var(--border)}.pip-control-btn{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--bg-light);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:background .15s,color .15s,transform .1s;border:none;padding:0}.pip-control-btn:hover{background:var(--bg-lighter);color:var(--text-primary);transform:scale(1.1)}.pip-control-btn:active{transform:scale(.95)}.pip-control-btn.active.danger,.pip-control-btn.disconnect{background:var(--danger);color:#fff}.pip-control-btn.disconnect:hover{background:var(--danger-hover)}.pip-control-btn.expand{background:var(--accent-dim);color:#fff}.pip-control-btn.expand:hover{background:var(--accent)}.dm-call-header-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:16px;line-height:1;transition:background .15s,border-color .15s}.dm-call-header-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent)}.dm-call-header-btn:disabled{opacity:.4;cursor:not-allowed}.dm-call-incoming-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;background:#00000080;animation:dm-call-overlay-in .2s ease}@keyframes dm-call-overlay-in{0%{opacity:0}to{opacity:1}}.dm-call-incoming-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:24px 32px;display:flex;flex-direction:column;align-items:center;gap:16px;min-width:280px;box-shadow:0 12px 40px #00000080;animation:dm-call-card-in .3s ease}@keyframes dm-call-card-in{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.dm-call-incoming-avatar{width:64px;height:64px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:24px;font-weight:700;color:#fff;animation:dm-call-pulse 2s infinite}@keyframes dm-call-pulse{0%,to{box-shadow:0 0 rgba(var(--accent-rgb, 88, 101, 242),.4)}50%{box-shadow:0 0 0 16px rgba(var(--accent-rgb, 88, 101, 242),0)}}.dm-call-incoming-avatar img{width:100%;height:100%;object-fit:cover}.dm-call-incoming-info{text-align:center}.dm-call-incoming-name{font-size:18px;font-weight:600;color:var(--text-primary)}.dm-call-incoming-type{font-size:13px;color:var(--text-muted);margin-top:4px}.dm-call-incoming-actions{display:flex;gap:16px;margin-top:8px}.dm-call-accept-btn,.dm-call-reject-btn{width:48px;height:48px;border-radius:50%;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s}.dm-call-accept-btn{background:#43b581;color:#fff}.dm-call-accept-btn:hover{transform:scale(1.1);box-shadow:0 4px 16px #43b58166}.dm-call-reject-btn{background:#f04747;color:#fff}.dm-call-reject-btn:hover{transform:scale(1.1);box-shadow:0 4px 16px #f0474766}.dm-call-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.dm-call-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center}.dm-call-peer-info{display:flex;flex-direction:column}.dm-call-peer-name{font-size:15px;font-weight:600;color:var(--text-primary)}.dm-call-status{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.dm-call-media-area{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.dm-call-audio-only{display:flex;flex-direction:column;align-items:center;gap:12px}.dm-call-avatar-circle{width:96px;height:96px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff}.dm-call-avatar-circle.large{width:120px;height:120px;font-size:48px}.dm-call-avatar-circle.ringing{animation:dm-call-pulse 2s infinite}.dm-call-audio-name{font-size:20px;font-weight:600;color:var(--text-primary)}.dm-call-audio-status{font-size:14px;color:var(--text-muted);font-variant-numeric:tabular-nums}.dm-call-video-grid{width:100%;height:100%;position:relative}.dm-call-remote-video{width:100%;height:100%}.dm-call-remote-video video{width:100%;height:100%;object-fit:cover}.dm-call-avatar-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.dm-call-local-video{position:absolute;bottom:16px;right:16px;width:180px;height:135px;border-radius:8px;overflow:hidden;border:2px solid var(--border);box-shadow:0 4px 12px #0000004d}.dm-call-local-video video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.dm-call-controls{display:flex;justify-content:center;gap:12px;padding:16px;border-top:1px solid var(--border);background:var(--bg-secondary)}.dm-call-control-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-primary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.dm-call-control-btn:hover{background:var(--bg-hover);transform:scale(1.05)}.dm-call-control-btn.active.danger{background:#f04747;color:#fff}.dm-call-control-btn.active.accent{background:var(--accent);color:#fff}.dm-call-control-btn.active{background:var(--accent-dim);color:#fff}.dm-call-control-btn.disconnect{background:#f04747;color:#fff;transform:rotate(135deg)}.dm-call-control-btn.disconnect:hover{background:#d83c3c}.dm-call-settings-dropdown{position:absolute;bottom:76px;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:12px 16px;min-width:260px;box-shadow:0 8px 24px #0000004d;z-index:100}.dm-call-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;font-size:13px;color:var(--text-primary)}.dm-call-settings-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px}.dm-call-settings-group{margin-bottom:8px}.dm-call-settings-group label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.dm-call-settings-group select{width:100%;padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:12px}.dm-call-pip{position:fixed;z-index:9999;width:300px;border-radius:12px;overflow:hidden;background:var(--bg-darkest, #1a1a2e);border:1px solid var(--border-strong, #333);box-shadow:0 8px 32px #0009;cursor:move;-webkit-user-select:none;user-select:none;transition:box-shadow .2s}.dm-call-pip:hover{box-shadow:0 12px 40px #000000b3}.dm-call-pip-media{position:relative;width:100%;height:140px;background:var(--bg-medium, #2a2a3e);display:flex;align-items:center;justify-content:center;overflow:hidden}.dm-call-pip-video{width:100%;height:100%;object-fit:cover}.dm-call-pip-avatar-area{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dm-call-pip-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent, #5865f2);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;overflow:hidden}.dm-call-pip-avatar img{width:100%;height:100%;object-fit:cover}.dm-call-pip-info{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;background:linear-gradient(transparent,#000000b3);display:flex;align-items:center;justify-content:space-between}.dm-call-pip-name{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-call-pip-duration{font-size:11px;color:#fffc;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dm-call-pip-controls{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;background:var(--bg-dark, #16162a);border-top:1px solid var(--border, #333)}.dm-call-pip-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-tertiary, #3a3a4e);color:var(--text-primary, #eee);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.dm-call-pip-btn:hover{background:var(--bg-hover, #4a4a5e);transform:scale(1.1)}.dm-call-pip-btn:active{transform:scale(.95)}.dm-call-pip-btn.danger{background:#f04747;color:#fff}.dm-call-pip-btn.accent{background:var(--accent, #5865f2);color:#fff}.dm-call-pip-btn.navigate{background:var(--accent-dim, #4752c4);color:#fff}.dm-call-pip-btn.navigate:hover{background:var(--accent, #5865f2)}.dm-call-pip-btn.disconnect{background:#f04747;color:#fff;transform:rotate(135deg)}.dm-call-pip-btn.disconnect:hover{background:#d83c3c;transform:rotate(135deg) scale(1.1)}@media(max-width:768px){.voice-channel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;flex-direction:column}.voice-controls{position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 12px);background:var(--bg-darker);border-top:1px solid var(--border);display:flex;justify-content:center;gap:16px;z-index:51}.voice-control-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.voice-control-btn.leave-btn{background:var(--danger);color:#fff}.voice-control-btn.active{background:var(--accent);color:var(--bg-darkest)}.voice-participants-grid{flex:1;overflow-y:auto;padding:8px 8px 88px}.voice-pip{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);left:50%;transform:translate(-50%);right:auto;width:calc(100% - 32px);max-width:360px}.voice-settings-panel{position:fixed;bottom:0;left:0;right:0;max-height:60vh;border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;z-index:52}.video-grid{padding:4px;gap:4px}.video-tile{border-radius:var(--radius-sm)}.voice-popout-btn{display:none!important}.dm-call-incoming{padding:32px 16px calc(env(safe-area-inset-bottom,0px) + 32px)}.dm-call-accept-btn,.dm-call-reject-btn{width:72px;height:72px;font-size:28px}.dm-call-pip{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);left:50%;transform:translate(-50%);right:auto;width:calc(100% - 32px);max-width:360px}}