@import url(https://fonts.googleapis.com/css2?family=Belanosima&family=Outfit:wght@600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);:root,[data-theme=dark]{--bg-primary:#2e2e2e;--bg-secondary:#231f20;--bg-tertiary:#2b2b2b;--bg-sidebar:#231f20;--bg-hover:#ffffff0f;--bg-active:#bf1f242e;--bg-input:#292425;--bg-message-hover:#bf1f2414;--accent:#bf1f24;--accent-hover:#d7474c;--accent-glow:#bf1f242e;--accent-glow-strong:#bf1f2442;--green:#2cc784;--green-dim:#2cc78429;--red:#ff6f6f;--red-dim:#ff6f6f29;--yellow:#fac943;--yellow-dim:#fac94329;--blue:#58b1ff;--blue-dim:#58b1ff29;--text-primary:#e5e5e5;--text-secondary:#cecece;--text-muted:#b8b8b8;--text-header:#fff;--border:#474747;--scrollbar:#231f20;--scrollbar-thumb:#666;--accent-contrast:#fff;--yellow-contrast:#111;--shadow-soft:0 10px 30px #00000047;--shadow-strong:0 18px 48px #00000057;--shadow-accent:0 10px 30px #bf1f2433;--surface-overlay:#0000002e;--body-background:radial-gradient(circle at top center,#bf1f242e 0%,#0000 34%),radial-gradient(circle at bottom right,#ffffff0a 0%,#0000 24%),linear-gradient(180deg,#231f20,#2e2e2e 58%,#211d1e)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#ebebeb;--bg-sidebar:#f5f5f5;--bg-hover:#bf1f2414;--bg-active:#bf1f2424;--bg-input:#fff;--bg-message-hover:#bf1f240f;--accent:#bf1f24;--accent-hover:#d7474c;--accent-glow:#bf1f2424;--accent-glow-strong:#bf1f2433;--green:#1ba86b;--green-dim:#1ba86b24;--red:#d95055;--red-dim:#d9505524;--yellow:#c69314;--yellow-dim:#c6931424;--blue:#2e82d9;--blue-dim:#2e82d924;--text-primary:#393838;--text-secondary:#4b4b4b;--text-muted:#707070;--text-header:#2a2a2a;--border:#e0e0e0;--scrollbar:#ebebeb;--scrollbar-thumb:#bfbfbf;--accent-contrast:#fff;--yellow-contrast:#111;--shadow-soft:0 10px 30px #0000001f;--shadow-strong:0 18px 48px #00000029;--shadow-accent:0 10px 30px #bf1f2424;--surface-overlay:#0000000f;--body-background:radial-gradient(circle at top center,#bf1f241f 0%,#0000 32%),radial-gradient(circle at bottom left,#d7474c14 0%,#0000 22%),linear-gradient(180deg,#fff,#f5f5f5 56%,#efefef)}[data-theme=neon]{--bg-primary:#180f28;--bg-tertiary:#1b1030;--bg-sidebar:#140a24;--bg-hover:#ffffff0f;--bg-active:#b54cff33;--bg-input:#201233;--bg-message-hover:#b54cff17;--accent:#b54cff;--accent-hover:#d08aff;--accent-glow:#b54cff2e;--accent-glow-strong:#b54cff47;--green:#3be89c;--green-dim:#3be89c29;--red:#ff5eab;--red-dim:#ff5eab29;--yellow:#ffd75e;--yellow-dim:#ffd75e29;--blue:#42e1ff;--blue-dim:#42e1ff29;--text-primary:#f6efff;--text-secondary:#dbcafc;--text-muted:#b295e7;--text-header:#fff;--border:#35205c;--scrollbar:#140a24;--scrollbar-thumb:#5a378e;--accent-contrast:#fff;--yellow-contrast:#111;--shadow-soft:0 12px 32px #08040f6b;--shadow-strong:0 18px 50px #08040f80;--shadow-accent:0 10px 30px #b54cff3d;--surface-overlay:#08040f42;--body-background:radial-gradient(circle at top center,#b54cff33 0%,#0000 34%),radial-gradient(circle at right bottom,#42e1ff1f 0%,#0000 24%),linear-gradient(180deg,#140a24,#180f28 58%,#11091d)}[data-theme=accessibility-rg]{--bg-primary:#14222d;--bg-secondary:#11202c;--bg-tertiary:#172b39;--bg-sidebar:#11202c;--bg-hover:#ffffff12;--bg-active:#f6a3002e;--bg-input:#1a2d3b;--bg-message-hover:#f6a3001a;--accent:#f6a300;--accent-hover:#ffbf54;--accent-glow:#f6a3002e;--accent-glow-strong:#f6a30047;--green:#45d4ff;--green-dim:#45d4ff29;--red:#d67bff;--red-dim:#d67bff29;--yellow:#ffdf62;--yellow-dim:#ffdf6229;--blue:#61cdff;--blue-dim:#61cdff29;--text-primary:#f5fbff;--text-secondary:#d6e8f5;--text-muted:#9fb8cb;--text-header:#fff;--border:#2c536d;--scrollbar:#11202c;--scrollbar-thumb:#4a7897;--accent-contrast:#14222d;--yellow-contrast:#14222d;--shadow-soft:0 12px 32px #08111a61;--shadow-strong:0 18px 50px #08111a73;--shadow-accent:0 10px 30px #f6a30038;--surface-overlay:#08111a3d;--body-background:radial-gradient(circle at top center,#f6a30033 0%,#0000 34%),radial-gradient(circle at bottom right,#61cdff1a 0%,#0000 24%),linear-gradient(180deg,#11202c,#14222d 58%,#0d1720)}[data-theme=accessibility-by]{--bg-primary:#26191f;--bg-secondary:#24171c;--bg-tertiary:#302027;--bg-sidebar:#24171c;--bg-hover:#ffffff0f;--bg-active:#ff7a592e;--bg-input:#322126;--bg-message-hover:#ff7a591a;--accent:#ff7a59;--accent-hover:#ffb08f;--accent-glow:#ff7a592e;--accent-glow-strong:#ff7a5947;--green:#4bd7b5;--green-dim:#4bd7b529;--red:#ff92b4;--red-dim:#ff92b429;--yellow:#ffd06b;--yellow-dim:#ffd06b29;--blue:#8ab7ff;--blue-dim:#8ab7ff29;--text-primary:#fff3f6;--text-secondary:#f0d8df;--text-muted:#cfb1bb;--text-header:#fff;--border:#5d434f;--scrollbar:#24171c;--scrollbar-thumb:#8a6774;--accent-contrast:#24171c;--yellow-contrast:#24171c;--shadow-soft:0 12px 32px #140d1061;--shadow-strong:0 18px 50px #140d1073;--shadow-accent:0 10px 30px #ff7a5938;--surface-overlay:#140d103d;--body-background:radial-gradient(circle at top center,#ff7a5933 0%,#0000 34%),radial-gradient(circle at bottom left,#8ab7ff1a 0%,#0000 22%),linear-gradient(180deg,#24171c,#26191f 58%,#1c1015)}[data-theme=accessibility-mono-dark]{--bg-primary:#000;--bg-secondary:#000;--bg-tertiary:#0d0d0d;--bg-sidebar:#000;--bg-hover:#ffffff14;--bg-active:#ffffff1f;--bg-input:#111;--bg-message-hover:#ffffff0f;--accent:#fff;--accent-hover:#e8e8e8;--accent-glow:#ffffff24;--accent-glow-strong:#ffffff3d;--green:#fff;--green-dim:#ffffff1f;--red:#f0f0f0;--red-dim:#f0f0f01f;--yellow:#f5f5f5;--yellow-dim:#f5f5f51f;--blue:#ededed;--blue-dim:#ededed1f;--text-primary:#fff;--text-secondary:#e8e8e8;--text-muted:#c7c7c7;--text-header:#fff;--border:#2b2b2b;--scrollbar:#000;--scrollbar-thumb:#5b5b5b;--accent-contrast:#111;--yellow-contrast:#111;--shadow-soft:0 12px 32px #0000008c;--shadow-strong:0 18px 52px #000000a6;--shadow-accent:0 10px 30px #ffffff1f;--surface-overlay:#00000047;--body-background:radial-gradient(circle at top center,#ffffff1f 0%,#0000 32%),linear-gradient(180deg,#000,#050505 58%,#000)}[data-theme=accessibility-mono-light]{--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#f4f4f4;--bg-sidebar:#fff;--bg-hover:#11111114;--bg-active:#1111111a;--bg-input:#fff;--bg-message-hover:#1111110d;--accent:#111;--accent-hover:#2a2a2a;--accent-glow:#1111111a;--accent-glow-strong:#11111129;--green:#111;--green-dim:#11111114;--red:#303030;--red-dim:#3030301a;--yellow:#1a1a1a;--yellow-dim:#1a1a1a14;--blue:#242424;--blue-dim:#2424241a;--text-primary:#111;--text-secondary:#2a2a2a;--text-muted:#4a4a4a;--text-header:#111;--border:#d0d0d0;--scrollbar:#f4f4f4;--scrollbar-thumb:#a8a8a8;--accent-contrast:#fff;--yellow-contrast:#fff;--shadow-soft:0 8px 24px #11111114;--shadow-strong:0 16px 40px #1111111f;--shadow-accent:0 8px 24px #1111111a;--surface-overlay:#11111114;--body-background:radial-gradient(circle at top center,#11111114 0%,#0000 32%),linear-gradient(180deg,#fff,#f4f4f4 58%,#ededed)}:root{--font-main:"Plus Jakarta Sans",system-ui,sans-serif;--font-display:"Outfit",system-ui,sans-serif;--font-brand:"Belanosima",var(--font-display);--font-mono:"JetBrains Mono",monospace;--radius-sm:8px;--radius:12px;--radius-lg:18px;--sidebar-width:248px;--members-width:236px;--transition:0.18s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;height:100dvh;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top center,#bf1f242e 0,#0000 34%),radial-gradient(circle at bottom right,#ffffff0a 0,#0000 24%),linear-gradient(180deg,#231f20,#2e2e2e 58%,#211d1e);background:var(--body-background);color:#e5e5e5;color:var(--text-primary);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font-main);font-size:15px;line-height:1.5;text-rendering:optimizeLegibility;transition:background .2s ease,color .2s ease}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#231f20;background:var(--scrollbar)}::-webkit-scrollbar-thumb{background:#666;background:var(--scrollbar-thumb);border-radius:4px}#root{isolation:isolate;position:relative}.app-splash{align-items:center;background:radial-gradient(circle at top center,#bf1f242e 0,#0000 34%),radial-gradient(circle at bottom right,#ffffff0a 0,#0000 24%),linear-gradient(180deg,#231f20,#2e2e2e 58%,#211d1e);background:var(--body-background);color:#fff;color:var(--text-header);display:flex;font-family:Belanosima,Outfit,system-ui,sans-serif;font-family:var(--font-brand);font-size:1.15rem;justify-content:center;letter-spacing:.04em;min-height:100vh;min-height:100dvh}.app-splash--subtle{color:#cecece;color:var(--text-secondary);font-size:1rem}.apply-title,.channel-welcome h3,.chat-channel-name,.login-title,.mobile-topbar-title,.server-name{font-family:Belanosima,Outfit,system-ui,sans-serif;font-family:var(--font-brand);letter-spacing:.02em}.twemoji{height:1.18em;margin:0 .04em;object-fit:contain;vertical-align:-.22em;width:1.18em}.app-layout{background:#0000;display:grid;grid-template-columns:248px 1fr 236px;grid-template-columns:var(--sidebar-width) 1fr var(--members-width);height:100vh;height:100dvh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}@media (min-width:1100px){.app-layout{gap:14px;padding:14px}.chat-area,.sidebar-left,.sidebar-right{border:1px solid #474747;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 10px 30px #00000047;box-shadow:var(--shadow-soft)}}.connection-banner{align-items:center;background:#fac943;background:var(--yellow);color:#111;color:var(--yellow-contrast);display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;left:0;padding:8px;position:fixed;right:0;text-align:center;top:0;z-index:1000}.pulse-dot{animation:pulse 1.2s infinite;background:#111;background:var(--yellow-contrast);border-radius:50%;height:8px;width:8px}.toast{animation:slideUp .3s ease;background:#bf1f24;background:var(--accent);border-radius:12px;border-radius:var(--radius);bottom:80px;box-shadow:0 10px 30px #bf1f2433;box-shadow:var(--shadow-accent);color:#fff;font-size:14px;font-weight:500;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:999}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.sidebar-left{background:#231f20;background:var(--bg-sidebar);border-right:1px solid #474747;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.server-header{align-items:center;background:#2b2b2b;background:var(--bg-tertiary);border-bottom:1px solid #474747;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:16px}.server-logo{background:#fff;border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;height:36px;object-fit:contain;padding:3px;width:36px}.server-name{color:#fff;color:var(--text-header);font-size:15px;font-weight:700;letter-spacing:.3px}.server-sub{color:#b8b8b8;color:var(--text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.channel-list{flex:1 1;overflow-y:auto;padding:8px 0}.channel-category{margin-bottom:4px}.category-header-row{align-items:center;display:flex;gap:4px}.category-toggle{align-items:center;color:#b8b8b8;color:var(--text-muted);display:flex;flex:1 1;font-size:11px;font-weight:700;gap:6px;letter-spacing:.8px;padding:8px 12px 4px 14px;text-align:left;text-transform:uppercase;transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1);transition:color var(--transition),background var(--transition);-webkit-user-select:none;user-select:none;width:auto}.category-toggle:hover{background:#ffffff0f;background:var(--bg-hover);color:#cecece;color:var(--text-secondary)}.category-toggle.collapsed{color:#b8b8b8;color:var(--text-muted)}.category-chevron{align-items:center;display:inline-flex;justify-content:center;transition:transform .2s ease;width:14px}.category-toggle.collapsed .category-chevron{transform:rotate(-90deg)}.category-label-text{flex:1 1;min-width:0}.category-count{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10px;opacity:.65}.channel-category-body{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .22s ease,opacity .18s ease}.channel-category.is-collapsed .channel-category-body{grid-template-rows:0fr;opacity:.55}.channel-category-items{overflow:hidden}.category-admin-actions{align-items:center;display:flex;margin-right:8px;opacity:0;transition:opacity .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.channel-category:hover .category-admin-actions{opacity:1}.channel-admin-inline-btn{align-items:center;background:#0000;border-radius:6px;color:#b8b8b8;color:var(--text-muted);display:inline-flex;height:24px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition);width:24px}.channel-admin-inline-btn:hover{background:#ffffff0f;background:var(--bg-hover);color:#e5e5e5;color:var(--text-primary)}.channel-row{display:block;position:relative}.channel-row[draggable=true]{cursor:grab}.channel-row[draggable=true]:active{cursor:grabbing}.channel-item{align-items:center;border-left:3px solid #0000;border-radius:8px;border-radius:var(--radius-sm);color:#b8b8b8;color:var(--text-muted);display:flex;font-size:15px;font-weight:500;gap:6px;line-height:1.4;margin:1px 4px;padding:5px 8px;text-align:left;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition);width:calc(100% - 8px)}.channel-item:hover{background:#ffffff0f;background:var(--bg-hover);color:#e5e5e5;color:var(--text-primary)}.channel-item.active{background:#bf1f242e;background:var(--bg-active);border-left-color:#bf1f24;border-left-color:var(--accent);color:#fff;color:var(--text-header)}.channel-row--unread .channel-item:not(.active){color:#fff;color:var(--text-header);font-weight:700}.channel-row--unread .channel-item:not(.active) .channel-hash{color:#cecece;color:var(--text-secondary)}.channel-row--unread .channel-item:not(.active):after{background:#fff;background:var(--text-header);border-radius:50%;content:"";display:block;flex-shrink:0;height:8px;margin-left:auto;width:8px}.channel-row--mention .channel-item:not(.active){color:#fff;color:var(--text-header);font-weight:700}.channel-row--mention .channel-item:not(.active) .channel-hash{color:#d7474c;color:var(--accent-hover)}.channel-hash{color:#b8b8b8;color:var(--text-muted);flex-shrink:0;font-size:18px;font-weight:400;line-height:1}.channel-item.active .channel-hash{color:#cecece;color:var(--text-secondary)}.channel-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-row--admin .channel-item{padding-right:34px}.channel-settings-btn{align-items:center;background:#0000;border-radius:6px;color:#b8b8b8;color:var(--text-muted);display:inline-flex;height:22px;justify-content:center;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition),background var(--transition),color var(--transition);width:22px}.channel-row--admin .channel-item.active+.channel-settings-btn,.channel-row--admin:hover .channel-settings-btn{opacity:1}.channel-settings-btn:hover{background:#ffffff0f;background:var(--bg-hover);color:#e5e5e5;color:var(--text-primary)}.user-panel{align-items:center;background:#2b2b2b;background:var(--bg-tertiary);border-top:1px solid #474747;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:10px 12px}.user-panel-info{flex:1 1;min-width:0;overflow:visible}.user-panel-name{-webkit-font-smoothing:antialiased;align-items:center;color:#fff;color:var(--text-header);display:inline-flex;font-size:13.5px;font-weight:600;gap:6px;line-height:1.5;max-width:100%;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;text-rendering:optimizeLegibility;white-space:nowrap}.user-panel-role{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.logout-btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#b8b8b8;color:var(--text-muted);display:flex;justify-content:center;padding:6px;transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1);transition:color var(--transition),background var(--transition)}.logout-btn:hover{background:#ff6f6f29;background:var(--red-dim);color:#ff6f6f;color:var(--red)}.chat-area{background:#2e2e2e;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;position:relative}.chat-area.empty-state{align-items:center;color:#cecece;color:var(--text-secondary);gap:12px;justify-content:center;text-align:center}.empty-icon{font-size:64px;margin-bottom:8px;opacity:.5}.chat-area.empty-state h2{color:#fff;color:var(--text-header);font-size:24px;font-weight:700}.chat-area.empty-state p{color:#b8b8b8;color:var(--text-muted);max-width:300px}.chat-header{background:#231f20;background:var(--bg-secondary);border-bottom:1px solid #474747;border-bottom:1px solid var(--border);box-shadow:0 10px 24px #0000002e;box-shadow:0 10px 24px var(--surface-overlay);flex-shrink:0;height:52px;justify-content:space-between;padding:0 20px}.chat-header,.chat-header-left{align-items:center;display:flex}.chat-header-left{gap:8px;overflow:hidden}.chat-hash{color:#b8b8b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:20px;font-weight:700}.chat-channel-name{color:#fff;color:var(--text-header);font-size:16px;font-weight:700}.chat-description{border-left:1px solid #474747;border-left:1px solid var(--border);color:#b8b8b8;color:var(--text-muted);font-size:13px;margin-left:4px;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.chat-header-right{align-items:center;display:flex;gap:12px}.online-indicator{align-items:center;color:#b8b8b8;color:var(--text-muted);display:flex;font-size:13px;gap:6px}.dot.green{background:#2cc784;background:var(--green);border-radius:50%;flex-shrink:0;height:8px;width:8px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:16px 16px 8px}.messages-container>*{flex-shrink:0}.messages-spacer{flex:1 1;min-height:0}.channel-welcome{border-bottom:1px solid #474747;border-bottom:1px solid var(--border);margin-bottom:16px;padding:24px 8px 32px}.welcome-icon{color:#b8b8b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:48px;font-weight:900;line-height:1;margin-bottom:12px}.channel-welcome h3{color:#fff;color:var(--text-header);font-size:28px;font-weight:800;margin-bottom:8px}.channel-welcome p{color:#cecece;color:var(--text-secondary);font-size:15px}.history-loader{align-self:center;background:#2b2b2b;background:var(--bg-tertiary);border-radius:999px;color:#b8b8b8;color:var(--text-muted);font-size:12px;font-weight:600;gap:10px;justify-content:center;margin:0 auto 12px;min-height:32px;padding:6px 12px}.history-loader,.history-loader-dots{align-items:center;display:inline-flex}.history-loader-dots{gap:4px}.history-loader-dots span{animation:typingBounce 1.1s ease-in-out infinite;background:currentColor;border-radius:50%;height:5px;width:5px}.history-loader-dots span:nth-child(2){animation-delay:.15s}.history-loader-dots span:nth-child(3){animation-delay:.3s}.date-separator{align-items:center;display:flex;gap:8px;margin:16px 0 8px}.date-separator:after,.date-separator:before{background:#474747;background:var(--border);content:"";flex:1 1;height:1px}.date-separator span{color:#b8b8b8;color:var(--text-muted);font-size:12px;font-weight:600;white-space:nowrap}.message-row{align-items:flex-start;border-radius:12px;border-radius:var(--radius);display:flex;gap:12px;padding:4px 8px;position:relative;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.message-row.hovered,.message-row:hover{background:#bf1f2414;background:var(--bg-message-hover)}.message-content-wrap{flex:1 1;min-width:0}.reply-preview{align-items:center;border-left:2px solid #b8b8b8;border-left:2px solid var(--text-muted);color:#b8b8b8;color:var(--text-muted);display:flex;font-size:12.5px;gap:6px;margin-bottom:3px;padding-left:8px}.reply-author{color:#cecece;color:var(--text-secondary);font-weight:600}.reply-content{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.message-author{align-items:center;display:inline-flex;font-size:14.5px;font-weight:700;gap:6px;line-height:1}.role-badge{border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:1px 5px;text-transform:uppercase}.message-time{color:#b8b8b8;color:var(--text-muted);font-size:11.5px}.edited-tag{font-size:10px}.pin-tag{font-size:12px}.message-text{color:#e5e5e5;color:var(--text-primary);font-size:15px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.reaction{align-items:center;background:#ffffff0f;background:var(--bg-hover);border:1px solid #474747;border:1px solid var(--border);border-radius:12px;color:#cecece;color:var(--text-secondary);display:flex;font-size:14px;gap:4px;padding:3px 8px;position:relative;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),border-color var(--transition)}.reaction:hover{background:#bf1f242e;background:var(--bg-active)}.reaction.reacted,.reaction:hover{border-color:#bf1f24;border-color:var(--accent)}.reaction.reacted{background:#bf1f242e;background:var(--accent-glow);color:#bf1f24;color:var(--accent)}.reaction span{font-size:12px;font-weight:600}.reaction[data-tooltip]:hover:after{background:#111214;border:1px solid #ffffff1a;border-radius:6px;bottom:calc(100% + 6px);box-shadow:0 4px 12px #0006;color:#dcddde;content:attr(data-tooltip);font-size:11px;font-weight:500;left:50%;max-width:220px;overflow:hidden;padding:4px 8px;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translateX(-50%);white-space:nowrap;z-index:9999}.message-actions{background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 16px #0000004d;display:flex;gap:2px;padding:3px;position:absolute;right:8px;top:-4px;z-index:10}.action-btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#b8b8b8;color:var(--text-muted);display:flex;font-size:14px;height:30px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition);width:30px}.action-btn:hover{background:#ffffff0f;background:var(--bg-hover);color:#e5e5e5;color:var(--text-primary)}.action-btn.danger:hover{background:#f0474726;color:#ff6f6f;color:var(--red)}.emoji-picker{grid-gap:2px;background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);bottom:100%;box-shadow:0 8px 24px #0006;display:grid;gap:2px;grid-template-columns:repeat(4,1fr);margin-bottom:4px;padding:6px;position:absolute;right:0;top:auto;z-index:20}.emoji-opt{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:16px;height:32px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:32px}.emoji-opt:hover{background:#ffffff0f;background:var(--bg-hover)}.reaction-emoji{align-items:center;display:inline-flex;justify-content:center}.composer-emoji-btn .twemoji,.composer-emoji-cell .twemoji,.emoji-opt .twemoji,.reaction-emoji .twemoji,.status-emoji-opt .twemoji{height:20px;margin:0;vertical-align:middle;width:20px}.typing-indicator{color:#b8b8b8;color:var(--text-muted);font-size:13px;font-style:italic;gap:8px;padding:4px 8px}.typing-dots,.typing-indicator{align-items:center;display:flex}.typing-dots{gap:3px}.typing-dots span{animation:typingBounce 1.2s ease-in-out infinite;background:#b8b8b8;background:var(--text-muted);border-radius:50%;height:5px;width:5px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.input-area{flex-shrink:0;padding:0 16px max(16px,calc(16px + env(safe-area-inset-bottom, 0px)))}.reply-bar{align-items:center;background:#292425;background:var(--bg-input);border:1px solid #474747;border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0;border-radius:var(--radius) var(--radius) 0 0;color:#cecece;color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between;padding:6px 12px}.reply-bar button{border-radius:8px;border-radius:var(--radius-sm);color:#b8b8b8;color:var(--text-muted);font-size:16px;line-height:1;padding:2px 6px;transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1);transition:color var(--transition),background var(--transition)}.reply-bar button:hover{background:#f047471a;color:#ff6f6f;color:var(--red)}.input-wrapper{align-items:flex-end;background:#292425;background:var(--bg-input);border:1px solid #474747;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);display:flex;gap:8px;padding:10px 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition)}.input-wrapper:focus-within{border-color:#5865f266;box-shadow:0 0 0 2px #bf1f242e;box-shadow:0 0 0 2px var(--accent-glow)}.message-input{background:none;border:none;color:#e5e5e5;color:var(--text-primary);flex:1 1;font-size:15px;height:auto;line-height:1.5;max-height:200px;min-height:24px;outline:none;overflow-y:auto;resize:none}.message-input::placeholder{color:#b8b8b8;color:var(--text-muted)}.composer-emoji-anchor,.composer-gif-anchor{align-items:flex-end;display:flex;flex-shrink:0;position:relative}.gif-picker-btn{align-items:center;background:#0000;border-radius:12px;border-radius:var(--radius);color:#b8b8b8;color:var(--text-muted);display:flex;flex-shrink:0;height:36px;justify-content:center;min-width:42px;padding:0 10px;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition),transform var(--transition)}.gif-picker-btn.active,.gif-picker-btn:hover{background:#ffffff0f;background:var(--bg-hover);color:#e5e5e5;color:var(--text-primary)}.gif-picker-btn:disabled{cursor:not-allowed;opacity:.35}.gif-picker-btn-label{font-size:11px;font-weight:700;letter-spacing:.08em}.composer-emoji-btn{align-items:center;background:#0000;border-radius:12px;border-radius:var(--radius);color:#b8b8b8;color:var(--text-muted);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition),transform var(--transition);width:36px}.composer-emoji-btn.active,.composer-emoji-btn:hover{background:#ffffff0f;background:var(--bg-hover);color:#e5e5e5;color:var(--text-primary)}.composer-emoji-btn:disabled{cursor:not-allowed;opacity:.35}.composer-emoji-btn-icon{align-items:center;display:inline-flex;font-size:18px;justify-content:center;line-height:1}.emoji-shortcut-dropdown{max-width:420px}.emoji-shortcut-option.active{background:#ffffff0f;background:var(--bg-hover)}.emoji-shortcut-glyph{align-items:center;display:inline-flex;justify-content:center;min-width:26px;width:26px}.article-shortcut-glyph{color:#fff;color:var(--text-header);font-size:18px;font-weight:700}.article-shortcut-tag{background:#ffffff0f;color:#cecece;color:var(--text-secondary)}.composer-emoji-popover,.composer-gif-popover{bottom:calc(100% + 10px);position:absolute;right:0;z-index:140}.composer-gif-popover.mobile{left:0;right:0}.composer-gif-picker{background:#111214;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 18px 48px #00000075;overflow:hidden;width:min(420px,calc(100vw - 40px))}.composer-gif-picker-mobile{width:min(100%,calc(100vw - 32px))}.composer-gif-search-wrap{border-bottom:1px solid #ffffff0f;padding:12px 12px 10px}.composer-gif-tabs{border-bottom:1px solid #ffffff0f;display:flex;gap:4px;padding:8px 10px 10px}.composer-gif-tab{border-radius:10px;color:#b8b8b8;color:var(--text-muted);flex:1 1;font-size:12px;font-weight:600;min-height:34px;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition),transform var(--transition)}.composer-gif-tab.active,.composer-gif-tab:hover{background:#5865f229;color:#e5e5e5;color:var(--text-primary)}.composer-gif-search{background:#292425;background:var(--bg-input);border:1px solid #ffffff0f;border-radius:10px;color:#e5e5e5;color:var(--text-primary);outline:none;padding:10px 12px;width:100%}.composer-gif-search:focus{border-color:#5865f273;box-shadow:0 0 0 2px #5865f229}.composer-gif-search::placeholder{color:#b8b8b8;color:var(--text-muted)}.composer-gif-scroll{max-height:320px;overflow-y:auto}.composer-gif-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}.composer-gif-card{aspect-ratio:1/1;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;overflow:hidden;position:relative;transition:transform .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.composer-gif-favorite{align-items:center;background:#111214d6;border:1px solid #ffffff1f;border-radius:999px;color:#ffffffc2;display:flex;font-size:15px;height:28px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition),transform var(--transition);width:28px;z-index:2}.composer-gif-favorite.active,.composer-gif-favorite:hover{background:#ffb8002e;color:#ffd86b}.composer-gif-card:hover{border-color:#5865f259;box-shadow:0 12px 24px #0000003d;transform:translateY(-1px)}.composer-gif-thumb{display:block;height:100%;object-fit:cover;width:100%}.composer-gif-badge{background:#111214d1;border:1px solid #ffffff1a;border-radius:999px;bottom:8px;color:#fff;font-size:10px;font-weight:700;left:8px;letter-spacing:.08em;padding:4px 8px;position:absolute}.composer-gif-empty{color:#b8b8b8;color:var(--text-muted);padding:28px 16px;text-align:center}.composer-gif-empty-error{color:#fca5a5}@media (max-width:768px){.composer-gif-popover{left:-4px;right:-4px}.composer-emoji-popover.mobile,.composer-gif-popover.mobile{bottom:calc(env(safe-area-inset-bottom, 0px) + 84px);left:12px;position:fixed;right:12px;z-index:240}.composer-gif-picker{width:auto}.composer-emoji-picker-mobile,.composer-gif-picker-mobile{border-radius:18px;box-shadow:0 18px 44px #00000080;max-width:100%;width:100%}.composer-gif-scroll{max-height:min(44vh,320px)}.composer-gif-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.composer-emoji-picker{background:#111214;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 18px 48px #00000075;overflow:hidden;width:min(420px,calc(100vw - 40px))}.composer-emoji-search-wrap{border-bottom:1px solid #ffffff0f;padding:12px 12px 10px}.composer-emoji-search{background:#292425;background:var(--bg-input);border:1px solid #ffffff0f;border-radius:10px;color:#e5e5e5;color:var(--text-primary);outline:none;padding:10px 12px;width:100%}.composer-emoji-search:focus{border-color:#5865f273;box-shadow:0 0 0 2px #5865f229}.composer-emoji-search::placeholder{color:#b8b8b8;color:var(--text-muted)}.composer-emoji-tabs{border-bottom:1px solid #ffffff0f;display:flex;gap:4px;padding:8px 10px 10px}.composer-emoji-tab{align-items:center;border-radius:10px;color:#b8b8b8;color:var(--text-muted);display:flex;height:36px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition),transform var(--transition);width:40px}.composer-emoji-tab.active,.composer-emoji-tab:hover{background:#5865f229;color:#e5e5e5;color:var(--text-primary)}.composer-emoji-glyph,.composer-emoji-tab-icon{align-items:center;display:inline-flex;font-size:20px;justify-content:center;line-height:1}.composer-emoji-scroll{max-height:320px;overflow-y:auto;padding:10px}.composer-emoji-section+.composer-emoji-section{margin-top:14px}.composer-emoji-section-title{color:#b8b8b8;color:var(--text-muted);font-size:12px;letter-spacing:.08em;margin-bottom:8px;padding:0 4px;text-transform:uppercase}.composer-emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,minmax(0,1fr))}.composer-emoji-cell{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),transform var(--transition)}.composer-emoji-cell:hover{background:#ffffff0f;background:var(--bg-hover);transform:translateY(-1px)}.composer-emoji-empty{color:#b8b8b8;color:var(--text-muted);padding:28px 16px;text-align:center}.composer-emoji-popover.mobile{left:0;right:0}.composer-emoji-picker-mobile{width:min(100%,calc(100vw - 32px))}@media (max-width:768px){.composer-emoji-popover{left:-4px;right:-4px}.composer-emoji-picker{width:auto}.composer-emoji-scroll{max-height:min(44vh,300px)}.composer-emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.send-btn{align-items:center;background:#ffffff0f;background:var(--bg-hover);border-radius:12px;border-radius:var(--radius);color:#b8b8b8;color:var(--text-muted);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition);width:36px}.send-btn.active{background:#bf1f24;background:var(--accent);box-shadow:0 2px 12px #bf1f242e;box-shadow:0 2px 12px var(--accent-glow);color:#fff}.send-btn:disabled{cursor:not-allowed;opacity:.4}.send-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.image-upload-btn{align-items:center;background:#0000;border-radius:12px;border-radius:var(--radius);color:#b8b8b8;color:var(--text-muted);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition);width:36px}.image-upload-btn:hover{background:#ffffff0f;background:var(--bg-hover);color:#cecece;color:var(--text-secondary)}.image-upload-btn:disabled{cursor:not-allowed;opacity:.3}.image-preview-floating{background:#231f20;background:var(--bg-secondary);border-top:1px solid #474747;border-top:1px solid var(--border);padding:8px 16px}.image-preview-bar{align-items:center;display:flex;gap:10px}.image-preview-wrap{display:inline-flex;position:relative}.image-preview-thumb{border:2px solid #474747;border:2px solid var(--border);border-radius:8px;height:80px;max-width:160px;object-fit:cover}.image-preview-cancel{align-items:center;background:#f04747;border:none;border-radius:50%;box-shadow:0 2px 6px #0006;color:#fff;cursor:pointer;display:flex;font-size:11px;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.image-preview-status{color:#b8b8b8;color:var(--text-muted);font-size:12px}.gif-preview-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.gif-preview-title{color:#cecece;color:var(--text-secondary);font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-upload-error{color:#f04747;font-size:12px;padding-top:4px}.msg-image-link{display:block;margin-top:6px;width:fit-content}.msg-image{border-radius:8px;display:block;max-height:300px;max-width:min(400px,100%);object-fit:contain;transition:opacity .15s,transform .15s}.msg-image-link:hover .msg-image{opacity:.88;transform:scale(1.01)}.lightbox-overlay{animation:fadeIn .15s ease;background:#000000e0;flex-direction:column;inset:0;justify-content:center;z-index:10000}.lightbox-overlay,.lightbox-toolbar{align-items:center;display:flex;position:fixed}.lightbox-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1f22eb;border:1px solid #ffffff1a;border-radius:10px;gap:4px;padding:6px 8px;right:16px;top:16px;z-index:10001}.lightbox-btn{align-items:center;background:#ffffff12;border:none;border-radius:6px;color:#dcddde;cursor:pointer;display:flex;font-size:15px;font-weight:600;height:32px;justify-content:center;text-decoration:none;transition:background .15s,color .15s;width:32px}.lightbox-btn:hover{background:#ffffff26;color:#fff}.lightbox-close:hover{background:#f04747b3;color:#fff}.lightbox-zoom-label{color:#b8b8b8;color:var(--text-muted);font-size:12px;font-weight:600;min-width:40px;text-align:center}.lightbox-img-wrap{align-items:center;display:flex;justify-content:center;max-height:90vh;max-width:95vw;overflow:visible;position:relative}.lightbox-img{border-radius:4px;box-shadow:0 24px 64px #000000b3;max-height:85vh;max-width:90vw;object-fit:contain;pointer-events:none;transform-origin:center center;-webkit-user-select:none;user-select:none}.lightbox-spinner{animation:spin .7s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#fff;height:40px;position:absolute;width:40px}.lightbox-hint{bottom:16px;color:#ffffff59;font-size:12px;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);white-space:nowrap}.sidebar-right{background:#231f20;background:var(--bg-sidebar);border-left:1px solid #474747;border-left:1px solid var(--border);overflow-y:auto;padding-bottom:16px}.members-header{border-bottom:1px solid #474747;border-bottom:1px solid var(--border);color:#b8b8b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:8px;padding:16px 16px 8px;text-transform:uppercase}.member-group{margin-bottom:16px}.member-group-label{font-size:11px;font-weight:700;letter-spacing:.8px;padding:8px 16px 4px;text-transform:uppercase}.member-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:default;display:flex;gap:10px;margin:1px 8px;padding:6px 12px;position:relative;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.online-dot{background:#2cc784;background:var(--green);border:2px solid #231f20;border:2px solid var(--bg-sidebar);border-radius:50%;bottom:-1px;height:10px;position:absolute;right:-1px;width:10px}.member-info{min-width:0}.member-name{align-items:center;color:#e5e5e5;color:var(--text-primary);display:flex;font-size:13.5px;font-weight:600;gap:6px}.member-name,.member-name-text,.name-with-badge-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{font-size:11px;font-weight:600;letter-spacing:.4px}.member-role-label{text-transform:uppercase}.login-page{align-items:center;background:radial-gradient(circle at top center,#bf1f242e 0,#0000 34%),radial-gradient(circle at bottom right,#ffffff0a 0,#0000 24%),linear-gradient(180deg,#231f20,#2e2e2e 58%,#211d1e);background:var(--body-background);background-image:radial-gradient(ellipse at 20% 50%,#bf1f2442 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#58b1ff29 0,#0000 50%);background-image:radial-gradient(ellipse at 20% 50%,var(--accent-glow-strong) 0,#0000 50%),radial-gradient(ellipse at 80% 20%,var(--blue-dim) 0,#0000 50%);display:flex;height:100vh;height:100dvh;justify-content:center;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.login-card{animation:fadeInUp .4s ease;background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 18px 48px #00000057;box-shadow:var(--shadow-strong);max-width:95vw;padding:40px;width:420px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{font-size:48px;margin-bottom:16px;text-align:center}.login-logo-img{display:block;height:72px;margin:0 auto 16px;object-fit:contain;width:72px}.login-title{color:#fff;color:var(--text-header);font-size:26px;font-weight:800;margin-bottom:8px;text-align:center}.login-sub{color:#b8b8b8;color:var(--text-muted);font-size:14px;line-height:1.5;margin-bottom:28px;text-align:center}.login-form{gap:16px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#cecece;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.form-group input,.form-group select{background:#292425;background:var(--bg-input);border:1px solid #474747;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#e5e5e5;color:var(--text-primary);font-size:15px;outline:none;padding:10px 14px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus,.form-group select:focus{border-color:#bf1f24;border-color:var(--accent);box-shadow:0 0 0 3px #bf1f242e;box-shadow:0 0 0 3px var(--accent-glow)}.form-group select{cursor:pointer}.form-group select option{background:#231f20;background:var(--bg-secondary)}.login-btn{background:#bf1f24;background:var(--accent);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 16px #bf1f242e;box-shadow:0 4px 16px var(--accent-glow);color:#fff;font-size:15px;font-weight:700;margin-top:4px;padding:12px;transition:background .18s cubic-bezier(.4,0,.2,1),transform .1s;transition:background var(--transition),transform .1s}.login-btn:hover{background:#d7474c;background:var(--accent-hover);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-error{background:#f047471a;border:1px solid #f047474d;border-radius:12px;border-radius:var(--radius);color:#f04747;font-size:13.5px;line-height:1.4;padding:10px 14px}.integration-note{background:#5865f214;border:1px solid #5865f233;border-radius:12px;border-radius:var(--radius);color:#cecece;color:var(--text-secondary);font-size:13px;line-height:1.5;margin-top:20px;padding:12px 14px}.integration-note strong{color:#e5e5e5;color:var(--text-primary)}.integration-note code{background:#5865f226;border-radius:3px;color:#7289da;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:12px;padding:1px 5px}@media (max-width:900px){.sidebar-right{display:none}}@media (min-width:769px){.mobile-overlay,.mobile-topbar{display:none!important}}.message-row{padding-bottom:2px;padding-top:2px}.message-row.grouped{padding-bottom:1px;padding-top:1px}.message-row.grouped:hover .message-time-small{opacity:1}.message-left{align-items:flex-start;display:flex;flex-shrink:0;justify-content:center;width:38px}.message-time-small{color:#b8b8b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10px;opacity:0;padding-top:3px;transition:opacity .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.mention{background:#5865f233;border-radius:3px;color:#8ea1e1;cursor:default;font-weight:600;padding:0 3px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.mention:hover{background:#5865f266;color:#fff}.mention-dropdown{background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 -8px 24px #0006;overflow:hidden}.mention-dropdown-header{color:#b8b8b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;padding:6px 12px 4px;text-transform:uppercase}.mention-option{align-items:center;display:flex;gap:8px;padding:6px 12px;text-align:left;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:100%}.mention-option:focus,.mention-option:hover{background:#bf1f24;background:var(--accent);outline:none}.mention-option:focus .mention-tag,.mention-option:hover .mention-tag{color:#ffffffb3}.mention-username{color:#e5e5e5;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:600}.mention-tag{color:#b8b8b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:12px}.message-row.mentioned{background:#faa61a0f;border-left:3px solid #fac943;border-left:3px solid var(--yellow);padding-left:13px}.message-row.mentioned.hovered,.message-row.mentioned:hover{background:#faa61a1a}.channel-item{position:relative}.unread-badge{align-items:center;background:#ff6f6f;background:var(--red);border-radius:9px;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;margin-left:auto;min-width:18px;padding:0 5px}.message-row:not(.grouped){margin-top:16px}.message-row.grouped{margin-top:0}.mention-toasts{display:flex;flex-direction:column;gap:8px;max-width:340px;pointer-events:none;position:fixed;right:16px;top:16px;z-index:2000}.mention-toast{align-items:flex-start;animation:mentionSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:#231f20;background:var(--bg-secondary);border:1px solid #fac943;border:1px solid var(--yellow);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080,0 0 0 1px #faa61a33;cursor:pointer;display:flex;gap:10px;padding:12px 14px;pointer-events:all;transition:opacity .2s,transform .2s}.mention-toast:hover{background:#ffffff0f;background:var(--bg-hover)}@keyframes mentionSlideIn{0%{opacity:0;transform:translateX(60px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.mention-toast-icon{flex-shrink:0;font-size:18px;margin-top:1px}.mention-toast-body{flex:1 1;min-width:0}.mention-toast-header{align-items:center;display:flex;gap:6px;margin-bottom:3px}.mention-toast-author{color:#fff;color:var(--text-header);font-size:13px;font-weight:700}.mention-toast-channel{color:#bf1f24;color:var(--accent);font-size:12px;font-weight:600}.mention-toast-content{color:#cecece;color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-toast-close{color:#b8b8b8;color:var(--text-muted);flex-shrink:0;font-size:13px;line-height:1;padding:2px;transition:color .18s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.mention-toast-close:hover{color:#e5e5e5;color:var(--text-primary)}.notif-bell-wrap{position:fixed;right:16px;top:12px;z-index:1500}.notif-bell{align-items:center;background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#b8b8b8;color:var(--text-muted);display:flex;height:38px;justify-content:center;position:relative;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition),box-shadow var(--transition);width:38px}.notif-bell.active,.notif-bell:hover{background:#ffffff0f;background:var(--bg-hover);box-shadow:0 4px 16px #0006;color:#e5e5e5;color:var(--text-primary)}.notif-bell.active{border-color:#bf1f24;border-color:var(--accent);color:#bf1f24;color:var(--accent)}.notif-bell-badge{align-items:center;animation:badgePop .3s cubic-bezier(.34,1.56,.64,1);background:#ff6f6f;background:var(--red);border:2px solid #2e2e2e;border:2px solid var(--bg-primary);border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:800;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.notif-panel{animation:panelDrop .2s cubic-bezier(.34,1.2,.64,1);background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 16px 48px #00000080;max-width:calc(100vw - 24px);overflow:hidden;position:fixed;right:16px;top:60px;width:360px;z-index:2000}@keyframes panelDrop{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-panel-header{align-items:center;border-bottom:1px solid #474747;border-bottom:1px solid var(--border);color:#fff;color:var(--text-header);display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding:14px 16px 10px}.notif-clear{color:#b8b8b8;color:var(--text-muted);font-size:12px;font-weight:500;transition:color .18s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.notif-clear:hover{color:#ff6f6f;color:var(--red)}.notif-panel-body{max-height:420px;overflow-y:auto;padding:4px 0}.notif-empty{align-items:center;color:#b8b8b8;color:var(--text-muted);display:flex;flex-direction:column;font-size:14px;gap:8px;padding:40px 16px}.notif-empty span{font-size:32px;opacity:.5}.notif-item{align-items:flex-start;cursor:pointer;display:flex;gap:10px;padding:10px 16px;position:relative;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.notif-item:hover{background:#ffffff0f;background:var(--bg-hover)}.notif-item.read{opacity:.6}.notif-item.mention{border-left:3px solid #fac943;border-left:3px solid var(--yellow);padding-left:13px}.notif-item-icon{flex-shrink:0;font-size:18px;margin-top:2px}.notif-item-body{flex:1 1;min-width:0}.notif-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.notif-item-author{color:#fff;color:var(--text-header);font-size:13px;font-weight:700}.notif-item-channel{color:#bf1f24;color:var(--accent);font-size:12px;font-weight:600}.notif-item-time{color:#b8b8b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;margin-left:auto}.notif-item-content{color:#cecece;color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-unread-dot{background:#bf1f24;background:var(--accent);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.unread-badge.mention-badge{background:#ff6f6f;background:var(--red);font-size:10px;font-weight:800;letter-spacing:-.3px}.member-item.clickable{cursor:pointer}.member-item.clickable:hover{background:#ffffff0f;background:var(--bg-hover);border-radius:12px;border-radius:var(--radius)}.mod-context-menu{animation:panelDrop .15s ease;background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;min-width:200px;overflow:hidden;position:fixed;z-index:3000}.mod-menu-user{align-items:center;color:#fff;color:var(--text-header);display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 14px}.mod-menu-divider{background:#474747;background:var(--border);height:1px;margin:2px 0}.mod-menu-item{align-items:center;display:flex;font-size:13px;font-weight:500;gap:8px;padding:9px 14px;text-align:left;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:100%}.mod-menu-item:hover{background:#ffffff0f;background:var(--bg-hover)}.mod-menu-item.red{color:#ff6f6f;color:var(--red)}.mod-menu-item.red:hover{background:#f0474726}.mod-menu-item.yellow{color:#fac943;color:var(--yellow)}.mod-menu-item.yellow:hover{background:#faa61a1f}.mod-menu-item.green{color:#2cc784;color:var(--green)}.mod-menu-item.green:hover{background:#57f2871f}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:4000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{animation:modalPop .2s cubic-bezier(.34,1.4,.64,1);background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 24px 64px #0009;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;width:420px}@keyframes modalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #474747;border-bottom:1px solid var(--border);color:#fff;color:var(--text-header);flex-shrink:0;font-size:15px;justify-content:space-between;padding:18px 20px 14px}.modal-close,.modal-header{align-items:center;display:flex}.modal-close{border-radius:50%;color:#b8b8b8;color:var(--text-muted);font-size:16px;height:28px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition);width:28px}.modal-close:hover{background:#ffffff0f;background:var(--bg-hover);color:#e5e5e5;color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:18px 20px}.modal-field{margin-bottom:16px}.modal-field label{color:#b8b8b8;color:var(--text-muted);display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.duration-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.duration-btn{background:#2e2e2e;background:var(--bg-primary);border:1px solid #474747;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#cecece;color:var(--text-secondary);font-size:12px;font-weight:500;padding:7px 10px;text-align:center;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.duration-btn:hover{color:#bf1f24;color:var(--accent)}.duration-btn.active,.duration-btn:hover{border-color:#bf1f24;border-color:var(--accent)}.duration-btn.active{background:#bf1f24;background:var(--accent);color:#fff;font-weight:700}.modal-input{background:#2e2e2e;background:var(--bg-primary);border:1px solid #474747;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#e5e5e5;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition);width:100%}.modal-input:focus{border-color:#bf1f24;border-color:var(--accent);outline:none}.modal-input-spaced{margin-top:10px}.modal-footer{border-top:1px solid #474747;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px 18px}.modal-btn{border-radius:12px;border-radius:var(--radius);font-size:14px;font-weight:600;padding:9px 20px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.modal-btn.cancel{background:#ffffff0f;background:var(--bg-hover);color:#cecece;color:var(--text-secondary)}.modal-btn.cancel:hover{background:#2e2e2e;background:var(--bg-primary)}.modal-btn.confirm.red{background:#ff6f6f;background:var(--red);color:#fff}.modal-btn.confirm.red:hover{background:#c0393b}.modal-btn.confirm.green{background:#2cc784;background:var(--green);color:#000}.modal-btn.confirm.green:hover{filter:brightness(1.1)}.online-dot.muted{background:#fac943!important;background:var(--yellow)!important}.mute-tag{font-size:11px;margin-left:4px;opacity:.8}.member-item.selected{background:#bf1f242e!important;background:var(--bg-active)!important}.member-chevron{color:#b8b8b8;color:var(--text-muted);flex-shrink:0;font-size:10px;margin-left:auto}.mod-inline-panel{background:#2e2e2e;background:var(--bg-primary);border:1px solid #474747;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);margin:2px 8px 6px;overflow:hidden}.mod-inline-btn{align-items:center;border-bottom:1px solid #474747;border-bottom:1px solid var(--border);display:flex;font-size:13px;font-weight:600;gap:8px;padding:9px 14px;text-align:left;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:100%}.mod-inline-btn:last-child{border-bottom:none}.mod-inline-btn.red{color:#ff6f6f;color:var(--red)}.mod-inline-btn.yellow{color:#fac943;color:var(--yellow)}.mod-inline-btn.green{color:#2cc784;color:var(--green)}.mod-inline-btn:hover{background:#ffffff0f;background:var(--bg-hover)}.admin-panel-trigger{align-items:center;border-radius:50%;color:#b8b8b8;color:var(--text-muted);display:flex;flex-shrink:0;font-size:16px;height:30px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition);width:30px}.admin-panel-trigger:hover{background:#ffffff0f;background:var(--bg-hover);color:#e5e5e5;color:var(--text-primary)}.admin-panel-overlay{align-items:center;animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at top left,#5865f22e,#0000 28%),radial-gradient(circle at top right,#57f2871f,#0000 24%),#050810d6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:5000}.admin-panel{animation:adminPanelEnter .22s cubic-bezier(.22,1,.36,1);background:#0b0f18f0;border-radius:30px;box-shadow:0 32px 90px #0000007a;height:min(960px,calc(100vh - 32px));overflow:hidden;width:min(1440px,calc(100vw - 32px))}@keyframes adminPanelEnter{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-panel-shell{background:radial-gradient(circle at top left,#5865f229,#0000 26%),linear-gradient(180deg,#ffffff08,#0000 32%),#231f20;background:radial-gradient(circle at top left,#5865f229,#0000 26%),linear-gradient(180deg,#ffffff08,#0000 32%),var(--bg-secondary);display:flex;flex-direction:column;height:100%}.admin-panel-header{align-items:flex-start;background:linear-gradient(180deg,#ffffff0a,#fff0);border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:20px;justify-content:space-between;padding:28px 32px 20px}.admin-panel-heading{display:flex;flex-direction:column;gap:10px;min-width:0}.admin-panel-kicker{color:#b8b8b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.18em;line-height:1;text-transform:uppercase}.admin-panel-title-row{align-items:center;display:flex;gap:14px}.admin-panel-icon{align-items:center;background:linear-gradient(135deg,#5865f247,#5865f21a);border:1px solid #5865f259;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff14;display:inline-flex;font-size:24px;height:52px;justify-content:center;width:52px}.admin-panel-title{color:#fff;color:var(--text-header);font-size:28px;font-weight:900;letter-spacing:-.03em;line-height:1.05}.admin-panel-subtitle{color:#cecece;color:var(--text-secondary);font-size:14px;line-height:1.5;margin-top:6px;max-width:680px}.admin-panel-header-tools{align-items:center;display:flex;gap:12px;min-width:0}.admin-panel-role-badge{background:#ffffff0d;border:1px solid #ffffff14;color:#e5e5e5;color:var(--text-primary);font-size:12px;letter-spacing:.08em;padding:9px 14px;text-transform:uppercase}.admin-panel-active-pill{align-items:center;background:#ffffff0d;border:1px solid #ffffff12;border-radius:20px;display:flex;gap:12px;max-width:360px;min-width:0;padding:12px 14px}.admin-panel-active-icon{align-items:center;background:#5865f229;border-radius:14px;color:#e5e5e5;color:var(--text-primary);display:inline-flex;flex-shrink:0;font-size:20px;height:38px;justify-content:center;line-height:1;text-align:center;width:38px}.admin-panel-active-pill strong{color:#fff;color:var(--text-header);display:block;font-size:13px;font-weight:800}.admin-panel-active-pill span{color:#b8b8b8;color:var(--text-muted);display:block;font-size:11px;line-height:1.4}.admin-panel-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;color:#cecece;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition),transform var(--transition);width:44px}.admin-panel-close:hover{background:#ffffff1c;color:#e5e5e5;color:var(--text-primary);transform:translateY(-1px)}.admin-panel-content{display:grid;flex:1 1;grid-template-columns:280px minmax(0,1fr);min-height:0}.admin-panel-sidebar{background:linear-gradient(180deg,#ffffff08,#ffffff03);border-right:1px solid #ffffff0d;padding:26px 20px 24px 24px}.admin-panel-sidebar-label{color:#b8b8b8;color:var(--text-muted);font-weight:700;letter-spacing:.16em;line-height:1;margin-bottom:14px;text-transform:uppercase}.admin-panel-tabs{display:flex;flex-direction:column;gap:10px}.admin-tab{align-items:flex-start;background:#0000;border:1px solid #0000;border-radius:20px;color:#b8b8b8;color:var(--text-muted);display:flex;gap:12px;padding:14px;text-align:left;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),border-color var(--transition),transform var(--transition),color var(--transition),box-shadow var(--transition);width:100%}.admin-tab:hover{background:#ffffff0d;border-color:#ffffff0f;transform:translateY(-1px)}.admin-tab.active,.admin-tab:hover{color:#e5e5e5;color:var(--text-primary)}.admin-tab.active{background:linear-gradient(180deg,#5865f238,#5865f214);border-color:#5865f257;box-shadow:0 18px 34px #0000002e}.admin-tab-icon{align-items:center;background:#ffffff0d;border-radius:14px;display:inline-flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.admin-tab.active .admin-tab-icon{background:#ffffff1f}.admin-tab-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-tab-title{color:#fff;color:var(--text-header);font-size:14px;font-weight:800;line-height:1.2}.admin-tab-description{color:#b8b8b8;color:var(--text-muted);font-size:12px;line-height:1.4}.admin-panel-main{display:flex;flex-direction:column;min-height:0;min-width:0}.admin-panel-section-header{padding:26px 28px 18px}.admin-panel-section-copy{max-width:720px}.admin-panel-section-kicker{color:#b8b8b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1;margin-bottom:8px;text-transform:uppercase}.admin-panel-section-title{align-items:center;color:#fff;color:var(--text-header);display:flex;font-size:24px;font-weight:900;gap:10px;letter-spacing:-.03em;margin:0}.admin-panel-section-title span{font-size:22px}.admin-panel-section-description{color:#cecece;color:var(--text-secondary);font-size:14px;line-height:1.55;margin:10px 0 0}.admin-panel-body{flex:1 1;overflow-y:auto;padding:0 28px 28px}@media (max-width:1180px){.admin-panel-header{align-items:stretch;flex-direction:column}.admin-panel-header-tools{flex-wrap:wrap;width:100%}.admin-panel-active-pill{flex:1 1 320px;max-width:none}.admin-panel-content{grid-template-columns:1fr}.admin-panel-sidebar{border-bottom:1px solid #ffffff0d;border-right:none;padding:18px 24px}.admin-panel-tabs{-webkit-overflow-scrolling:touch;flex-direction:row;overflow-x:auto;padding-bottom:4px}.admin-tab{flex-shrink:0;min-width:260px}}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:22px}.stat-card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid #ffffff12;border-radius:22px;box-shadow:0 18px 40px #00000029;display:flex;flex-direction:column;gap:8px;padding:20px 18px 16px}.stat-icon{font-size:22px}.stat-value{color:#fff;color:var(--text-header);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:28px;font-weight:800;line-height:1}.stat-label{color:#b8b8b8;color:var(--text-muted);font-size:12px;font-weight:600}.panel-refresh-btn{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;color:#cecece;color:var(--text-secondary);font-size:13px;font-weight:700;padding:10px 16px;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),transform var(--transition),color var(--transition)}.panel-refresh-btn:hover{background:#ffffff1a;color:#e5e5e5;color:var(--text-primary);transform:translateY(-1px)}.panel-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.panel-count{color:#b8b8b8;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.panel-action-btn{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;color:#cecece;color:var(--text-secondary);font-size:13px;font-weight:800;padding:10px 16px;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition),transform var(--transition),border-color var(--transition)}.panel-action-btn:hover{background:#ffffff1f;color:#e5e5e5;color:var(--text-primary);transform:translateY(-1px)}.panel-action-btn.green{background:#57f28726;border-color:#57f2874d;color:#2cc784;color:var(--green)}.panel-action-btn.green:hover{background:#57f28740}.panel-table-wrap{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 20px 42px #00000029;overflow-x:auto}.panel-table{border-collapse:collapse;font-size:13px;width:100%}.panel-table th{background:#0a0d14d1;border-bottom:1px solid #ffffff0f;color:#b8b8b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 14px;position:sticky;text-align:left;text-transform:uppercase;z-index:1}.panel-table td{border-bottom:1px solid #ffffff0a;color:#cecece;color:var(--text-secondary);padding:12px 14px;vertical-align:middle}.panel-table tr:last-child td{border-bottom:none}.panel-table tr:hover td{background:#ffffff0f;background:var(--bg-hover)}.row-deleted td{opacity:.5}.td-mono{color:#b8b8b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.td-name{color:#e5e5e5;color:var(--text-primary);font-weight:600}.td-actions{display:flex;gap:6px}.td-user{display:flex;flex-direction:column;gap:2px}.td-username{color:#e5e5e5;color:var(--text-primary);font-weight:600}.td-uid{color:#b8b8b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px}.td-reason{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbl-btn{background:#ffffff0f;background:var(--bg-hover);border:1px solid #474747;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#cecece;color:var(--text-secondary);font-size:12px;font-weight:600;padding:5px 10px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.tbl-btn:hover{background:#bf1f242e;background:var(--bg-active);color:#e5e5e5;color:var(--text-primary)}.tbl-btn.red{border-color:#f047474d;color:#ff6f6f;color:var(--red)}.tbl-btn.red:hover{background:#f0474726}.tbl-btn.green{border-color:#57f2874d;color:#2cc784;color:var(--green)}.tbl-btn.green:hover{background:#57f28726}.status-badge{border-radius:99px;font-size:11px;font-weight:700;padding:3px 8px}.status-badge.active{background:#57f28726;color:#2cc784;color:var(--green)}.status-badge.deleted{background:#f0474726;color:#ff6f6f;color:var(--red)}.tab-toggle{display:flex;gap:4px}.toggle-btn{background:#2e2e2e;background:var(--bg-primary);border:1px solid #474747;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#b8b8b8;color:var(--text-muted);font-size:13px;font-weight:600;padding:7px 14px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.toggle-btn.active{background:#bf1f24;background:var(--accent);border-color:#bf1f24;border-color:var(--accent);color:#fff}.toggle-btn:hover:not(.active){background:#ffffff0f;background:var(--bg-hover);color:#e5e5e5;color:var(--text-primary)}.panel-empty,.panel-loading{color:#b8b8b8;color:var(--text-muted);padding:40px;text-align:center}.panel-empty{font-size:14px}.modal-error{background:#f0474726;border:1px solid #f047474d;border-radius:12px;border-radius:var(--radius);color:#ff6f6f;color:var(--red);font-size:13px;margin-bottom:14px;padding:8px 12px}.user-panel-avatar{cursor:pointer;flex-shrink:0;position:relative}.status-edit-hint{align-items:center;background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:50%;bottom:-2px;display:flex;font-size:8px;height:14px;justify-content:center;opacity:0;position:absolute;right:-2px;transition:opacity .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition);width:14px}.user-panel-avatar:hover .status-edit-hint{opacity:1}.user-status-text{align-items:center;color:#b8b8b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:11.5px;gap:4px;overflow:hidden;text-overflow:ellipsis;transition:color .18s cubic-bezier(.4,0,.2,1);transition:color var(--transition);white-space:nowrap}.user-status-text:hover{color:#cecece;color:var(--text-secondary)}.status-dot{background:#b8b8b8;background:var(--text-muted);border-radius:50%;flex-shrink:0;height:7px;width:7px}.status-dot.active{background:#2cc784;background:var(--green)}.status-input{background:#2e2e2e;background:var(--bg-primary);border:1px solid #bf1f24;border:1px solid var(--accent);border-radius:8px;border-radius:var(--radius-sm);color:#e5e5e5;color:var(--text-primary);font-size:11.5px;outline:none;padding:2px 6px;width:100%}.member-status-msg{color:#b8b8b8;color:var(--text-muted);display:block;font-size:11px;font-style:italic;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mod-mention-warning{animation:fadeIn .15s ease;background:#faa61a1f;border:1px solid #faa61a66;border-radius:12px;border-radius:var(--radius);color:#faa61a;font-size:13px;font-weight:600;margin-bottom:6px;padding:8px 14px;pointer-events:none}.mention-option-mod{border-left:2px solid #d553b7}.mention-option-admin{border-left:2px solid #ef843b}.mention-mod-badge{background:#faa61a26;color:#fac943;color:var(--yellow)}.mention-mod-badge,.mention-role-badge{border-radius:3px;flex-shrink:0;font-size:10px;font-weight:800;margin-left:auto;padding:1px 5px}.mention-role-badge.mod{background:#d553b726;color:#d553b7}.mention-role-badge.admin{background:#ef843b26;color:#ef843b}.perm-table{border:1px solid #474747;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);font-size:12.5px;overflow:hidden}.perm-row,.perm-table-header{align-items:center;display:grid;grid-template-columns:1fr 80px 80px 80px}.perm-table-header{background:#2e2e2e;background:var(--bg-primary);border-bottom:1px solid #474747;border-bottom:1px solid var(--border);padding:0}.perm-row{border-bottom:1px solid #ffffff0a;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.perm-row:last-child{border-bottom:none}.perm-row:hover{background:#ffffff0f;background:var(--bg-hover)}.perm-label-col{color:#cecece;color:var(--text-secondary);font-weight:500;padding:9px 12px}.perm-table-header .perm-label-col{color:#0000}.perm-role-col{font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 0;text-align:center;text-transform:uppercase}.perm-table-header .perm-role-col{padding:8px 0}.perm-role-col.perm-role-member,.perm-table-header .perm-role-col{color:#b8b8b8;color:var(--text-muted)}.perm-role-col.perm-role-moderator{color:#d553b7}.perm-role-col.perm-role-admin{color:#ef843b}.perm-checkbox{align-items:center;background:#0000;border:2px solid #474747;border:2px solid var(--border);border-radius:5px;color:#0000;cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;height:24px;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:24px}.perm-checkbox.on{background:#bf1f24;background:var(--accent);color:#fff}.perm-checkbox.off:hover,.perm-checkbox.on{border-color:#bf1f24;border-color:var(--accent)}.perm-checkbox.off:hover{background:#5865f226}.pin-bar{background:#231f20;background:var(--bg-secondary);border-bottom:1px solid #474747;border-bottom:1px solid var(--border);flex-shrink:0}.pin-bar-toggle{align-items:center;color:#cecece;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition);width:100%}.pin-bar-toggle:hover{background:#ffffff0f;background:var(--bg-hover);color:#e5e5e5;color:var(--text-primary)}.pin-bar-icon{font-size:14px}.pin-bar-label{flex:1 1;text-align:left}.pin-bar-chevron{color:#b8b8b8;color:var(--text-muted);font-size:10px}.pin-bar-list{border-top:1px solid #474747;border-top:1px solid var(--border);max-height:220px;overflow-y:auto}.pin-bar-item{align-items:baseline;border-bottom:1px solid #ffffff0a;display:flex;gap:8px;padding:8px 16px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.pin-bar-item:last-child{border-bottom:none}.pin-bar-item:hover{background:#ffffff0f;background:var(--bg-hover)}.pin-bar-author{color:#bf1f24;color:var(--accent);flex-shrink:0;font-size:12px;font-weight:700;white-space:nowrap}.pin-bar-text{color:#cecece;color:var(--text-secondary);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-bar-unpin{border-radius:8px;border-radius:var(--radius-sm);color:#b8b8b8;color:var(--text-muted);flex-shrink:0;font-size:11px;padding:2px 6px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.pin-bar-unpin:hover{background:#f0474726;color:#ff6f6f;color:var(--red)}.message-input.input-disabled{background:#2e2e2e;background:var(--bg-primary);color:#b8b8b8;color:var(--text-muted);cursor:not-allowed;font-style:italic;opacity:.45}.message-input.input-disabled::placeholder{color:#ff6f6f;color:var(--red);font-style:normal;font-weight:600;opacity:.7}.apply-page{align-items:flex-start;background:radial-gradient(circle at top center,#bf1f242e 0,#0000 34%),radial-gradient(circle at bottom right,#ffffff0a 0,#0000 24%),linear-gradient(180deg,#231f20,#2e2e2e 58%,#211d1e);background:var(--body-background);display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:24px 16px}@media (min-height:700px){.apply-page{align-items:center}}.apply-card{background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 48px #00000057;box-shadow:var(--shadow-strong);max-width:600px;padding:40px 40px 36px;width:100%}.apply-logo{font-size:48px;margin-bottom:12px;text-align:center}.apply-logo-img{display:block;height:64px;margin:0 auto 12px;object-fit:contain;width:64px}.apply-status-icon{filter:grayscale(0);font-size:56px;margin-bottom:12px;text-align:center}.apply-status-icon.pending{animation:pulse 2s infinite}.apply-status-icon.rejected{opacity:.8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.apply-title{color:#fff;color:var(--text-header);font-size:22px;font-weight:800;margin-bottom:10px;text-align:center}.apply-sub{color:#b8b8b8;color:var(--text-muted);font-size:14px;line-height:1.6;margin-bottom:28px;text-align:center}.apply-form{gap:20px}.apply-field,.apply-form{display:flex;flex-direction:column}.apply-field{gap:6px}.apply-field.has-error .apply-input,.apply-field.has-error .apply-textarea{background:#ff6f6f29;background:var(--red-dim);border-color:#ff6f6f;border-color:var(--red)}.apply-label{color:#cecece;color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.2px}.required-star{color:#ff6f6f;color:var(--red);margin-left:2px}.optional-tag{background:#ffffff0f;background:var(--bg-hover);border-radius:4px;color:#b8b8b8;color:var(--text-muted);font-size:11px;font-weight:600;margin-left:4px;padding:1px 6px}.apply-input,.apply-textarea{background:#2e2e2e;background:var(--bg-primary);border:1.5px solid #474747;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#e5e5e5;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),background var(--transition)}.apply-input:focus,.apply-textarea:focus{background:#5865f20d;border-color:#bf1f24;border-color:var(--accent)}.apply-textarea{line-height:1.6;min-height:140px}.apply-hint{color:#b8b8b8;color:var(--text-muted);font-size:12px}.apply-field-error{font-size:12px}.apply-field-error,.apply-global-error{color:#ff6f6f;color:var(--red);font-weight:600}.apply-global-error{background:#f047471a;border:1px solid #f047474d;border-radius:12px;border-radius:var(--radius);font-size:13px;margin-bottom:4px;padding:10px 14px}.apply-char-counter{color:#b8b8b8;color:var(--text-muted);font-size:12px;text-align:right}.counter-warn{color:#ff6f6f;color:var(--red);font-weight:700}.counter-near{color:#fac943;color:var(--yellow);font-weight:700}.counter-remaining{color:#b8b8b8;color:var(--text-muted)}.apply-actions{display:flex;gap:10px;margin-top:4px}.apply-btn{border-radius:12px;border-radius:var(--radius);cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:11px 20px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.apply-btn.primary{background:#bf1f24;background:var(--accent);border:none;color:#fff}.apply-btn.primary:hover:not(:disabled){background:#4752c4}.apply-btn.primary:disabled{cursor:not-allowed;opacity:.5}.apply-btn.secondary{background:#ffffff0f;background:var(--bg-hover);border:1px solid #474747;border:1px solid var(--border);color:#e5e5e5;color:var(--text-primary)}.apply-btn.secondary:hover:not(:disabled){background:#bf1f242e;background:var(--bg-active)}.apply-btn.secondary:disabled{cursor:not-allowed;opacity:.5}.apply-btn.ghost{background:#0000;border:1px solid #474747;border:1px solid var(--border);color:#b8b8b8;color:var(--text-muted)}.apply-btn.ghost:hover{background:#ffffff0f;background:var(--bg-hover);color:#cecece;color:var(--text-secondary)}.apply-note{color:#b8b8b8;color:var(--text-muted);font-size:12px;line-height:1.5;margin-top:16px}.apply-note,.pending-card,.rejected-card{text-align:center}.pending-info-box{background:#2e2e2e;background:var(--bg-primary);border:1px solid #474747;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:10px;margin:0 0 20px;padding:16px 20px;text-align:left}.pending-info-row{align-items:center;display:flex;font-size:13px;justify-content:space-between}.pending-info-label{color:#b8b8b8;color:var(--text-muted);font-weight:600}.pending-info-value{color:#e5e5e5;color:var(--text-primary);font-weight:700}.pending-status-badge{background:#faa61a26;border-radius:99px;color:#fac943;color:var(--yellow);font-size:12px;font-weight:700;padding:3px 10px}.pending-reason-preview{background:#2e2e2e;background:var(--bg-primary);border:1px solid #474747;border-left:3px solid #bf1f24;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;border-radius:var(--radius);margin-bottom:20px;padding:14px 16px;text-align:left}.pending-reason-label{color:#b8b8b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.pending-reason-text{color:#cecece;color:var(--text-secondary);font-size:13px;line-height:1.6;max-height:100px;overflow-y:auto}.review-note-box{background:#f0474714;border:1px solid #f0474740;border-radius:12px;border-radius:var(--radius);margin-bottom:24px;padding:14px 16px;text-align:left}.review-note-label{color:#ff6f6f;color:var(--red);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.review-note-text{color:#cecece;color:var(--text-secondary);font-size:13px;line-height:1.6}.app-stats-row{display:flex;gap:8px;margin-bottom:16px}.app-stat-pill{border:1px solid #0000;border-radius:12px;border-radius:var(--radius);flex:1 1;font-size:12px;font-weight:800;padding:7px 10px;text-align:center}.app-stat-pill.pending{background:#faa61a1a;border-color:#faa61a33;color:#fac943;color:var(--yellow)}.app-stat-pill.approved{background:#57f2871a;border-color:#57f28733;color:#2cc784;color:var(--green)}.app-stat-pill.rejected{background:#f047471a;border-color:#f0474733;color:#ff6f6f;color:var(--red)}.app-list{display:flex;flex-direction:column;gap:8px}.app-card{background:#2e2e2e;background:var(--bg-primary);border:1px solid #474747;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);overflow:hidden;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition)}.app-card.expanded{border-color:#bf1f24;border-color:var(--accent)}.app-card:hover{border-color:#ffffff1f}.app-card-header{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.app-card-header:hover{background:#ffffff0f;background:var(--bg-hover)}.app-card-user{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.app-card-name{color:#e5e5e5;color:var(--text-primary);font-size:14px;font-weight:700;white-space:nowrap}.app-card-username{font-size:12px}.app-card-age,.app-card-username{color:#b8b8b8;color:var(--text-muted)}.app-card-age{background:#ffffff0f;background:var(--bg-hover);border-radius:99px;font-size:11px;font-weight:700;padding:2px 8px;white-space:nowrap}.app-card-meta{align-items:center;display:flex;flex-shrink:0;gap:10px}.app-card-date{font-size:12px}.app-card-date,.app-chevron{color:#b8b8b8;color:var(--text-muted)}.app-chevron{font-size:10px}.app-status-badge{border-radius:99px;font-size:11px;font-weight:800;padding:3px 8px}.app-status-badge.pending{background:#faa61a26;color:#fac943;color:var(--yellow)}.app-status-badge.approved{background:#57f28726;color:#2cc784;color:var(--green)}.app-status-badge.rejected{background:#f0474726;color:#ff6f6f;color:var(--red)}.app-card-body{border-top:1px solid #474747;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:14px;padding:14px 16px 16px}.app-detail-section{display:flex;flex-direction:column;gap:6px}.app-detail-label{color:#b8b8b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.app-detail-date{font-weight:400;text-transform:none}.app-detail-text{background:#231f20;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius);color:#cecece;color:var(--text-secondary);font-size:13px;line-height:1.65;max-height:200px;overflow-y:auto;padding:10px 12px;white-space:pre-wrap}.app-actions{display:flex;flex-direction:column;gap:8px}.app-note-input{background:#231f20;background:var(--bg-secondary);border:1.5px solid #474747;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#e5e5e5;color:var(--text-primary);font-family:inherit;font-size:13px;outline:none;padding:8px 12px;resize:none;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition)}.app-note-input:focus{border-color:#bf1f24;border-color:var(--accent)}.app-note-input::placeholder{color:#b8b8b8;color:var(--text-muted)}.app-action-btns{display:flex;gap:8px}.app-btn{border-radius:12px;border-radius:var(--radius);cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:9px 16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.app-btn.approve{background:#57f28726;border:1px solid #57f2874d;color:#2cc784;color:var(--green)}.app-btn.approve:hover:not(:disabled){background:#57f28740}.app-btn.reject{background:#f047471a;border:1px solid #f0474740;color:#ff6f6f;color:var(--red)}.app-btn.reject:hover:not(:disabled){background:#f0474733}.app-btn:disabled{cursor:not-allowed;opacity:.5}.msg-link{color:#00b0f4;text-decoration:underline;text-underline-offset:2px;transition:color .18s cubic-bezier(.4,0,.2,1);transition:color var(--transition);word-break:break-all}.msg-link:hover{color:#7dd3fc}.slowmode-bar{background:#faa61a1a;border:1px solid #faa61a4d;border-radius:12px;border-radius:var(--radius);color:#fac943;color:var(--yellow);font-size:13px;margin-bottom:6px;padding:6px 12px;text-align:center}.char-counter{color:#b8b8b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;font-weight:700;margin-bottom:4px;text-align:right;transition:color .18s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.char-counter.near{color:#fac943;color:var(--yellow)}.char-counter.over{color:#ff6f6f;color:var(--red)}.message-input.input-over-limit{border-color:#ff6f6f!important;border-color:var(--red)!important}.modal-hint{color:#b8b8b8;color:var(--text-muted);font-size:11.5px;margin-top:4px}html{-webkit-text-size-adjust:100%}@media (max-width:768px){:root{--sidebar-width:260px;font-size:14px}.app-layout{grid-template-columns:1fr;overflow:hidden;position:relative}.app-layout,.sidebar-left{padding-bottom:env(safe-area-inset-bottom,0)}.sidebar-left{bottom:0;box-shadow:4px 0 24px #00000080;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);width:248px;width:var(--sidebar-width);z-index:300}.sidebar-left.mobile-open{transform:translateX(0)}.sidebar-right{bottom:0;box-shadow:-4px 0 24px #00000080;display:block!important;position:fixed;right:0;top:48px;transform:translateX(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);width:min(236px,80vw);width:min(var(--members-width),80vw);z-index:300}.sidebar-right.mobile-open{transform:translateX(0)}.chat-area{padding-top:48px}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:none;inset:0;position:fixed;z-index:199}.mobile-overlay.active{display:block}.chat-header{height:48px;padding:0 12px}.chat-description{display:none}.mobile-menu-btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#b8b8b8;color:var(--text-muted);display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:36px}.mobile-menu-btn:hover{background:#ffffff0f;background:var(--bg-hover)}.mobile-members-btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#b8b8b8;color:var(--text-muted);display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.messages-container{padding:8px 8px 4px}.message-row{border-radius:0;padding:3px 8px}.message-row:hover{background:#0000}.message-row:hover .message-actions{display:none}.message-content{font-size:14px}.message-avatar{height:36px;width:36px}.input-area{padding:8px 8px max(12px,calc(8px + env(safe-area-inset-bottom, 0px)))}.input-wrapper{border-radius:18px;border-radius:var(--radius-lg)}.message-input{font-size:15px;padding:10px 12px}.server-header{padding:12px}.channel-item{font-size:14px;min-height:40px;padding:8px 8px 8px 14px}.user-panel{padding:8px 10px}.pin-bar-item{padding:7px 12px}.admin-panel-overlay{padding:0}.admin-panel{border:none;border-radius:0;height:100vh;width:100vw}.admin-panel-header{gap:16px;padding:18px 16px 14px}.admin-panel-title{font-size:24px}.admin-panel-subtitle{font-size:13px}.admin-panel-header-tools{gap:10px}.admin-panel-role-badge{padding:8px 12px}.admin-panel-active-pill{order:3;width:100%}.admin-panel-sidebar{padding:14px 16px}.admin-panel-sidebar-label{display:none}.admin-panel-tabs{overflow-x:auto;padding-bottom:2px;width:100%}.admin-tab{min-width:220px;padding:12px}.admin-tab-description{display:none}.admin-panel-section-header{padding:18px 16px 14px}.admin-panel-section-title{font-size:20px}.admin-panel-body{padding:0 16px 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.perm-row,.perm-table-header{font-size:11px;grid-template-columns:1fr 60px 70px 60px}.modal-card{max-height:90vh;overflow-y:auto;width:95vw}.apply-card{border-radius:18px;border-radius:var(--radius-lg);padding:24px 20px}.apply-actions{flex-direction:column}.apply-btn{flex:initial}.notifications-panel{border-radius:0 0 18px 18px;border-radius:0 0 var(--radius-lg) var(--radius-lg);max-width:100vw;right:0;width:100vw}.mention-toasts{left:8px;max-width:100%;right:8px}}@media (max-width:480px){.chat-header-right .online-indicator{display:none}.welcome-icon{font-size:36px}.channel-welcome h3{font-size:20px}.pin-bar-toggle{font-size:12px;padding:7px 12px}.app-card-header,.app-stats-row{flex-direction:column}.app-card-header{align-items:flex-start;gap:6px}.app-card-meta{justify-content:space-between;width:100%}}.mobile-topbar{align-items:center;background:#231f20;background:var(--bg-secondary);border-bottom:1px solid #474747;border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000004d;display:none;height:60px;justify-content:space-between;left:0;padding:0 10px;position:fixed;right:0;top:0;z-index:100}.mobile-topbar-title{align-items:center;color:#fff;color:var(--text-header);display:flex;flex:1 1;font-size:18px;font-weight:700;gap:6px;justify-content:center;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar-hash{color:#b8b8b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:19px}@media (max-width:768px){.mobile-topbar{display:flex}.chat-header{display:none}}.mobile-topbar-right{gap:6px}.mobile-notif-btn,.mobile-topbar-right{align-items:center;display:flex;flex-shrink:0}.mobile-notif-btn{border-radius:12px;color:#b8b8b8;color:var(--text-muted);height:44px;justify-content:center;position:relative;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:44px}.mobile-notif-btn.has-badge,.mobile-notif-btn:hover{color:#e5e5e5;color:var(--text-primary)}.mobile-notif-badge{align-items:center;background:#ff6f6f;background:var(--red);border-radius:8px;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 3px;pointer-events:none;position:absolute;right:5px;top:6px}@media (max-width:768px){.notif-bell-wrap{display:none}.notif-panel{border-radius:0 0 18px 18px;border-radius:0 0 var(--radius-lg) var(--radius-lg);max-width:100vw;right:0;top:60px;width:100vw}}.report-done{color:#e5e5e5;color:var(--text-primary);padding:24px 0;text-align:center}.report-msg-preview{background:#2b2b2b;background:var(--bg-tertiary);border-left:3px solid #ff6f6f;border-left:3px solid var(--red);border-radius:0 8px 8px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:14px;padding:10px 12px}.report-msg-author{color:#b8b8b8;color:var(--text-muted);font-size:12px;font-weight:600;margin-bottom:4px}.report-msg-text{color:#cecece;color:var(--text-secondary);font-size:13px;word-break:break-word}.report-reasons{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.report-reason-btn{background:#ffffff0f;background:var(--bg-hover);border:1px solid #0000;border-radius:12px;border-radius:var(--radius);color:#cecece;color:var(--text-secondary);font-size:13px;padding:8px 10px;text-align:left;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.report-reason-btn:hover{background:#bf1f242e;background:var(--bg-active);color:#e5e5e5;color:var(--text-primary)}.report-reason-btn.active{background:#f0474726;border-color:#ff6f6f;border-color:var(--red);color:#ff6f6f;color:var(--red)}.report-card{background:#2e2e2e;background:var(--bg-primary);border:1px solid #474747;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);margin-bottom:8px;overflow:hidden}.report-card-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.report-card-header:hover{background:#ffffff0f;background:var(--bg-hover)}.report-card-left{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0}.report-type-badge{flex-shrink:0;font-size:18px}.report-card-title{align-items:center;color:#e5e5e5;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:8px}.report-reason-tag{background:#f0474726;border-radius:10px;color:#ff6f6f;color:var(--red);font-size:11px;font-weight:500;padding:2px 7px}.report-card-meta{color:#b8b8b8;color:var(--text-muted);font-size:12px;margin-top:2px}.report-card-right{align-items:center;display:flex;gap:8px}.report-status{font-size:16px}.report-card-body{border-top:1px solid #474747;border-top:1px solid var(--border);padding:12px 14px 14px}.report-actions{margin-top:10px}.report-action-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.filter-tabs{display:flex;flex-wrap:wrap;gap:4px}.filter-tab{background:#ffffff0f;background:var(--bg-hover);border-radius:8px;border-radius:var(--radius-sm);color:#b8b8b8;color:var(--text-muted);font-size:12px;font-weight:500;padding:5px 10px;position:relative;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.filter-tab:hover{color:#e5e5e5;color:var(--text-primary)}.filter-tab.active{background:#bf1f24;background:var(--accent);color:#fff}.filter-tab-badge{align-items:center;background:#ff6f6f;background:var(--red);border-radius:7px;color:#fff;display:flex;font-size:9px;font-weight:700;height:14px;justify-content:center;min-width:14px;padding:0 3px;position:absolute;right:-4px;top:-4px}.mod-inline-btn.report{background:#f047471f;color:#ff6f6f;color:var(--red)}.mod-inline-btn.report:hover{background:#f0474740}.status-emoji-btn{align-items:center;background:#ffffff0f;background:var(--bg-hover);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:15px;height:26px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:26px}.status-emoji-btn:hover{background:#bf1f242e;background:var(--bg-active)}.status-emoji-picker{grid-gap:2px;background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);bottom:calc(100% + 4px);box-shadow:0 8px 24px #0006;display:grid;gap:2px;grid-template-columns:repeat(6,1fr);left:0;padding:6px;position:absolute;z-index:100}.status-emoji-opt{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:16px;height:30px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:30px}.status-emoji-opt:hover{background:#ffffff0f;background:var(--bg-hover)}.kick-countdown{background:#faa61a14;border:1px solid #faa61a4d;border-radius:12px;border-radius:var(--radius);margin:16px 0;padding:16px 20px;text-align:center}.kick-countdown-label{color:#b8b8b8;color:var(--text-muted);font-size:12px;margin-bottom:8px}.kick-countdown-time{font-feature-settings:"tnum";color:#faa61a;font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:1px}.kick-countdown-date{color:#b8b8b8;color:var(--text-muted);font-size:12px;margin-top:6px}.community-closed-card{border-color:#f0474747}.apply-status-icon.community-closed{background:#f0474724;color:#ff6f6f;color:var(--red)}.community-closed-box{border-color:#f047473d}.community-closed-note-row{border-top:1px solid #ffffff14;margin-top:10px;padding-top:10px}.review-note-row{display:flex;gap:8px;margin-bottom:6px}.review-note-row .review-note-label{color:#b8b8b8;color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:600}.review-note-row .review-note-text{color:#cecece;color:var(--text-secondary);font-size:13px}.modal-btn.yellow{background:#faa61a26;border:1px solid #faa61a4d;color:#faa61a}.modal-btn.yellow:hover{background:#faa61a40}.panel-action-btn.yellow{background:#faa61a26;border:1px solid #faa61a3d;color:#faa61a}.panel-action-btn.yellow:hover{background:#faa61a3d}.panel-action-btn.red.active-danger{box-shadow:inset 0 0 0 1px #f0474773}.community-access-card{background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);padding:20px}.community-access-status-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.community-access-title{color:#e5e5e5;color:var(--text-primary);font-size:18px;font-weight:700}.community-access-subtitle{color:#b8b8b8;color:var(--text-muted);font-size:14px;margin-top:6px}.community-access-meta{grid-gap:8px;color:#cecece;color:var(--text-secondary);display:grid;font-size:13px;gap:8px;margin-top:18px}.community-access-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.community-access-note-field{margin-top:18px}.community-access-note-input{min-height:88px;resize:vertical}.admin-panel-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 8% 10%,#5865f229,#0000 34%),radial-gradient(circle at 92% 10%,#57f28714,#0000 26%),#070a12d6}.admin-panel{background:#0a0e18f5;border:1px solid #ffffff14;border-radius:26px;box-shadow:0 34px 70px #00000075;height:min(920px,calc(100vh - 40px));width:min(1440px,calc(100vw - 40px))}.admin-panel-shell{background:linear-gradient(180deg,#ffffff08,#0000 24%),#231f20;background:linear-gradient(180deg,#ffffff08,#0000 24%),var(--bg-secondary)}.admin-panel-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff14;padding:18px 22px}.admin-panel-brand{align-items:center;display:flex;gap:12px;min-width:0}.admin-panel-brand-icon{align-items:center;background:#5865f229;border:1px solid #5865f24d;border-radius:12px;display:inline-flex;flex-shrink:0;font-size:19px;height:40px;justify-content:center;width:40px}.admin-panel-brand-copy{min-width:0}.admin-panel-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:4px}.admin-panel-title{font-size:20px;letter-spacing:-.02em;line-height:1.1}.admin-panel-header-tools{gap:10px}.admin-panel-role-badge{background:#ffffff0f;border-color:#ffffff24;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;padding:8px 12px}.admin-panel-close{border-radius:11px;font-size:15px;height:38px;width:38px}.admin-panel-content{grid-template-columns:300px minmax(0,1fr)}.admin-panel-sidebar{background:#ffffff05;border-right:1px solid #ffffff12;display:flex;flex-direction:column;min-height:0;padding:18px}.admin-panel-sidebar-top{margin-bottom:12px}.admin-panel-sidebar-label{font-size:11px;margin-bottom:8px}.admin-panel-search{background:#2e2e2e;background:var(--bg-primary);border:1px solid #474747;border:1px solid var(--border);border-radius:10px;color:#e5e5e5;color:var(--text-primary);font-size:13px;height:38px;padding:0 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.admin-panel-search:focus{border-color:#5865f299;box-shadow:0 0 0 3px #5865f224;outline:none}.admin-panel-tabs{flex:1 1;gap:12px;overflow-y:auto;padding-right:4px}.admin-panel-tab-group{display:flex;flex-direction:column;gap:7px}.admin-panel-tab-group-label{color:#b8b8b8;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.12em;padding:0 4px;text-transform:uppercase}.admin-panel-tab-group-items{display:flex;flex-direction:column;gap:8px}.admin-panel-tab-empty{border:1px dashed #ffffff29;border-radius:12px;color:#b8b8b8;color:var(--text-muted);font-size:12px;padding:14px;text-align:center}.admin-tab{border-radius:14px;gap:10px;padding:12px}.admin-tab-icon{border-radius:10px;font-size:16px;height:34px;width:34px}.admin-tab-copy{gap:3px}.admin-tab-title-row{align-items:center;display:flex;gap:6px}.admin-tab-title{font-size:13px}.admin-tab-description{font-size:11px}.admin-tab-chip{background:#5865f229;border:1px solid #5865f259;border-radius:999px;color:#b9c0ff;font-size:9px;font-weight:700;letter-spacing:.08em;padding:2px 6px;text-transform:uppercase}.admin-panel-main{background:linear-gradient(180deg,hsla(0,0%,100%,.015),#0000 18%)}.admin-panel-section-header{align-items:flex-start;background:#00000024;border-bottom:1px solid #ffffff12;display:flex;gap:16px;justify-content:space-between;padding:18px 22px 12px}.admin-panel-section-kicker{font-size:10px;margin-bottom:6px}.admin-panel-section-title{font-size:21px}.admin-panel-section-title span{font-size:20px}.admin-panel-section-description{font-size:13px;margin-top:7px;max-width:760px}.admin-panel-section-meta{display:flex;flex-wrap:wrap;gap:8px}.admin-panel-meta-pill{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;color:#cecece;color:var(--text-secondary);font-size:11px;font-weight:700;padding:6px 10px}.admin-panel-body{padding:16px 22px 22px}.admin-panel-surface{background:#0a0d14a8;border:1px solid #ffffff14;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff08;min-height:100%;padding:16px}.stats-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.stat-card{border-radius:14px;padding:14px}.panel-toolbar{margin-bottom:12px}.panel-table-wrap{border-radius:14px}.panel-table th{top:0}@media (max-width:1120px){.admin-panel-content{grid-template-columns:1fr}.admin-panel-sidebar{border-bottom:1px solid #ffffff12;border-right:none;padding:14px 16px}.admin-panel-tabs{grid-gap:10px;display:grid;gap:10px;grid-auto-columns:minmax(230px,1fr);grid-auto-flow:column;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.admin-panel-tab-group{min-width:230px}.admin-panel-tab-group-items{gap:6px}.admin-panel-section-header{align-items:flex-start;flex-direction:column}}@media (max-width:768px){.admin-panel-overlay{padding:0}.admin-panel{border:none;border-radius:0;height:100vh;width:100vw}.admin-panel-shell{display:flex;flex-direction:column;height:100%}.admin-panel-header{align-items:stretch;display:flex;flex-direction:column;gap:12px;padding:14px}.admin-panel-title{font-size:17px}.admin-panel-brand-icon{border-radius:10px;font-size:16px;height:34px;width:34px}.admin-panel-sidebar{border-bottom:1px solid #ffffff12;border-right:none;gap:10px;padding:12px 14px}.admin-panel-sidebar-top{grid-gap:8px;display:grid;gap:8px;margin-bottom:0}.admin-panel-tabs{align-items:flex-start;display:flex;flex-direction:row;gap:10px;margin:0 -2px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px;scrollbar-width:none}.admin-panel-tabs::-webkit-scrollbar{display:none}.admin-panel-tab-group{flex:0 0 auto;gap:6px;min-width:168px}.admin-panel-tab-group-items{gap:6px}.admin-panel-tab-group-label{font-size:9px;padding:0 2px}.admin-tab{gap:8px;min-height:0;padding:10px}.admin-tab-icon{border-radius:9px;font-size:14px;height:30px;width:30px}.admin-tab-title-row{flex-wrap:wrap;gap:4px}.admin-tab-title{font-size:12px}.admin-tab-description{display:none}.admin-panel-header-tools{align-items:center;display:flex;justify-content:space-between;width:100%}.admin-panel-role-badge{max-width:calc(100% - 52px)}.admin-panel-content{flex:1 1;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);min-height:0}.admin-panel-main{min-height:0;min-width:0;overflow:auto}.admin-panel-section-header{padding:14px}.admin-panel-section-title{font-size:18px}.admin-panel-body{overflow:visible;padding:12px 14px 14px}.admin-panel-surface{border-radius:12px;min-height:auto;padding:12px}.admin-panel-section-meta{width:100%}.admin-panel-section-description{max-width:none}.app-stats-row,.community-access-actions,.panel-toolbar,.report-view-toggle,.xp-tab-header{align-items:stretch;display:flex;flex-direction:column}.filter-tabs,.tab-toggle{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.app-btn,.panel-action-btn,.panel-btn,.panel-btn.primary,.panel-btn.small,.panel-refresh-btn,.report-view-btn,.toggle-btn{justify-content:center;width:100%}.panel-search,.xp-edit-row>*,.xp-input,.xp-select{width:100%}.xp-level-presets{align-items:stretch}.xp-preset-label{width:100%}.modal-card{border-radius:20px;max-height:calc(100vh - 20px);width:min(100vw - 20px,560px)}.modal-body,.modal-footer,.modal-header{padding-left:14px;padding-right:14px}.duration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-table-wrap{background:#0000;border:none;box-shadow:none;overflow:visible}.panel-table,.panel-table tbody{display:block;width:100%}.panel-table thead{display:none}.panel-table tr{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 24px #00000024;display:block;margin-bottom:10px;padding:12px 14px}.panel-table td{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;justify-content:space-between;padding:8px 0;text-align:right}.panel-table td:last-child{border-bottom:none;padding-bottom:0}.panel-table td:before{color:#b8b8b8;color:var(--text-muted);content:attr(data-label);flex:0 0 88px;font-size:11px;font-weight:700;letter-spacing:.08em;text-align:left;text-transform:uppercase}.panel-table td[colspan]{border-bottom:none;display:block;padding:8px 0;text-align:center}.panel-table td[colspan]:before{display:none}.panel-table-empty-cell{color:#b8b8b8;color:var(--text-muted)}.td-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.td-user{align-items:flex-end}.td-reason{max-width:none;text-align:right;white-space:normal}.perm-table{background:#0000;border:none}.perm-table-header{display:none}.perm-row{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;display:block;margin-bottom:10px;padding:12px}.perm-row:last-child{margin-bottom:0}.perm-row .perm-label-col{color:#e5e5e5;color:var(--text-primary);font-weight:700;padding:0 0 10px}.perm-row .perm-role-col{align-items:center;border-top:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:10px 0;text-align:left}.perm-row .perm-role-col:before{color:#b8b8b8;color:var(--text-muted);content:attr(data-role);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.perm-checkbox{height:28px;width:28px}}.member-group-label,.member-name,.message-author,.reply-author,.role-badge,.user-panel-name{user-select:none;-webkit-user-select:none}@keyframes msg-flash{0%{background:#5865f240}to{background:#0000}}.msg-highlight{animation:msg-flash 1.5s ease-out forwards;border-radius:12px;border-radius:var(--radius)}.reply-preview:hover{background:#ffffff0f;border-radius:8px;border-radius:var(--radius-sm)}.mobile-msg-menu-wrap{align-self:flex-start;flex-shrink:0;margin-top:2px;position:relative}.mobile-msg-dots{align-items:center;background:#0000;border-radius:8px;border-radius:var(--radius-sm);color:#b8b8b8;color:var(--text-muted);display:flex;height:28px;justify-content:center;opacity:0;transition:opacity .15s,background .15s;width:28px}.message-row.hovered .mobile-msg-dots,.message-row:hover .mobile-msg-dots,.mobile-msg-dots:focus{opacity:1}@media (max-width:768px){.mobile-msg-dots{opacity:.45}.mobile-msg-dots:active{background:#ffffff0f;background:var(--bg-hover);opacity:1}}.mobile-msg-menu{background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 24px #00000073;min-width:160px;overflow:hidden;padding:4px;position:absolute;right:0;top:100%;z-index:500}.mobile-msg-menu-fixed{position:fixed!important;top:auto}.mobile-msg-menu-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#cecece;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;padding:10px 12px;text-align:left;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:100%}.mobile-msg-menu-item:active,.mobile-msg-menu-item:hover{background:#ffffff0f;background:var(--bg-hover);color:#e5e5e5;color:var(--text-primary)}.mobile-msg-menu-item.danger{color:#ff6f6f;color:var(--red)}.mobile-msg-menu-item.danger:active,.mobile-msg-menu-item.danger:hover{background:#f047471f}.mobile-emoji-picker{flex-wrap:wrap;margin-top:6px;position:static!important}@media (min-width:769px){.mobile-msg-menu-wrap{display:none}}.header-icon-btn{align-items:center;background:#0000;border-radius:8px;border-radius:var(--radius-sm);color:#b8b8b8;color:var(--text-muted);display:flex;height:32px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition);width:32px}.header-icon-btn:hover{background:#ffffff0f;background:var(--bg-hover);color:#e5e5e5;color:var(--text-primary)}.search-modal{background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg,12px);box-shadow:0 16px 48px #0009;display:flex;flex-direction:column;margin-top:10vh;max-height:80vh;max-width:calc(100vw - 32px);overflow:hidden;width:580px}.search-modal-header{align-items:center;border-bottom:1px solid #474747;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:12px 12px 12px 16px}.search-input-wrap{align-items:center;background:#2e2e2e;background:var(--bg-primary);border:1px solid #474747;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex:1 1;gap:8px;padding:8px 10px;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition)}.search-input-wrap:focus-within{border-color:#bf1f24;border-color:var(--accent)}.search-icon{color:#b8b8b8;color:var(--text-muted);flex-shrink:0}.search-input{background:none;border:none;color:#e5e5e5;color:var(--text-primary);flex:1 1;font-size:15px;outline:none}.search-clear,.search-input::placeholder{color:#b8b8b8;color:var(--text-muted)}.search-clear{border-radius:4px;font-size:13px;padding:2px 4px;transition:color .18s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.search-clear:hover{color:#e5e5e5;color:var(--text-primary)}.search-scope-btn{background:#ffffff0f;background:var(--bg-hover);border:1px solid #474747;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#b8b8b8;color:var(--text-muted);flex-shrink:0;font-size:13px;padding:6px 12px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.search-scope-btn:hover{color:#e5e5e5;color:var(--text-primary)}.search-scope-btn.active{background:#bf1f24;background:var(--accent);border-color:#bf1f24;border-color:var(--accent);color:#fff}.search-results{flex:1 1;overflow-y:auto;padding:8px}.search-loading{align-items:center;color:#b8b8b8;color:var(--text-muted);display:flex;font-size:14px;gap:10px;justify-content:center;padding:32px}.search-spinner{animation:spin .7s linear infinite;border:2px solid #474747;border-top-color:#bf1f24;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.search-empty{font-size:14px;text-align:center}.search-empty,.search-hint{color:#b8b8b8;color:var(--text-muted);padding:40px 16px}.search-hint{align-items:center;display:flex;flex-direction:column;gap:8px}.search-hint p{color:#cecece;color:var(--text-secondary);font-size:15px;margin:0}.search-hint span{font-size:13px}.search-result-count{color:#b8b8b8;color:var(--text-muted);font-size:12px;letter-spacing:.5px;padding:4px 8px 8px;text-transform:uppercase}.search-result-list{display:flex;flex-direction:column;gap:2px}.search-result-item{border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm);padding:10px 12px;text-align:left;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:100%}.search-result-item:hover{background:#ffffff0f;background:var(--bg-hover);border-color:#474747;border-color:var(--border)}.search-result-meta{align-items:center;display:flex;gap:8px;margin-bottom:4px}.search-result-channel{color:#bf1f24;color:var(--accent);font-size:12px;font-weight:600}.search-result-author{color:#e5e5e5;color:var(--text-primary);font-size:13px;font-weight:600}.search-result-time{color:#b8b8b8;color:var(--text-muted);font-size:11px;margin-left:auto}.search-result-content{color:#cecece;color:var(--text-secondary);font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.search-modal{border-radius:0 0 18px 18px;border-radius:0 0 var(--radius-lg,12px) var(--radius-lg,12px);margin-top:0;max-height:70vh}}.confirm-delete-modal{align-items:center;animation:modal-pop .15s ease;background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg,12px);box-shadow:0 16px 48px #0009;display:flex;flex-direction:column;max-width:calc(100vw - 32px);padding:28px 28px 24px;text-align:center;width:420px}@keyframes modal-pop{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.confirm-delete-icon{font-size:36px;line-height:1;margin-bottom:12px}.confirm-delete-title{color:#fff;color:var(--text-header);font-size:18px;font-weight:700;margin-bottom:8px}.confirm-delete-desc{color:#cecece;color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.confirm-delete-preview{background:#2e2e2e;background:var(--bg-primary);border:1px solid #474747;border-left:3px solid #ff6f6f;border:1px solid var(--border);border-left:3px solid var(--red,#bf1f24);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:10px 14px;text-align:left;width:100%}.confirm-delete-author{color:#e5e5e5;color:var(--text-primary);font-size:12px;font-weight:700}.confirm-delete-image-wrap{background:#ffffff08;border:1px solid #474747;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);overflow:hidden;width:100%}.confirm-delete-image{background:#00000029;display:block;max-height:220px;object-fit:contain;width:100%}.confirm-delete-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#cecece;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden;word-break:break-word}.confirm-delete-actions{display:flex;gap:10px;justify-content:flex-end;width:100%}.confirm-delete-btn{border-radius:8px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;padding:9px 20px;transition:background .18s cubic-bezier(.4,0,.2,1),transform .1s;transition:background var(--transition),transform .1s}.confirm-delete-btn:active{transform:scale(.97)}.confirm-delete-btn.cancel{background:#ffffff0f;background:var(--bg-hover);border:1px solid #474747;border:1px solid var(--border);color:#cecece;color:var(--text-secondary)}.confirm-delete-btn.cancel:hover{background:#bf1f242e;background:var(--bg-active);color:#e5e5e5;color:var(--text-primary)}.confirm-delete-btn.confirm{background:#ff6f6f;background:var(--red,#bf1f24);color:#fff}.confirm-delete-btn.confirm:hover{background:#a01a1e}.channel-sort-modal{animation:modal-pop .18s ease;background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000080;display:flex;flex-direction:column;max-height:80vh;width:min(760px,96vw)}.channel-sort-header{align-items:center;border-bottom:1px solid #474747;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px 12px}.channel-sort-header h2{color:#fff;color:var(--text-header);font-size:18px;font-weight:700;margin:0}.channel-sort-hint{color:#b8b8b8;color:var(--text-muted);flex-shrink:0;font-size:13px;padding:10px 20px 6px}.channel-sort-body{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:8px 16px}.sort-category{background:#2b2b2b;background:var(--bg-tertiary);border:1px solid #474747;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:grab;overflow:hidden;transition:box-shadow .15s,opacity .15s}.sort-category:active{cursor:grabbing}.sort-category:hover{box-shadow:0 0 0 2px #bf1f24;box-shadow:0 0 0 2px var(--accent)}.sort-category-header{align-items:center;background:#ffffff0f;background:var(--bg-hover);color:#b8b8b8;color:var(--text-muted);display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;padding:10px 12px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.sort-category-name{color:#cecece;color:var(--text-secondary);flex:1 1}.sort-category-count{font-size:11px;font-weight:400;letter-spacing:0;opacity:.6;text-transform:none}.sort-category-actions,.sort-channel-actions{align-items:center;display:flex;gap:4px}.sort-channels{display:flex;flex-direction:column;gap:3px;padding:4px 8px 8px}.sort-channel-item{align-items:center;background:#231f20;background:var(--bg-secondary);border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm);color:#cecece;color:var(--text-secondary);cursor:grab;display:flex;font-size:14px;gap:8px;padding:7px 10px;transition:background .12s,border-color .12s;-webkit-user-select:none;user-select:none}.sort-channel-item:active{cursor:grabbing}.sort-channel-item:hover{background:#bf1f242e;background:var(--bg-active);border-color:#474747;border-color:var(--border);color:#e5e5e5;color:var(--text-primary)}.sort-ch-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.sort-drag-handle{color:#b8b8b8;color:var(--text-muted);cursor:grab;flex-shrink:0;font-size:16px;opacity:.5}.sort-ch-hash,.sort-drag-handle-sm{font-size:14px}.sort-ch-hash{color:#b8b8b8;color:var(--text-muted);flex-shrink:0}.sort-ch-name{color:#e5e5e5;color:var(--text-primary);flex:1 1;font-weight:600}.sort-ch-meta{color:#b8b8b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;margin-top:2px}.sort-ch-badge{font-size:12px}.sort-empty-cat{border:1px dashed #ffffff14;border-radius:8px;border-radius:var(--radius-sm);color:#b8b8b8;color:var(--text-muted);font-size:12px;font-style:italic;opacity:.7;padding:6px 10px;text-align:center}.sort-icon-btn{align-items:center;background:#ffffff0a;border:1px solid #0000;border-radius:8px;color:#cecece;color:var(--text-secondary);display:inline-flex;height:26px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition),border-color var(--transition);width:26px}.sort-icon-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff14;color:#e5e5e5;color:var(--text-primary)}.sort-icon-btn:disabled{cursor:not-allowed;opacity:.35}.channel-sort-footer{border-top:1px solid #474747;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:14px 20px}.sort-cancel-btn{background:#ffffff0f;background:var(--bg-hover);border-radius:12px;border-radius:var(--radius);color:#cecece;color:var(--text-secondary);font-size:14px;font-weight:500;padding:8px 18px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.sort-cancel-btn:hover{background:#bf1f242e;background:var(--bg-active);color:#e5e5e5;color:var(--text-primary)}.sort-save-btn{background:#bf1f24;background:var(--accent);border-radius:12px;border-radius:var(--radius);color:#fff;font-size:14px;font-weight:600;padding:8px 20px;transition:background .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),opacity var(--transition)}.sort-save-btn:hover:not(:disabled){background:#d7474c;background:var(--accent-hover)}.sort-save-btn:disabled{cursor:not-allowed;opacity:.55}.msg-edit-wrap{display:flex;flex-direction:column;gap:4px;width:100%}.msg-edit-input{background:#292425;background:var(--bg-input);border:1px solid #bf1f24;border:1px solid var(--accent);border-radius:12px;border-radius:var(--radius);box-shadow:0 0 0 2px #bf1f242e;box-shadow:0 0 0 2px var(--accent-glow);color:#e5e5e5;color:var(--text-primary);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font-main);font-size:15px;line-height:1.5;max-height:320px;min-height:96px;outline:none;overflow-y:auto;padding:8px 12px;resize:none;width:100%}.msg-edit-hint{align-items:center;color:#b8b8b8;color:var(--text-muted);display:flex;font-size:11.5px;justify-content:space-between;padding:0 2px}.msg-edit-btn{border-radius:8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;padding:3px 12px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.msg-edit-btn.cancel{background:#ffffff0f;background:var(--bg-hover);color:#cecece;color:var(--text-secondary)}.msg-edit-btn.cancel:hover{background:#bf1f242e;background:var(--bg-active)}.msg-edit-btn.save{background:#bf1f24;background:var(--accent);color:#fff}.msg-edit-btn.save:hover{background:#d7474c;background:var(--accent-hover)}.edited-tag{color:#b8b8b8;color:var(--text-muted);font-size:10.5px;font-style:italic;margin-left:4px}.member-item.offline{filter:grayscale(.4);opacity:.45}.member-item.offline:hover{filter:grayscale(.2);opacity:.7}.channel-mention{align-items:center;background:#5865f22e;border:none;border-radius:4px;color:#8ab4f8;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.93em;font-weight:600;gap:1px;line-height:1.4;padding:1px 5px;transition:background .15s}.channel-mention:hover{background:#5865f259;color:#c0cfff;text-decoration:underline}.channel-mention.no-access{cursor:default;filter:grayscale(.4);opacity:.55}.channel-mention.no-access:hover{background:#5865f22e;color:#8ab4f8;text-decoration:none}.article-mention{align-items:center;background:#ff8d4d2e;border:none;border-radius:4px;color:#ffb37d;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.93em;font-weight:600;gap:4px;line-height:1.4;padding:1px 6px;text-decoration:none;transition:background .15s}.article-mention:hover{background:#ff8d4d52;color:#ffd5b5;text-decoration:underline}.article-mention-prefix{font-weight:700;opacity:.9}.article-mention-title{min-width:0}.presence-menu{background:#18191c;background:var(--bg-floating,#18191c);border:1px solid #ffffff14;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 8px 24px #00000080;left:0;min-width:220px;padding:6px;position:absolute;z-index:300}.presence-option{align-items:center;background:#0000;border:none;border-radius:6px;color:#e5e5e5;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:8px 10px;text-align:left;transition:background .12s;width:100%}.presence-option:hover{background:#ffffff0f;background:var(--bg-hover)}.presence-option.active{background:#bf1f242e;background:var(--bg-active)}.presence-option--danger{color:#ff6f6f;color:var(--red)}.presence-option--danger:hover{background:#ff6f6f29;background:var(--red-dim)}.presence-hint{color:#b8b8b8;color:var(--text-muted);font-size:.75rem;margin-left:auto;white-space:nowrap}.presence-divider{background:#474747;background:var(--border);height:1px;margin:4px 0}.user-popup{background:#231f20;background:var(--bg-secondary);border:1px solid #474747;border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 48px #00000057;box-shadow:var(--shadow-strong);padding:8px 0;z-index:9999}.user-popup-header{align-items:center;display:flex;gap:12px;padding:10px 14px}.user-popup-section-label{color:#b8b8b8;color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:4px 14px 2px;text-transform:uppercase}.theme-option-list{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 8px 6px}.theme-option{align-items:center;border:1px solid #0000;border-radius:9px;color:#e5e5e5;color:var(--text-primary);display:flex;gap:8px;min-width:0;padding:7px 8px;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),border-color var(--transition);width:100%}.theme-option:hover{background:#ffffff0f;background:var(--bg-hover)}.theme-option.active{background:#bf1f242e;background:var(--bg-active);border-color:#bf1f24;border-color:var(--accent)}.theme-option-swatch{background:linear-gradient(135deg,var(--theme-option-accent) 0 35%,var(--theme-option-surface) 35% 100%);border:1px solid var(--theme-option-border);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff14;flex-shrink:0;height:18px;width:26px}.theme-option-name{color:#e5e5e5;color:var(--text-primary);flex:1 1;font-size:.8rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-option-check{font-size:.74rem;font-weight:700}.status-save-btn,.theme-option-check{color:#bf1f24;color:var(--accent);flex-shrink:0}.status-save-btn{align-items:center;background:#bf1f242e;background:var(--accent-glow);border:none;border-radius:4px;cursor:pointer;display:flex;font-size:15px;height:28px;justify-content:center;transition:background .15s;width:28px}.status-save-btn:hover{background:#bf1f2442;background:var(--accent-glow-strong)}.jump-to-bottom{align-items:center;animation:jumpBtnIn .18s ease;background:#5865f2;border:none;border-radius:20px;bottom:72px;box-shadow:0 4px 16px #00000073;color:#fff;cursor:pointer;display:flex;gap:0;left:50%;overflow:hidden;padding:0;position:absolute;transform:translateX(-50%);transition:filter .15s,transform .15s;white-space:nowrap;z-index:10}.jump-to-bottom:hover{filter:brightness(1.15);transform:translateX(-50%) translateY(-1px)}.jump-new-count{border-right:1px solid #fff3;font-size:12px;font-weight:600;line-height:1;padding:6px 12px 6px 14px}.jump-arrow{align-items:center;display:flex;justify-content:center;line-height:1;padding:6px 10px}.jump-to-bottom.only-arrow{background:#2b2b2b;background:var(--bg-tertiary,#2b2d31);border:1px solid #ffffff1f;border-radius:50%;color:#e5e5e5;color:var(--text-primary);height:36px;padding:0;width:36px}.jump-to-bottom.only-arrow:hover{background:#ffffff0f;background:var(--bg-hover,#35373c);filter:none;transform:translateX(-50%)}@keyframes jumpBtnIn{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.system-message{color:#b8b8b8;color:var(--text-muted);font-size:13px;font-style:italic;padding:6px 16px;text-align:center;-webkit-user-select:none;user-select:none}.system-message b{color:#e5e5e5;color:var(--text-primary);font-style:normal}.xp-mini-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;color:#cecece;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;gap:6px;padding:4px 10px;transition:background .15s}.xp-mini-btn:hover{background:#ffffff1a;color:#fff}.xp-mini-level{color:#7289da;font-size:12px;font-weight:700;white-space:nowrap}.xp-mini-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:60px}.xp-mini-fill{background:#7289da;border-radius:2px;height:100%;transition:width .4s ease}.xp-mini-xp{font-size:10px;opacity:.7;white-space:nowrap}.levelup-toast{align-items:center;animation:levelUpIn .35s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#7289da,#5865f2);border-radius:12px;bottom:80px;box-shadow:0 8px 24px #00000080;color:#fff;cursor:pointer;display:flex;gap:12px;max-width:260px;padding:12px 16px;position:fixed;right:20px;z-index:9999}.levelup-toast-emoji{font-size:28px;line-height:1}.levelup-toast-title{font-size:14px;font-weight:700}.levelup-toast-sub{font-size:12px;opacity:.9}@keyframes levelUpIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.user-card{animation:cardIn .15s ease;background:#1e1f22;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 12px 32px #0009;max-width:calc(100vw - 24px);overflow:hidden;width:260px}@keyframes cardIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-card-banner{height:52px}.user-card-body{padding:8px 16px 16px}.user-card-avatar-wrap{display:inline-block;margin-bottom:8px;margin-top:-28px;position:relative}.user-card-avatar-wrap .presence-dot{bottom:2px;position:absolute;right:2px}.user-card-names{margin-bottom:12px}.user-card-display{align-items:center;color:#fff;display:inline-flex;font-size:15px;font-weight:700;gap:6px;max-width:100%}.user-card-username{color:#b8b8b8;color:var(--text-muted);font-size:12px;margin-bottom:4px}.user-card-role{background:#ffffff0f;border-radius:10px;font-size:11px;font-weight:700;padding:2px 8px}.user-card-level-section{background:#ffffff0a;border-radius:8px;padding:10px 12px}.user-card-level-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.user-card-level-badge{border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:3px 10px}.user-card-rank{color:#b8b8b8;color:var(--text-muted);font-size:11px}.user-card-xp-bar-wrap{margin-bottom:4px}.user-card-xp-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.user-card-xp-fill{border-radius:3px;height:100%;transition:width .5s ease}.user-card-msgs,.user-card-xp-text{color:#b8b8b8;color:var(--text-muted);font-size:11px}.user-card-msgs{margin-top:4px}.user-card-loading,.user-card-no-level{color:#b8b8b8;color:var(--text-muted);font-size:12px;padding:8px 0;text-align:center}.user-card{position:relative}.user-card-close{align-items:center;background:#0000004d;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .15s,color .15s;width:22px;z-index:1}.user-card-close:hover{background:#f04747cc;color:#fff}.user-card-mod-actions{border-top:1px solid #ffffff12;display:flex;flex-direction:column;gap:5px;margin-top:10px;padding-top:10px}.uc-mod-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:7px 12px;text-align:left;transition:filter .15s;width:100%}.uc-mod-btn:hover{filter:brightness(1.15)}.uc-mod-btn.yellow{background:#faa61a26;color:#faa61a}.uc-mod-btn.red{background:#f0474726;color:#f04747}.uc-mod-btn.green{background:#43b58126;color:#43b581}.uc-mod-btn.orange{background:#fa781e26;color:#fa7820}.uc-mod-btn.report{background:#ffffff0d;color:#b8b8b8;color:var(--text-muted)}.leaderboard-modal{animation:modalIn .2s ease;background:#1e1f22;border-radius:12px;box-shadow:0 16px 48px #0009;display:flex;flex-direction:column;max-height:80vh;max-width:95vw;width:480px}.leaderboard-header{align-items:center;border-bottom:1px solid #474747;border-bottom:1px solid var(--border);color:#fff;display:flex;font-size:17px;font-weight:700;justify-content:space-between;padding:18px 20px 12px}.leaderboard-loading{color:#b8b8b8;color:var(--text-muted);padding:32px;text-align:center}.leaderboard-list{flex:1 1;overflow-y:auto;padding:8px 0}.leaderboard-row{align-items:center;display:flex;gap:12px;padding:8px 20px;transition:background .12s}.leaderboard-row:hover{background:#ffffff08}.leaderboard-row--me{background:#5865f21f}.lb-rank{color:#b8b8b8;color:var(--text-muted);flex-shrink:0;font-size:13px;font-weight:700;text-align:center;width:28px}.lb-info{flex:1 1;min-width:0}.lb-name{align-items:center;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-bar{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.lb-bar-fill{border-radius:2px;height:100%;transition:width .4s}.lb-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.lb-level{font-size:16px;font-weight:700}.lb-xp{color:#b8b8b8;color:var(--text-muted);font-size:11px}.message-author{cursor:pointer}.message-author:hover .name-with-badge-text{text-decoration:underline}.chat-role-badges{align-items:center;display:inline-flex;flex-shrink:0;gap:6px}.chat-role-badges--small{gap:4px}.chat-role-badge{align-items:center;color:#58b1ff;color:var(--blue);display:inline-flex;flex-shrink:0;justify-content:center;line-height:1}.chat-role-tooltip{background:#111214;border:1px solid #ffffff1a;border-radius:7px;box-shadow:0 8px 24px #00000059;color:#dcddde;font-size:11px;font-weight:500;line-height:1.2;max-width:220px;overflow:hidden;padding:5px 9px;pointer-events:none;position:fixed;text-overflow:ellipsis;transform:translate(-50%,calc(-100% - 10px));white-space:nowrap;z-index:9999}.chat-role-tooltip:after{border-color:#111214 #0000 #0000;border-style:solid;border-width:5px 5px 0;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.chat-role-badge i{font-size:19px;line-height:1}.chat-role-badge--small i{font-size:16px}.panel-search{background:#ffffff0d;border:1px solid #474747;border:1px solid var(--border);border-radius:6px;color:#fff;font-size:13px;outline:none}.panel-search:focus{border-color:#5865f2}.xp-edit-box{background:#2b2d31;border:1px solid #5865f2;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:14px 16px}.xp-edit-title{color:#dcddde;font-size:13px}.xp-edit-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.xp-select{cursor:pointer}.xp-input,.xp-select{background:#1e1f22;border:1px solid #474747;border:1px solid var(--border);border-radius:6px;color:#fff;font-size:13px;padding:7px 10px}.xp-input{outline:none;width:120px}.xp-input:focus{border-color:#5865f2}.xp-level-presets{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.xp-preset-label{color:#72767d;font-size:12px}.xp-preset-btn{background:#0000;border:1px solid #43b581;border-radius:12px;color:#43b581;cursor:pointer;font-size:12px;padding:3px 10px;transition:all .15s}.xp-preset-btn:hover{background:#43b581;color:#fff}.xp-preset-btn.remove{border-color:#f04747;color:#f04747}.xp-preset-btn.remove:hover{background:#f04747;color:#fff}.xp-level-badge{border-radius:10px;color:#fff;display:inline-block;padding:2px 10px}.panel-btn,.xp-level-badge{font-size:12px;font-weight:700}.panel-btn{background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid #ffffff1a;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff0d;color:#e5e5e5;color:var(--text-primary);cursor:pointer;letter-spacing:.01em;padding:9px 14px;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition)}.panel-btn:hover{background:linear-gradient(180deg,#ffffff1f,#ffffff0d);border-color:#ffffff29;color:#fff;transform:translateY(-1px)}.panel-btn:active{transform:translateY(0)}.xp-bar{background:#ffffff14;border-radius:3px;height:5px;overflow:hidden}.xp-bar-fill{border-radius:3px;height:100%;transition:width .3s}.panel-btn.small{background:#5865f214;border-color:#5865f238;box-shadow:none;color:#cfd5ff;font-size:11px;font-weight:800;min-width:88px;padding:7px 12px}.panel-btn.small:hover{background:#5865f22e;border-color:#5865f257;color:#fff}.panel-btn.primary{background:linear-gradient(180deg,#6c78ff,#5865f2);border-color:#6c78ff75;box-shadow:0 10px 24px #5865f238;color:#fff}.panel-btn.primary:hover{background:linear-gradient(180deg,#7883ff,#6370fb);border-color:#7883ff80}.row-editing{background:#5865f214}.modal-card--mod-report{border-top:3px solid #9b59b6}.mod-report-notice{align-items:flex-start;background:#9b59b61f;border:1px solid #9b59b659;border-radius:8px;color:#dcddde;display:flex;font-size:13px;gap:12px;line-height:1.5;margin:0 20px;padding:12px 14px}.mod-report-notice-icon{flex-shrink:0;font-size:22px;margin-top:1px}.modal-btn.purple{background:#9b59b6;border-color:#9b59b6;color:#fff}.modal-btn.purple:hover:not(:disabled){background:#7d3c98}.modal-btn.purple:disabled{opacity:.5}.report-view-toggle{display:flex;gap:6px;margin-bottom:12px}.report-view-btn{align-items:center;background:#0000;border:1px solid #474747;border:1px solid var(--border);border-radius:8px;color:#b9bbbe;cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:6px;justify-content:center;padding:8px 12px;transition:all .15s}.report-view-btn.active{background:#5865f226;border-color:#5865f2;color:#fff}.report-view-btn.sensitive.active{background:#9b59b626;border-color:#9b59b6;color:#fff}.report-view-btn:hover:not(.active){background:#ffffff0d}.sensitive-badge{background:#9b59b640;border:1px solid #9b59b680;border-radius:10px;color:#c39bd3;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-right:4px;padding:1px 7px;vertical-align:middle}.link-preview{background:#2b2d31;border:1px solid #ffffff0f;border-radius:4px;display:flex;margin-top:8px;max-width:440px;overflow:hidden;position:relative}.link-preview-dismiss{align-items:center;background:#0000004d;border:none;border-radius:50%;color:#72767d;cursor:pointer;display:flex;font-size:11px;height:18px;justify-content:center;line-height:1;position:absolute;right:6px;top:6px;transition:background .15s,color .15s;width:18px;z-index:1}.link-preview-dismiss:hover{background:#f04747cc;color:#fff}.lp-accent{background:#5865f2;border-radius:0;flex-shrink:0;width:4px}.lp-body{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 30px 10px 12px}.lp-site{align-items:center;color:#72767d;display:flex;font-size:11px;gap:5px;letter-spacing:.4px;text-transform:uppercase}.lp-favicon{border-radius:2px;height:14px;width:14px}.lp-title{color:#00aff4;display:block;font-size:14px;font-weight:600;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.lp-title:hover{text-decoration:underline}.lp-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#dcddde;display:-webkit-box;font-size:13px;line-height:1.45;overflow:hidden}.lp-image{border-radius:4px;display:block;margin-top:6px;max-height:260px;max-width:100%;object-fit:cover}.link-preview--youtube{background:#0f0f0f;border-color:#f003;flex-direction:column;max-width:360px}.lp-yt-thumb{flex-shrink:0;padding:0;position:relative;text-align:left}.lp-yt-img,.lp-yt-thumb{display:block;width:100%}.lp-yt-img{aspect-ratio:16/9;object-fit:cover}.lp-yt-player-wrap{aspect-ratio:16/9;background:#000;position:relative;width:100%}.lp-yt-player{border:0;display:block;height:100%;width:100%}.lp-yt-play{align-items:center;background:#000000bf;border-radius:50%;color:#fff;display:flex;font-size:20px;height:52px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .15s;width:52px}.lp-yt-thumb:hover .lp-yt-play{background:red}.lp-yt-info{display:flex;flex-direction:column;gap:4px;padding:8px 30px 10px 10px}.lp-yt-site{align-items:center;color:#aaa;display:flex;font-size:11px;gap:5px}.lp-yt-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.lp-yt-action-btn{align-items:center;background:#ffffff14;border-radius:999px;color:#dcddde;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;min-height:28px;padding:0 10px;text-decoration:none;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition)}.lp-yt-action-btn:hover{background:#ffffff24;color:#fff}.lp-yt-action-btn-link{color:#9ca3af}.mod-admin-notice{background:#faa61a14;border-radius:4px;color:#faa61a;font-size:12px;padding:6px 10px;text-align:center}.link-preview--image{background:#0000;border:none;max-width:400px;padding:0}.link-preview--image .link-preview-dismiss{right:4px;top:4px}.lp-direct-image{border-radius:6px;cursor:zoom-in;display:block;max-height:300px;max-width:400px;object-fit:contain}.lp-direct-image:hover{opacity:.9}
/*# sourceMappingURL=main.b487bba5.css.map*/