@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-ext-wght-normal-d45eAU9y.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-wght-normal-BAAhND-U.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-greek-wght-normal-CmyJS8uq.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-vietnamese-wght-normal-Dg1JeJN0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-ext-wght-normal-CIII54If.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-wght-normal-IvpUvPa2.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--p-900: #000000;--p-800: #000000;--p-700: #0a0a0a;--p-650: #0f0f0f;--p-600: #121212;--p-550: #191919;--p-500: #1f1f1f;--p-450: #262626;--bg: var(--p-800);--rail-w: clamp(60px, 5vw, 80px);--sidebar-w: clamp(238px, 19vw, 304px);--members-w: clamp(222px, 18.7vw, 288px);--rail: var(--p-800);--rail-deep: var(--p-900);--sidebar: var(--p-700);--sidebar-hover: var(--p-650);--sidebar-active: var(--p-500);--chat: var(--p-600);--chat-deep: var(--p-650);--chat-hover: var(--p-500);--panel: var(--p-700);--panel-head: transparent;--panel-group: transparent;--composer: var(--p-500);--line: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .05);--text: #ededed;--text-bright: #ffffff;--muted: #a1a1a1;--muted-dim: #7a7a7a;--accent: #ffffff;--accent-hover: #e2e2e2;--grey-1: var(--p-600);--grey-2: var(--p-500);--selected: var(--p-500);--green: #5ec28a;--danger: #e5484d;--mention: #ededed;--font: "IBM Plex Sans Variable", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box;font-family:var(--font)}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,textarea,select{font:inherit;font-family:var(--font);color:inherit}input[type=text],input[type=search],input[type=password],input:not([type]),textarea{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0a0a0a;color:var(--text);font-size:14px;outline:none}input[type=text]::placeholder,input[type=search]::placeholder,input[type=password]::placeholder,input:not([type])::placeholder,textarea::placeholder{color:var(--muted-dim)}input[type=text]:focus,input[type=search]:focus,input[type=password]:focus,input:not([type]):focus,textarea:focus{border-color:#ffffff47;background:#1f1f1f}h1,h2,h3,h4,h5,h6,strong,b,time,label,span,p{font-family:var(--font)}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff47;background-clip:padding-box}.btn{border:0;border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:500;background:var(--grey-1);color:var(--text-bright);transition:background .15s ease,filter .15s ease}.btn:hover:not(:disabled){background:var(--grey-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);color:#000;font-weight:500}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.danger{background:#d83c46;color:var(--text-bright)}.btn.danger:hover:not(:disabled){background:#e64852}.btn.ghost{background:transparent;border:1px solid var(--line);color:#e4e4e4;font-size:12.5px;padding:6px 13px}.btn.ghost:hover:not(:disabled){background:var(--grey-1);color:var(--text-bright)}.icon-btn{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;flex:none}.icon-btn:hover{background:var(--p-500);color:var(--text-bright)}.muted{color:var(--muted)}.empty-hint{margin:0;padding:8px 10px;color:var(--muted);font-size:13px}.fine-print{margin:14px 0 0;color:#8a8a8a;font-size:12.5px;line-height:1.5}.form-error{margin:10px 0 0;padding:8px 10px;border:1px solid rgba(255,90,101,.35);border-radius:4px;background:#ff5a651f;color:#ff9aa1;font-size:13px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.field span{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#bdbdbd}.popover{background:#0a0a0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 20px 50px #000000bf;padding:6px}.popover>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-radius:4px;background:transparent;padding:8px 9px;color:#e4e4e4;font-size:13.5px;text-align:left}.popover>button:hover{background:var(--grey-2);color:var(--text-bright)}.popover>button.danger{color:#ff7c85}.popover>button em{font-style:normal;color:var(--muted);font-size:11.5px;letter-spacing:.08em}.popover-title{display:block;padding:2px 4px 6px;color:#8a8a8a;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.menu-sep{display:block;height:1px;margin:5px 2px;background:#191919}.invite{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;overflow-y:auto;background:var(--bg)}.invite-card{width:min(480px,100%);overflow:hidden;border:1px solid var(--line-soft);border-radius:18px;background:#121212;box-shadow:0 30px 80px #000c;text-align:center;padding-bottom:26px}.invite-banner{height:140px;background-size:cover;background-position:center}.invite-body{padding:0 32px}.invite-icon{display:grid;place-items:center;width:72px;height:72px;margin:-36px auto 12px;border-radius:20px;border:4px solid #121212;background:var(--p-500);color:#fff;font-size:28px;font-weight:800;overflow:hidden}.invite-icon img{width:100%;height:100%;object-fit:cover}.invite-kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.invite-card h1{margin:4px 0 0;font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--text-bright);overflow-wrap:anywhere}.invite-sub{margin:6px 0 20px;color:var(--muted);font-size:14px}.invite-mark{display:grid;place-items:center;width:52px;height:52px;margin:26px auto 18px;border-radius:14px;background:var(--accent);color:#000}.invite-join{width:100%}.invite-home{display:inline-block;margin-top:14px;font-size:13px;color:var(--muted)}.invite-auth{padding-bottom:0}.invite-auth h1{padding:18px 32px 0}.invite-auth .invite-sub{padding:0 32px}.invite .auth{height:auto;padding:0;width:min(400px,100%);justify-content:center}@media(max-width:640px){.auth{justify-content:center;padding:20px}}.invite .form-error{text-align:left}.auth{height:100dvh;display:flex;align-items:center;justify-content:flex-start;padding:24px clamp(24px,8vw,128px);overflow-y:auto;background:linear-gradient(#0000009e,#000000bd),url(/auth-bg.jpg) center / cover no-repeat,var(--bg)}.auth-card{width:min(400px,100%);border:1px solid var(--line-soft);border-radius:18px;background:#121212d6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:28px 28px 24px;box-shadow:0 18px 50px #00000073}.auth-brand{margin-bottom:22px}.auth-brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:#000}.auth-card h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--text-bright)}.auth-sub{margin:6px 0 22px;color:var(--muted);font-size:14px}.tabs{display:flex;gap:4px;margin:0 0 22px;padding:4px;border-radius:12px;background:var(--p-700)}.tab{flex:1;border:0;border-radius:9px;background:transparent;padding:8px 4px;color:var(--muted);font-size:13.5px;font-weight:600;cursor:pointer}.tab:hover{color:#e4e4e4}.tab.active{background:var(--p-450);color:var(--text-bright)}.auth-form{display:flex;flex-direction:column}.auth-form .btn{margin-top:9px;padding:12px 16px}.app{position:relative;display:flex;gap:8px;height:100dvh;padding:10px;overflow:hidden;background:var(--bg)}.app.sidebar-hidden .sidebar,.app.members-hidden .members{display:none}.rail{width:var(--rail-w);flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 0 78px;background:transparent}.rail-circle{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:50%;background:var(--grey-1);color:#e4e4e4;transition:background .14s ease,color .14s ease}.rail-circle:hover{background:var(--grey-2);color:var(--text-bright)}.rail-servers{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;overflow-y:auto;scrollbar-width:none}.rail-servers::-webkit-scrollbar{display:none}.rail-icon-image{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-size:cover;background-position:center}.rail-server{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:0;border-radius:14px;background:var(--grey-1);color:#e4e4e4;font-size:15px;font-weight:600;transition:background .14s ease,border-radius .14s ease,color .14s ease,box-shadow .14s ease}.rail-server:hover{border-radius:15px;background:var(--grey-2);color:var(--text-bright)}.rail-server.active{border-radius:14px;background:#1f1f1f;color:var(--text-bright);box-shadow:inset 0 0 0 1.5px #ffffffb3}.rail-server.active:before{content:"";position:absolute;left:-9px;top:50%;width:3px;height:18px;transform:translateY(-50%);border-radius:0 3px 3px 0;background:var(--accent)}.rail-add{background:transparent;border:1px dashed rgba(255,255,255,.14);color:var(--muted)}.rail-add:hover{border-color:#ffffff59;background:transparent;color:var(--text-bright)}.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:auto}.rail-action{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:11px;background:transparent;color:var(--muted)}.rail-action:hover{background:var(--grey-1);color:var(--text-bright)}.rail-shield{display:grid;place-items:center;width:36px;height:36px;color:var(--muted-dim)}.sidebar{width:272px;flex:none;display:flex;flex-direction:column;min-height:0;padding-right:2px;background:transparent}.server-header-wrap{position:relative;flex:none;z-index:15}.server-banner{height:92px;margin:0 0 6px;border-radius:12px;background-color:#0a0a0a;background-size:cover;background-position:center;background-repeat:no-repeat}.server-header{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;border-radius:9px;background:transparent;color:var(--text-bright);text-align:left}.server-header:hover{background:var(--sidebar-hover)}.server-copied{flex:none;color:var(--green);font-size:11px;font-weight:600}.server-header-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.server-header-text strong{font-size:15px;font-weight:700;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-search:hover,.server-search.active{background:var(--grey-2);color:var(--text-bright)}.chevron{flex:none;color:var(--muted);transition:transform .15s ease}.chevron.open{transform:rotate(180deg)}.server-menu{position:absolute;top:calc(100% + 4px);left:4px;right:4px;z-index:40}.sidebar-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:2px 4px 4px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:14px 6px 6px 8px}.section-toggle{display:flex;align-items:center;gap:6px;min-width:0;padding:0;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.section-toggle:hover{color:var(--text-bright)}.section-count{color:var(--muted-dim);font-weight:500;letter-spacing:0}.section-toggle .chevron{color:var(--muted-dim)}.section-add{display:grid;place-items:center;width:22px;height:22px;flex:none;border:0;border-radius:7px;background:transparent;color:var(--muted);opacity:.65;transition:opacity .12s ease,background .12s ease,color .12s ease}.section-add:hover,.section-add:focus-visible{background:var(--grey-1);color:var(--text-bright);opacity:1}.channel-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding-bottom:4px}.channel{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:36px;flex:none;margin-bottom:2px;padding:6px 10px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:13.5px;font-weight:500;text-align:left;transition:background .12s ease,color .12s ease}.channel.active{background:var(--sidebar-active);color:var(--text-bright);font-weight:600}.channel.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--text-bright)}.channel-icon{display:grid;place-items:center;width:16px;flex:none;color:var(--muted-dim)}.channel.active .channel-icon{color:var(--text-bright)}.channel-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.channel-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel.has-unread .channel-name{color:var(--text-bright);font-weight:600}.unread{display:grid;place-items:center;min-width:17px;height:17px;flex:none;padding:0 5px;border-radius:9px;background:var(--text-bright);color:#000;font-size:10px;font-weight:700;letter-spacing:-.01em}.chan-group{display:flex;flex-direction:column;border-radius:10px}.chan-group.drop-active{background:#ffffff08;outline:1px dashed rgba(255,255,255,.14);outline-offset:2px}.category-row{position:relative;display:flex;align-items:center;gap:2px;min-height:30px;padding:6px 4px 2px 6px}.category-head{display:flex;align-items:center;gap:5px;flex:1;min-width:0;padding:0;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left}.category-head:hover{color:var(--text-bright)}.category-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-tools{display:flex;align-items:center;gap:0;opacity:0}.category-row:hover .category-tools,.category-row:focus-within .category-tools{opacity:1}.empty-group{margin:0;padding:6px 10px 8px 22px;color:var(--muted-dim);font-size:12px}.channel-row.dragging{opacity:.45}.drop-line{height:2px;margin:1px 8px;border-radius:2px;background:var(--text-bright);opacity:.85}.field select{border:1px solid var(--line);border-radius:4px;background:var(--rail);padding:10px 12px;font-size:14px;color:var(--text);outline:none}.user-bar{position:relative;z-index:6;display:flex;align-items:center;gap:9px;flex:none;width:calc(100% + var(--rail-w) + 8px);margin:6px 0 0 calc(-1 * (var(--rail-w) + 8px));padding:8px 10px;border:1px solid var(--line-soft);border-radius:14px;background:var(--grey-1)}.user-avatar{position:relative;display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;box-shadow:0 0 0 1px #ffffff14;color:#000;font-size:11.5px;font-weight:700}.presence-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid var(--grey-1);border-radius:50%;background:#7a7a7a}.presence-dot.connected{background:var(--green)}.presence-dot.connecting{background:var(--accent)}.presence-dot.disconnected{background:var(--danger)}.user-identity{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:0;border:0;background:transparent;text-align:left;color:inherit}.user-identity:hover .user-meta strong{color:#fff}.user-identity:focus-visible{outline:1px solid rgba(255,255,255,.3);outline-offset:3px;border-radius:8px}.user-meta{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;line-height:1.2}.user-meta strong{color:var(--text-bright);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-help-wrap{position:relative;flex:none}.user-action{display:grid;place-items:center;width:26px;height:26px;flex:none;border:0;border-radius:8px;background:transparent;color:var(--muted)}.user-action:hover{background:var(--grey-2);color:var(--text-bright)}.user-help{position:absolute;right:-4px;bottom:calc(100% + 8px);z-index:40;width:250px;padding:10px}.shortcut{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 4px;color:#e4e4e4;font-size:12.5px}.shortcut kbd{border:1px solid var(--line);border-radius:4px;background:#1f1f1f;padding:1px 5px;color:#e4e4e4;font-family:var(--font);font-size:11px}.chat-pane{display:flex;flex:1;min-width:0;min-height:0;background:transparent}.chat{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:#121212}.chat-header{display:flex;align-items:center;gap:9px;min-height:52px;flex:none;padding:0 10px 0 14px;border-bottom:1px solid rgba(0,0,0,.4);background:#121212}.chat-channel-icon{display:grid;place-items:center;flex:none;color:var(--accent)}.chat-heading{display:flex;align-items:baseline;gap:10px;flex:1;min-width:0}.chat-heading h2{margin:0;color:var(--text-bright);font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-heading p{margin:0;min-width:0;color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-actions{display:flex;align-items:center;gap:2px;flex:none}.chat-menu-wrap{position:relative}.chat-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:40;width:200px}.pinned-banner{display:flex;align-items:center;gap:10px;width:100%;flex:none;padding:8px 14px;border:0;border-bottom:1px solid rgba(0,0,0,.4);background:#121212;color:var(--muted);text-align:left}.pinned-banner:hover{background:#0f0f0f}.pinned-banner-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.pinned-banner-label{color:var(--accent);font-size:11px;font-weight:700}.pinned-banner-body{color:#e4e4e4;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-banner svg{flex:none;color:var(--muted-dim)}.messages{flex:1;min-height:0;overflow-y:auto;padding:12px 0 8px}.load-older{display:flex;justify-content:center;padding:4px 0 10px}.channel-start{max-width:560px;margin:0 auto;padding:44px 18px 36px;text-align:center}.channel-start-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:var(--sidebar-active);color:var(--accent)}.channel-start h3{margin:0 0 4px;color:var(--text-bright);font-size:20px;font-weight:700}.channel-start h3 span{color:var(--accent)}.channel-start p{margin:0;color:var(--muted);font-size:14px}.day-divider{display:flex;align-items:center;justify-content:center;margin:20px 0 10px;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.02em}.day-divider:before,.day-divider:after{display:none}.message{position:relative;display:flex;gap:11px;margin:0 8px;padding:4px 10px;border-radius:12px;transition:background .12s ease}.message:hover{background:var(--chat-hover)}.message.mentions-me{background:#ffffff0f;box-shadow:inset 3px 0 #ffffffbf}.message.flash{position:relative;z-index:0}.message.flash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:10px;background:#ffffff29;animation:message-flash 1.8s ease-out forwards;pointer-events:none}@keyframes message-flash{0%,35%{opacity:1}to{opacity:0}}.message.pending{opacity:.55}.message-gutter{width:38px;flex:none;display:flex;justify-content:flex-start}.avatar{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;color:#000;font-size:14px;font-weight:600}.message-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;padding:1px 0 0}.message-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message-head strong,.author-name{font-size:14.5px;font-weight:600;line-height:1.3}.author-name{padding:0;border:0;background:transparent;text-align:left}.author-name:hover{text-decoration:underline;text-underline-offset:2px}.message-head time{color:var(--muted-dim);font-size:11px;font-weight:400}.edited-flag{color:var(--muted);font-size:11px}.message-text{margin:0;color:#e4e4e4;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.reply-stack{position:relative;display:flex;flex-direction:column;gap:2px;width:100%;margin:0 0 3px}.reply-stack:before{content:"";position:absolute;left:-30px;top:8px;width:26px;height:calc(var(--reply-offset, 22px) - 13px);border-top:2px solid rgba(255,255,255,.2);border-left:2px solid rgba(255,255,255,.2);border-top-left-radius:10px;pointer-events:none}.reply-quote+.reply-quote:before{content:"";position:absolute;left:-26px;top:8px;width:22px;height:0;border-top:2px solid rgba(255,255,255,.2);pointer-events:none}.message.has-replies .avatar{margin-top:var(--reply-offset, 22px)}.reply-quote{position:relative;display:flex;align-items:center;gap:6px;width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--muted);font-size:12.5px;line-height:18px;text-align:left}.reply-avatar{display:grid;place-items:center;width:16px;height:16px;flex:none;border-radius:50%;color:#000;font-size:9px;font-weight:700}.reply-author{flex:none;color:#e4e4e4;font-weight:600}.reply-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message.reply-selected{background:#ffffff0a}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.reaction{display:flex;align-items:center;gap:5px;height:24px;padding:0 8px;border:1px solid var(--line-soft);border-radius:999px;background:#191919;color:#e4e4e4;font-size:11.5px}.reaction:hover{border-color:#ffffff24;background:#0f0f0f}.reaction.me{border-color:#ffffff73;background:#ffffff1a;color:var(--text-bright)}.reaction-emoji{font-size:15px;line-height:1}.reaction-count{font-size:12px;font-weight:600}.composer-replies{display:flex;flex-direction:column;gap:5px;margin-bottom:7px}.composer-replies-label{padding-left:2px;color:var(--muted);font-size:12px;font-weight:500}.composer-reply-chips{display:flex;flex-wrap:wrap;gap:6px}.composer-reply{display:flex;align-items:center;gap:8px;max-width:340px;padding:5px 8px 5px 9px;border-left:2px solid var(--accent);border-radius:4px 10px 10px 4px;background:#191919;color:var(--muted);font-size:12.5px}.composer-reply strong{font-weight:600}.composer-reply-text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.composer-reply-close{flex:none;border:0;background:transparent;color:var(--muted);font-size:17px;line-height:1;padding:0 2px}.composer-reply-close:hover{color:var(--text-bright)}.inline-edit{margin-top:3px}.inline-edit textarea{width:100%;max-height:160px;line-height:1.5;resize:vertical}.inline-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.inline-edit-actions .btn{padding:5px 12px;font-size:12.5px}.message.failed .message-text{color:#ff9aa1}.mention{border-radius:3px;background:#ffffff1a;padding:0 2px;color:var(--mention);font-weight:500}.send-error{display:block;margin-top:2px;color:#ff7c85;font-size:12px}.message-actions{position:absolute;right:12px;bottom:2px;display:none;gap:1px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#0a0a0a;box-shadow:0 10px 26px #0009}.message:hover .message-actions,.message.actions-open .message-actions{display:flex}.message-actions button{display:grid;place-items:center;width:28px;height:26px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:15px;line-height:1}.message-actions button:hover{background:var(--sidebar-active);color:var(--text-bright)}.message-actions button.active{box-shadow:inset 0 0 0 2px var(--accent);color:var(--text-bright)}.message-actions .quick-emoji{font-size:15px}.message-menu{position:fixed;z-index:160;width:208px;padding:5px;border-color:var(--line);background:#0a0a0a;display:flex;flex-direction:column;gap:2px}.message-menu>button{justify-content:flex-start;gap:8px;padding:7px 9px;border-radius:8px;color:#e4e4e4}.message-menu>button:hover{background:#0f0f0f;color:var(--text-bright)}.message-menu>button svg{flex:none;color:#8a8a8a}.message-menu>button.danger{background:transparent;color:#ff7c85}.message-menu>button.danger svg{color:#ff7c85}.message-menu>button.danger:hover{background:#e5484d3d;color:#ffa3ab}.message-menu>button.danger:hover svg{color:#ffa3ab}.message-menu .menu-sep{background:var(--line)}.member-menu-hint{margin:0;padding:6px 9px 8px;color:var(--muted-dim);font-size:12px;line-height:1.4}.member-role-row:disabled{opacity:.55;cursor:default}.member-role-name{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.member-role-check{display:grid;place-items:center;width:16px;height:16px;flex:none;border:1px solid var(--line);border-radius:5px;color:transparent;font-size:11px;line-height:1}.member-role-check.on{border-color:var(--green);background:#5ec28a26;color:var(--green)}.reaction-picker{position:fixed;z-index:160;display:flex;gap:2px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#0a0a0a;box-shadow:0 16px 40px #000000b3}.reaction-picker button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:4px;background:transparent;font-size:17px}.reaction-picker button:hover{background:#0f0f0f}.reaction-picker:has(.emoji-picker){display:block;padding:0;border:0;background:transparent;box-shadow:none}.emoji-picker{display:flex;flex-direction:column;width:348px;height:400px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#101010;box-shadow:0 18px 44px #0009}.emoji-picker-search{flex:none;padding:10px 10px 6px}.emoji-picker-search input{box-sizing:border-box;width:100%}.emoji-picker-body{display:flex;flex:1;min-height:0}.emoji-picker-rail{display:flex;flex:none;flex-direction:column;gap:2px;width:46px;padding:2px 4px 12px 10px;overflow-y:auto}.emoji-picker-rail button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;font-size:18px;opacity:.55;cursor:pointer}.emoji-picker-rail button:hover,.emoji-picker-rail button.active{background:#ffffff14;opacity:1}.emoji-picker-grid{position:relative;flex:1;min-width:0;padding:0 10px 12px 2px;overflow-y:auto}.emoji-picker-grid section h5{margin:10px 2px 4px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.emoji-picker-grid section h5 span{font-weight:400;opacity:.7}.emoji-picker-cells{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.emoji-picker-cells button{display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:8px;background:transparent;font-size:22px;cursor:pointer}.emoji-picker-cells.custom button img{width:24px;height:24px;border-radius:4px;object-fit:contain}.emoji-picker-rail button.custom-rail{padding:3px}.emoji-picker-rail button.custom-rail img{width:22px;height:22px;border-radius:5px;object-fit:contain}.md-code{padding:1px 6px;border-radius:6px;background:#ffffff17;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.md-codeblock{margin:6px 0;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#0a0a0a;overflow-x:auto}.md-codeblock code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;white-space:pre}.message-text .custom-emoji{width:2em;height:2em;margin:0 .05em;border-radius:5px;object-fit:contain;vertical-align:-.55em}.reply-text .custom-emoji{width:1.6em;height:1.6em;margin:0 .05em;border-radius:4px;object-fit:contain;vertical-align:-.4em}.reaction-custom{width:20px;height:20px;border-radius:4px;object-fit:contain}.emoji-stage{display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 2px 2px}.emoji-stage>img{width:96px;height:96px;border-radius:16px;object-fit:contain;background:#ffffff0a}.emoji-stage .settings-field{width:100%}.emoji-stage-input{display:flex;align-items:center;gap:2px;color:var(--muted)}.emoji-stage-input input{flex:1;min-width:0}.emoji-stage .modal-actions{align-self:stretch}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin-top:14px}.emoji-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border:1px solid var(--line);border-radius:12px;background:#ffffff08}.emoji-card img{width:48px;height:48px;border-radius:8px;object-fit:contain}.emoji-card code{max-width:100%;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.emoji-delete{display:flex;align-items:center;gap:4px;min-height:22px;padding:2px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted-dim);font-size:12px;cursor:pointer}.emoji-delete:hover{background:#ffffff0f;color:var(--text-bright)}.emoji-delete.armed{border-color:#e5484d80;background:#e5484d24;color:#ff7c85}.emoji-picker-cells button:hover{background:#ffffff14}.emoji-picker-empty{padding:28px 12px;color:var(--muted);font-size:13px;text-align:center}button.composer-emoji{padding:2px;border:0;border-radius:8px;background:transparent;cursor:pointer}button.composer-emoji:hover:not(:disabled){background:#ffffff14;color:#fff}button.composer-emoji:disabled{opacity:.35;cursor:default}.composer textarea:disabled{cursor:default}.jump-bottom{position:absolute;right:20px;bottom:92px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--accent);color:#000;box-shadow:0 10px 26px #0000008c}.composer-wrap{flex:none;padding:4px 12px 12px}.typing-line{height:20px;display:flex;align-items:center;padding-left:4px;color:var(--muted-dim);font-size:11.5px}.typing-dots{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--accent);animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.composer{display:flex;align-items:flex-end;gap:8px;min-height:46px;padding:7px 8px 7px 9px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#191919;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.composer:focus-within{background:#1f1f1f;border-color:#ffffff38;box-shadow:0 0 0 3px #ffffff0f}.composer-plus{display:grid;place-items:center;width:30px;height:30px;flex:none;margin-bottom:1px;padding:0;border:1.5px solid rgba(255,255,255,.18);border-radius:50%;background:transparent;color:#e4e4e4}.composer-plus:hover{border-color:#fff9;background:#ffffff0f;color:var(--text-bright)}.composer textarea{flex:1;min-width:0;max-height:160px;border:0;outline:none;background:transparent;padding:7px 0;color:var(--text-bright);font-size:14px;line-height:1.4;resize:none}.composer textarea::placeholder{color:var(--muted-dim)}.composer-emoji{display:grid;place-items:center;flex:none;margin-bottom:6px;color:var(--muted);cursor:default}.send-btn{display:grid;place-items:center;width:30px;height:30px;flex:none;margin-bottom:1px;border:0;border-radius:50%;background:transparent;color:var(--muted);transition:background .12s ease,color .12s ease}.members{display:flex;flex-direction:column;width:300px;flex:none;min-height:0;background:transparent}.members-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;flex:none;padding:0 2px 0 6px;background:transparent}.members-title{color:var(--text-bright);font-size:15.5px;font-weight:700}.members-label{display:block;padding:10px 6px 0;color:var(--muted-dim);font-size:11.5px;font-weight:500}.members-actions{display:flex;align-items:center;gap:2px}.members-scroll{flex:1;min-height:0;overflow-y:auto}.members-group{display:flex;align-items:center;gap:6px;padding:14px 6px 6px;color:#e4e4e4;font-size:13px;font-weight:600}.members-group svg{color:var(--muted-dim)}.members-sep{color:var(--muted-dim)}.members-count{color:var(--muted);font-size:12px;font-weight:500}.member-list{list-style:none;margin:0;padding:2px 0 8px}.member{display:flex;align-items:center;gap:10px;width:100%;height:42px;padding:0 6px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left}.member-avatar{position:relative;display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;color:#000;font-size:12px;font-weight:700}.member-presence{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid var(--panel);border-radius:50%;background:var(--green)}.member.offline{opacity:.55}.member.offline .member-presence{background:var(--muted-dim)}.member-name{display:flex;align-items:center;gap:6px;min-width:0;color:#e4e4e4;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-name em{flex:none;color:var(--muted);font-size:11px;font-style:normal}.members-empty{margin:0;padding:8px 16px;color:var(--muted);font-size:12px}.members-foot{flex:none;padding:8px 6px 4px;background:transparent}.invite-btn{display:flex;align-items:center;gap:9px;width:100%;padding:6px;border:0;border-radius:10px;background:transparent;color:var(--text);font-size:13px;font-weight:500;text-align:left}.invite-btn:hover{background:var(--grey-1)}.invite-plus{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:var(--grey-2);color:var(--text)}.no-channel{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:10px;padding:24px;text-align:center;border:1px solid var(--line-soft);border-radius:16px;background:var(--chat)}.no-channel-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:var(--accent);color:#000}.no-channel h2{margin:6px 0 0;color:var(--text-bright);font-size:24px;font-weight:700}.no-channel p{max-width:400px;margin:0 0 8px;color:var(--muted);font-size:15px}.onboarding p{max-width:440px}.onboarding-steps{list-style:none;display:flex;flex-direction:column;gap:10px;width:min(440px,100%);margin:8px 0 10px;padding:0;text-align:left}.onboarding-steps li{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line-soft);border-radius:12px;background:var(--sidebar);padding:12px 16px}.onboarding-steps strong{color:var(--text-bright);font-size:14px}.onboarding-steps span{color:var(--muted);font-size:13px}.onboarding-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.toast{position:fixed;left:50%;bottom:22px;z-index:200;transform:translate(-50%);border:1px solid var(--line);border-radius:10px;background:#0a0a0a;padding:9px 16px;color:var(--text);font-size:13px;box-shadow:0 12px 32px #000000b3;animation:toast-in .15s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#000000bd;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(460px,100%);padding:18px;border:1px solid var(--line);border-radius:16px;background:#121212;box-shadow:0 30px 80px #000c}.modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:10px 12px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:#ffffff07}.modal header h3{margin:0;color:var(--text-bright);font-size:18px;font-weight:700}.modal-form{display:flex;flex-direction:column}.modal-copy{margin:2px 2px 18px;color:var(--muted);font-size:14px;line-height:1.55}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.or{margin:16px 0;color:#8a8a8a;font-size:11px;font-weight:600;letter-spacing:.08em;text-align:center;text-transform:uppercase}.splash{display:grid;place-items:center;height:100dvh;background:var(--rail)}.splash-mark{display:grid;place-items:center;width:60px;height:60px;border-radius:14px;background:var(--accent);color:#000}@media(max-width:1120px){.members,.members-toggle{display:none}}@media(min-width:861px){.chat-menu-toggle{display:none}}@media(max-width:860px){.app{gap:6px;padding:6px}.rail{width:52px}.rail-server.active:before{left:-8px}.sidebar{position:absolute;top:10px;bottom:10px;left:78px;z-index:50;width:min(268px,calc(100vw - 90px));padding:0 6px 6px;overflow:hidden;border:1px solid var(--line-soft);border-radius:14px;background:var(--sidebar);box-shadow:0 24px 60px #000c}.user-bar{width:100%;margin-left:0}.server-header{height:48px}.chat-header{min-height:52px;padding:0 8px 0 12px}.messages{padding-top:10px}.message{margin:0 4px;padding-left:8px;padding-right:8px}.message-actions{right:6px}.composer-wrap{padding:2px 8px 8px}}.profile-card{position:fixed;z-index:150;width:284px;border:1px solid var(--line);border-radius:16px;background:#121212;box-shadow:0 24px 60px #000c;overflow:visible;animation:profile-in .12s ease-out}@keyframes profile-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.profile-loading{padding:22px 18px;color:var(--muted);font-size:13px}.profile-banner{height:78px;border-radius:15px 15px 0 0;background-color:#121212;background-size:cover;background-position:center}.profile-identity{padding:0 18px}.profile-avatar{position:relative;display:grid;place-items:center;width:76px;height:76px;margin-top:-38px;border:3px solid #121212;border-radius:50%;color:#000;font-size:27px;font-weight:700}.profile-presence{position:absolute;right:1px;bottom:1px;width:17px;height:17px;border:3px solid #121212;border-radius:50%;background:var(--green)}.profile-role{display:block;margin-top:10px;color:var(--accent);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.profile-name{margin:2px 0 0;color:#fff;font-size:21px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.profile-bio{margin:6px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5;overflow-wrap:anywhere}.profile-actions{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:16px 10px 0;padding-bottom:12px;border-bottom:1px solid #1f1f1f}.profile-action{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:#bdbdbd;font-size:11.5px;font-weight:500}.profile-action-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-soft);border-radius:50%;background:#191919;color:#e4e4e4;transition:background .12s ease,color .12s ease}.profile-action:hover{color:#fff}.profile-action:hover .profile-action-icon{background:#1f1f1f;color:#fff}.profile-action.active .profile-action-icon{background:#1f1f1f;color:#fff;box-shadow:inset 0 0 0 1px #ffffff59}.profile-remove-confirm{margin:0 10px;padding:12px 2px;border-bottom:1px solid #1f1f1f}.profile-remove-confirm p{margin:0 0 10px;color:#e4e4e4;font-size:13px;line-height:1.45;text-align:center}.profile-remove-confirm p strong{color:#fff}.profile-remove-actions{display:flex;gap:8px}.profile-remove-actions .btn{flex:1}.profile-more-wrap{position:relative;display:flex}.profile-more-wrap .profile-action{flex:1}.profile-more{position:absolute;right:-8px;top:calc(100% + 8px);z-index:2;display:flex;flex-direction:column;width:168px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#0a0a0a;box-shadow:0 16px 40px #000000b3}.profile-more button{padding:7px 9px;border:0;border-radius:4px;background:transparent;color:#ededed;font-size:13px;text-align:left}.profile-more button:hover{background:#0f0f0f;color:#fff}.profile-details{display:flex;flex-direction:column;gap:9px;margin:12px 18px 0;padding:10px 12px;border:1px solid var(--line-soft);border-radius:10px;background:#0a0a0a}.profile-details dt{margin:0 0 1px;color:#8a8a8a;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.profile-details dd{margin:0;color:#e4e4e4;font-size:12.5px}.profile-id{display:flex;align-items:center;gap:8px}.profile-id code{color:#bdbdbd;font-family:var(--font);letter-spacing:.02em}.profile-copy{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:4px;background:transparent;color:var(--muted)}.profile-copy:hover{background:#262626;color:#fff}.profile-note{padding:14px 18px 16px}.profile-note-label{display:flex;align-items:baseline;gap:8px;margin-bottom:7px;color:#e4e4e4;font-size:12px;font-weight:600}.profile-note-label em{color:var(--muted);font-size:11px;font-style:normal;font-weight:500}.profile-note textarea{width:100%;min-height:64px;max-height:140px;line-height:1.45;resize:vertical}.settings-overlay{padding:24px}.settings-shell{display:grid;grid-template-columns:236px minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:min(980px,100%);height:min(660px,100%);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#0a0a0a;box-shadow:0 40px 100px #000000d9}.settings-nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px;overflow-y:auto;border-right:1px solid var(--line-soft);background:#0a0a0a}.settings-nav-search span{color:var(--muted-dim);font-size:9.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.settings-nav-search strong{color:var(--text-bright);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-group{margin:12px 10px 4px;color:var(--muted-dim);font-size:9.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.settings-tab{display:flex;align-items:center;gap:9px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:14px;font-weight:500;text-align:left;transition:background .12s ease,color .12s ease}.settings-tab svg{flex:none;color:var(--muted-dim)}.settings-tab:hover svg,.settings-tab.active svg{color:var(--text-bright)}.settings-tab:hover{background:var(--sidebar-hover);color:var(--text)}.settings-tab.active{background:var(--sidebar-active);color:var(--text-bright);font-weight:600}.settings-tab.danger{color:#ff8f98}.settings-tab.danger svg{color:#ff8f98}.settings-tab.danger:hover{background:#ff6b6b1a;color:#ffb4b4}.settings-tab.danger:hover svg{color:#ffb4b4}.settings-tab.danger.active{background:#ff6b6b24;color:#ffb4b4}.settings-tab.danger.active svg{color:#ffb4b4}.settings-nav-foot{margin-top:auto;padding:10px;color:var(--muted-dim);font-size:11px}.settings-pane{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 6px 20px}.settings-crumbs{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:13.5px}.settings-crumb-muted{color:var(--muted-dim);white-space:nowrap}.settings-crumb-sep{color:var(--muted-dim)}.settings-crumb-server{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--text);font-weight:500}.settings-crumb-badge{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:6px;background:var(--grey-2);color:var(--text-bright);font-size:10px;font-weight:600}.settings-crumb-badge.has-image{background-color:transparent;background-size:cover;background-position:center}.settings-crumb-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-crumb-section{display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--text-bright);font-weight:600}.settings-crumb-section svg{color:var(--muted)}.settings-close{flex:none}.settings-search{display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#0a0a0a;color:var(--muted-dim)}.settings-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);font-size:13px;outline:none}.settings-search input::placeholder{color:var(--muted-dim)}.settings-group-block{display:flex;flex-direction:column;gap:2px}.settings-empty{margin:8px 10px;color:var(--muted-dim);font-size:12px}.settings-body{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto;padding:16px 20px 30px}.settings-card{padding:18px;border:1px solid var(--line-soft);border-radius:14px;background:#121212}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.settings-card-head h4{margin:0 0 4px;color:var(--text-bright);font-size:14px;font-weight:600}.settings-card-head p{margin:0;max-width:46ch;color:var(--muted);font-size:12.5px;line-height:1.45}.settings-section{display:flex;flex-direction:column;gap:14px;padding:16px 0;border-top:1px solid var(--line-soft)}.settings-section-label{color:var(--muted-dim);font-size:9.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.settings-icon-row{display:flex;align-items:center;gap:18px}.settings-icon-row .settings-avatar{flex:none}.settings-icon-controls{display:flex;flex-direction:column;gap:8px;min-width:0}.settings-hint.left{text-align:left}.settings-card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:2px -18px -18px;padding:13px 18px;border-top:1px solid var(--line-soft);border-radius:0 0 14px 14px;background:transparent}.settings-id{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--muted-dim);font-size:11px}.settings-id code{padding:3px 8px;border:1px solid var(--line-soft);border-radius:6px;background:#0a0a0a;color:var(--muted);font-family:var(--font-mono);font-size:11px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px}.settings-fields{display:flex;flex-direction:column;gap:12px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field span{color:var(--muted);font-size:11px;font-weight:600}.settings-field textarea{resize:vertical;min-height:84px;line-height:1.45}.accent-row{display:flex;flex-wrap:wrap;gap:8px}.accent-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 1px #00000059;transition:transform .12s ease,box-shadow .12s ease}.accent-swatch:hover{transform:scale(1.08)}.accent-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #0009}.settings-field input.readonly{color:var(--muted);font-family:var(--font-mono);font-size:11.5px}.settings-avatar-block{display:flex;flex-direction:column;align-items:center;gap:8px}.settings-banner-block{display:flex;flex-direction:column;gap:10px;margin:0 0 18px}.settings-banner-preview{display:grid;place-items:center;height:120px;border:1px solid var(--line-soft);border-radius:12px;background-color:#121212;background-size:cover;background-position:center;color:var(--muted-dim);font-size:12px;text-align:center;padding:0 16px}.settings-banner-preview.has-image{border-color:var(--line)}.settings-banner-actions{display:flex;align-items:center;gap:12px}.settings-upload{position:relative;overflow:hidden;cursor:pointer}.settings-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.settings-upload:has(input:disabled){opacity:.6;pointer-events:none}.settings-avatar.has-image{background-size:cover;background-position:center}.settings-avatar{display:grid;place-items:center;width:116px;height:116px;border-radius:28px;background:#1f1f1f;box-shadow:inset 0 0 0 1px #ffffff0f;color:var(--text-bright);font-size:34px;font-weight:700;letter-spacing:-.02em}.link-btn{padding:0;border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:2px}.link-btn:disabled{color:var(--muted-dim);text-decoration:none}.settings-hint{margin:0;color:var(--muted-dim);font-size:11px;line-height:1.4;text-align:center}.settings-danger{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid rgba(255,107,107,.32);border-radius:14px;background:#ff6b6b0d}.settings-danger h4{margin:0 0 4px;color:#ffb4b4;font-size:14px;font-weight:600}.settings-danger p{margin:0;max-width:48ch;color:#c99a9a;font-size:12px;line-height:1.45}.btn.danger.armed{border-color:var(--danger);background:var(--danger);color:#000}.invite-row{display:flex;align-items:stretch;gap:10px}.invite-row code{display:flex;flex:1;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#0a0a0a;color:var(--text-bright);font-family:var(--font-mono);font-size:16px;letter-spacing:.16em}.invite-row+.settings-card-foot{margin-top:16px}.settings-card-foot .btn{flex:none;white-space:nowrap}.permission-list{display:flex;flex-direction:column;gap:6px}.permission-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px 10px 14px;border:1px solid var(--line-soft);border-radius:10px;background:transparent;cursor:pointer;transition:background .12s ease}.permission-row:hover{background:#ffffff0a}.permission-row.locked{opacity:.55;cursor:not-allowed}.permission-text{display:flex;flex-direction:column;gap:2px;min-width:0}.permission-text strong{color:var(--text);font-size:13px;font-weight:600}.permission-text em{color:var(--muted-dim);font-size:11px;font-style:normal}.permission-row input[type=checkbox]{width:16px;height:16px;flex:none;accent-color:var(--accent)}.tri-state{display:flex;flex:none;border:1px solid var(--line-soft);border-radius:9px;overflow:hidden}.tri-state button{padding:6px 11px;border:0;background:transparent;color:var(--muted-dim);font-size:11.5px;font-weight:600;transition:background .12s ease,color .12s ease}.tri-state button+button{border-left:1px solid var(--line-soft)}.tri-state button:hover{background:#ffffff0d;color:var(--text)}.tri-state button[aria-pressed=true].tri-allow{background:#57f28729;color:#57f287}.tri-state button[aria-pressed=true].tri-inherit{background:#ffffff1a;color:var(--text-bright)}.tri-state button[aria-pressed=true].tri-deny{background:#ed424529;color:#ed4245}.role-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--muted-dim)}.role-dot.empty{background:transparent;border:1px solid var(--line)}input.role-new-input{width:100%;margin-bottom:8px}.role-colors{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.role-swatch{width:26px;height:26px;padding:0;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.role-swatch:hover:not(:disabled){transform:scale(1.12)}.role-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #0009}.role-swatch:disabled{cursor:not-allowed;opacity:.55}.role-swatch.custom{position:relative;overflow:hidden;background:conic-gradient(#5865f2,#57f287,#fee75c,#e67e22,#ed4245,#9b59b6,#5865f2)}.role-swatch.custom input{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;width:200%;height:200%;opacity:0;cursor:pointer;border:0;padding:0}.role-swatch.none{display:grid;place-items:center;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:12px}.role-color-icon{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:8px 32px}.role-color-group,.role-icon-group{display:flex;flex-direction:column;gap:6px}.role-color-group{flex:1;min-width:0}.role-icon-group{flex:0 1 170px;min-width:0}.role-icon-row{display:flex;align-items:center;gap:8px}.role-icon-preview{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#0a0a0a;font-size:20px;line-height:1}.role-icon-preview img{width:24px;height:24px;object-fit:contain}.author-name .role-icon,button.author-name .role-icon{display:inline-block;margin-left:5px;font-size:14px;line-height:1;vertical-align:baseline}img.role-icon{width:16px;height:16px;object-fit:contain;vertical-align:-3px}.role-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:start}.role-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.role-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border:1px solid var(--line-soft);border-radius:10px;background:transparent;color:var(--muted);font-size:13px;text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.role-item:hover{background:#ffffff0d;color:var(--text)}.role-item.active{border-color:transparent;background:var(--p-500);color:var(--text-bright)}.role-list .dragging{opacity:.45}.role-item-name{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.role-item-meta{flex:none;color:var(--muted-dim);font-size:11px}.role-editor{display:flex;flex-direction:column;gap:18px;min-width:0}.role-side{display:flex;flex-direction:column;gap:8px;min-width:0}.role-side .settings-hint{margin-top:6px}.settings-role-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--line-soft)}.role-actions{display:flex;align-items:center;gap:10px}.member-group-block{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.members-group-name{font-weight:600}.profile-roles{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 18px;border-bottom:1px solid var(--line-soft)}.profile-roles-label{color:var(--muted-dim);font-size:9.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.profile-role-chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px}.profile-role-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:11.5px;font-weight:600;line-height:1.4;transition:border-color .12s ease,color .12s ease}.profile-role-chip.on{color:var(--text-bright);border-color:var(--accent);background:var(--selected)}.profile-role-chip.on:hover:not(:disabled){filter:brightness(1.15)}.profile-role-chip:disabled{cursor:default}.profile-roles-empty{margin:0;color:var(--muted-dim);font-size:11.5px;line-height:1.4}.profile-role-x{margin-left:2px;font-size:13px;line-height:1;opacity:.7}.profile-role-add-wrap{position:relative;display:inline-flex}.profile-role-add{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px dashed var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:11.5px;font-weight:600;line-height:1.4}.profile-role-add:hover{border-color:var(--accent);color:var(--text-bright)}.profile-role-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:2;display:flex;flex-direction:column;min-width:168px;max-width:100%;max-height:180px;overflow-y:auto;padding:5px;border:1px solid var(--line);border-radius:12px;background:#0a0a0a;box-shadow:0 16px 40px #000000b3}.profile-role-menu button{padding:7px 9px;border:0;border-radius:4px;background:transparent;color:#ededed;font-size:12.5px;text-align:left}.profile-role-menu button:hover:not(:disabled){background:#1a1a1a;color:#fff}.profile-role-menu button:disabled{opacity:.5}@media(max-width:860px){.role-layout{grid-template-columns:1fr}}@media(max-width:720px){.settings-overlay{padding:0}.settings-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;border:0;border-radius:0}.settings-nav{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line-soft)}.settings-group-block{flex-direction:row;flex-wrap:wrap;gap:4px}.settings-group,.settings-nav-foot{display:none}.settings-tab{width:auto;padding:6px 10px}.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-avatar-block{align-items:flex-start}}.settings-saved{position:absolute;left:50%;bottom:12px;transform:translate(-50%);margin:0;padding:5px 12px;border:1px solid rgba(94,194,138,.32);border-radius:999px;background:#5ec28a1f;color:var(--green);font-size:12px;pointer-events:none}.rail-badge{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--text-bright);color:#000;font-size:10px;font-weight:700;line-height:1;letter-spacing:-.01em;box-shadow:0 0 0 3px var(--bg);pointer-events:none}.rail-server.has-unread:not(.active){color:var(--text-bright)}.channel-row{position:relative;flex:none;margin-bottom:2px}.channel-row .channel{margin-bottom:0;padding-right:30px}.channel-more{position:absolute;top:50%;right:4px;display:grid;place-items:center;width:24px;height:24px;transform:translateY(-50%);border:0;border-radius:6px;background:transparent;color:var(--muted);opacity:0;transition:opacity .12s ease,background .12s ease,color .12s ease}.channel-row:hover .channel-more,.channel-more:focus-visible,.channel-more.open{opacity:1}.channel-more:hover,.channel-more.open{background:var(--grey-1);color:var(--text-bright)}.channel-menu{position:absolute;top:calc(50% + 12px);right:4px;z-index:40;min-width:168px}.channel-menu>button{justify-content:flex-start;gap:9px}.channel-menu>button:disabled{opacity:.5}.app{gap:0;padding:0;background:var(--bg)}.rail{width:var(--rail-w);gap:32px;padding:12px 0 0;background:var(--rail)}.rail-circle{width:clamp(44px,calc(var(--rail-w) * .64),52px);height:clamp(44px,calc(var(--rail-w) * .64),52px);border-radius:8px;background:var(--accent);color:#000}.rail-circle:hover{background:var(--accent-hover);color:#000}.rail-brand svg{transform:translateY(1px)}.rail-servers{gap:32px}.rail-server{width:clamp(44px,calc(var(--rail-w) * .64),52px);height:clamp(44px,calc(var(--rail-w) * .64),52px);border-radius:10px;background:#191919;color:#ededed;font-size:18px}.rail-server:hover{border-radius:10px;background:#1f1f1f}.rail-server.active{border-radius:10px;background:#1f1f1f;box-shadow:inset 0 0 0 2px var(--accent)}.rail-server.active:before{display:none}.rail-add{border:0;border-radius:10px;background:transparent;color:#bdbdbd}.rail-add:hover{border:0;background:#121212;color:#fff}.rail-badge{background:var(--accent);color:#000;box-shadow:0 0 0 3px var(--rail)}.sidebar{width:var(--sidebar-w);padding:0;background:var(--sidebar)}.server-header-wrap{background:var(--sidebar)}.server-banner{position:relative;height:calc(var(--sidebar-w) * .29);margin:0;overflow:hidden;border-radius:0;background-color:#191919;box-shadow:inset 0 -1px #0000004d}.server-header{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;align-items:center;gap:12px;padding:0 18px;border-radius:0;background:transparent}.server-header:hover{background:#00000024}.server-header-text{gap:3px}.server-header-text strong{font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.15;text-shadow:0 1px 10px rgba(0,0,0,.25)}.server-subtitle{color:#ffffffe0;font-size:15px;font-weight:600}.server-header .chevron{color:#ffffffb8}.server-copied{color:#c9f1d8}.server-menu{top:calc(100% + 6px);left:8px;right:8px}.sidebar-body{padding:4px 10px 0;background:var(--sidebar)}.section-head{display:flex;align-items:center;justify-content:space-between;padding:14px 8px 6px}.section-tools{display:flex;align-items:center;gap:2px}.section-head.static{padding-bottom:4px}.section-toggle{gap:0;color:#a1a1a1;font-size:13.5px;font-weight:600;letter-spacing:.01em;text-transform:none}.section-toggle:hover{color:#e4e4e4}.section-toggle .chevron,.section-count{display:none}.section-add{width:26px;height:26px;border-radius:4px;color:#a1a1a1;opacity:1}.section-add:hover,.section-add:focus-visible{background:var(--sidebar-hover);color:#fff}.channel-list{padding-bottom:2px}.channel{min-height:34px;margin-bottom:2px;padding:5px 8px;gap:10px;border:2px solid transparent;border-radius:6px;color:#a1a1a1;font-size:15px;font-weight:400}.channel:hover{background:var(--sidebar-hover);color:#ededed}.channel.active{border-color:var(--accent);background:#1f1f1f;color:#fff;font-weight:500;box-shadow:0 2px 8px #00000029}.channel.active:before{display:none}.channel-icon{display:grid;place-items:center;width:18px;color:#8a8a8a}.channel.active .channel-icon{color:#e4e4e4}.channel.has-unread .channel-name{color:#fff;font-weight:600}.unread{background:var(--accent);color:#000}.channel-row .channel{padding-right:62px}.channel-tools{position:absolute;top:50%;right:6px;display:flex;align-items:center;gap:2px;transform:translateY(-50%);opacity:0;transition:opacity .12s ease}.channel-row:hover .channel-tools,.channel-tools:focus-within{opacity:1}.channel-tool{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:4px;background:transparent;color:#bdbdbd}.channel-tool:hover{background:#ffffff1f;color:#fff}.channel-more{position:static;top:auto;right:auto;width:24px;height:24px;transform:none;border-radius:4px;opacity:1;color:#bdbdbd}.channel-row:has(.channel.active) .channel-more{opacity:1}.channel-more:hover{background:#ffffff1f;color:#fff}.user-bar{width:calc(100% + var(--rail-w));height:clamp(58px,calc(var(--sidebar-w) * .21),68px);margin:0 0 0 calc(-1 * var(--rail-w));padding:10px 18px;gap:12px;border:0;border-top:1px solid rgba(0,0,0,.35);border-radius:0;background:#000;box-shadow:0 -6px 18px #00000029}.user-avatar{width:40px;height:40px;font-size:14px}.presence-dot{border-color:#000}.user-meta strong{font-size:14px;font-weight:600}.user-status{color:#8a8a8a;font-size:12px}.user-action{width:28px;height:28px;border-radius:6px;color:#a1a1a1}.user-action:hover{color:#fff}.user-more{position:absolute;right:-4px;bottom:calc(100% + 8px);z-index:40;width:208px}.user-action:hover{background:#0f0f0f}.user-identity:focus-visible{outline-color:#ffffff40}.chat-pane{background:var(--chat)}.chat{border:0;border-radius:0;background:var(--chat)}.chat-header{min-height:72px;padding:0 20px 0 24px;gap:10px;border-bottom:0;background:var(--chat)}.chat-heading h2{font-size:18px;font-weight:600;letter-spacing:-.01em}.chat-heading p{display:none}.chat-actions{gap:4px}.chat-actions .icon-btn{width:36px;height:36px;color:#a1a1a1}.pinned-banner{padding:9px 24px;border-bottom:1px solid rgba(0,0,0,.18);background:#191919}.pinned-banner:hover{background:#191919}.pinned-banner-label{color:var(--accent);font-size:11.5px}.pinned-banner-body{color:#bdbdbd;font-size:13px}.messages{padding:10px 0;background:var(--chat)}.channel-start{max-width:560px;margin:40px auto 0;padding:36px 18px;color:var(--muted)}.channel-start h3{font-size:22px;font-weight:700}.channel-start h3 span{color:#fff}.channel-start-icon{width:68px;height:68px;background:#1f1f1f;color:#bdbdbd}.day-divider{gap:16px;margin:26px 24px 10px;color:#8a8a8a;font-size:12px;font-weight:600}.day-divider:before,.day-divider:after{content:"";display:block;flex:1;height:1px;background:#ffffff12}.message{gap:14px;margin:0;padding:9px 24px;border-radius:0}.message:hover{background:#ffffff0a}.message.mentions-me{background:#ffffff0f;box-shadow:inset 2px 0 #ffffff80}.message.mentions-me:hover{background:#ffffff1a}.message-gutter{width:42px}.avatar{width:42px;height:42px;font-size:16px;font-weight:600}.message-body{padding-top:2px}.message-head{gap:10px;margin-bottom:3px}.message-head strong,.author-name{font-size:15.5px;font-weight:600}.message-head time{color:#8a8a8a;font-size:12px}.message-text{color:#ededed;font-size:15px;line-height:1.55}.reply-stack{gap:3px;margin-bottom:5px}.reply-stack:before{left:-34px;width:30px;border-color:#ffffff2e}.reply-quote+.reply-quote:before{left:-30px;width:26px;border-color:#ffffff2e}.reply-quote{gap:7px;color:#a1a1a1;font-size:13.5px;line-height:20px}.reply-author{color:#e4e4e4;font-weight:600}.reply-text{color:#a1a1a1}.reply-quote:hover .reply-text{color:#ededed}.message.reply-selected{background:#ffffff0d}.mention{padding:0;border-radius:0;background:transparent;color:#93cca0;font-weight:500}.mention.self{background:#ffffff1f;padding:0 2px;color:#fff}button.mention-user{border:0;padding:0;background:transparent;cursor:pointer;font:inherit}button.mention-user:hover{text-decoration:underline}.reactions{gap:5px;margin-top:7px}.reaction{height:26px;padding:0 9px;border-color:#ffffff0f;border-radius:999px;background:#1f1f1f;color:#e4e4e4;font-size:12px}.reaction:hover{border-color:#ffffff24;background:#262626}.reaction.me{border-color:#ffffff8c;background:#ffffff1a;color:#fff}.reaction-emoji{font-size:15px}.inline-edit textarea{border-color:#ffffff1f;border-radius:6px;background:#191919;color:var(--text)}.inline-edit textarea:focus{border-color:var(--accent)}.message-actions{right:18px;bottom:4px;border-color:#ffffff14;border-radius:6px;background:#121212}.message-actions button:hover{background:#1f1f1f;color:#fff}.message-actions button.active{box-shadow:inset 0 0 0 1.5px var(--accent);color:#fff}.message-menu,.reaction-picker{background:#121212}.message-menu>button:hover{background:#191919}.jump-bottom{right:24px;bottom:98px;background:var(--accent);color:#000}.jump-bottom:hover{background:var(--accent-hover)}.composer-wrap{position:relative;padding:0 24px 20px;background:var(--chat)}.mention-suggest{position:absolute;left:24px;right:24px;bottom:calc(100% - 26px);z-index:30;display:flex;flex-direction:column;gap:2px;max-height:264px;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:12px;background:#0a0a0a;box-shadow:0 20px 50px #000000bf}.mention-option{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.mention-option:hover,.mention-option.active{background:var(--grey-2);color:var(--text-bright)}.mention-avatar{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;color:#000;font-size:12px;font-weight:700}.mention-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.mention-meta strong{color:inherit;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-meta em{color:var(--muted-dim);font-size:11.5px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typing-line{height:22px;padding-left:4px;color:#8a8a8a;font-size:12px}.typing-dots{background:var(--green)}.composer{align-items:center;min-height:64px;padding:8px 14px 8px 16px;gap:14px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:var(--composer);box-shadow:0 1px 2px #00000024,0 10px 26px #00000024}.composer:focus-within{border-color:#ffffff29;background:var(--composer);box-shadow:0 1px 2px #00000024,0 10px 26px #0000002e}.composer-plus{position:relative;width:32px;height:32px;margin-bottom:0;border:0;border-radius:6px;color:#bdbdbd}.composer-plus:after{content:"";position:absolute;top:3px;right:-8px;bottom:3px;width:1px;background:#ffffff29}.composer-plus:hover{border:0;background:#0000001f;color:#fff}.composer textarea{padding:12px 0;color:#ededed;font-size:15px;line-height:1.35}.composer textarea::placeholder{color:#a1a1a1}.composer-emoji,.send-btn{margin-bottom:0;color:#bdbdbd}.send-btn:not(:disabled){background:var(--accent);color:#000}.send-btn:not(:disabled):hover{background:var(--accent-hover)}.composer-replies{margin-bottom:9px}.composer-reply{border-left-color:var(--accent);background:#1f1f1f}.composer-replies-label{color:#a1a1a1}.members{width:var(--members-w);background:var(--chat-deep);border-left:1px solid rgba(0,0,0,.22);box-shadow:-10px 0 26px #0000001f}.members-header{min-height:72px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,.16)}.members-grip{display:block;flex:none;width:46%;height:4px;margin:14px auto 12px;border-radius:999px;background:#ffffff38}.members-title{display:grid;place-items:center;color:#a1a1a1}.members-label{display:none}.members-card{display:flex;flex:1;flex-direction:column;min-height:0;margin:0 16px 16px;overflow:hidden;border-radius:10px;background:var(--panel);box-shadow:0 1px 3px #0000002e,inset 0 1px #ffffff08}.members-scroll{padding:2px 10px 6px}.member-group-block{margin-bottom:2px}.members-group{gap:7px;padding:20px 6px 8px;color:#fff;font-size:15px;font-weight:700}.members-group-name{color:#a1a1a1;font-weight:600}.members-count{color:#fff;font-size:15px;font-weight:700}.members-sep{display:none}.member-list{padding:2px 0 6px}.member{height:58px;gap:12px;padding:4px 8px;border-radius:8px}.member:hover{background:#ffffff0d}.member-avatar{width:42px;height:42px;font-size:15px}.member-presence{width:11px;height:11px;border-color:var(--panel);background:var(--green)}.member-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.member-name{color:#ededed;font-size:15px;font-weight:600}.member-status{color:#a1a1a1;font-size:13px;line-height:1.2}.members-empty{padding:10px 6px;color:#a1a1a1}.members-foot{flex:none;padding:6px 10px 12px}.invite-btn{gap:12px;padding:4px 6px;border-radius:8px;color:#e4e4e4;font-size:15px;font-weight:500}.invite-btn:hover{background:#ffffff0d}.invite-plus{width:34px;height:34px;border-radius:50%;background:#262626;color:#e4e4e4}.settings-shell{background:var(--chat)}.settings-nav{background:#0a0a0a}.settings-card{background:#1f1f1f}.modal{background:var(--chat)}.toast{background:#121212;box-shadow:0 12px 32px #00000080}:root{--bg: var(--p-800);--rail: var(--p-800);--rail-deep: var(--p-900);--sidebar: var(--p-700);--sidebar-hover: var(--p-650);--sidebar-active: var(--p-500);--chat: var(--p-600);--chat-deep: var(--p-650);--chat-hover: var(--p-500);--panel: var(--p-700);--panel-head: transparent;--panel-group: transparent;--composer: var(--p-500);--line: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .05);--text: #ededed;--text-bright: #ffffff;--muted: #a1a1a1;--muted-dim: #7a7a7a;--grey-1: var(--p-600);--grey-2: var(--p-500)}.app{gap:10px;padding:10px;background:var(--bg)}.rail{width:var(--rail-w);gap:8px;padding:4px 0 0;background:transparent;border-right:1px solid var(--line)}.rail-servers{gap:6px}.rail-circle,.rail-server{width:clamp(44px,calc(var(--rail-w) * .64),50px);height:clamp(44px,calc(var(--rail-w) * .64),50px);border-radius:15px;background:#0a0a0a;color:#e4e4e4}.rail-circle{background:var(--accent);color:#000}.rail-circle:hover{background:var(--accent-hover)}.rail-server:hover{background:#121212}.rail-server.active{background:#121212;box-shadow:inset 0 0 0 2px #ffffffd9}.rail-add{background:#0a0a0a;border:0;border-radius:15px}.rail-add:hover{background:#121212}.rail-badge{background:var(--accent);color:#000;box-shadow:0 0 0 3px var(--bg)}.sidebar{width:var(--sidebar-w);background:transparent}.server-header-wrap{background:transparent}.server-banner{position:relative;height:clamp(84px,calc(var(--sidebar-w) * .36),128px);margin:0 0 6px;overflow:hidden;border-radius:14px;background-color:#0a0a0a;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #ffffff12,0 14px 30px #00000061}.server-banner:after{display:none}.server-header{position:static;min-height:54px;padding:0 10px;gap:10px;border-radius:12px}.server-header:hover{background:#ffffff0d}.server-header-text strong{color:var(--text-bright);font-size:18px;font-weight:700;letter-spacing:-.01em;text-shadow:none}.server-subtitle{color:#8a8a8a;font-size:12px;font-weight:500;text-shadow:none}.server-header .chevron{color:#8a8a8a}.sidebar-body{padding:0 6px;background:transparent}.section-head{padding:16px 8px 4px}.section-toggle{color:#7a7a7a;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.section-toggle:hover{color:#bdbdbd}.section-add{width:24px;height:24px;border-radius:7px;color:#8a8a8a}.section-add:hover,.section-add.open{background:#0a0a0a;color:#fff}.channel{min-height:36px;align-items:center;margin-bottom:0;padding:0 10px;gap:8px;border:0;border-radius:12px;color:#8a8a8a;font-size:14.5px}.channel-row{margin-bottom:0}.channel:hover{background:#0a0a0a;color:#e4e4e4}.channel.active{background:#121212;color:#fff;font-weight:500;border-color:transparent;box-shadow:inset 0 0 0 1px #ffffff0f}.channel-icon{display:grid;place-items:center;width:18px;margin-top:0;color:#8a8a8a}.channel.active .channel-icon{color:#ededed}.channel-text{gap:1px}.channel-name{color:#e4e4e4;font-size:14.5px;font-weight:400;line-height:1.3}.channel.active .channel-name{color:#fff}.channel.has-unread .channel-name{color:#fff;font-weight:700}.channel-row .channel{padding-right:34px}.channel-tools{top:50%;right:5px;transform:translateY(-50%)}.channel-tool{padding:0;background:#ffffff0f;color:#bdbdbd}.channel-tool svg{display:block}.channel-tool:hover{background:#ffffff29}.unread{min-width:18px;height:18px;background:#191919;color:#fff;font-size:10.5px}.channel-row.can-manage:hover .unread,.channel-row.can-manage:focus-within .unread{opacity:0}.user-bar{width:calc(100% - 12px);height:60px;margin:0 6px;padding:8px 10px;gap:8px;border:1px solid var(--line);border-radius:14px;background:#0a0a0a;box-shadow:0 10px 26px #00000059}.user-avatar{width:36px;height:36px;font-size:13px}.user-meta strong{font-size:13.5px}.user-status{color:#8a8a8a;font-size:11.5px}.user-action{width:28px;height:28px;border-radius:8px;color:#a1a1a1}.user-action:hover{background:#121212;color:#fff}.chat-pane{background:transparent}.chat{border:1px solid var(--line);border-radius:18px;background:var(--chat);box-shadow:0 24px 60px #00000073}.chat-header{min-height:56px;padding:0 14px 0 16px;gap:9px;border-bottom:0;background:#121212;box-shadow:0 1px #00000038}.chat-channel-icon{color:#bdbdbd}.chat-heading h2{font-size:16.5px;font-weight:700;letter-spacing:0}.chat-actions .icon-btn{width:32px;height:32px;border-radius:9px;color:#bdbdbd}.chat-actions .icon-btn:hover{background:#1f1f1f;color:#fff}.pinned-banner{margin:10px 14px 0;padding:9px 12px;border:0;border-radius:12px;background:#0a0a0a}.pinned-banner:hover{background:#121212}.pinned-banner-label{color:var(--accent);font-size:12px;font-weight:600}.pinned-banner-body{color:#bdbdbd;font-size:12.5px}.messages{padding:14px 16px 6px;background:transparent}.message{align-items:flex-start;gap:10px;margin:0;padding:4px 0;border-radius:0;background:transparent}.message:hover{background:transparent}.message-gutter{width:40px;padding-top:2px}.avatar{width:40px;height:40px;font-size:14px;font-weight:600}.message-body{flex:0 1 auto;width:fit-content;max-width:min(760px,78%);padding:2px 0 3px;border-radius:16px;background:transparent}.message:hover .message-body{background:transparent}.message.grouped{padding-top:2px}.message.grouped .message-body{border-top-left-radius:6px}.message-head{gap:8px;margin-bottom:1px}.message-head strong,.author-name{font-size:14.5px;font-weight:600}.message-head time{color:#8a8a8a;font-size:11.5px}.message-text{color:#ededed;font-size:14.5px;line-height:1.5}.message.mentions-me{background:transparent;box-shadow:inset 3px 0 0 var(--accent)}.message.mentions-me .message-body{background:transparent;box-shadow:none}.message.mentions-me:hover .message-body{background:transparent}.day-divider{gap:12px;margin:20px 8px 10px;color:#7a7a7a;font-size:11.5px;font-weight:600}.day-divider:before,.day-divider:after{background:#ffffff0f}.message.has-replies{flex-wrap:wrap;row-gap:0;padding-top:8px}.reply-stack{position:relative;flex:0 0 100%;width:auto;min-width:0;max-width:100%;margin:0 0 5px;padding:0 0 0 61px;gap:3px}.reply-stack:before{content:"";display:block;position:absolute;left:50px;top:4px;bottom:4px;width:2px;height:auto;border:0;border-radius:2px;background:#ffffff2e;transition:background .12s ease;pointer-events:none}.reply-stack:hover:before{background:#ffffff6b}.reply-quote+.reply-quote:before{display:none}.reply-quote{gap:7px;width:auto;max-width:100%;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#8f8f8f;font-size:12.5px;line-height:18px}.reply-quote:hover,.reply-quote:focus-visible{background:transparent}.reply-avatar{width:18px;height:18px;font-size:10px}.reply-author{color:#cfcfcf;font-weight:600}.reply-text{color:#8a8a8a}.reply-photo{display:inline-flex;align-items:center;gap:5px;color:#8a8a8a;font-style:italic}.reply-quote:hover .reply-photo,.reply-quote:focus-visible .reply-photo{color:#c2c2c2}.reply-quote:hover .reply-author,.reply-quote:focus-visible .reply-author{color:#fff}.reply-quote:hover .reply-text,.reply-quote:focus-visible .reply-text{color:#c2c2c2}.message.has-replies .avatar{margin-top:0}.reactions{gap:5px;margin-top:6px}.reaction{height:24px;padding:0 8px;border:0;border-radius:8px;background:#ffffff14;color:#e4e4e4;font-size:11.5px}.reaction:hover{border:0;background:#ffffff24}.reaction.me{border:0;background:#ffffff24;color:#fff}.message-actions{top:-10px;right:8px;bottom:auto;padding:3px;border-color:var(--line);border-radius:10px;background:#0a0a0a;box-shadow:0 12px 28px #00000080}.inline-edit textarea{border-color:#ffffff1a;border-radius:10px;background:#0a0a0a}.composer-wrap{padding:4px 16px 16px;background:transparent}.composer{min-height:54px;padding:6px 10px 6px 8px;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:16px;background:var(--composer);box-shadow:0 12px 28px #00000047}.composer:focus-within{border-color:#fff6;background:var(--composer);box-shadow:0 12px 28px #0000004d,0 0 0 3px #ffffff12}.composer.announcement-composer:focus-within{border-color:var(--line);background:var(--composer);box-shadow:0 12px 28px #00000047}.composer-plus{width:34px;height:34px;border-radius:10px;color:#bdbdbd}.composer-plus:after{display:none}.composer-plus:hover{background:#ffffff1a}.composer textarea{padding:10px 0;color:#ededed;font-size:14.5px}.composer textarea::placeholder{color:var(--muted)}.composer-emoji,.send-btn{color:#bdbdbd}.send-btn:not(:disabled){border-radius:10px}.typing-line{height:20px;padding-left:8px;color:#7a7a7a;font-size:11.5px}.jump-bottom{right:22px;bottom:92px;width:40px;height:40px;border-radius:50%;background:#121212;color:#fff;box-shadow:0 10px 24px #0006}.jump-bottom:hover{background:#191919}.members{width:var(--members-w);padding:0 12px 8px;border:0;background:transparent;box-shadow:none}.members-header{min-height:56px;padding:0 6px;border-bottom:0}.members-title{color:#fff;font-size:16.5px;font-weight:700;letter-spacing:-.01em}.members-grip{display:none}.members-card{flex:1;min-height:0;margin:0;overflow:visible;border-radius:0;background:transparent;box-shadow:none}.members-label{display:block;padding:4px 8px 2px;color:#7a7a7a;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.members-scroll{padding:0 0 6px}.members-group{align-items:center;gap:6px;padding:18px 8px 6px;color:#e4e4e4;font-size:13px;font-weight:600}.members-group svg{color:#7a7a7a}.members-group-name{color:#e4e4e4;font-size:13px}.members-group-sep{color:#6e6e6e;font-size:12px;line-height:1}.members-count{color:#7a7a7a;font-size:12px;font-weight:600}.member{height:54px;gap:10px;padding:4px 8px;border-radius:12px}.member:hover{background:var(--sidebar-hover)}.member-avatar{width:40px;height:40px;font-size:14px}.member-presence{width:10px;height:10px;border-color:var(--bg)}.member-name{color:#e4e4e4;font-size:14.5px;font-weight:600}.member-status{color:#7a7a7a;font-size:12px}.members-foot{padding:10px 4px 4px}.invite-btn{gap:10px;padding:4px 6px;border-radius:10px;color:#bdbdbd;font-size:14px}.invite-plus{width:34px;height:34px;border-radius:50%;background:#0a0a0a;color:#e4e4e4}.popover,.message-menu,.reaction-picker{border-radius:14px;background:#0a0a0a;border-color:var(--line);box-shadow:0 18px 44px #0009}.modal{width:min(480px,100%);padding:18px;overflow:hidden;border:1px solid var(--line-soft);border-radius:14px;background:#121212;box-shadow:0 30px 80px #000c;animation:modal-in .16s ease}.modal header{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:0;border:0;background:transparent}.modal-title-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--line-soft);border-radius:50%;background:#1f1f1f;color:#fff}.modal header h3{flex:1;min-width:0;margin:0;overflow:hidden;color:var(--text-bright);font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.modal .modal-close{margin-left:auto;width:28px;height:28px;flex:none;border:0;border-radius:6px;background:transparent;color:#9d9d9d;font-size:20px;line-height:1}.modal .modal-close:hover{background:#ffffff14;color:#fff}.modal-body{padding:0}.modal-card{padding:0;border:0;outline:0;border-radius:0;background:transparent;box-shadow:none}.modal .field{margin-bottom:18px}.modal .field>span{margin-bottom:2px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em}.modal .field input,.modal .field select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0a0a0a;color:var(--text);font-size:13.5px;outline:none;transition:border-color .15s ease,background .15s ease}.modal .field input:focus,.modal .field select:focus{border-color:#ffffff47;background:#1f1f1f}.modal .select-wrap{position:relative;display:block}.modal .select-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer}.modal .select-wrap select option{background:#141414;color:var(--text)}.modal .select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}.modal .field input::placeholder{color:var(--muted-dim)}.modal .field span{color:var(--muted);letter-spacing:.07em}.modal .fine-print{margin:-6px 2px 20px;color:var(--muted-dim);font-size:11px;line-height:1.4}.modal .fine-print .mono{color:var(--muted);font-family:var(--font-mono);font-size:12px}.modal .modal-copy{margin:0 0 20px;color:var(--text)}.modal-form{gap:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal-actions .btn{min-width:0;padding:10px 16px;border-radius:10px;font-size:13.5px}.modal .btn{border-radius:11px}.modal-actions .btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.modal-actions .btn.ghost:hover:not(:disabled){background:#ffffff12;color:var(--text-bright)}.modal .or{color:var(--muted)}@keyframes modal-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.modal{animation:none}}.settings-shell{border-radius:18px;background:#0a0a0a}.settings-nav{background:#000}.settings-pane{background:#0a0a0a}.settings-card{background:#121212;border-radius:14px}.toast{background:#121212;border-radius:12px;box-shadow:0 14px 34px #0000008c}@media(max-width:860px){.rail{width:64px;gap:12px}.rail-circle,.rail-server,.rail-add{width:48px;height:48px}.sidebar{top:0;bottom:0;left:64px;width:min(300px,calc(100vw - 64px));border:0;border-radius:0;background:var(--sidebar);box-shadow:0 24px 60px #0009}.user-bar{width:100%;margin-left:0}.chat-header{padding:0 12px 0 16px}.message{padding:8px 16px}.day-divider{margin-left:16px;margin-right:16px}.composer-wrap{padding:0 12px 12px}}@media(max-width:860px){.sidebar{top:10px;bottom:10px;left:74px;width:min(300px,calc(100vw - 84px));overflow:hidden;border-radius:16px;background:var(--sidebar);box-shadow:0 24px 60px #000000a6}.user-bar{width:calc(100% - 12px);margin:0 6px}}.tooltip{position:fixed;top:0;left:0;z-index:400;max-width:280px;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:#121212;color:var(--text);font-size:13px;font-weight:500;line-height:1.35;box-shadow:0 14px 34px #0000008c;word-break:break-word;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease}.tooltip.open{opacity:1;visibility:visible}.pins-wrap,.pins-wrap .icon-btn{position:relative}.pins-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:40;width:344px;max-height:340px;overflow-y:auto}.pins-menu .popover-title{margin:-6px -6px 4px;padding:10px 14px;border-radius:8px 8px 0 0;background:#1a1a1a;font-size:11.5px}.pins-menu .pin-row{flex-direction:row;align-items:flex-start;gap:10px}.pin-avatar{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;color:#000;font-size:12px;font-weight:700}.pin-row-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.pin-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pin-row-time{flex:none;color:var(--muted-dim);font-size:11px}.pin-row-body{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:12.5px;line-height:1.45;overflow-wrap:anywhere}.pin-row-body strong{color:#e4e4e4;font-weight:600}.reaction-tip{position:fixed;z-index:400;max-width:220px;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:#121212;box-shadow:0 14px 34px #0000008c;color:var(--text);font-size:13px;font-weight:500;line-height:1.35;overflow-wrap:anywhere;pointer-events:none}.channel-row:has(.channel-more.open) .unread{opacity:0}.channel-row .channel{position:relative}.channel-row .unread{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.channel-row .channel:has(.unread)>.channel-text{padding-right:22px}.chat-heading{flex-direction:column;align-items:stretch;justify-content:center;gap:1px}.chat-heading h2{line-height:1.25}.chat-heading p{display:block;margin:0;min-width:0;color:var(--muted);font-size:11.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-banner{margin:0;border-radius:0;border-bottom:1px solid var(--line-soft)}.pinned-banner-label{font-size:13px;font-weight:700;color:#f0b429}.pinned-banner svg{color:#f0b429}.chat-header{background:#242424}.message:hover{background:#ffffff0b}.message{margin:2px 4px 0;padding:0 8px;border-radius:10px}.message:not(.grouped){margin-top:10px}.message-body{padding-top:2px;padding-bottom:2px}.messages{padding-left:4px;padding-right:4px}.channel-kind-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kind-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#0a0a0a;color:var(--text);text-align:left;transition:border-color .15s ease,background .15s ease}.kind-card:hover{border-color:#fff3;background:#1f1f1f}.kind-card.active{border-color:#ffffff47;background:#1f1f1f}.kind-card>svg{flex:none;color:var(--muted)}.kind-card.active>svg{color:var(--text-bright)}.kind-card.coming-soon{cursor:not-allowed;opacity:.55}.kind-card.coming-soon:hover{border-color:var(--line);background:#0a0a0a}span.kind-badge{align-self:flex-start;margin-top:6px;padding:2px 8px;border-radius:999px;background:#ffffff14;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.kind-meta{display:flex;flex-direction:column;gap:2px;text-transform:none;letter-spacing:0}.kind-meta strong{font-size:13.5px;font-weight:700;color:var(--text-bright);text-transform:none;letter-spacing:0}.kind-meta em{font-style:normal;font-size:12px;font-weight:400;line-height:1.45;color:var(--muted);text-transform:none;letter-spacing:0}.announcement-post{margin:2px 0 4px;padding:14px 16px 12px;border:1px solid #ffffff17;border-radius:12px;background:linear-gradient(180deg,#ffffff0d,#ffffff04);box-shadow:0 8px 24px #0005}.announcement-title{margin:0 0 6px;font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--text-bright);overflow-wrap:anywhere}.announcement-body{margin:0;font-size:14px;line-height:1.6}.announcement-composer{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"title title title" "staged staged staged" "input emoji send";column-gap:8px;row-gap:8px;align-items:end;padding:10px}.announcement-composer .composer-plus{display:none}.announcement-composer .composer-staged{grid-area:staged}.announcement-composer .announcement-title-input{grid-area:title;min-width:0}.announcement-composer textarea{grid-area:input;min-width:0;min-height:38px;padding-left:13px;cursor:text;transition:min-height .18s ease,height .18s ease}.announcement-composer textarea:focus{min-height:120px}.announcement-composer .composer-emoji{grid-area:emoji;margin-bottom:1px}.announcement-composer .send-btn{grid-area:send}.announcement-placeholder{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 14px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#191919;color:var(--muted-dim);font-size:14px;text-align:left;transition:background .15s ease,border-color .15s ease}.announcement-placeholder:hover:not(:disabled){background:#1f1f1f;border-color:#ffffff38;color:var(--muted)}.announcement-placeholder:disabled{opacity:.7;cursor:default}.announcement-placeholder-icon{display:grid;place-items:center;width:26px;height:26px;flex:none;border:1.5px solid rgba(255,255,255,.18);border-radius:50%;color:#e4e4e4}input.announcement-title-input,input.edit-title-input{font-weight:700;color:var(--text-bright)}.edit-title-input{width:100%;margin-bottom:8px}.rail-sep{width:26px;height:1px;flex:none;background:var(--line)}.rail-dm{color:var(--muted)}.rail-dm:hover,.rail-dm.active{color:var(--text-bright)}.dm-sidebar{padding-top:12px}.dm-search-wrap{position:relative;flex:none;margin:0 8px 16px}.dm-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:var(--muted-dim);pointer-events:none}input.dm-search{width:100%;padding-left:34px}input.dm-search::-webkit-search-cancel-button{cursor:pointer}.dm-title{margin:0 8px 8px;color:var(--text-bright);font-size:17px;font-weight:700;letter-spacing:-.01em}.dm-section-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px 2px 8px}.dm-section-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.dm-section-tools{display:flex;align-items:center;gap:4px}.dm-list{gap:4px}.dm-row-wrap{position:relative}.dm-row{min-height:44px;padding:6px 30px 6px 10px}.dm-avatar{position:relative;display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;color:#000;font-size:12px;font-weight:700}.dm-avatar .presence-dot{position:absolute;right:-1px;bottom:-1px;border-color:var(--sidebar)}.dm-preview{color:var(--muted-dim);font-size:12px;font-weight:400;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel.has-unread .dm-preview{color:var(--muted)}.dm-close{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:none;place-items:center;width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:var(--muted)}.dm-row-wrap:hover .dm-close{display:grid}.dm-close:hover{background:var(--grey-2);color:var(--text-bright)}.dm-new{position:fixed;left:calc(var(--rail-w) + 18px);top:132px;z-index:70;width:300px;max-width:calc(100vw - 32px);padding:10px}input.dm-new-input{width:100%;margin:8px 0 4px}.dm-new-list{display:flex;flex-direction:column;max-height:260px;overflow-y:auto}.dm-new-list>button{gap:9px;justify-content:flex-start}.dm-new-meta{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;line-height:1.25}.dm-new-meta strong{font-weight:600}.dm-new-meta em{font-style:normal;color:var(--muted-dim);font-size:11.5px;letter-spacing:0}.friends-tab{display:flex;flex-direction:column}.friend-add-row{display:flex;gap:8px;margin-bottom:14px}.friend-add-input{flex:1;min-width:0}.friend-add-btn{flex:none}.friend-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.friend-search{width:200px;flex:none}.friend-list-head{margin:0 0 8px 2px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.friend-rows{display:flex;flex-direction:column;gap:8px}.friends-tabs{display:flex;align-items:center;gap:4px;flex:none}.friend-tab{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:13px;font-weight:600}.friend-tab:hover{background:#ffffff0f;color:var(--text-bright)}.friend-tab.active{background:#ffffff17;color:var(--text-bright)}.friend-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#f04747;color:#fff;font-size:11px;font-weight:700}.friend-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:12px;background:#ffffff05}.friend-row:hover{background:#ffffff0d}.friend-identity{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}button.friend-identity:hover .channel-name{text-decoration:underline}.friend-identity .dm-avatar{border-color:var(--bg)}.friend-actions{display:flex;align-items:center;gap:6px;flex:none}.friend-action{padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.friend-action:hover:not(:disabled){border-color:var(--accent);color:var(--text-bright)}.friend-action:disabled{opacity:.55;cursor:default}.friend-action.primary{border-color:transparent;background:var(--accent);color:#0a0a0a}.friend-action.primary:hover:not(:disabled){border-color:transparent;color:#0a0a0a;filter:brightness(1.1)}.friend-action.danger:hover:not(:disabled){border-color:#f04747;color:#f04747}.friend-state{padding:5px 12px;color:var(--muted-dim);font-size:12px;font-weight:600}.friends-empty{margin:26px 0;color:var(--muted-dim);font-size:13px;text-align:center}.friends-hint{margin:-16px 0 26px;color:var(--muted-dim);font-size:12px;text-align:center}.member-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.member-pager-count{color:var(--muted);font-size:12.5px}.member-pager-btns{display:flex;gap:8px;flex:none}.member-pager-btns .btn{padding:6px 14px;font-size:13px}.member-row-wrap{flex-wrap:wrap}.member-identity{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left}button.member-identity{cursor:pointer}button.member-identity:hover .channel-name{text-decoration:underline}.member-roles-toggle{flex:none;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.member-roles-toggle:hover{border-color:var(--accent);color:var(--text-bright)}.member-roles-inline{display:flex;flex-direction:column;gap:2px;flex-basis:100%;margin-top:2px;padding-top:8px;border-top:1px solid var(--line-soft)}.member-role-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:#e4e4e4;font-size:13.5px;text-align:left}.member-role-toggle:hover:not(:disabled){background:#ffffff0d;color:var(--text-bright)}.member-role-toggle:disabled{opacity:.55;cursor:default}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.message-attachment{display:block;max-width:100%;border:0;border-radius:12px;overflow:hidden;background:none;padding:0;cursor:zoom-in}.message-attachment img{display:block;max-width:min(100%,420px);max-height:320px;object-fit:cover;cursor:zoom-in}.message-attachments:has(>:nth-child(2)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-width:420px}.message-attachments:has(>:nth-child(2)) .message-attachment{aspect-ratio:1}.message-attachments:has(>:nth-child(2)) .message-attachment img{width:100%;height:100%;max-width:none;max-height:none}.composer-staged{display:flex;flex-wrap:nowrap;gap:8px;order:-1;flex:1 1 100%;min-width:0;max-width:100%;overflow-x:auto;padding:4px 4px 8px;scrollbar-width:thin}.staged-image{position:relative;width:72px;height:72px;border-radius:10px;overflow:hidden;flex:none;background:var(--hover, rgba(255, 255, 255, .08))}.staged-image img{width:100%;height:100%;object-fit:cover;display:block}.staged-image.uploading img{opacity:.45}.staged-spinner{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:staged-spin .8s linear infinite}@keyframes staged-spin{to{transform:rotate(360deg)}}.staged-remove{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:0;border-radius:50%;background:#000000a6;color:#fff;cursor:pointer}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:56px 72px 72px;background:#000000e0;cursor:zoom-out}.lightbox-image{max-width:100%;max-height:100%;border-radius:12px;object-fit:contain;cursor:default;box-shadow:0 24px 80px #00000080}.lightbox-btn{position:absolute;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer}.lightbox-btn:hover{background:#fff3}.lightbox-close{top:16px;right:16px}.lightbox-prev{left:16px;top:50%;transform:translateY(-50%)}.lightbox-next{right:16px;top:50%;transform:translateY(-50%)}.lightbox-tools{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px}.lightbox-count{color:#ffffffb3;font-size:13px}.lightbox-open{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#ffffff1a;color:#fff;font-size:13px;text-decoration:none;cursor:pointer}.lightbox-open:hover{background:#fff3}