@media (max-width:768px){:root{--mobile-nav-height:68px;--mobile-header-height:56px;--mobile-touch-target:44px;--mobile-radius:12px;--mobile-gap:12px}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#messages *,input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}#mobileNav{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;height:var(--mobile-nav-height) !important;background:var(--bg-primary) !important;border-top:1px solid var(--border-color) !important;z-index:1000 !important;display:flex !important;justify-content:space-around !important;align-items:center !important;padding:4px 8px calc(4px + env(safe-area-inset-bottom)) !important;box-shadow:0 -2px 10px rgba(0,0,0,0.3) !important}#mobileNav button,#mobileNav .nav-item{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:2px !important;padding:8px 12px !important;border-radius:16px !important;color:var(--text-muted) !important;background:transparent !important;border:none !important;transition:all 0.2s ease !important;cursor:pointer !important;pointer-events:auto !important;touch-action:manipulation !important;position:relative !important;flex:1 !important;max-width:80px !important}#mobileNav button i,#mobileNav .nav-item i{font-size:22px !important;transition:all 0.2s ease !important}#mobileNav button span,#mobileNav .nav-item span{font-size:11px !important;font-weight:500 !important;letter-spacing:0px !important;text-align:center !important}#mobileNav button.active,#mobileNav .nav-item.active{color:var(--accent-color) !important;background:var(--input-bg) !important}#mobileNav button.active i,#mobileNav .nav-item.active i{transform:scale(1.05) !important}#mobileNav button:active,#mobileNav .nav-item:active{transform:scale(0.95) !important;background:var(--bg-secondary) !important}#servicesMenu{position:fixed;bottom:calc(var(--mobile-nav-height) + 10px);left:10px;right:10px;background:rgba(22,23,26,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,0.08);box-shadow:0 8px 32px rgba(0,0,0,0.4);z-index:1001;padding:12px;display:none;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}#servicesMenu.show{display:flex !important}.service-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);color:var(--text);transition:all 0.2s;cursor:pointer}.service-item:active{transform:scale(0.98);background:rgba(255,255,255,0.08)}.service-item i{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,0.05)}.service-item .service-info{flex:1}.service-item .service-name{font-size:15px;font-weight:600;margin-bottom:2px}.service-item .service-desc{font-size:12px;color:rgba(230,238,243,0.6)}#chatHeader{position:sticky !important;top:0 !important;height:var(--mobile-header-height) !important;background:var(--bg-primary) !important;border-bottom:1px solid var(--border-color) !important;z-index:999 !important;display:flex !important;align-items:center !important;padding:0 16px !important;padding-top:env(safe-area-inset-top) !important;gap:12px !important;box-shadow:0 1px 0 rgba(0,0,0,0.2) !important}#chatHeader button{min-width:40px !important;min-height:40px !important;padding:8px !important;border-radius:50% !important;background:transparent !important;border:none !important;color:var(--text-secondary) !important;transition:all 0.2s ease !important;pointer-events:auto !important;display:flex !important;align-items:center !important;justify-content:center !important}#chatHeader button:active{transform:scale(0.9) !important;background:var(--input-bg) !important;color:var(--text-primary) !important}#chatHeader .title{flex:1;font-size:16px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#messages,#messageArea{height:calc(100vh - var(--mobile-header-height) - var(--mobile-nav-height) - 70px);padding:8px 16px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;max-width:100vw;background:var(--bg-primary)}.message-item,.msg{padding:12px 16px;margin-bottom:2px;border-radius:0;background:transparent;border:none;transition:background 0.1s ease;max-width:100%;overflow:hidden}.message-item:hover,.msg:hover{background:var(--input-bg)}.message-item:active,.msg:active{background:var(--bg-secondary)}.msg-content{max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.message-link-preview{max-width:100%;overflow:hidden}#msgForm{position:fixed !important;bottom:var(--mobile-nav-height) !important;left:0 !important;right:0 !important;z-index:998 !important;background:var(--bg-primary) !important;border-top:1px solid var(--border-color) !important;padding:12px 16px !important;padding-bottom:calc(12px + env(safe-area-inset-bottom)) !important;box-shadow:0 -1px 0 rgba(0,0,0,0.2) !important;transform:none !important}#msgForm .flex{display:flex;gap:8px;align-items:center;background:var(--input-bg);border-radius:8px;padding:4px 8px}#msgInput{flex:1;min-height:40px;max-height:120px;padding:8px 12px;background:transparent;border:none;color:var(--text-primary);font-size:15px;resize:none;transition:none}#msgInput:focus{outline:none}#msgInput::placeholder{color:var(--text-muted)}#msgForm button{min-width:36px;min-height:36px;padding:8px;border-radius:50%;background:transparent;color:var(--text-secondary);border:none;transition:all 0.2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}#msgForm button[type="submit"]{background:var(--accent-color);color:#fff}#msgForm button:active{transform:scale(0.9)}#serversSidebar,#channelsSidebar,#rightSidebar{position:fixed;top:0;bottom:0;width:80%;max-width:300px;background:var(--bg-secondary);z-index:1000;transition:transform 0.3s ease;box-shadow:0 0 20px rgba(0,0,0,0.5);overflow-y:auto;display:flex !important;flex-direction:column}#serversSidebar,#channelsSidebar{left:0;transform:translateX(-100%);border-right:1px solid var(--border-color)}#rightSidebar{right:0;transform:translateX(100%);border-left:1px solid var(--border-color)}#serversSidebar.open,#channelsSidebar.open{transform:translateX(0) !important}#rightSidebar.open{transform:translateX(0) !important}.modal{padding:0 !important;align-items:flex-end !important;z-index:10000 !important;background:rgba(0,0,0,0.7) !important}.modal .card{width:100% !important;max-width:100% !important;max-height:90vh !important;margin:0 !important;border-radius:16px 16px 0 0 !important;overflow:hidden !important;background:var(--bg-secondary) !important;box-shadow:0 -4px 16px rgba(0,0,0,0.4) !important;animation:slideUp 0.3s ease !important}.modal img{display:block !important;max-width:100% !important}.modal #contactsList img,.modal #serversList img{width:48px !important;height:48px !important;display:block !important;object-fit:cover !important}#settingsModal .card,#serverSettingsModal .card{max-height:90vh !important;display:flex !important;flex-direction:column !important}#settingsModal .card > div:first-child,#serverSettingsModal .card > div:first-child{display:flex !important;overflow-x:auto !important;overflow-y:hidden !important;white-space:nowrap !important;padding:12px !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;flex-shrink:0 !important}.settings-tab,.server-settings-tab{display:inline-flex !important;flex-shrink:0 !important;padding:8px 16px !important;margin-right:8px !important}#settingsModal .card > div:last-child,#serverSettingsModal .card > div:last-child{flex:1 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}.btn,.btn-sec,button{min-height:var(--mobile-touch-target);padding:10px 16px;border-radius:10px;transition:all 0.2s}.btn:active,.btn-sec:active,button:active{transform:scale(0.95)}input,textarea,select{min-height:var(--mobile-touch-target);padding:10px 14px;font-size:15px;border-radius:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);color:var(--text);transition:all 0.2s}input:focus,textarea:focus,select:focus{background:rgba(255,255,255,0.08);border-color:var(--primary);outline:none}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1099;opacity:0;visibility:hidden;transition:opacity 0.2s ease}.mobile-overlay.show{opacity:1;visibility:visible}.swipe-indicator{position:fixed;top:50%;transform:translateY(-50%);padding:12px 16px;background:rgba(22,23,26,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.4);color:var(--text);font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:1200;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);pointer-events:none}.swipe-indicator-left{left:16px;transform:translateY(-50%) translateX(-20px)}.swipe-indicator-right{right:16px;transform:translateY(-50%) translateX(20px)}.swipe-indicator.active{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}.swipe-indicator i{font-size:16px;color:var(--primary)}.swipe-indicator span{white-space:nowrap}.virtual-chat-item{transition:background 0.2s}.virtual-chat-item:active{background:rgba(255,255,255,0.05)}.infinite-scroll-loader{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:rgba(230,238,243,0.6);font-size:14px}.infinite-scroll-loader .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,0.1);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message-status{display:inline-flex;align-items:center;gap:4px;font-size:12px;margin-left:8px;opacity:0.7}.message-status i{font-size:14px}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--primary);color:#000;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pull-to-refresh{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(22,23,26,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50%;border:1px solid rgba(255,255,255,0.1);box-shadow:0 4px 16px rgba(0,0,0,0.3);color:var(--primary);font-size:18px;opacity:0;transition:all 0.3s;z-index:1000}.pull-to-refresh.active{opacity:1;top:10px}.pull-to-refresh i{transition:transform 0.3s}.tab-swipe-indicator{position:fixed;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(22,23,26,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 4px 16px rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px;opacity:0;visibility:hidden;transition:all 0.3s;z-index:1300;pointer-events:none}.tab-swipe-indicator.left{left:20px}.tab-swipe-indicator.right{right:20px}.tab-swipe-indicator.active{opacity:1;visibility:visible}@keyframes slideInFromRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInFromLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.tab-content-enter-right{animation:slideInFromRight 0.3s ease-out}.tab-content-enter-left{animation:slideInFromLeft 0.3s ease-out}#videoContainer{position:relative !important;z-index:10 !important}#videoContainer.hidden{display:none !important;position:absolute !important;top:-9999px !important;left:-9999px !important;visibility:hidden !important;pointer-events:none !important}#videoPlaceholder{position:relative !important;z-index:5 !important}#videoPlaceholder.hidden{display:none !important;visibility:hidden !important}#remoteVideo,#localVideo,#localScreenPreview{position:relative !important;width:100% !important;height:100% !important;object-fit:contain !important}#videoContainer:not(.hidden){position:relative !important;display:block !important;width:100% !important;height:auto !important;min-height:200px !important}.card{padding:12px;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06)}.list-item{padding:10px 12px;border-radius:10px;transition:all 0.2s}.list-item:active{transform:scale(0.98);background:rgba(255,255,255,0.06)}.mobile-menu-btn,.mobile-right-panel-btn{display:block !important;position:fixed;z-index:1001;width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(10px);color:var(--text);transition:all 0.2s}.mobile-menu-btn{top:10px;left:10px}.mobile-right-panel-btn{top:10px;right:10px}.mobile-menu-btn:active,.mobile-right-panel-btn:active{transform:scale(0.95);background:rgba(255,255,255,0.08)}#mobileScrollToBottomBtn,#scrollToBottomBtn{position:fixed;bottom:calc(var(--mobile-nav-height) + 80px);right:16px;width:44px;height:44px;border-radius:50%;background:var(--primary);color:#000;border:none;box-shadow:0 4px 16px rgba(0,0,0,0.3);backdrop-filter:blur(6px);z-index:997;display:flex;align-items:center;justify-content:center;transition:all 0.2s}#mobileScrollToBottomBtn:active,#scrollToBottomBtn:active{transform:scale(0.9)}.fab{position:fixed;bottom:calc(var(--mobile-nav-height) + 20px);right:16px;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#000;border:none;box-shadow:0 4px 16px rgba(0,0,0,0.3);z-index:996;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.fab:active{transform:scale(0.9)}#userAvatar,#miniCallAvatar,.voice-avatar img,.avatar img{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;object-fit:cover !important;border-radius:50% !important}.server-button,.channel-item{padding:10px 12px;border-radius:10px;transition:all 0.2s;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05)}.server-button:active,.channel-item:active{transform:scale(0.98);background:rgba(255,255,255,0.06)}#contactsList .flex,#serversList .flex,.user-list-item{display:flex !important;align-items:center !important;gap:16px !important;padding:12px 16px !important;border-radius:16px !important;background:linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.03) 100%) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border:1px solid rgba(255,255,255,0.1) !important;margin-bottom:8px !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;cursor:pointer !important;min-height:64px !important;position:relative !important;overflow:hidden !important}#contactsList .flex::before,#serversList .flex::before,.user-list-item::before{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(135deg,rgba(99,102,241,0.15) 0%,rgba(168,85,247,0.1) 100%) !important;opacity:0 !important;transition:opacity 0.3s ease !important;border-radius:16px !important}#contactsList .flex:hover::before,#serversList .flex:hover::before,.user-list-item:hover::before{opacity:1 !important}#contactsList .flex:hover,#serversList .flex:hover,.user-list-item:hover{transform:translateY(-2px) !important;box-shadow:0 8px 32px rgba(99,102,241,0.2) !important;border-color:rgba(99,102,241,0.3) !important}#contactsList .flex:active,#serversList .flex:active,.user-list-item:active{transform:translateY(0) scale(0.98) !important;background:linear-gradient(135deg,rgba(99,102,241,0.2) 0%,rgba(168,85,247,0.15) 100%) !important}#contactsList img,#serversList img,.user-list-item img,.user-avatar{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;max-width:48px !important;max-height:48px !important;border-radius:50% !important;object-fit:cover !important;flex-shrink:0 !important;display:block !important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;border:3px solid rgba(255,255,255,0.2) !important;box-shadow:0 4px 16px rgba(0,0,0,0.3) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;position:relative !important;z-index:2 !important}#contactsList img:hover,#serversList img:hover,.user-list-item img:hover,.user-avatar:hover{transform:scale(1.1) !important;box-shadow:0 8px 24px rgba(99,102,241,0.4) !important;border-color:rgba(99,102,241,0.6) !important}#contactsList,#serversList{padding:16px !important;background:linear-gradient(135deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 100%) !important;border-radius:20px !important;margin:8px !important}#contactsList > div,#serversList > div{display:flex !important;align-items:center !important;gap:16px !important;padding:12px 16px !important;margin-bottom:8px !important;border-radius:16px !important;background:linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.03) 100%) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border:1px solid rgba(255,255,255,0.1) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;cursor:pointer !important;position:relative !important;overflow:hidden !important}#contactsList > div::before,#serversList > div::before{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(135deg,rgba(99,102,241,0.15) 0%,rgba(168,85,247,0.1) 100%) !important;opacity:0 !important;transition:opacity 0.3s ease !important;border-radius:16px !important}#contactsList > div:hover::before,#serversList > div:hover::before{opacity:1 !important}#contactsList > div:hover,#serversList > div:hover{transform:translateY(-2px) !important;box-shadow:0 8px 32px rgba(99,102,241,0.2) !important;border-color:rgba(99,102,241,0.3) !important}#contactsList > div:active,#serversList > div:active{transform:translateY(0) scale(0.98) !important;background:linear-gradient(135deg,rgba(99,102,241,0.2) 0%,rgba(168,85,247,0.15) 100%) !important}#contactsList .flex-1,#serversList .flex-1{min-width:0 !important;flex:1 !important;position:relative !important;z-index:2 !important}#contactsList .font-semibold,#serversList .font-medium{color:#ffffff !important;font-size:17px !important;font-weight:700 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;text-shadow:0 2px 4px rgba(0,0,0,0.3) !important;letter-spacing:-0.02em !important}#contactsList .text-xs,#serversList .text-xs{color:rgba(255,255,255,0.7) !important;font-size:14px !important;font-weight:500 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;margin-top:4px !important;text-shadow:0 1px 2px rgba(0,0,0,0.2) !important}.channel-item,.channel-btn{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:1px 8px;border-radius:4px;color:var(--text-secondary);background:transparent;transition:all 0.1s ease;cursor:pointer;font-size:15px}.channel-item:hover,.channel-btn:hover{background:var(--hover-accent);color:var(--text-primary)}.channel-item.active,.channel-btn.active{background:var(--hover-accent);color:var(--text-primary)}.channel-item:active,.channel-btn:active{background:var(--bg-tertiary)}.section-header{padding:16px 8px 4px;color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.divider{height:1px;background:var(--border-color);margin:8px 0}.status-indicator,.user-status-indicator,.dm-status-indicator{position:absolute !important;bottom:-2px !important;right:-2px !important;width:16px !important;height:16px !important;border-radius:50% !important;border:3px solid rgba(0,0,0,0.8) !important;z-index:15 !important;background:#6b7280 !important;box-shadow:0 0 12px rgba(107,114,128,0.6) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important}.status-indicator.online,.user-status-indicator.online,.dm-status-indicator.online,.status-online{background:#00ff88 !important;box-shadow:0 0 20px rgba(0,255,136,0.8),0 0 40px rgba(0,255,136,0.4) !important;animation:pulseGreen 2s ease-in-out infinite !important}.status-indicator.idle,.user-status-indicator.idle,.dm-status-indicator.idle,.status-away{background:#ffaa00 !important;box-shadow:0 0 20px rgba(255,170,0,0.8),0 0 40px rgba(255,170,0,0.4) !important;animation:pulseYellow 2s ease-in-out infinite !important}.status-indicator.dnd,.user-status-indicator.dnd,.dm-status-indicator.dnd,.status-busy{background:#ff4757 !important;box-shadow:0 0 20px rgba(255,71,87,0.8),0 0 40px rgba(255,71,87,0.4) !important;animation:pulseRed 2s ease-in-out infinite !important}.status-indicator.offline,.user-status-indicator.offline,.dm-status-indicator.offline{background:#57606f !important;box-shadow:0 0 8px rgba(87,96,111,0.4) !important}@keyframes pulseGreen{0%,100%{box-shadow:0 0 20px rgba(0,255,136,0.8),0 0 40px rgba(0,255,136,0.4);transform:scale(1)}50%{box-shadow:0 0 30px rgba(0,255,136,1),0 0 60px rgba(0,255,136,0.6);transform:scale(1.1)}}@keyframes pulseYellow{0%,100%{box-shadow:0 0 20px rgba(255,170,0,0.8),0 0 40px rgba(255,170,0,0.4);transform:scale(1)}50%{box-shadow:0 0 30px rgba(255,170,0,1),0 0 60px rgba(255,170,0,0.6);transform:scale(1.1)}}@keyframes pulseRed{0%,100%{box-shadow:0 0 20px rgba(255,71,87,0.8),0 0 40px rgba(255,71,87,0.4);transform:scale(1)}50%{box-shadow:0 0 30px rgba(255,71,87,1),0 0 60px rgba(255,71,87,0.6);transform:scale(1.1)}}.status-offline{background:var(--status-offline)}.unread-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger-color);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.action-button{width:44px !important;height:44px !important;border-radius:12px !important;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border:1px solid rgba(255,255,255,0.2) !important;color:rgba(255,255,255,0.8) !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;cursor:pointer !important;position:relative !important;overflow:hidden !important;box-shadow:0 4px 16px rgba(0,0,0,0.2) !important}.action-button::before{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(135deg,rgba(99,102,241,0.3) 0%,rgba(168,85,247,0.2) 100%) !important;opacity:0 !important;transition:opacity 0.3s ease !important;border-radius:12px !important}.action-button:hover::before{opacity:1 !important}.action-button:hover{transform:translateY(-2px) scale(1.05) !important;box-shadow:0 8px 24px rgba(99,102,241,0.4) !important;border-color:rgba(99,102,241,0.5) !important;color:#ffffff !important}.action-button:active{transform:translateY(0) scale(0.95) !important;background:linear-gradient(135deg,rgba(99,102,241,0.2) 0%,rgba(168,85,247,0.15) 100%) !important}.action-button i{font-size:18px !important;transition:all 0.3s ease !important}.action-button:hover i{transform:scale(1.1) !important;text-shadow:0 0 12px currentColor !important}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){[data-tooltip]:hover::before,[data-tooltip]:hover::after{display:none !important}}.context-menu,.server-dropdown-menu{position:fixed !important;z-index:2147483647 !important;min-width:200px !important;max-width:calc(100vw - 32px) !important;padding:8px !important;background:#111214 !important;border:1px solid #1e1f22 !important;border-radius:8px !important;box-shadow:0 8px 16px rgba(0,0,0,0.24),0 0 0 1px rgba(255,255,255,0.04) inset !important;animation:contextMenuFadeIn 0.15s ease-out !important;opacity:1 !important;visibility:visible !important;overflow:visible !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.context-menu-item,.server-menu-item{display:flex !important;align-items:center !important;gap:12px !important;padding:12px !important;margin:2px 0 !important;min-height:44px !important;background:transparent !important;border:none !important;border-radius:4px !important;color:#dbdee1 !important;font-size:15px !important;font-weight:500 !important;text-align:left !important;cursor:pointer !important;transition:all 0.1s ease !important;width:100% !important;box-sizing:border-box !important}.context-menu-item:hover,.context-menu-item:active,.server-menu-item:hover,.server-menu-item:active{background:#5865f2 !important;color:#ffffff !important;transform:scale(0.98) !important}.context-menu-item.danger,.server-menu-item.danger{color:#ed4245 !important}.context-menu-item.danger:hover,.context-menu-item.danger:active,.server-menu-item.danger:hover,.server-menu-item.danger:active{background:#ed4245 !important;color:#ffffff !important}.context-menu-separator,.server-menu-divider{height:1px !important;background:#404249 !important;margin:4px 0 !important;border:none !important}.server-menu-header{padding:8px 12px 4px !important;color:#949ba4 !important;font-size:11px !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:0.02em !important;display:flex !important;align-items:center !important;gap:8px !important;margin-bottom:2px !important;background:none !important;border:none !important;cursor:default !important;min-height:auto !important}.server-menu-header i{font-size:12px !important;opacity:0.8 !important}.server-menu-section{margin:0 !important}.context-menu::before,.context-menu::after,.server-dropdown-menu::before,.server-dropdown-menu::after{display:none !important}.context-menu:focus,.context-menu:focus-within,.context-menu:active,.server-dropdown-menu:focus,.server-dropdown-menu:focus-within,.server-dropdown-menu:active{background:#111214 !important;outline:none !important;opacity:1 !important}.context-menu *,.server-dropdown-menu *{opacity:1 !important}#serverMenu.server-dropdown-menu{top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;transform:none !important;max-width:calc(100vw - 32px) !important}.server-header,.channel-header,#chatHeader,.header-container,.server-info,.channel-info{overflow:visible !important;position:relative !important}*:has(#serverMenuBtn),.server-header-actions,.channel-header-actions,.header-actions{overflow:visible !important;position:relative !important}.search-input{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-primary);font-size:14px}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none}.emoji-picker{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,0.24);padding:8px}.emoji-button{width:36px;height:36px;border-radius:4px;background:transparent;border:none;font-size:24px;cursor:pointer;transition:background 0.1s ease}.emoji-button:hover{background:var(--hover-accent)}.emoji-button:active{background:var(--bg-tertiary)}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction{display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;cursor:pointer;transition:all 0.1s ease}.reaction:hover{background:var(--hover-accent);border-color:var(--text-muted)}.reaction.reacted{background:rgba(88,101,242,0.15);border-color:var(--accent-color)}.reaction-count{font-size:12px;color:var(--text-secondary);font-weight:500}.spinner{width:24px;height:24px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-color);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{display:flex;gap:4px}.loading-dot{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dot:nth-child(1){animation-delay:-0.32s}.loading-dot:nth-child(2){animation-delay:-0.16s}@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.toast{position:fixed;bottom:calc(var(--mobile-nav-height) + 16px);left:16px;right:16px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,0.24);color:var(--text-primary);font-size:14px;z-index:10001;animation:slideUp 0.3s ease}.toast.success{border-left:4px solid var(--success-color)}.toast.error{border-left:4px solid var(--danger-color)}.toast.info{border-left:4px solid var(--info-color)}.toast.warning{border-left:4px solid var(--warning-color)}#contactsList .relative,#serversList .relative{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;flex-shrink:0 !important;display:block !important;overflow:hidden !important}.server-icon-placeholder,.server-icon{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;max-width:48px !important;max-height:48px !important;border-radius:12px !important;overflow:hidden !important;flex-shrink:0 !important;background:rgba(255,255,255,0.05) !important;display:block !important}.server-icon-placeholder img,.server-icon img,#serversList img{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;max-width:48px !important;max-height:48px !important;object-fit:cover !important;border:none !important;display:block !important;border-radius:12px !important}#contactsList .flex-1,#serversList .flex-1,.user-list-item .flex-1{flex:1 !important;min-width:0 !important;display:flex !important;flex-direction:column !important;gap:4px !important}#contactsList .font-medium,#serversList .font-medium,.user-list-item .font-medium{font-size:16px !important;font-weight:600 !important;color:var(--text) !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}#contactsList .text-xs,#serversList .text-xs,.user-list-item .text-xs{font-size:13px !important;color:rgba(230,238,243,0.6) !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.user-status-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:2px solid var(--surface);background:#22c55e}.user-status-indicator.offline{background:#6b7280}.user-status-indicator.idle{background:#eab308}.user-status-indicator.dnd{background:#ef4444}.desktop-only{display:none !important}#openSettings{display:none !important}#serversSidebar,#channelsSidebar,#rightSidebar{display:none}#serversSidebar.open,#channelsSidebar.open,#rightSidebar.open{display:flex !important}#app,#mainContent{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}.mobile\:block{display:block !important}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.grid,.grid-cols-2,.grid-cols-3,.grid-cols-4{display:grid;grid-template-columns:1fr;gap:12px}}@media (min-width:769px) and (max-width:1024px){#mobileNav{display:none !important}#app{padding-bottom:0}}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:block !important}.desktop-only{display:none !important}}.modal{position:fixed !important;inset:0 !important;padding:16px;overflow-y:auto}.modal .card{max-height:calc(100vh - 32px) !important;max-width:calc(100vw - 32px) !important;overflow:hidden !important;display:flex !important;flex-direction:column !important}.modal .card > div:not(.modal-close-btn){overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}#settingsModal .flex-1.overflow-y-auto,#serverSettingsModal .flex-1.overflow-y-auto{overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch !important}#settingsModal .settings-content,#serverSettingsModal .server-settings-content{min-height:min-content}#settingsModal .flex-1::-webkit-scrollbar,#serverSettingsModal .flex-1::-webkit-scrollbar{width:6px}#settingsModal .flex-1::-webkit-scrollbar-track,#serverSettingsModal .flex-1::-webkit-scrollbar-track{background:rgba(255,255,255,0.03)}#settingsModal .flex-1::-webkit-scrollbar-thumb,#serverSettingsModal .flex-1::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}@media (min-width:769px){#settingsModal .w-60,#settingsModal .w-80,#serverSettingsModal .w-60,#serverSettingsModal .w-80{display:flex !important;flex-direction:column !important;gap:2px !important}#settingsModal .settings-tab,#serverSettingsModal .server-settings-tab{width:100% !important;text-align:left !important;padding:10px 16px !important;font-size:14px !important;justify-content:flex-start !important}#settingsModal .text-xs.uppercase,#serverSettingsModal .text-xs.uppercase{padding:8px 16px 4px !important;font-size:11px !important;font-weight:700 !important;color:rgba(230,238,243,0.5) !important;letter-spacing:0.5px !important}}@media (max-width:768px){.modal{padding:8px !important}.modal .card{max-height:calc(100vh - 16px) !important;max-width:calc(100vw - 16px) !important;width:100% !important;margin:0 !important}#settingsModal .card,#serverSettingsModal .card{height:90vh !important;max-height:90vh !important;overflow:hidden !important;display:flex !important;flex-direction:column !important}#settingsModal .w-60,#settingsModal .w-80,#serverSettingsModal .w-60,#serverSettingsModal .w-80{position:relative !important;top:auto !important;z-index:10 !important;background:var(--surface) !important;box-shadow:0 2px 8px rgba(0,0,0,0.2) !important;padding:10px 12px !important;gap:8px !important;flex-shrink:0 !important}#settingsModal .space-y-1,#serverSettingsModal .space-y-1{display:flex !important;flex-direction:row !important;gap:6px !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:thin !important;padding-bottom:4px !important}#settingsModal .text-xs.uppercase,#serverSettingsModal .text-xs.uppercase{display:none !important}#settingsModal .w-60 > div:first-child,#serverSettingsModal .w-60 > div:first-child,#serverSettingsModal .w-80 > div:first-child{display:none !important}#settingsModal .mt-auto,#serverSettingsModal .mt-auto{display:none !important}#settingsModal .w-60::-webkit-scrollbar,#settingsModal .w-80::-webkit-scrollbar,#serverSettingsModal .w-60::-webkit-scrollbar,#serverSettingsModal .w-80::-webkit-scrollbar{height:2px !important}#settingsModal .w-60::-webkit-scrollbar-thumb,#settingsModal .w-80::-webkit-scrollbar-thumb,#serverSettingsModal .w-60::-webkit-scrollbar-thumb,#serverSettingsModal .w-80::-webkit-scrollbar-thumb{background:var(--primary) !important;border-radius:1px !important}#settingsModal .flex-1.overflow-y-auto,#serverSettingsModal .flex-1.overflow-y-auto{flex:1 1 auto !important;overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch !important;min-height:0 !important}#settingsModal .flex-1::-webkit-scrollbar,#serverSettingsModal .flex-1::-webkit-scrollbar{width:4px !important}#settingsModal .flex-1::-webkit-scrollbar-track,#serverSettingsModal .flex-1::-webkit-scrollbar-track{background:rgba(255,255,255,0.02) !important}#settingsModal .flex-1::-webkit-scrollbar-thumb,#serverSettingsModal .flex-1::-webkit-scrollbar-thumb{background:var(--primary) !important;border-radius:2px !important}#settingsModal .settings-tab,#serverSettingsModal .server-settings-tab{flex-shrink:0 !important;white-space:nowrap !important;padding:8px 14px !important;font-size:13px !important;font-weight:500 !important;border-radius:8px !important;transition:all 0.2s ease !important;display:flex !important;align-items:center !important;gap:6px !important;background:transparent !important;color:var(--text) !important;border:1px solid transparent !important}#settingsModal .settings-tab i,#serverSettingsModal .server-settings-tab i{font-size:12px !important;opacity:0.8 !important}#settingsModal .settings-tab:hover,#serverSettingsModal .server-settings-tab:hover{background:rgba(255,255,255,0.05) !important;border-color:rgba(255,255,255,0.1) !important}#settingsModal .settings-tab.active,#serverSettingsModal .server-settings-tab.active{background:var(--primary) !important;color:#000 !important;border-color:var(--primary) !important;font-weight:600 !important}#settingsModal .settings-tab.active i,#serverSettingsModal .server-settings-tab.active i{opacity:1 !important;color:#000 !important}#settingsModal .settings-tab:active,#serverSettingsModal .server-settings-tab:active{transform:scale(0.96) !important}#settingsModal .modal-close-btn,#serverSettingsModal .modal-close-btn{position:absolute !important;top:12px !important;right:12px !important;z-index:1000 !important;width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;padding:0 !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(0,0,0,0.8) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border-radius:10px !important;border:1px solid rgba(255,255,255,0.15) !important;cursor:pointer !important;pointer-events:auto !important;touch-action:manipulation !important;-webkit-tap-highlight-color:transparent !important}#settingsModal .modal-close-btn i,#serverSettingsModal .modal-close-btn i{pointer-events:none !important;font-size:18px !important}#settingsModal .modal-close-btn:active,#serverSettingsModal .modal-close-btn:active{transform:scale(0.9) !important;background:rgba(0,0,0,0.9) !important}#settingsModal .mobile\:block.desktop\:hidden.mb-4,#serverSettingsModal .mobile\:block.desktop\:hidden.mb-4{display:none !important}}@media (max-width:480px){.modal{padding:4px !important}.modal .card{max-height:calc(100vh - 8px) !important;max-width:calc(100vw - 8px) !important;border-radius:12px !important}#settingsModal .card,#serverSettingsModal .card{height:95vh !important;max-height:95vh !important}#settingsModal .settings-content .card,#serverSettingsModal .server-settings-content .card{padding:12px !important}#settingsModal .settings-tab,#serverSettingsModal .server-settings-tab{padding:6px 10px !important;font-size:12px !important;gap:4px !important}#settingsModal .settings-tab i,#serverSettingsModal .server-settings-tab i{font-size:11px !important}#settingsModal .w-60,#settingsModal .w-80,#serverSettingsModal .w-60,#serverSettingsModal .w-80{padding:8px !important}}@supports (padding:env(safe-area-inset-top)){.modal{padding-top:max(16px,env(safe-area-inset-top)) !important;padding-bottom:max(16px,env(safe-area-inset-bottom)) !important}@media (max-width:768px){.modal{padding-top:max(8px,env(safe-area-inset-top)) !important;padding-bottom:max(8px,env(safe-area-inset-bottom)) !important}}}@media (max-width:768px){.voice-actions{opacity:1 !important}.voice-join-btn,.voice-leave-btn{padding:0.5rem !important;min-width:44px !important;min-height:44px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:8px !important;transition:all 0.2s ease !important}.voice-row{padding:0.75rem 0.5rem !important;min-height:56px !important;display:flex !important;align-items:center !important;gap:0.75rem !important}.voice-row:active{background:var(--muted-surface) !important;transform:scale(0.98) !important;transition:all 0.1s ease !important}.voice-channel-icon{font-size:1.25rem !important;min-width:32px !important;display:flex !important;align-items:center !important;justify-content:center !important}.voice-row .truncate{font-size:1rem !important;font-weight:500 !important}.voice-participant-indicator{width:10px !important;height:10px !important;border-width:2px !important}.voice-channel-info .text-xs{font-size:0.875rem !important;font-weight:600 !important;min-width:24px !important;text-align:center !important}#settingsModal .settings-content .card,#serverSettingsModal .server-settings-content .card{padding:12px !important;margin-bottom:12px !important;border-radius:10px !important;background:rgba(255,255,255,0.03) !important;border:1px solid rgba(255,255,255,0.06) !important;position:relative !important;z-index:1 !important;overflow:visible !important}#settingsModal .settings-content .card > div,#serverSettingsModal .server-settings-content .card > div{position:relative !important;z-index:auto !important}#settingsModal .settings-content .space-y-6 > *,#serverSettingsModal .server-settings-content .space-y-6 > *{margin-bottom:16px !important}#settingsModal .settings-content *,#serverSettingsModal .server-settings-content *{margin-top:0 !important}#settingsModal .settings-content .flex,#serverSettingsModal .server-settings-content .flex{flex-wrap:wrap !important;gap:8px !important}#settingsModal .settings-content .card h3,#serverSettingsModal .server-settings-content .card h3{font-size:14px !important;margin-bottom:10px !important}#settingsModal .settings-content .card p,#serverSettingsModal .server-settings-content .card p{font-size:12px !important}#settingsModal .settings-content .grid,#serverSettingsModal .server-settings-content .grid{grid-template-columns:1fr !important;gap:10px !important}#settingsModal .grid.grid-cols-4,#serverSettingsModal .grid.grid-cols-4{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}#settingsModal .grid.grid-cols-6{grid-template-columns:repeat(3,1fr) !important;gap:8px !important}#settingsModal .grid.grid-cols-6 > div{padding:6px !important}#settingsModal .grid.grid-cols-6 .w-8{width:32px !important;height:32px !important}#settingsModal .grid.grid-cols-6 .text-\[10px\]{font-size:9px !important}#theme-gallery-container{grid-template-columns:1fr !important;max-height:350px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;padding:4px !important}#theme-gallery-container::-webkit-scrollbar{width:4px !important}#theme-gallery-container::-webkit-scrollbar-thumb{background:var(--primary) !important;border-radius:2px !important}#appearance-presets{max-height:250px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}#appearance-presets::-webkit-scrollbar{width:4px !important}#appearance-presets::-webkit-scrollbar-thumb{background:var(--primary) !important;border-radius:2px !important}#settingsModal .settings-content .card .flex.gap-2,#serverSettingsModal .server-settings-content .card .flex.gap-2{flex-wrap:wrap !important;gap:6px !important}#settingsModal .settings-content .card button,#serverSettingsModal .server-settings-content .card button{font-size:12px !important;padding:6px 12px !important;min-height:36px !important}#settingsModal .settings-content .card .flex.items-center.justify-between,#serverSettingsModal .server-settings-content .card .flex.items-center.justify-between{flex-direction:column !important;align-items:flex-start !important;gap:10px !important}#settingsModal .settings-content .card input,#settingsModal .settings-content .card select,#settingsModal .settings-content .card textarea,#serverSettingsModal .server-settings-content .card input,#serverSettingsModal .server-settings-content .card select,#serverSettingsModal .server-settings-content .card textarea{font-size:14px !important;padding:8px 10px !important}#settings-appearance{padding:16px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}#settings-appearance .card{margin-bottom:12px !important;clear:both !important;display:block !important}#openThemeEditor{width:100% !important;margin-top:8px !important}#settings-appearance .mt-3.p-3{padding:10px !important;margin-top:10px !important}#settings-appearance .flex.gap-2{display:flex !important;flex-wrap:wrap !important;gap:6px !important}#preset-create,#preset-import,#preset-export{flex:1 !important;min-width:0 !important;padding:6px 8px !important}#preset-create i,#preset-import i,#preset-export i{margin-right:4px !important}#settings-appearance .grid.grid-cols-3{grid-template-columns:1fr !important;gap:8px !important}#settings-appearance label.flex{padding:10px !important;border-radius:8px !important;background:rgba(255,255,255,0.02) !important;margin-bottom:6px !important}#theme-gallery-container{position:relative !important;z-index:1 !important}#appearance-presets{position:relative !important;z-index:1 !important}#settings-language{padding:16px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}#settings-language .card{margin-bottom:12px !important;clear:both !important;display:block !important;position:relative !important;z-index:1 !important}#setLanguage{width:100% !important;max-width:100% !important;font-size:15px !important;padding:10px 12px !important;background:rgba(255,255,255,0.08) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:8px !important;color:var(--text) !important;cursor:pointer !important}#setLanguage:focus{outline:none !important;border-color:var(--primary) !important;background:rgba(255,255,255,0.1) !important}#settings-language .bg-gradient-to-br{padding:12px !important}#settings-language .w-10{width:40px !important;height:40px !important}#saveLanguageBtn{width:100% !important;margin-top:12px !important}}.server-menu-divider{height:1px !important;background:#3f4147 !important;margin:4px 0 !important}#createChannelBtn:hover,#openInviteModal:hover,#openServerSettings:hover{background:#5865f2 !important;color:#ffffff !important}#reportServerBtn:hover,#leaveServerBtn:hover,#deleteServerBtn:hover{background:#ed4245 !important;color:#ffffff !important}#contactsList,#serversList,#membersList{padding:8px !important}#contactsList > div,#serversList > div,#membersList .member-item,.user-list-item{display:flex !important;align-items:center !important;gap:12px !important;padding:8px 12px !important;margin-bottom:2px !important;border-radius:8px !important;background:transparent !important;transition:background 0.1s ease !important;cursor:pointer !important;min-height:56px !important}#contactsList > div:hover,#serversList > div:hover,#membersList .member-item:hover,.user-list-item:hover{background:var(--hover-accent,rgba(255,255,255,0.08)) !important}#contactsList > div:active,#serversList > div:active,#membersList .member-item:active,.user-list-item:active{background:var(--bg-tertiary,rgba(255,255,255,0.08)) !important;transform:scale(0.98) !important}#contactsList img,#serversList img,#membersList img,.user-list-item img,.user-avatar{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;max-width:40px !important;max-height:40px !important;border-radius:50% !important;object-fit:cover !important;flex-shrink:0 !important;display:block !important;background:var(--bg-tertiary) !important}.avatar-container,.user-avatar-container{position:relative !important;width:40px !important;height:40px !important;flex-shrink:0 !important}#contactsList .flex-1,#serversList .flex-1,#membersList .member-info,.user-info{min-width:0 !important;flex:1 !important;overflow:hidden !important}#contactsList .font-semibold,#serversList .font-medium,#membersList .member-name,.user-name{color:var(--text-primary) !important;font-size:16px !important;font-weight:600 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;line-height:1.2 !important}#contactsList .text-xs,#serversList .text-xs,#membersList .member-status,.user-status-text{color:var(--text-secondary) !important;font-size:13px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;line-height:1.2 !important;margin-top:2px !important}#contactsList button,#serversList button,#membersList button,.user-list-item button{padding:6px 12px !important;font-size:13px !important;min-height:32px !important;border-radius:6px !important}.status-indicator,.user-status-indicator,.dm-status-indicator{position:absolute !important;bottom:-2px !important;right:-2px !important;width:12px !important;height:12px !important;border-radius:50% !important;border:2px solid var(--bg-primary) !important;z-index:10 !important;background:#6b7280 !important}.status-indicator.online,.user-status-indicator.online,.dm-status-indicator.online{background:#23a55a !important}.status-indicator.idle,.user-status-indicator.idle,.dm-status-indicator.idle{background:#f0b90b !important}.status-indicator.dnd,.user-status-indicator.dnd,.dm-status-indicator.dnd{background:#f23f43 !important}.status-indicator.offline,.user-status-indicator.offline,.dm-status-indicator.offline{background:#80848e !important}@media (max-width:768px){#settings-privacy{overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;overscroll-behavior-y:contain !important;padding-bottom:100px !important;max-height:calc(100vh - 150px) !important}#settings-privacy .settings-section-redesign{margin-bottom:24px !important}#settings-privacy .security-item{padding:16px !important;margin-bottom:12px !important;border-radius:12px !important;background:rgba(255,255,255,0.03) !important;border:1px solid rgba(255,255,255,0.06) !important}#settings-privacy select{width:100% !important;padding:12px !important;font-size:15px !important;border-radius:8px !important;background:rgba(255,255,255,0.08) !important;border:1px solid rgba(255,255,255,0.1) !important;color:var(--text) !important}#savePrivacyBtn{width:100% !important;padding:14px !important;font-size:15px !important;margin-top:16px !important}.settings-content{overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;overscroll-behavior-y:contain !important}#settingsModal .settings-content-area,.settings-content-area{overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;overscroll-behavior-y:contain !important;flex:1 !important;min-height:0 !important}}