@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-dark:#0b0e18;--bg-panel:#111420;--bg-panel-light:#181d2e;--bg-panel-hover:#1e2438;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f12e;--accent:#8b5cf6;--success:#10b981;--danger:#ef4444;--text-main:#f1f5f9;--text-muted:#64748b;--text-soft:#94a3b8;--border:#ffffff0e;--border-soft:#ffffff14;--bubble-me:#6366f1;--bubble-other:#1a2035;--glass-bg:#0d101cbf}*{box-sizing:border-box;outline:none;margin:0;padding:0}body,html,#root{background-color:var(--bg-dark);width:100vw;height:100vh;color:var(--text-main);font-family:Plus Jakarta Sans,system-ui,sans-serif;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:5px;transition:color .2s,background .2s;display:flex}.btn-icon:hover{color:var(--text-main);background:#ffffff0f}.login-wrapper{justify-content:center;align-items:center;height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.bg-glow{filter:blur(160px);opacity:.13;pointer-events:none;border-radius:50%;width:55vw;height:55vh;position:absolute}.glow-purple{background:var(--accent);top:-5%;right:-5%}.glow-cyan{background:#06b6d4;bottom:-5%;left:-5%}.login-content-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;width:100%;max-width:1020px;display:flex}.login-info{flex:1;min-width:300px}.login-info h1{margin-bottom:18px;font-size:3.4rem;font-weight:800;line-height:1.1}.login-info h1 span{color:var(--primary);text-shadow:0 0 30px #6366f173}.login-info p{color:var(--text-soft);margin-bottom:32px;font-size:1.05rem;line-height:1.65}.features{flex-direction:column;gap:14px;display:flex}.feature-item{color:var(--text-main);align-items:center;gap:14px;font-size:.95rem;font-weight:500;display:flex}.feature-item svg{color:var(--primary);background:#6366f11f;border-radius:9px;flex-shrink:0;width:28px;height:28px;padding:6px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(28px);border:1px solid var(--border);border-radius:22px;padding:40px;box-shadow:0 32px 64px #000000a6,inset 0 0 0 .5px #ffffff0a}.login-card{width:100%;max-width:410px}.login-header{text-align:center;margin-bottom:34px}.logo-container{justify-content:center;margin-bottom:16px;display:flex;transform:scale(1.6)}.login-header h2,.login-header h1{letter-spacing:-.5px;font-size:1.75rem;font-weight:800}.login-header h1 span{color:var(--primary)}.login-error-msg{color:#ef4444;background:#ef444417;border:1px solid #ef444440;border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 15px;font-size:.85rem;line-height:1.4;display:flex}.login-error-msg svg{stroke:#ef4444;flex-shrink:0;margin-top:2px}.input-group{margin-bottom:18px}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px;font-size:.75rem;font-weight:600;display:block}.input-field{border:1px solid var(--border-soft);background:#00000040;border-radius:12px;align-items:center;gap:10px;padding:13px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.input-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-field svg{color:var(--text-muted);flex-shrink:0}.input-field input{color:#fff;background:0 0;border:none;width:100%;font-family:inherit;font-size:.975rem}.input-field input::placeholder{color:#3d4a60}.input-error{border-color:#ef444480!important;box-shadow:0 0 0 3px #ef44441a!important}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--primary) 100%);color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:12px;width:100%;margin-top:10px;padding:15px;font-family:inherit;font-size:.975rem;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #6366f152}.btn-primary:active{transform:translateY(0)}.btn-primary.full-width{margin-top:20px}.admin-key-section{background:#10b9810f;border:1px solid #10b98133;border-radius:12px;margin-bottom:18px;padding:14px 16px}.admin-key-header{color:#10b981;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:8px;margin-bottom:12px;font-size:.78rem;font-weight:700;display:flex}.admin-key-header svg{stroke:#10b981}.admin-key-error{color:#ef4444;margin-top:6px;padding:0 4px;font-size:.78rem}.toggle-key-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:.9rem;line-height:1}.admin-hint{color:var(--text-muted);text-align:center;margin-top:12px;font-size:.75rem;line-height:1.5}.admin-hint code{color:#818cf8;background:#ffffff12;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:.8rem}.chat-layout{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--bg-panel);flex-direction:column;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.left-sidebar{border-right:1px solid var(--border);z-index:20;background:linear-gradient(#0f1320 0%,#0b0e18 100%);width:260px}.right-sidebar{border-left:1px solid var(--border);background:var(--bg-panel);z-index:20;width:250px}.sidebar-brand{justify-content:space-between;align-items:center;padding:22px 18px 18px;display:flex}.sidebar-brand h2{letter-spacing:-.4px;align-items:center;gap:9px;font-size:1.1rem;font-weight:800;display:flex}.right-header{justify-content:space-between;align-items:center;padding:22px 18px 14px;display:flex}.right-header h3{color:var(--text-muted);letter-spacing:.8px;font-size:.7rem;font-weight:700}.mobile-close-btn{display:none}.search-container{padding:0 14px 16px}.search-container.small{padding:0 12px 12px}.btn-search-trigger{border:1px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:#00000047;border-radius:10px;align-items:center;gap:9px;padding:11px 14px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-search-trigger:hover{color:var(--text-soft);background:#0000006b}.search-bar{background:#00000040;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;padding:9px 13px;transition:all .2s;display:flex}.search-bar:focus-within{background:#0000006b;border-color:#ffffff17}.search-bar svg{color:var(--text-muted);flex-shrink:0}.search-bar input{color:#fff;background:0 0;border:none;width:100%;font-family:inherit;font-size:.875rem}.search-bar input::placeholder{color:#3d4a60}.channel-list{flex-direction:column;flex:1;padding:0 8px;display:flex;overflow-y:auto}.list-title{color:var(--text-muted);letter-spacing:.7px;margin-bottom:6px;padding:0 10px;font-size:.68rem;font-weight:700;display:block}.channel-scroll-box{flex-direction:column;gap:1px;max-height:185px;margin-bottom:8px;padding-right:2px;display:flex;overflow-y:auto}.channel-scroll-box::-webkit-scrollbar{width:3px}.channel-btn{cursor:pointer;width:100%;color:var(--text-muted);background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:center;gap:4px;padding:8px 10px;font-family:inherit;transition:background .15s,color .15s;display:flex}.channel-name{align-items:center;gap:8px;min-width:0;font-size:.9rem;font-weight:500;display:flex}.channel-name span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel-btn:hover{background:var(--bg-panel-hover);color:var(--text-soft)}.channel-btn.active{color:#818cf8;background:#6366f121}.channel-btn.active .channel-name svg{color:#818cf8}.btn-leave{opacity:0;color:var(--danger);flex-shrink:0}.channel-btn:hover .btn-leave{opacity:.45}.btn-leave:hover{background:#ef44441f;opacity:1!important}.users-list{flex-direction:column;flex:1;gap:1px;padding:0 8px;display:flex;overflow-y:auto}.user-item{cursor:pointer;border-radius:9px;align-items:center;gap:11px;padding:9px 10px;transition:background .15s;display:flex}.user-item:hover{background:var(--bg-panel-hover)}.avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.avatar.me{background:linear-gradient(135deg, var(--accent), var(--primary));width:34px;height:34px;font-size:.9rem}.avatar.small{background:#1e2840;border-radius:8px;width:30px;height:30px;font-size:.82rem}.avatar.large{background:linear-gradient(135deg,#1e2840,#131827);border-radius:20px;width:80px;height:80px;margin:0 auto 14px;font-size:2.4rem}.status-dot{border:2px solid var(--bg-panel);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.status-dot.online{background:var(--success);box-shadow:0 0 6px #10b98199}.user-profile{border-top:1px solid var(--border);background:#0003;align-items:center;gap:11px;padding:16px 14px;display:flex}.user-info{flex:1;min-width:0}.user-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:.9rem;font-weight:600;display:flex;overflow:hidden}.btn-logout:hover{color:var(--danger);background:#ef44441a}.sidebar-tools{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.tool-btn{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;padding:7px 4px;font-family:inherit;font-size:.875rem;font-weight:500;transition:color .2s;display:flex}.tool-btn:hover{color:var(--text-soft);background:#ffffff08}.tool-btn.notif-btn:hover{color:#fbbf24}.tool-btn.admin-tool{color:#10b981}.tool-btn.admin-tool:hover{background:#10b98114}.reports-badge{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;border-radius:20px;margin-left:4px;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-block}.chat-main{background:var(--bg-dark);background-image:radial-gradient(80% 50% at 50% -10%,#6366f10f 0%,#0000 70%);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.mobile-menu-btn,.mobile-users-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px;transition:color .2s;display:none}.mobile-menu-btn:hover,.mobile-users-btn:hover{color:var(--text-main);background:#ffffff0d}.chat-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#0b0e18d1;flex-shrink:0;justify-content:space-between;align-items:center;height:62px;padding:0 28px;display:flex}.header-title{color:var(--text-muted);align-items:center;gap:10px;display:flex}.header-title h3{color:var(--text-main);letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.header-badge{color:#10b981;letter-spacing:.4px;background:#10b9811f;border:1px solid #10b98138;border-radius:20px;padding:4px 11px;font-size:.72rem;font-weight:700}.messages-area{flex-direction:column;flex:1;gap:4px;padding:20px 28px 8px;display:flex;overflow-y:auto}.empty-state-main{text-align:center;color:var(--text-muted);margin:auto;padding:24px;font-size:1rem;line-height:1.6}.load-more-btn{color:#818cf8;cursor:pointer;background:#6366f11a;border:1px solid #6366f140;border-radius:20px;align-self:center;align-items:center;gap:6px;margin-bottom:10px;padding:8px 18px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.load-more-btn:hover{background:#6366f12e}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.msg-row{gap:9px;max-width:78%;margin-bottom:2px;animation:.22s both fadeInMsg;display:flex}.msg-row.me{flex-direction:row-reverse;align-self:flex-end}@keyframes fadeInMsg{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-avatar{background:var(--bg-panel-light);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:30px;height:30px;margin-bottom:2px;font-size:.78rem;font-weight:700;display:flex}.msg-content{flex-direction:column;gap:2px;max-width:100%;display:flex}.msg-row.me .msg-content{align-items:flex-end}.msg-author{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:1px;padding:0 6px;font-size:.72rem;font-weight:600;display:flex}.msg-bubble-wrapper{position:relative}.msg-bubble-wrapper:hover .msg-actions{opacity:1;pointer-events:all}.msg-bubble{background:var(--bubble-other);word-break:break-word;border:1px solid #ffffff0a;border-radius:16px 16px 16px 4px;min-width:64px;max-width:100%;padding:9px 12px 22px;position:relative;box-shadow:0 2px 8px #00000040}.msg-row.me .msg-bubble{background:var(--bubble-me);border-color:#6366f140;border-bottom-right-radius:4px;border-bottom-left-radius:16px;box-shadow:0 2px 10px #6366f133}.msg-bubble.mentioned{background:#fbbf240d;border-color:#fbbf2459}.msg-bubble p{color:var(--text-main);margin:0;font-size:.935rem;line-height:1.45}.msg-time{color:#ffffff59;white-space:nowrap;font-size:.63rem;position:absolute;bottom:5px;right:9px}.msg-row.me .msg-time{color:#ffffff8c}.msg-actions{opacity:0;pointer-events:none;background:var(--bg-panel);border:1px solid var(--border-soft);z-index:10;border-radius:8px;gap:2px;padding:3px;transition:opacity .15s;display:flex;position:absolute;top:-34px;box-shadow:0 4px 14px #0006}.msg-actions.left{right:0}.msg-actions.right{left:0}.msg-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;transition:background .15s,color .15s;display:flex}.msg-action-btn:hover{background:var(--bg-panel-hover);color:var(--text-main)}.reactions-bar{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction-chip{background:var(--bg-panel-light);border:1px solid var(--border-soft);cursor:pointer;color:var(--text-soft);border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;font-size:.8rem;transition:background .15s,border-color .15s;display:flex}.reaction-chip span{font-size:.75rem;font-weight:600}.reaction-chip:hover{background:var(--bg-panel-hover);border-color:var(--border)}.reaction-chip.mine{color:#818cf8;background:#6366f126;border-color:#6366f159}.emoji-picker{background:var(--bg-panel);border:1px solid var(--border-soft);z-index:20;border-radius:12px;gap:2px;padding:6px 8px;animation:.15s slideUp;display:flex;position:absolute;top:-50px;box-shadow:0 8px 24px #00000080}.emoji-picker.left{right:0}.emoji-picker.right{left:0}.emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:1.2rem;line-height:1;transition:background .15s,transform .1s}.emoji-btn:hover{background:var(--bg-panel-hover);transform:scale(1.2)}.typing-indicator{color:var(--text-muted);align-items:center;gap:10px;margin-top:4px;padding:4px 6px;font-size:.8rem;animation:.2s fadeInMsg;display:flex}.typing-dots{gap:3px;display:flex}.typing-dots span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.system-local-msg{color:var(--text-muted);border:1px solid var(--border);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000047;border-radius:20px;align-self:center;margin:8px 0;padding:5px 14px;font-size:.73rem;font-weight:500}.input-area{padding:12px 24px 22px;position:relative}.command-menu{background:var(--bg-panel);border:1px solid var(--border-soft);z-index:20;border-radius:14px;animation:.18s slideUp;position:absolute;bottom:calc(100% + 6px);left:24px;right:24px;overflow:hidden;box-shadow:0 -12px 36px #0000008c}.command-header{color:var(--text-muted);border-bottom:1px solid var(--border);letter-spacing:.7px;background:#0003;padding:10px 18px;font-size:.68rem;font-weight:700}.command-item{cursor:pointer;border-bottom:1px solid #ffffff05;align-items:center;gap:14px;padding:12px 18px;transition:background .15s;display:flex}.command-item:last-child{border-bottom:none}.command-item:hover{background:var(--bg-panel-hover)}.cmd-icon{color:var(--text-muted);display:flex}.cmd-info{flex-direction:column;gap:1px;display:flex}.cmd-info strong{color:var(--text-main);font-size:.9rem}.cmd-info span{color:var(--text-muted);font-size:.78rem}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-form{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:16px;align-items:center;gap:10px;padding:6px 6px 6px 18px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #00000040}.chat-form:focus-within{box-shadow:0 0 0 3px var(--primary-glow), 0 4px 16px #00000040;border-color:#6366f173}.chat-form input{color:#fff;background:0 0;border:none;flex:1;width:100%;font-family:inherit;font-size:.95rem}.chat-form input::placeholder{color:#3d4a60}.chat-form input:disabled{opacity:.4}.char-counter{color:var(--text-muted);white-space:nowrap;padding:0 4px;font-size:.75rem;transition:color .2s}.char-counter.danger{color:var(--danger);font-weight:700}.btn-send{background:linear-gradient(135deg, var(--accent), var(--primary));color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s,box-shadow .2s;display:flex}.btn-send:hover:not(:disabled){transform:scale(1.06);box-shadow:0 4px 14px #6366f161}.btn-send:active:not(:disabled){transform:scale(.97)}.btn-send:disabled{background:var(--bg-panel-light);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#000000b8;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:380px;max-height:90vh;padding:32px;position:relative;overflow-y:auto}.btn-close-modal{background:#ffffff0d;position:absolute;top:14px;right:14px}.modal-header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:22px;padding-bottom:22px}.modal-header h2{margin-bottom:10px;font-size:1.5rem;font-weight:700}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-block}.badge-online{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.badge-offline{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.profile-avatar{box-shadow:0 0 0 4px #6366f126}.modal-body h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px;font-size:.75rem;font-weight:700}.modal-channels{flex-wrap:wrap;gap:8px;display:flex}.channel-tag-btn{background:var(--bg-panel-light);border:1px solid var(--border-soft);color:var(--text-soft);cursor:pointer;border-radius:9px;padding:7px 14px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.channel-tag-btn:hover{border-color:var(--primary);color:#818cf8;background:#6366f121;transform:translateY(-1px)}.modal-header-centered{text-align:center;margin-bottom:18px}.modal-header-centered h2{justify-content:center;align-items:center;gap:10px;font-size:1.3rem;display:flex}.report-body p{color:var(--text-soft);text-align:center;margin-bottom:22px;font-size:.925rem;line-height:1.6}.btn-report{color:#ef4444;cursor:pointer;background:#ef444417;border:1px solid #ef444440;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;margin-bottom:10px;padding:13px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-report:hover{color:#fff;background:#ef4444}.btn-report:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border);color:var(--text-muted);background:0 0}.btn-report:disabled:hover{color:var(--text-muted);background:0 0}.btn-report.submit-report{margin-top:14px}.btn-secondary{width:100%;color:var(--text-muted);border:1px solid var(--border-soft);cursor:pointer;background:0 0;border-radius:11px;padding:13px;font-family:inherit;font-weight:600;transition:all .2s}.btn-secondary:hover{color:var(--text-main);background:#ffffff0d}.report-modal{max-width:400px}.report-form{text-align:left}.custom-select{border:1px solid var(--border-soft);color:#fff;cursor:pointer;appearance:none;background:#00000047 url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'292.4' height%3D'292.4'%3E%3Cpath fill%3D'%2364748b' d%3D'M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z'%2F%3E%3C%2Fsvg%3E") right 14px top 50%/11px no-repeat;border-radius:11px;outline:none;width:100%;margin-bottom:4px;padding:13px 15px;font-family:inherit;font-size:.92rem;transition:border-color .2s}.custom-select:focus{border-color:var(--primary)}.custom-select option{background:var(--bg-panel);color:#fff}.report-card{background:var(--bg-panel-light);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:14px}.report-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.report-badge{text-transform:uppercase;color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:20px;padding:3px 9px;font-size:.68rem;font-weight:700}.report-card p{color:var(--text-soft);margin-bottom:4px;font-size:.85rem}.report-card-actions{gap:8px;margin-top:12px;display:flex}.btn-ban-quick{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.btn-ban-quick:hover{color:#fff;background:#ef4444}.btn-dismiss{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.btn-dismiss:hover{color:var(--text-main);background:#ffffff0d}.success-icon{color:#10b981;background:#10b9811f;border:1.5px solid #10b98147;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:2.4rem;font-weight:700;animation:.38s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.msg-author svg{width:12px;height:12px;margin-left:4px;transform:translateY(-1px)}.user-profile .user-info svg{width:13px;height:13px}.channel-result-item{background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:12px 14px;transition:all .2s;display:flex}.channel-result-item:hover{border-color:var(--border-soft);background:var(--bg-panel-hover)}.channel-result-item.create-new{background:#6366f10a;border-style:dashed;border-color:#6366f159}.channel-info{flex-direction:column;gap:4px;display:flex}.channel-info strong{color:var(--text-main);align-items:center;gap:6px;font-size:.9rem;display:flex}.channel-info strong svg{width:13px;height:13px;color:var(--primary)}.channel-count{color:var(--text-muted);align-items:center;gap:4px;font-size:.73rem;display:flex}.channel-count svg{width:11px;height:11px}.mention{color:#34d399;cursor:pointer;background:#10b9811f;border-radius:5px;margin:0 1px;padding:1px 6px;font-weight:700;transition:opacity .15s;display:inline-block}.mention:hover{opacity:.75}.mention.mention-me{color:#fbbf24;background:#fbbf241f}.mentions-dropdown{background:var(--bg-panel);border:1px solid var(--border-soft);z-index:30;border-radius:12px;width:240px;max-height:200px;margin-bottom:8px;animation:.18s slideUp;position:absolute;bottom:100%;left:24px;overflow-y:auto;box-shadow:0 -10px 30px #00000080}.mention-item{cursor:pointer;border-bottom:1px solid #ffffff06;align-items:center;gap:10px;padding:11px 14px;transition:background .15s;display:flex}.mention-item:last-child{border-bottom:none}.mention-item:hover{background:var(--bg-panel-hover)}.noti-dot{background:var(--primary);width:7px;height:7px;box-shadow:0 0 7px var(--primary);border-radius:50%;flex-shrink:0}.noti-dot.green{background:#10b981;box-shadow:0 0 7px #10b981}.noti-dot.blink{animation:1.3s infinite blinkNoti}@keyframes blinkNoti{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.45)}}@media (width<=900px){.login-content-container{text-align:center;flex-direction:column;gap:20px}.login-info h1{font-size:2.4rem}.features{display:none}.left-sidebar{width:280px;position:absolute;top:0;bottom:0;left:-100%;box-shadow:12px 0 32px #0000008c}.left-sidebar.open{left:0}.right-sidebar{width:260px;position:absolute;top:0;bottom:0;right:-100%;box-shadow:-12px 0 32px #0000008c}.right-sidebar.open{right:0}.mobile-close-btn,.mobile-menu-btn,.mobile-users-btn{display:flex}.chat-main{width:100vw;height:100vh}.chat-header{height:56px;padding:0 16px}.header-title h3{font-size:.975rem}.input-area{padding:8px 14px 18px}.command-menu{left:14px;right:14px}.mentions-dropdown{width:auto;left:14px}.msg-row{gap:7px;max-width:92%}.messages-area{padding:16px 14px 8px}.modal-content{padding:22px}.mobile-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:15;background:#000000a6;position:absolute;inset:0}}@media (width<=400px){.login-card{padding:28px 18px}.msg-row{max-width:96%}}.profile-modal{width:100%;max-width:360px;padding:0;position:relative;overflow:hidden}.btn-close-modal{z-index:10;background:#0006;position:absolute;top:14px;right:14px}.btn-close-modal:hover{color:#fff;background:#0009}.profile-banner{justify-content:center;align-items:flex-end;height:90px;display:flex;position:relative}.profile-avatar-ring{background:var(--bg-panel);border:4px solid;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:absolute;bottom:-36px;box-shadow:0 4px 20px #00000080}.profile-avatar-big{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;font-weight:800;display:flex}.profile-body{flex-direction:column;gap:16px;padding:48px 24px 24px;display:flex}.profile-name-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.profile-nick{letter-spacing:-.3px;align-items:center;gap:6px;font-size:1.3rem;font-weight:800;display:flex}.profile-bio-section{min-height:44px}.bio-display{cursor:text;border:1px dashed #0000;border-radius:10px;padding:8px 12px;transition:border-color .2s,background .2s}.bio-display:hover{border-color:var(--border-soft);background:#ffffff08}.bio-text{color:var(--text-soft);text-align:center;font-size:.88rem;line-height:1.5}.bio-placeholder{color:var(--text-muted);text-align:center;font-size:.85rem;font-style:italic}.bio-edit-wrap{flex-direction:column;gap:8px;display:flex}.bio-textarea{border:1px solid var(--primary);color:#fff;resize:none;background:#00000040;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.88rem;line-height:1.5}.bio-edit-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.bio-char-count{color:var(--text-muted);margin-right:auto;font-size:.75rem}.profile-stats{border:1px solid var(--border);background:#0003;border-radius:12px;justify-content:center;align-items:center;gap:0;padding:12px 0;display:flex}.profile-stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.stat-num{color:var(--text-main);font-size:1.1rem;font-weight:800}.stat-label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:.68rem;font-weight:600}.profile-stat-div{background:var(--border);width:1px;height:32px}.profile-channels-section{flex-direction:column;gap:10px;display:flex}.profile-section-label{color:var(--text-muted);letter-spacing:.7px;font-size:.68rem;font-weight:700}.profile-actions{flex-direction:column;gap:8px;display:flex}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;max-width:320px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-panel);border:1px solid var(--border-soft);cursor:pointer;pointer-events:all;border-left:4px solid var(--primary);border-radius:14px;padding:14px 18px;animation:.3s cubic-bezier(.34,1.56,.64,1) toastIn;box-shadow:0 8px 32px #00000080}.toast-dm{border-left-color:#6366f1}.toast-mention{border-left-color:#fbbf24}.toast-info{border-left-color:#10b981}.toast-title{color:var(--text-main);margin-bottom:3px;font-size:.85rem;font-weight:700}.toast-body{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}@keyframes toastIn{0%{opacity:0;transform:translate(40px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.report-textarea{border:1px solid var(--border-soft);color:#fff;resize:none;background:#00000040;border-radius:11px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:.88rem;line-height:1.5;transition:border-color .2s}.report-textarea:focus{border-color:var(--primary)}.report-textarea::placeholder{color:#3d4a60}.scroll-bottom-btn{background:var(--primary);color:#fff;cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s;animation:.2s fadeInMsg;display:flex;position:absolute;bottom:80px;right:28px;box-shadow:0 4px 16px #6366f180}.scroll-bottom-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #6366f199}.messages-area{position:relative}.chat-form textarea{color:#fff;resize:none;background:0 0;border:none;flex:1;width:100%;max-height:120px;padding-top:10px;padding-bottom:10px;font-family:inherit;font-size:.95rem;line-height:1.4;overflow-y:auto}.chat-form textarea::placeholder{color:#3d4a60}.chat-form textarea:disabled{opacity:.4}.chat-form textarea::-webkit-scrollbar{width:3px}.date-separator{align-items:center;gap:12px;margin:16px 0 8px;padding:0 4px;display:flex}.date-line{background:var(--border);flex:1;height:1px}.date-label{color:var(--text-muted);white-space:nowrap;letter-spacing:.5px;text-transform:uppercase;background:var(--bg-dark);padding:0 8px;font-size:.7rem;font-weight:700}body,html,#root,.chat-layout,.chat-main{height:100dvh}@media (width<=900px){.chat-layout{flex-direction:row;overflow:hidden}.chat-main{flex-direction:column;width:100vw;height:100dvh;display:flex}.left-sidebar{width:min(80vw,300px);box-shadow:none;z-index:50;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.left-sidebar.open{transform:translate(0);box-shadow:4px 0 40px #0009}.right-sidebar{width:min(75vw,280px);box-shadow:none;z-index:50;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.right-sidebar.open{transform:translate(0);box-shadow:-4px 0 40px #0009}.chat-header{height:52px;padding:0 12px;padding-top:env(safe-area-inset-top,0px);height:calc(52px + env(safe-area-inset-top,0px));flex-shrink:0}.header-title h3{max-width:160px;font-size:.925rem}.messages-area{-webkit-overflow-scrolling:touch;flex:1;padding:12px 12px 6px;overflow-y:auto}.msg-row{gap:6px;max-width:88%}.msg-bubble{padding:8px 10px 20px}.msg-bubble p{font-size:.92rem}.input-area{padding:8px 12px;padding-bottom:max(12px, env(safe-area-inset-bottom,12px));background:var(--bg-dark);border-top:1px solid var(--border);flex-shrink:0}.chat-form{border-radius:14px;padding:6px 6px 6px 14px}.chat-form textarea{font-size:.925rem}.btn-send{border-radius:10px;width:38px;height:38px}.command-menu{bottom:calc(100% + 4px);left:12px;right:12px}.mentions-dropdown{width:auto;left:12px;right:12px}.modal-overlay{align-items:flex-end;padding:12px}.modal-content{border-radius:20px 20px 14px 14px;max-width:100%;max-height:85vh;padding:20px}.profile-modal{max-width:100%}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#0009;position:fixed;inset:0}.header-badge{display:none}.load-more-btn{padding:6px 14px;font-size:.75rem}.toast-container{max-width:100%;inset:60px 12px auto}.scroll-bottom-btn{width:34px;height:34px;font-size:1rem;bottom:72px;right:14px}.date-label{font-size:.65rem}.emoji-btn{padding:6px;font-size:1.4rem}.emoji-picker{gap:4px;padding:8px 10px}}@media (width<=480px){.login-card{padding:24px 16px}.login-info h1{font-size:2rem}.glass-panel{border-radius:18px;padding:24px 18px}.msg-row{max-width:94%}.messages-area{padding:10px 10px 4px}.input-area{padding:6px 10px;padding-bottom:max(10px, env(safe-area-inset-bottom,10px))}.chat-form{padding:5px 5px 5px 12px}.sidebar-brand h2{font-size:1rem}.channel-scroll-box{max-height:150px}.modal-content{padding:16px}.profile-body{padding:44px 16px 16px}}@media (height<=500px) and (width<=900px){.chat-header{height:44px}.messages-area{padding:8px 12px 4px}.input-area{padding:4px 12px;padding-bottom:max(8px, env(safe-area-inset-bottom,8px))}.msg-row{max-width:90%}}.notfound-wrapper{background:var(--bg-dark);justify-content:center;align-items:center;height:100dvh;display:flex;position:relative;overflow:hidden}.notfound-content{text-align:center;z-index:2;flex-direction:column;align-items:center;max-width:440px;padding:40px 24px;display:flex;position:relative}.notfound-emoji{filter:drop-shadow(0 8px 24px #0006);margin-bottom:16px;font-size:5rem;animation:6s ease-in-out infinite floatBob}.notfound-code{background:linear-gradient(135deg, var(--accent), var(--primary));-webkit-text-fill-color:transparent;letter-spacing:-4px;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:7rem;font-weight:800;line-height:1}.notfound-title{color:var(--text-main);margin-bottom:14px;font-size:1.6rem;font-weight:700}.notfound-desc{color:var(--text-muted);margin-bottom:28px;font-size:1rem;line-height:1.7}.rules-modal{max-width:520px;max-height:85vh;overflow-y:auto}.rules-list{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.rule-item{border:1px solid var(--border);background:#0003;border-radius:12px;align-items:flex-start;gap:14px;padding:14px 16px;transition:background .2s;display:flex}.rule-item:hover{background:var(--bg-panel-hover)}.rule-num{color:var(--primary);background:var(--primary-glow);letter-spacing:.5px;border:1px solid #6366f14d;border-radius:6px;flex-shrink:0;margin-top:2px;padding:3px 7px;font-size:.65rem;font-weight:800}.rule-content{flex-direction:column;gap:4px;display:flex}.rule-title{color:var(--text-main);font-size:.9rem;font-weight:700}.rule-desc{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.55}.rules-footer{color:var(--text-muted);text-align:center;border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-top:16px;font-size:.8rem;display:flex}.rules-report-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8rem;font-weight:700;transition:opacity .2s}.rules-report-btn:hover{opacity:.75}@media (width<=480px){.notfound-code{font-size:5rem}.notfound-title{font-size:1.3rem}.rules-modal{max-height:90vh}.rule-item{padding:12px}}.explore-modal{max-width:560px;padding:0;overflow:hidden}.explore-header{padding:24px 24px 0}.explore-header h2{margin-bottom:4px;font-size:1.3rem;font-weight:800}.explore-header p{color:var(--text-muted);margin-bottom:16px;font-size:.82rem}.explore-header .input-field{margin:0;padding:7px 12px!important}.explore-header .input-field input{font-size:.88rem}.explore-results{flex-direction:column;gap:6px;max-height:65vh;padding:0 24px 20px;display:flex;overflow-y:auto}.explore-section-title{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;padding:12px 0 6px;font-size:.7rem;font-weight:700;position:sticky;top:0}.explore-room-item{background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.explore-room-item:hover{background:var(--bg-panel-hover);border-color:var(--border-soft)}.explore-room-emoji{color:var(--primary);font-size:1rem;font-weight:700}.explore-room-info{flex-direction:column;flex:1;gap:2px;display:flex}.explore-room-name{color:var(--text-main);font-size:.9rem;font-weight:600}.explore-room-desc{color:var(--text-muted);font-size:.75rem}.explore-join-btn{background:var(--primary-glow);color:#818cf8;cursor:pointer;border:1px solid #6366f14d;border-radius:8px;flex-shrink:0;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .15s}.explore-join-btn:hover{background:var(--primary);color:#fff}.explore-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin-bottom:4px;display:grid}.explore-card{background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;transition:background .15s,border-color .15s,transform .15s;display:flex;position:relative}.explore-card:hover{background:var(--bg-panel-hover);border-color:var(--border-soft);transform:translateY(-1px)}.explore-card.joined{background:#6366f112;border-color:#6366f159}.explore-card-emoji{font-size:1.6rem;line-height:1}.explore-card-name{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.72rem;font-weight:600;overflow:hidden}.explore-card-count{color:#10b981;background:#10b98133;border-radius:20px;padding:1px 5px;font-size:.6rem;font-weight:700;position:absolute;top:5px;right:5px}.explore-card-joined{color:#818cf8;font-size:.7rem;font-weight:700;position:absolute;top:5px;left:6px}@media (width<=480px){.explore-modal{max-width:100%}.explore-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.explore-card-emoji{font-size:1.3rem}.explore-header{padding:16px 16px 0}.explore-results{padding:0 16px 16px}}.gc-footer{color:var(--text-muted);border-top:1px solid var(--border);z-index:2;background:#00000026;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:16px 20px;font-size:.72rem;display:flex;position:relative}.gc-footer-chat{flex-shrink:0;padding:10px 14px;font-size:.68rem}.gc-footer-brand{color:var(--text-soft);align-items:center;gap:5px;font-weight:700;display:flex}.gc-footer-sep{opacity:.3}.gc-footer-copy{color:var(--text-muted)}.gc-footer-socials{align-items:center;gap:6px;display:flex}.gc-social-btn{width:26px;height:26px;color:var(--text-muted);border:1px solid var(--border);background:#ffffff0a;border-radius:7px;justify-content:center;align-items:center;text-decoration:none;transition:color .2s,background .2s,border-color .2s;display:flex}.gc-social-btn:hover{color:var(--text-main);border-color:var(--border-soft);background:#ffffff14}.login-wrapper .gc-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:3;background:#0b0e18d9;position:fixed;bottom:0;left:0;right:0}@media (width<=480px){.gc-footer{gap:6px;padding:10px 14px}.gc-footer-copy{display:none}}