:root{--theme-color:#3dc373;--theme-color-contrast:#08180e;--textbox-color:#edfef4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--theme-color:#4cf490;--theme-color-contrast:#132219;--textbox-color:#0f311d}}html,body,#root{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{background-color:var(--theme-color);color:var(--theme-color-contrast);cursor:pointer;letter-spacing:.1px;border:none;border-radius:.375rem;padding:.5rem .75rem;font-family:monospace;font-weight:600}input,textarea{caret-color:var(--theme-color);letter-spacing:.1px;border:none;border-radius:.375rem;padding:.5rem .75rem;font-family:monospace;font-weight:600}input:focus,textarea:focus{box-shadow:0 0 0 2px var(--theme-color);outline:none}:root{--bg-tertiary:#1e1f22;--bg-secondary:#2b2d31;--bg-secondary-alt:#232428;--bg-primary:#313338;--bg-floating:#111214;--bg-accent:#4e5058;--bg-modifier-hover:#4e50583d;--bg-modifier-active:#4e50587a;--bg-modifier-selected:#4e505899;--bg-message-hover:#04040512;--bg-textarea:#383a40;--header-primary:#f2f3f5;--header-secondary:#b5bac1;--text-normal:#dbdee1;--text-muted:#949ba4;--text-link:#00a8fc;--interactive-normal:#b5bac1;--interactive-hover:#dbdee1;--interactive-active:#fff;--interactive-muted:#4e5058;--channels-default:#80848e;--brand-blurple:#5865f2;--brand-blurple-560:#4752c4;--brand-blurple-600:#3c45a5;--status-online:#23a55a;--status-idle:#f0b232;--status-dnd:#f23f43;--status-offline:#80848e;--status-streaming:#593695;--green-360:#23a55a;--red-400:#f23f43;--yellow-300:#f0b232;--border-subtle:#ffffff0f;--border-strong:#0000004d;--elevation-low:0 1px 0 #04040533, 0 1.5px 0 #0606070d, 0 2px 0 #0404050d;--elevation-medium:0 4px 4px #00000029;--elevation-high:0 8px 16px #0000003d;--radius-xs:3px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-round:50%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);height:100%;color:var(--text-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,gg sans,Noto Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.375}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none}button:focus-visible{outline:2px solid var(--brand-blurple);outline-offset:2px}input,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}code,pre{font-family:JetBrains Mono,Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}.loading-screen{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100vh;display:flex}.loading-logo{border-radius:var(--radius-round);background:var(--brand-blurple);color:#fff;width:96px;height:96px;box-shadow:var(--elevation-high);justify-content:center;align-items:center;font-size:56px;font-weight:700;animation:2s ease-in-out infinite pulse;display:flex}.loading-screen p{color:var(--header-secondary);font-size:16px;font-weight:500}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(1.05)}}.app{background:var(--bg-primary);grid-template-rows:56px 1fr auto;grid-template-columns:72px 240px 1fr 240px;height:100vh;display:grid;overflow:hidden}.app>.server-rail{grid-area:1/1/3}.app>.channel-panel{grid-area:1/2/3}.app>.account-panel{grid-area:3/1/auto/3}.app>.chat-header{grid-area:1/3/auto/5}.app>.chat-main{background:var(--bg-primary);flex-direction:row;grid-area:2/3/4;min-height:0;display:flex;position:relative;overflow:hidden}.app>.member-panel{grid-area:2/4/4}.server-rail{background:var(--bg-tertiary);scrollbar-width:none;padding:12px 0;overflow:hidden auto}.server-rail::-webkit-scrollbar{display:none}.server-rail-scroll{flex-direction:column;align-items:center;gap:8px;display:flex}.server-icon{background:var(--bg-secondary);width:48px;height:48px;color:var(--text-normal);border-radius:24px;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:border-radius .15s ease-out,background-color .15s ease-out,color .15s ease-out;display:flex;position:relative;overflow:hidden}.server-icon:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:4px;height:8px;transition:transform .15s ease-out,height .15s ease-out;position:absolute;top:50%;left:-16px;transform:translateY(-50%)scale(0)}.server-icon:hover:before{height:20px;transform:translateY(-50%)scale(1)}.server-icon.active:before{height:40px;transform:translateY(-50%)scale(1)}.server-icon:hover,.server-icon.active{background:var(--brand-blurple);color:#fff;border-radius:16px}.server-icon-add{background:var(--bg-secondary);color:var(--green-360);font-size:24px;font-weight:400;line-height:1}.server-icon-add:hover{background:var(--green-360);color:#fff}.server-icon:after{content:attr(title);background:var(--bg-floating);color:var(--header-primary);border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--elevation-high);opacity:0;pointer-events:none;z-index:100;padding:8px 12px;font-size:14px;font-weight:600;transition:opacity .1s ease-out;position:absolute;top:50%;left:calc(100% + 16px);transform:translateY(-50%)}.server-icon:hover:after{opacity:1}.channel-panel{background:var(--bg-secondary);flex-direction:column;min-width:0;display:flex;overflow:hidden}.channel-panel-header{height:56px;box-shadow:var(--elevation-low);background:var(--bg-secondary);z-index:2;cursor:pointer;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;display:flex}.channel-panel-header:hover{background:var(--bg-modifier-hover)}.channel-panel-header h2{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;line-height:20px;overflow:hidden}.channel-panel-header>div:first-child{flex:1;min-width:0}.server-description{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.server-header-actions{align-items:center;gap:2px;display:flex}.channel-list{flex:1;padding:8px 8px 12px;overflow-y:auto}.channel-list::-webkit-scrollbar{width:8px}.channel-list::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px;min-height:40px}.channel-list::-webkit-scrollbar-track{background:0 0}.channel-group-header{color:var(--channels-default);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:18px 8px 4px;font-size:12px;font-weight:600;display:flex}.channel-group-header:hover{color:var(--interactive-hover)}.channel-group-header .icon-btn{color:var(--channels-default);border-radius:var(--radius-xs);justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:18px;line-height:1;display:flex}.channel-group-header .icon-btn:hover{color:var(--interactive-hover)}.channel-empty{color:var(--text-muted);padding:8px 12px;font-size:12px}.channel-item{border-radius:var(--radius-sm);color:var(--channels-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;height:32px;margin-top:1px;padding:6px 8px;font-weight:500;transition:background-color 50ms ease-out,color 50ms ease-out;display:flex;position:relative}.channel-item:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.channel-item.active{background:var(--bg-modifier-selected);color:var(--interactive-active)}.channel-hash{color:var(--channels-default);text-align:center;flex-shrink:0;width:20px;font-size:20px;font-weight:400;line-height:1}.channel-item:hover .channel-hash,.channel-item.active .channel-hash{color:var(--interactive-hover)}.channel-item.active .channel-hash{color:var(--interactive-active)}.channel-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:500;line-height:20px;overflow:hidden}.channel-delete{color:var(--interactive-normal);border-radius:var(--radius-xs);justify-content:center;align-items:center;width:20px;height:20px;padding:0 4px;font-size:18px;line-height:1;display:flex}.channel-delete:hover{color:var(--red-400);background:var(--bg-modifier-active)}.unread-dot{background:var(--interactive-active);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-secondary);border-radius:50%;flex-shrink:0}.account-panel{background:var(--bg-secondary-alt);border-top:1px solid #0003;flex-shrink:0;align-items:center;gap:8px;height:60px;padding:0 8px 0 16px;display:flex;position:relative}.user-footer{background:var(--bg-secondary-alt);flex-shrink:0;align-items:center;gap:8px;height:60px;padding:0 8px;display:flex;position:relative}.user-avatar{border-radius:var(--radius-round);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex;position:relative}.status-dot{border:3px solid var(--bg-secondary-alt);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.user-info{flex:1;min-width:0;padding:4px 0}.user-name{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-size:14px;font-weight:600;line-height:18px;overflow:hidden}.user-name:hover{text-decoration:none}.user-status{color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:13px;overflow:hidden}.user-status:hover{color:var(--interactive-hover)}.user-footer-actions{align-items:center;gap:0;display:flex}.footer-icon-btn{width:40px;height:40px;color:var(--interactive-normal);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.footer-icon-btn:hover{color:var(--interactive-hover);background:var(--bg-modifier-hover)}.name-input{background:var(--bg-textarea);color:var(--header-primary);border-radius:var(--radius-sm);width:100%;padding:4px 8px;font-size:14px;font-weight:500}.status-menu{background:var(--bg-floating);border-radius:var(--radius-sm);box-shadow:var(--elevation-high);z-index:10;flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 8px);left:8px;right:8px}.status-menu-item{border-radius:var(--radius-xs);color:var(--interactive-normal);text-align:left;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:14px;font-weight:500;display:flex}.status-menu-item:hover{background:var(--brand-blurple);color:#fff}.status-dot-sm{border-radius:50%;flex-shrink:0;width:10px;height:10px}.chat-header{box-shadow:var(--elevation-low);background:var(--bg-primary);z-index:2;flex-shrink:0;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.chat-header.empty{background:var(--bg-primary)}.chat-header-title{align-items:center;gap:6px;min-width:0;display:flex}.channel-hash-lg{color:var(--text-muted);font-size:24px;font-weight:400;line-height:1}.channel-name-lg{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.chat-header-divider{background:var(--border-subtle);flex-shrink:0;width:1px;height:24px}.chat-header-topic{color:var(--header-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:500;overflow:hidden}.channel-pane{flex-direction:column;flex:1;min-width:0;display:flex}.messages-scroll{scroll-behavior:smooth;flex-direction:column;flex:1;padding:16px 0 8px;display:flex;overflow:hidden auto}.messages-scroll::-webkit-scrollbar{width:16px}.messages-scroll::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:4px solid var(--bg-primary);background-clip:padding-box;border-radius:8px;min-height:40px}.messages-scroll::-webkit-scrollbar-track{background:0 0;margin:8px 0}.no-messages{color:var(--text-normal);max-width:420px;margin:auto auto 16px 16px;padding:0 16px}.no-messages h2{color:var(--header-primary);margin:0 0 8px;font-size:32px;font-weight:700}.no-messages p{color:var(--header-secondary);font-size:16px}.message{grid-template-rows:auto auto;grid-template-columns:72px 1fr auto;margin-top:16px;padding:2px 16px 2px 0;display:grid;position:relative}.message.grouped{margin-top:0;padding-top:2px;padding-bottom:2px}.message.compact{grid-template-columns:56px 1fr auto;margin-top:8px;padding:2px 16px 2px 0}.message:hover{background:var(--bg-message-hover)}.message:hover .message-actions-wrap{opacity:1;pointer-events:auto}.message-avatar{border-radius:var(--radius-round);color:#fff;flex-shrink:0;grid-area:2/1;justify-content:center;align-items:center;width:40px;height:40px;margin:2px auto 0;font-size:16px;font-weight:600;display:flex}.message-avatar-spacer{grid-area:2/1;height:1px;position:relative}.message.grouped:hover .message-avatar-spacer:after{content:attr(data-time);color:var(--text-muted);font-size:10px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.message-body{grid-area:2/2;min-width:0;padding-right:8px}.message-head{align-items:baseline;gap:8px;margin-bottom:0;display:flex}.message-author{color:var(--header-primary);cursor:pointer;font-size:15px;font-weight:500;line-height:22px}.message-author:hover{text-decoration:underline}.message-timestamp{color:var(--text-muted);font-size:12px;font-weight:500;line-height:1.375}.message-text{color:var(--text-normal);word-wrap:break-word;font-size:15px;font-weight:400;line-height:22px}.message-text>.md-p{white-space:pre-wrap;display:inline}.edited-tag{color:var(--text-muted);font-size:10px}.message-actions-wrap{opacity:0;pointer-events:none;z-index:3;grid-area:2/3;transition:opacity .1s ease-out;position:absolute;top:-16px;right:16px}.message-actions{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--elevation-medium);align-items:center;gap:0;padding:0;display:flex;overflow:hidden}.msg-tool-btn{width:32px;height:32px;color:var(--interactive-normal);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:background .1s ease-out,color .1s ease-out;display:flex}.msg-tool-btn:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.msg-tool-btn.emoji:hover{background:var(--bg-modifier-hover);transform:none}.msg-ctx-backdrop{z-index:99;position:fixed;inset:0}.msg-ctx-menu{background:var(--bg-floating);border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-width:224px;max-width:260px;box-shadow:var(--elevation-high);z-index:100;padding:6px 8px;font-size:14px;position:fixed}.msg-ctx-emoji-row{border-bottom:1px solid var(--border-subtle);gap:2px;margin:-2px -4px 6px;padding:4px 2px 8px;display:flex}.msg-ctx-emoji{border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;height:36px;font-size:22px;transition:background .1s ease-out,transform .1s ease-out;display:flex}.msg-ctx-emoji:hover{background:var(--bg-modifier-hover);transform:scale(1.2)}.msg-ctx-item{border-radius:var(--radius-xs);width:100%;color:var(--interactive-normal);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.msg-ctx-item>svg{color:var(--interactive-normal);flex-shrink:0}.msg-ctx-item:hover{background:var(--brand-blurple);color:#fff}.msg-ctx-item:hover>svg{color:#fff}.msg-ctx-item.danger,.msg-ctx-item.danger>svg{color:var(--red-400)}.msg-ctx-item.danger:hover{background:var(--red-400);color:#fff}.msg-ctx-item.danger:hover>svg{color:#fff}.msg-ctx-item:disabled,.msg-ctx-item.disabled{color:var(--interactive-muted);cursor:not-allowed}.msg-ctx-item:disabled>svg,.msg-ctx-item.disabled>svg{color:var(--interactive-muted)}.msg-ctx-item:disabled:hover,.msg-ctx-item.disabled:hover{color:var(--interactive-muted);background:0 0}.msg-ctx-item:disabled:hover>svg,.msg-ctx-item.disabled:hover>svg{color:var(--interactive-muted)}.msg-ctx-item.open{background:var(--brand-blurple);color:#fff}.msg-ctx-item.open>svg{color:#fff}.msg-ctx-divider{background:var(--border-subtle);height:1px;margin:4px -4px}.emoji-picker-backdrop{z-index:100;position:fixed;inset:0}.emoji-picker{background:var(--bg-floating);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:400px;height:420px;box-shadow:var(--elevation-high);z-index:101;flex-direction:column;display:flex;position:fixed;overflow:hidden}.emoji-picker-header{align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.emoji-picker-search{background:var(--bg-tertiary);border-radius:var(--radius-sm);height:32px;color:var(--interactive-normal);flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.emoji-picker-search>svg{color:var(--interactive-normal);flex-shrink:0}.emoji-picker-search>input{color:var(--text-normal);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.emoji-picker-search>input::placeholder{color:var(--text-muted)}.emoji-picker-add-btn{background:var(--brand-blurple);border-radius:var(--radius-sm);color:#fff;opacity:.5;cursor:not-allowed;border:none;height:32px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500}.emoji-picker-body{border-top:1px solid var(--border-subtle);flex:1;min-height:0;display:flex}.emoji-picker-sidebar{background:var(--bg-secondary-alt);border-right:1px solid var(--border-subtle);flex-direction:column;gap:4px;width:44px;padding:8px 4px;display:flex;overflow-y:auto}.emoji-picker-cat{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--interactive-normal);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .1s ease-out,color .1s ease-out;display:flex}.emoji-picker-cat:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.emoji-picker-cat.active{background:var(--bg-modifier-selected);color:var(--interactive-active)}.emoji-picker-grid-wrap{flex:1;padding:8px 4px 8px 8px;overflow-y:auto}.emoji-picker-category{color:var(--header-secondary);text-transform:uppercase;letter-spacing:.02em;padding:6px 8px 4px;font-size:12px;font-weight:600}.emoji-picker-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.emoji-picker-cell{border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;transition:background .1s ease-out,transform .1s ease-out;display:flex}.emoji-picker-cell:hover{background:var(--bg-modifier-hover);transform:scale(1.1)}.emoji-picker-empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:13px}.emoji-picker-footer{background:var(--bg-secondary-alt);border-top:1px solid var(--border-subtle);align-items:center;gap:10px;height:40px;padding:0 12px;display:flex}.emoji-picker-footer-emoji{font-size:22px}.emoji-picker-footer-name{color:var(--header-primary);font-size:14px;font-weight:500}.emoji-picker-footer-hint{color:var(--text-muted);font-size:13px}.message-edit{margin-top:2px}.message-edit-textarea{background:var(--bg-textarea);border-radius:var(--radius-md);width:100%;min-height:44px;max-height:50vh;color:var(--text-normal);resize:none;border:none;outline:none;padding:10px 12px;font-family:inherit;font-size:15px;line-height:22px}.message-edit-textarea:focus{outline:none}.message-edit-hint{color:var(--text-muted);margin-top:4px;font-size:11px}.message-edit-link{color:var(--text-link);cursor:pointer}.message-edit-link:hover{text-decoration:underline}.reaction-row{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction-pill{border-radius:var(--radius-md);background:var(--bg-secondary);height:24px;color:var(--text-normal);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:0 8px;font-size:14px;font-weight:500;transition:background .1s ease-out,border-color .1s ease-out;display:inline-flex}.reaction-pill:hover{background:var(--bg-modifier-hover);border-color:var(--border-subtle)}.reaction-pill.mine{border-color:var(--brand-blurple);color:var(--interactive-hover);background:#5865f226}.reaction-pill.mine:hover{background:#5865f240}.reply-quote-line{min-height:24px;color:var(--text-muted);cursor:pointer;grid-area:1/1/auto/3;align-items:center;gap:6px;margin-bottom:2px;padding-left:72px;padding-right:8px;font-size:13px;line-height:18px;display:flex;position:relative}.reply-quote-line:before{content:"";border-top:2px solid var(--channels-default);border-left:2px solid var(--channels-default);pointer-events:none;border-top-left-radius:8px;width:35px;height:14px;position:absolute;top:12px;left:36px}.reply-quote-line:hover{color:var(--interactive-hover)}.reply-quote-icon{display:none}.reply-quote-author{color:var(--header-secondary);font-weight:600}.reply-quote-line:hover .reply-quote-author{color:var(--interactive-hover)}.reply-quote-text{white-space:nowrap;text-overflow:ellipsis;max-width:400px;overflow:hidden}.thread-preview{background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;color:var(--interactive-normal);border:1px solid var(--border-subtle);align-items:center;gap:8px;max-width:420px;margin-top:6px;padding:6px 12px;font-size:13px;display:inline-flex}.thread-preview:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.thread-icon{color:var(--brand-blurple);font-size:14px;font-weight:700}.thread-name{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.thread-open{color:var(--text-muted);font-size:12px}.attachment-wrap{max-width:520px;margin-top:6px}.attachment-img{border-radius:var(--radius-sm);cursor:pointer;max-width:100%;max-height:350px;transition:opacity .1s ease-out;display:block}.attachment-img:hover{opacity:.95}.attachment-link{color:var(--text-link);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);word-break:break-all;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:inline-flex}.attachment-link:hover{text-decoration:underline}.reply-banner{background:var(--bg-secondary-alt);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--header-secondary);border:1px solid var(--border-subtle);border-bottom:none;justify-content:space-between;align-items:center;margin:0 16px -1px;padding:8px 16px;font-size:14px;display:flex}.reply-banner b{color:var(--brand-blurple);font-weight:600}.reply-banner button{color:var(--interactive-normal);border-radius:var(--radius-round);justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;display:flex}.reply-banner button:hover{color:var(--interactive-active);background:var(--bg-modifier-hover)}.reply-quote-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;max-width:300px;font-style:normal;display:inline-block;overflow:hidden}.chat-noperm-bar{background:var(--bg-secondary-alt);color:var(--text-muted);-webkit-user-select:none;user-select:none;border-radius:8px;margin:0 16px 24px;padding:11px 16px;font-size:14px;line-height:1.4}.typing-indicator{height:24px;color:var(--text-normal);flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-size:14px;display:flex}.typing-dots{align-items:center;gap:3px;display:flex}.typing-dots span{background:var(--text-muted);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite typing-bounce}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.message-input{background:var(--bg-textarea);border-radius:8px;flex-shrink:0;align-items:flex-start;min-height:44px;margin:0 16px 24px;display:flex;position:relative;overflow:hidden}.message-input-attach{width:44px;min-height:44px;color:var(--interactive-normal);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .1s ease-out;display:flex}.message-input-attach:hover{color:var(--interactive-hover)}.message-input-textarea{min-width:0;color:var(--text-normal);resize:none;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;align-self:center;max-height:50vh;padding:11px 10px 11px 0;font-family:inherit;font-size:16px;font-weight:400;line-height:22px;overflow-x:hidden;box-shadow:none!important;outline:none!important}.message-input-textarea:not(:placeholder-shown){white-space:pre-wrap}.message-input-textarea:focus,.message-input-textarea:focus-visible{box-shadow:none!important;border:none!important;outline:none!important}.message-input-textarea::placeholder{color:var(--text-muted)}.message-input-textarea:disabled{cursor:not-allowed;opacity:.6}.message-input-tools{flex-shrink:0;align-self:flex-end;align-items:center;gap:0;display:flex}.message-input-tool{width:44px;height:44px;color:var(--interactive-normal);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .1s ease-out;display:flex}.message-input-tool:hover{color:var(--interactive-hover)}.attachment-chip-bar{background:var(--bg-textarea);border-bottom:1px solid #00000040;border-radius:8px 8px 0 0;flex-shrink:0;align-items:center;gap:8px;margin:0 16px;padding:8px 8px 0;display:flex}.attachment-chip-bar+.message-input{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.attachment-chip{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-normal);align-items:center;gap:8px;max-width:100%;margin-bottom:8px;padding:6px 12px;font-size:13px;display:flex}.attachment-chip svg{color:var(--text-muted);flex-shrink:0}.attachment-chip-url{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-normal);flex:1;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden}.attachment-chip-close{width:24px;height:24px;color:var(--text-muted);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.attachment-chip-close:hover{color:var(--red-400);background:#f23f431a}.thread-panel{border-left:1px solid var(--border-subtle);background:var(--bg-primary);z-index:1;flex-direction:column;flex-shrink:0;width:420px;display:flex;position:relative}.thread-header{height:56px;box-shadow:var(--elevation-low);background:var(--bg-primary);z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.thread-title{color:var(--header-primary);font-size:16px;font-weight:600;line-height:20px}.thread-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.icon-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--interactive-normal);flex-shrink:0;justify-content:center;align-items:center;font-size:24px;line-height:1;display:inline-flex}.icon-btn:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.danger-hover:hover{color:var(--red-400)!important}.thread-parent{border-bottom:1px solid var(--border-subtle);margin-bottom:8px;padding-bottom:8px}.thread-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:12px;padding:12px 16px 4px;font-size:12px;font-weight:600;display:flex}.thread-divider:before,.thread-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.member-panel{background:var(--bg-secondary);padding:8px 8px 16px;overflow-y:auto}.member-panel::-webkit-scrollbar{width:8px}.member-panel::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px;min-height:40px}.member-group-header{color:var(--channels-default);text-transform:uppercase;letter-spacing:.02em;padding:24px 8px 4px;font-size:12px;font-weight:600}.member-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;height:44px;margin-top:1px;padding:6px 8px;display:flex}.member-row:hover{background:var(--bg-modifier-hover)}.member-row.muted{opacity:.3}.member-row.muted:hover{opacity:.5}.member-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex;position:relative}.member-avatar .status-dot{border-color:var(--bg-secondary);width:12px;height:12px;bottom:-2px;right:-2px}.member-row:hover .member-avatar .status-dot{border-color:var(--bg-modifier-hover)}.member-name{color:var(--channels-default);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:500;line-height:20px;overflow:hidden}.member-row:hover .member-name{color:var(--interactive-hover)}.you-tag{color:var(--text-muted);font-size:12px;font-weight:400}.empty-state{color:var(--text-muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:32px;display:flex;flex-direction:column!important}.empty-state h2{color:var(--header-primary);margin:0 0 12px;font-size:24px;font-weight:700}.empty-state p{color:var(--header-secondary);max-width:440px;font-size:16px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;animation:.1s ease-out backdrop-fade;display:flex;position:fixed;inset:0}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-primary);border-radius:var(--radius-md);width:100%;max-width:440px;box-shadow:var(--elevation-high);animation:.15s ease-out modal-slide;overflow:hidden}@keyframes modal-slide{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal h3{color:var(--header-primary);text-align:center;margin:0;padding:24px 16px 8px;font-size:24px;font-weight:700}.modal-subtitle{color:var(--header-secondary);text-align:center;margin:0;padding:0 16px 20px;font-size:16px;line-height:20px}.modal form{padding:0 16px 16px}.modal label{color:var(--header-secondary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:20px;font-size:12px;font-weight:700;line-height:16px;display:block}.modal input,.modal textarea{background:var(--bg-tertiary);width:100%;color:var(--text-normal);border-radius:var(--radius-xs);text-transform:none;letter-spacing:normal;border:1px solid #0000;margin-top:8px;padding:10px 12px;font-size:16px;font-weight:400;transition:border-color .1s ease-out;display:block}.modal input:focus,.modal textarea:focus{border-color:var(--brand-blurple)}.modal textarea{resize:vertical;min-height:64px;font-family:inherit}.channel-name-input{background:var(--bg-tertiary);border-radius:var(--radius-xs);border:1px solid #0000;align-items:center;margin-top:8px;padding-left:12px;transition:border-color .1s ease-out;display:flex}.channel-name-input:focus-within{border-color:var(--brand-blurple)}.channel-name-input span{color:var(--text-muted);font-size:18px;font-weight:400}.channel-name-input input{background:0 0;border:none;margin-top:0}.checkbox-label{color:var(--text-normal);cursor:pointer;align-items:center;gap:8px;font-size:14px;text-transform:none!important;letter-spacing:normal!important;flex-direction:row!important;font-weight:500!important;display:flex!important}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-blurple);cursor:pointer;margin-top:0}.modal-actions{background:var(--bg-secondary-alt);border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:8px;margin:0 -16px -16px;padding:16px;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius-xs);height:38px;padding:2px 16px;font-size:14px;font-weight:500;transition:background-color .17s ease-out,color .17s ease-out}.btn-primary{background:var(--brand-blurple);color:#fff;min-width:96px}.btn-primary:hover{background:var(--brand-blurple-560)}.btn-secondary{color:var(--text-normal)}.btn-secondary:hover{text-decoration:underline}.btn-danger{border-radius:var(--radius-xs);background:var(--red-400);color:#fff;cursor:pointer;border:none;min-width:96px;height:38px;padding:2px 16px;font-size:14px;font-weight:500;transition:background-color .17s ease-out}.btn-danger:hover{background:#c03537}.btn-wide{border-radius:var(--radius-xs);background:var(--bg-accent);width:100%;height:44px;color:var(--interactive-active);cursor:pointer;border:none;padding:0 16px;font-family:inherit;font-size:15px;font-weight:500;transition:background .1s ease-out;display:block}.btn-wide:hover{background:var(--brand-blurple)}.modal-create-server{background:var(--bg-primary);max-width:480px;position:relative}.modal-create-server h3{text-align:center;padding:24px 48px 8px;font-size:24px}.modal-create-server .modal-subtitle{padding:0 48px 20px}.modal-close-btn{width:32px;height:32px;color:var(--interactive-normal);cursor:pointer;border-radius:var(--radius-xs);z-index:1;background:0 0;border:none;justify-content:center;align-items:center;transition:color .1s ease-out,background .1s ease-out;display:flex;position:absolute;top:12px;right:12px}.modal-close-btn:hover{color:var(--interactive-hover);background:var(--bg-modifier-hover)}.create-server-body{max-height:380px;padding:0 16px;overflow-y:auto}.create-server-option{background:var(--bg-secondary-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--header-primary);text-align:left;cursor:pointer;align-items:center;gap:16px;margin-bottom:8px;padding:12px 16px;font-family:inherit;font-size:16px;font-weight:600;transition:background .1s ease-out,border-color .1s ease-out;display:flex}.create-server-option:hover{background:var(--bg-accent);border-color:var(--brand-blurple)}.create-server-option-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.create-server-option-label{color:var(--header-primary);flex:1}.create-server-option-chevron{color:var(--interactive-normal);flex-shrink:0}.create-server-option:hover .create-server-option-chevron{color:var(--interactive-hover)}.create-server-section-header{text-transform:uppercase;letter-spacing:.02em;color:var(--header-secondary);margin-top:12px;padding:4px 8px 8px;font-size:12px;font-weight:700}.create-server-footer{background:var(--bg-secondary-alt);border-top:1px solid var(--border-subtle);text-align:center;padding:20px 16px 16px}.create-server-footer-title{color:var(--header-primary);margin:0 0 12px;font-size:16px;font-weight:700}.settings-fullscreen{z-index:200;background:var(--bg-primary);animation:.15s ease-out settings-fade;display:flex;position:fixed;inset:0}@keyframes settings-fade{0%{opacity:0}to{opacity:1}}.settings-sidebar{background:var(--bg-secondary);flex:1 0 218px;padding:60px 0;overflow-y:auto}.settings-sidebar-inner{flex-direction:column;gap:2px;width:202px;margin-left:auto;margin-right:0;display:flex}.settings-server-name{text-transform:uppercase;letter-spacing:.02em;color:var(--header-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;padding:6px 10px;font-size:12px;font-weight:700;overflow:hidden}.settings-nav-header{text-transform:uppercase;letter-spacing:.02em;color:var(--channels-default);padding:14px 10px 4px;font-size:11px;font-weight:700}.settings-nav-item{border-radius:var(--radius-xs);width:100%;color:var(--channels-default);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:15px;font-weight:500;transition:background .1s ease-out,color .1s ease-out;display:flex}.settings-nav-item:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.settings-nav-item.active{background:var(--bg-modifier-selected);color:var(--interactive-active)}.settings-nav-item.danger{color:var(--red-400)}.settings-nav-item.danger:hover{color:var(--red-400);background:#f23f431a}.settings-nav-divider{background:var(--border-subtle);height:1px;margin:8px 10px}.settings-content-wrap{flex:1 0 920px;display:flex;position:relative;overflow:hidden}.settings-content{flex:none;width:920px;max-width:100%;padding:60px 40px 80px;overflow-y:auto}.settings-nav-group{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:2px;margin-bottom:8px;padding-bottom:8px;display:flex}.settings-nav-group:last-child{border-bottom:none;margin-bottom:0}.settings-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.settings-nav-badge{background:var(--green-360);color:#fff;text-transform:uppercase;letter-spacing:.02em;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.settings-nav-item.stub{color:var(--interactive-muted)}.settings-nav-item.stub:hover{background:var(--bg-modifier-hover);color:var(--channels-default)}.settings-section-subtitle{color:var(--header-secondary);margin:-12px 0 24px;font-size:15px;line-height:20px}.profile-section{max-width:840px}.profile-top{align-items:flex-start;gap:32px;margin-bottom:24px;display:flex}.profile-top-fields{flex:1;min-width:0}.profile-top-fields .settings-section-title{margin-bottom:8px}.profile-icon-row{align-items:center;gap:12px;margin-top:8px;display:flex}.btn-link{color:var(--interactive-normal);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:500}.btn-link:hover{color:var(--interactive-hover);text-decoration:underline}.profile-banner-grid{grid-template-columns:repeat(5,1fr);gap:8px;max-width:520px;display:grid}.profile-banner-swatch{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;height:64px;transition:transform .1s ease-out,border-color .1s ease-out}.profile-banner-swatch:hover:not(:disabled){transform:scale(1.02)}.profile-banner-swatch.selected{box-shadow:0 0 0 2px var(--bg-primary), 0 0 0 4px var(--brand-blurple);border-color:#fff}.profile-banner-swatch:disabled{cursor:not-allowed;opacity:.6}.profile-traits-row{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.profile-trait-chip{background:var(--bg-tertiary);border-radius:999px;align-items:center;gap:6px;min-width:140px;padding:6px 12px;display:flex}.profile-trait-dot{background:var(--bg-accent);border-radius:50%;flex-shrink:0;width:14px;height:14px}.profile-trait-chip input{color:var(--text-normal);background:0 0;border:none;outline:none;flex:1;min-width:60px;font-family:inherit;font-size:14px}.profile-trait-chip input::placeholder{color:var(--text-muted)}.profile-preview{background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--elevation-low);flex:0 0 260px;position:relative;overflow:hidden}.profile-preview-banner{background:var(--brand-blurple);width:100%;height:92px}.profile-preview-body{padding:12px 16px 16px;position:relative}.profile-preview-icon{background:var(--bg-accent);border:4px solid var(--bg-secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:flex;position:absolute;top:-36px;left:16px;overflow:hidden}.profile-preview-icon img{object-fit:cover;width:100%;height:100%}.profile-preview-title{color:var(--header-primary);align-items:center;gap:4px;margin-top:24px;font-size:18px;font-weight:700;display:flex}.profile-preview-check{color:var(--brand-blurple);flex-shrink:0}.profile-preview-stats{color:var(--text-muted);gap:12px;margin-top:4px;font-size:12px;font-weight:500;display:flex}.profile-preview-stat{align-items:center;gap:4px;display:inline-flex}.profile-preview-dot{border-radius:50%;width:8px;height:8px}.profile-preview-dot.online{background:var(--green-360)}.profile-preview-dot.muted{background:var(--channels-default)}.profile-preview-est{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:500}.roles-section{max-width:100%}.roles-layout{grid-template-columns:240px 1fr;gap:24px;margin-top:16px;display:grid}.roles-list-col{flex-direction:column;display:flex}.roles-list-header{text-transform:uppercase;letter-spacing:.02em;color:var(--header-secondary);justify-content:space-between;align-items:center;padding:0 4px 8px;font-size:11px;font-weight:700;display:flex}.roles-list-header .btn-primary{height:28px;padding:0 10px;font-size:12px}.roles-list{flex-direction:column;gap:2px;display:flex}.role-list-item{border-radius:var(--radius-xs);color:var(--interactive-normal);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:background .1s ease-out,color .1s ease-out;display:flex}.role-list-item:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.role-list-item.active{background:var(--bg-modifier-selected);color:var(--interactive-active)}.role-color-dot{border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:12px;height:12px}.role-list-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.role-default-tag{text-transform:uppercase;color:var(--text-muted);background:var(--bg-tertiary);border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.roles-edit-col{min-width:0}.role-color-row{flex-wrap:wrap;gap:8px;display:flex}.role-color-swatch{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:var(--bg-secondary-alt);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.role-color-swatch:disabled{cursor:not-allowed;opacity:.5}.role-color-swatch.selected{box-shadow:0 0 0 2px var(--brand-blurple);border-color:#fff}.role-perms-list{background:var(--bg-secondary-alt);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:8px;display:flex}.role-perm-row{border-radius:var(--radius-xs);cursor:pointer;gap:12px;padding:10px 12px;transition:background .1s ease-out;display:flex}.role-perm-row:hover{background:var(--bg-modifier-hover)}.role-perm-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-blurple);cursor:pointer;flex-shrink:0;margin-top:2px}.role-perm-name{color:var(--header-primary);font-size:14px;font-weight:600}.role-perm-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.role-actions-row{border-top:1px solid var(--border-subtle);align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.role-actions-spacer{flex:1}.settings-empty.coming-soon{background:var(--bg-secondary-alt);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.settings-empty.coming-soon svg{color:var(--interactive-muted)}.settings-empty.coming-soon h3{color:var(--header-primary);margin:0;font-size:18px;font-weight:700}.settings-empty.coming-soon p{max-width:360px;color:var(--text-muted);text-align:center;margin:0;font-size:14px;line-height:20px}.settings-close-esc{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:60px;right:60px}.settings-close-esc-icon{border:2px solid var(--interactive-normal);width:36px;height:36px;color:var(--interactive-normal);border-radius:50%;justify-content:center;align-items:center;transition:border-color .1s ease-out,color .1s ease-out;display:flex}.settings-close-esc:hover .settings-close-esc-icon{border-color:var(--interactive-hover);color:var(--interactive-hover)}.settings-close-esc-label{color:var(--interactive-normal);font-size:13px;font-weight:600}.settings-close-esc:hover .settings-close-esc-label{color:var(--interactive-hover)}.settings-section-title{color:var(--header-primary);margin:0 0 24px;font-size:20px;font-weight:700}.settings-count{color:var(--text-muted);font-weight:500}.settings-sub-header{text-transform:uppercase;letter-spacing:.02em;color:var(--header-secondary);margin:24px 0 8px;font-size:12px;font-weight:700}.settings-field{margin-bottom:24px}.settings-field>label{text-transform:uppercase;letter-spacing:.02em;color:var(--header-secondary);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.settings-field input[type=text],.settings-field textarea{background:var(--bg-tertiary);width:100%;color:var(--text-normal);border-radius:var(--radius-xs);border:1px solid #0000;padding:10px 12px;font-family:inherit;font-size:16px;transition:border-color .1s ease-out;display:block}.settings-field textarea{resize:vertical;min-height:72px;line-height:20px}.settings-field input:focus,.settings-field textarea:focus{border-color:var(--brand-blurple);outline:none}.settings-field input:disabled,.settings-field textarea:disabled{opacity:.6;cursor:not-allowed}.settings-field-hint{color:var(--text-muted);margin-top:4px;font-size:12px}.settings-checkbox-row{background:var(--bg-secondary-alt);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:12px;padding:12px;display:flex}.settings-checkbox-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--brand-blurple);cursor:pointer;flex-shrink:0;margin-top:2px}.settings-checkbox-title{color:var(--header-primary);font-size:15px;font-weight:600}.settings-checkbox-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.settings-error{border:1px solid var(--red-400);border-radius:var(--radius-xs);color:var(--red-400);background:#f23f431a;margin-bottom:12px;padding:10px 12px;font-size:13px}.settings-save-bar{background:var(--bg-secondary-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--elevation-medium);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:10px 10px 10px 16px;display:flex;position:sticky;bottom:0}.settings-save-bar>span{color:var(--header-primary);font-size:15px;font-weight:500}.settings-save-bar>div{gap:8px;display:flex}.settings-list{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.settings-empty{text-align:center;color:var(--text-muted);background:var(--bg-secondary-alt);border-radius:var(--radius-sm);padding:16px;font-size:14px}.settings-row{background:var(--bg-secondary-alt);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;transition:background .1s ease-out;display:flex}.settings-row:hover{background:var(--bg-accent)}.settings-row-main{flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.settings-row-icon{color:var(--text-muted);font-size:18px;font-weight:400}.settings-row-title{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.settings-row-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.settings-row-action{border-radius:var(--radius-xs);color:var(--interactive-normal);cursor:pointer;background:0 0;border:1px solid #0000;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .1s ease-out,color .1s ease-out}.settings-row-action:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.settings-row-action.danger:hover{background:var(--red-400);color:#fff}.settings-inline-form{gap:8px;margin-bottom:16px;display:flex}.settings-inline-form input{background:var(--bg-tertiary);color:var(--text-normal);border-radius:var(--radius-xs);border:1px solid #0000;flex:1;padding:10px 12px;font-family:inherit;font-size:15px}.settings-inline-form input:focus{border-color:var(--brand-blurple);outline:none}.settings-search-input{background:var(--bg-tertiary);width:100%;color:var(--text-normal);border-radius:var(--radius-xs);border:1px solid #0000;margin-bottom:16px;padding:10px 12px;font-family:inherit;font-size:15px;display:block}.settings-search-input:focus{border-color:var(--brand-blurple);outline:none}.settings-member-row{background:var(--bg-secondary-alt);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;transition:background .1s ease-out;display:flex}.settings-member-row:hover{background:var(--bg-accent)}.settings-member-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.settings-member-body{flex:1;min-width:0}.settings-member-name{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.settings-member-self{color:var(--text-muted);font-weight:400}.settings-member-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.settings-member-role{flex-shrink:0}.settings-member-role select{background:var(--bg-tertiary);color:var(--text-normal);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;padding:6px 10px;font-family:inherit;font-size:13px}.settings-role-badge{background:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.settings-role-badge.owner{color:#fff;background:#c9a227}.settings-role-badge.admin{background:var(--brand-blurple);color:#fff}.settings-role-badge.mod{background:var(--green-360);color:#fff}.settings-invite-form{align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.settings-invite-form>label{text-transform:uppercase;letter-spacing:.02em;color:var(--header-secondary);flex-direction:column;flex:1;gap:4px;font-size:11px;font-weight:700;display:flex}.settings-invite-form input{background:var(--bg-tertiary);color:var(--text-normal);border-radius:var(--radius-xs);border:1px solid #0000;padding:8px 12px;font-family:inherit;font-size:14px}.settings-invite-form input:focus{border-color:var(--brand-blurple);outline:none}.settings-invite-row{background:var(--bg-secondary-alt);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;display:flex}.settings-invite-code{color:var(--header-primary);background:var(--bg-tertiary);border-radius:var(--radius-xs);flex-shrink:0;padding:4px 8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:14px;font-weight:600}.settings-invite-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;gap:6px;font-size:12px;display:flex;overflow:hidden}.modal-danger{max-width:440px}.modal-danger h3{color:var(--header-primary);text-align:left;padding:20px 16px 4px}.modal-danger .modal-subtitle{text-align:left}@media (width<=768px){.settings-sidebar{flex:0 0 160px;padding:40px 0 40px 8px}.settings-sidebar-inner{width:150px}.settings-content{padding:40px 20px 60px}.settings-close-esc{top:20px;right:20px}}.ch-setup-wrap{flex-direction:column;gap:0;display:flex}.ch-setup-reseed-bar{margin-bottom:20px}.ch-setup-reseed-btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:600}.ch-setup-reseed-btn:hover{filter:brightness(1.12)}.ch-setup-reseed-confirm{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:6px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.ch-setup-btn-danger{color:#fff;cursor:pointer;background:#ed4245;border:none;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:600}.ch-setup-btn-danger:hover{filter:brightness(1.1)}.ch-setup-body{flex-direction:column;gap:4px;display:flex}.ch-setup-category-block{margin-bottom:8px}.ch-setup-category-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:6px;margin-bottom:2px;padding:6px 2px;display:flex}.ch-setup-cat-name{color:var(--text-muted);letter-spacing:.05em;flex:1;font-size:11px;font-weight:700}.ch-setup-channel-list{flex-direction:column;display:flex}.ch-setup-channel-row{border-radius:4px;align-items:center;gap:6px;min-height:36px;padding:5px 6px;display:flex}.ch-setup-channel-row:hover{background:var(--bg-hover)}.ch-setup-channel-row:hover .ch-setup-row-actions{opacity:1}.ch-setup-hash{color:var(--text-muted);flex-shrink:0;margin-top:1px;font-size:16px;line-height:1}.ch-setup-channel-info{flex-direction:column;flex:1;min-width:0;display:flex}.ch-setup-channel-name{color:var(--text-normal);font-size:14px;font-weight:500}.ch-setup-channel-topic{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ch-setup-row-actions{opacity:0;flex-shrink:0;gap:4px;transition:opacity .1s;display:flex}.ch-setup-icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:4px;display:flex}.ch-setup-icon-btn:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.ch-setup-icon-btn.danger:hover{color:#ed4245}.ch-setup-inline-edit{flex-wrap:wrap;gap:6px;width:100%;padding:4px 0;display:flex}.ch-setup-input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-normal);border-radius:4px;outline:none;flex:1;min-width:120px;padding:5px 8px;font-size:13px}.ch-setup-input:focus{border-color:var(--brand)}.ch-setup-inline-actions{align-items:center;gap:6px;display:flex}.ch-setup-btn-save{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:600}.ch-setup-btn-save:hover{filter:brightness(1.12)}.ch-setup-btn-cancel{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:5px 12px;font-size:12px}.ch-setup-btn-cancel:hover{border-color:var(--text-muted);color:var(--text-normal)}.ch-setup-add-bar{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.ch-setup-add-btn{border:1px dashed var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:6px 14px;font-size:13px;transition:border-color .15s,color .15s}.ch-setup-add-btn:hover{border-color:var(--brand);color:var(--brand)}.ch-setup-add-form{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.ch-setup-select{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-normal);border-radius:4px;outline:none;padding:5px 8px;font-size:13px}.modal-super-admin{flex-direction:column;width:100%;max-width:640px;max-height:80vh;display:flex;position:relative;overflow:hidden}.super-admin-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 12px;display:flex}.super-admin-title{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.super-admin-title>svg{color:var(--brand-blurple);flex-shrink:0;margin-top:4px}.super-admin-title h3{color:var(--header-primary);text-align:left;margin:0;padding:0;font-size:18px;font-weight:700}.super-admin-title p{color:var(--header-secondary);margin:4px 0 0;font-size:14px;line-height:18px}.super-admin-tabs{border-bottom:1px solid var(--border-subtle);flex-shrink:0;gap:4px;padding:0 20px;display:flex}.super-admin-tab{color:var(--interactive-normal);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex;position:relative}.super-admin-tab:hover{color:var(--interactive-hover)}.super-admin-tab.active{color:var(--interactive-active)}.super-admin-tab.active:after{content:"";background:var(--brand-blurple);height:2px;position:absolute;bottom:-1px;left:0;right:0}.super-admin-tab-count{background:var(--bg-tertiary);color:var(--text-muted);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.super-admin-body{flex:1;min-height:0;padding:16px 20px 20px;overflow-y:auto}.unpin-modal{max-width:480px}.unpin-modal-header{justify-content:space-between;align-items:flex-start;padding:16px 16px 0;display:flex}.unpin-modal-header h3{text-align:left;flex:1;padding:0;font-size:20px}.unpin-modal-close{width:28px;height:28px;color:var(--interactive-normal);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.unpin-modal-close:hover{color:var(--interactive-hover);background:var(--bg-modifier-hover)}.unpin-modal-body{padding:8px 16px 16px}.unpin-modal-question{color:var(--text-normal);margin:0 0 16px;font-size:14px;line-height:18px}.unpin-modal-preview{background:var(--bg-secondary-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);gap:12px;margin-bottom:16px;padding:12px;display:flex}.unpin-modal-protip{border-top:1px solid var(--border-subtle);color:var(--text-normal);margin:0;padding:12px 0 0;font-size:13px;line-height:18px}.unpin-modal-protip-label{color:var(--green-360);text-transform:uppercase;font-weight:700}.unpin-modal-protip kbd{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--header-primary);border-radius:3px;padding:1px 6px;font-family:inherit;font-size:12px;display:inline-block}.unpin-modal-actions{margin:0 -16px -16px}.invite-modal{background:var(--bg-primary);border-radius:8px;flex-direction:column;width:440px;max-width:95vw;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000008a}.invite-modal-header{justify-content:space-between;align-items:flex-start;padding:20px 20px 12px;display:flex}.invite-modal-title{color:var(--header-primary);margin:0 0 2px;font-size:20px;font-weight:700}.invite-modal-subtitle{color:var(--text-muted);margin:0;font-size:13px}.invite-modal-subtitle strong{color:var(--text-normal);font-weight:500}.invite-modal-close{color:var(--interactive-normal);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;margin-top:2px;padding:4px;display:flex}.invite-modal-close:hover{color:var(--interactive-hover)}.invite-modal-search-wrap{background:var(--bg-tertiary);border-radius:4px;align-items:center;gap:8px;margin:0 16px 8px;padding:8px 12px;display:flex}.invite-modal-search-icon{color:var(--text-muted);flex-shrink:0}.invite-modal-search{color:var(--text-normal);background:0 0;border:none;outline:none;flex:1;font-size:14px}.invite-modal-search::placeholder{color:var(--text-muted)}.invite-modal-user-list{flex:1;max-height:280px;margin-bottom:4px;padding:0 8px;overflow-y:auto}.invite-modal-empty{text-align:center;color:var(--text-muted);padding:24px 0;font-size:13px}.invite-modal-user-row{cursor:default;border-radius:6px;align-items:center;gap:12px;padding:8px;display:flex}.invite-modal-user-row:hover{background:var(--bg-modifier-hover)}.invite-modal-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.invite-modal-user-name{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:500;overflow:hidden}.invite-modal-invite-btn{border:1px solid var(--interactive-normal);color:var(--interactive-normal);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:5px 14px;font-size:13px;font-weight:600;transition:background .1s,color .1s,border-color .1s}.invite-modal-invite-btn:hover:not(:disabled){background:var(--interactive-normal);color:var(--bg-primary)}.invite-modal-invite-btn.invited{color:#23a55a;cursor:default;border-color:#23a55a}.invite-modal-link-section{background:var(--bg-secondary);margin-top:4px;padding:16px}.invite-modal-link-label{text-transform:uppercase;letter-spacing:.04em;color:var(--header-secondary);margin:0 0 8px;font-size:12px;font-weight:700}.invite-modal-link-row{background:var(--bg-tertiary);border-radius:4px;align-items:center;gap:8px;padding:2px 2px 2px 12px;display:flex}.invite-modal-link-text{color:var(--text-normal);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.invite-modal-copy-btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:3px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;transition:filter .1s}.invite-modal-copy-btn:hover{filter:brightness(1.1)}.invite-modal-copy-btn.copied{background:#23a55a}.invite-modal-link-footer{color:var(--text-muted);margin:8px 0 0;font-size:12px}.invite-modal-edit-link{color:var(--link-color,#00b0f4);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.invite-settings-modal{background:var(--bg-primary);border-radius:8px;width:440px;max-width:95vw;overflow:hidden;box-shadow:0 8px 32px #0000008a}.invite-settings-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.invite-settings-header h3{color:var(--header-primary);margin:0;font-size:18px;font-weight:700}.invite-settings-body{flex-direction:column;gap:16px;padding:20px;display:flex}.invite-settings-field{flex-direction:column;gap:6px;display:flex}.invite-settings-label{text-transform:uppercase;letter-spacing:.04em;color:var(--header-secondary);font-size:12px;font-weight:700}.invite-settings-select-wrap{position:relative}.invite-settings-select{appearance:none;background:var(--bg-secondary);border:1px solid var(--border-subtle);width:100%;color:var(--text-normal);cursor:pointer;border-radius:4px;outline:none;padding:10px 36px 10px 12px;font-size:15px}.invite-settings-select:focus{border-color:var(--brand)}.invite-settings-select-chevron{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.invite-settings-toggle-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.invite-settings-toggle-text{flex-direction:column;gap:2px;display:flex}.invite-settings-toggle-label{color:var(--header-primary);font-size:15px;font-weight:500}.invite-settings-toggle-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.invite-settings-toggle-switch{background:var(--bg-tertiary);border:2px solid var(--border-subtle);opacity:.5;cursor:not-allowed;border-radius:11px;flex-shrink:0;width:40px;height:22px}.invite-settings-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.md-p,.message-text p{display:inline}.md-pre,.message-text pre{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);margin:6px 0;padding:8px 12px;overflow-x:auto}.md-code-inline,.message-text code{background:var(--bg-secondary);border-radius:var(--radius-xs);border:1px solid var(--border-subtle);padding:0 4px;font-size:13px}.message-text pre code{background:0 0;border:none;padding:0;font-size:13px;line-height:20px}.message-text blockquote{border-left:4px solid var(--bg-accent);color:var(--header-secondary);margin:4px 0;padding-left:8px;display:block}.message-text table{border-collapse:collapse;margin:6px 0;font-size:13px}.message-text th,.message-text td{border:1px solid var(--border-subtle);padding:6px 10px}.message-text th{background:var(--bg-secondary);font-weight:600}.message-text del{color:var(--text-muted);text-decoration:line-through}.message-text strong{font-weight:700}.message-text em{font-style:italic}.message-text h1,.message-text h2,.message-text h3{color:var(--header-primary);margin:6px 0 4px;font-weight:700}.message-text h1{font-size:22px}.message-text h2{font-size:18px}.message-text h3{font-size:16px}.message-text ul,.message-text ol{margin:2px 0;padding-left:24px}.message-text hr{border:none;border-top:1px solid var(--border-subtle);margin:8px 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px;min-height:40px}::-webkit-scrollbar-thumb:hover{background:#00000080}::-webkit-scrollbar-corner{background:0 0}::selection{color:var(--interactive-active);background:#5865f266}.chat-header-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.chat-header-actions .icon-btn{color:var(--interactive-normal)}.chat-header-actions .icon-btn:hover{color:var(--interactive-hover);background:var(--bg-modifier-hover)}.channel-panel{position:relative}.channel-panel-header{z-index:3;position:relative}.channel-panel-header.open{background:var(--bg-modifier-hover)}.server-header-title{flex:1;min-width:0}.server-header-chevron{color:var(--interactive-normal);flex-shrink:0;transition:color .1s ease-out}.channel-panel-header:hover .server-header-chevron,.channel-panel-header.open .server-header-chevron{color:var(--interactive-active)}.channel-panel-header.locked{cursor:default}.channel-panel-header.locked:hover{background:0 0}.server-header-lock{color:var(--channels-default);flex-shrink:0}.server-menu-backdrop{z-index:4;background:0 0;position:fixed;inset:0}.server-menu{background:var(--bg-floating);border-radius:var(--radius-sm);box-shadow:var(--elevation-high);z-index:5;padding:6px 8px;animation:.1s ease-out menu-in;position:absolute;top:64px;left:8px;right:8px}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.server-menu-item{border-radius:var(--radius-xs);width:100%;color:var(--interactive-normal);text-align:left;justify-content:space-between;align-items:center;min-height:32px;padding:6px 8px;font-size:14px;font-weight:500;line-height:18px;transition:background 50ms ease-out,color 50ms ease-out;display:flex}.server-menu-item:hover:not(:disabled){background:var(--brand-blurple);color:#fff}.server-menu-item:disabled{color:var(--text-muted);cursor:default}.server-menu-item.danger{color:var(--red-400)}.server-menu-item.danger:hover{background:var(--red-400);color:#fff}.server-menu-item svg{opacity:.8;flex-shrink:0}.server-menu-divider{background:var(--border-subtle);height:1px;margin:4px -4px}.category-group-header{color:var(--channels-default);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:18px 8px 4px;font-size:12px;font-weight:600;display:flex}.category-group-header:hover{color:var(--interactive-hover)}.category-group-header>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.category-chevron{color:var(--channels-default);flex-shrink:0;transition:transform .15s ease-out}.category-chevron.collapsed{transform:rotate(-90deg)}.category-group-header:hover .category-chevron{color:var(--interactive-hover)}.category-actions{opacity:0;align-items:center;gap:0;transition:opacity .1s ease-out;display:flex}.category-group-header:hover .category-actions{opacity:1}.category-actions .icon-btn{width:18px;height:18px;color:var(--channels-default);padding:0;font-size:16px;line-height:1}.category-actions .icon-btn:hover{color:var(--interactive-hover);background:0 0}.channel-slowmode-icon{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:12px}.channel-move-select{background:var(--bg-floating);color:var(--text-normal);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;max-width:80px;padding:1px 4px;font-size:11px}.slowmode-chip{background:var(--bg-textarea);height:24px;color:var(--text-normal);cursor:pointer;border:1px solid var(--border-subtle);border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.slowmode-chip:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.pinned-badge{opacity:.8;margin-left:4px;font-size:12px}.pin-button-wrap{display:inline-block;position:relative}.pin-count-badge{background:var(--red-400);color:#fff;pointer-events:none;border:2px solid var(--bg-primary);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;right:0}.icon-btn.active{background:var(--bg-modifier-active);color:var(--interactive-active)}.pinned-backdrop{z-index:40;background:0 0;position:fixed;inset:0}.pinned-panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:420px;max-height:500px;box-shadow:var(--elevation-high);z-index:41;flex-direction:column;animation:.1s ease-out menu-in;display:flex;position:absolute;top:60px;right:0;overflow:hidden}.pinned-panel-header{border-bottom:1px solid var(--border-subtle);color:var(--header-primary);background:var(--bg-secondary-alt);justify-content:space-between;align-items:center;padding:12px 16px;font-weight:700;display:flex}.pinned-list{flex:1;padding:8px;overflow-y:auto}.pinned-empty{color:var(--text-muted);text-align:center;padding:24px 16px;font-size:14px}.pinned-item{background:var(--bg-secondary-alt);border-radius:var(--radius-sm);gap:12px;margin-bottom:8px;padding:12px;transition:background .1s ease-out;display:flex;position:relative}.pinned-item:hover{background:#4e505829}.pinned-item-actions{opacity:0;flex-shrink:0;align-items:flex-start;gap:6px;transition:opacity .1s ease-out;display:flex}.pinned-item:hover .pinned-item-actions{opacity:1}.pinned-jump-btn{background:var(--bg-accent);height:28px;color:var(--interactive-active);border-radius:var(--radius-xs);cursor:pointer;border:none;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .1s ease-out}.pinned-jump-btn:hover{background:var(--brand-blurple);color:#fff}.pinned-unpin-btn{width:28px;height:28px;color:var(--interactive-normal);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .1s ease-out,color .1s ease-out;display:flex}.pinned-unpin-btn:hover{background:var(--red-400);color:#fff}.pinned-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.pinned-body{flex:1;min-width:0}.pinned-head{align-items:baseline;gap:6px;margin-bottom:2px;display:flex}.pinned-author{font-size:14px;font-weight:600}.pinned-time{color:var(--text-muted);font-size:11px}.pinned-text{color:var(--text-normal);word-wrap:break-word;font-size:14px;line-height:20px}.profile-backdrop{z-index:90;background:0 0;position:fixed;inset:0}.profile-panel{z-index:91;background:var(--bg-floating);border-radius:var(--radius-md);box-shadow:var(--elevation-high);flex-direction:column;animation:.12s ease-out menu-in;display:flex;position:fixed;overflow:visible}.profile-banner{border-radius:var(--radius-md) var(--radius-md) 0 0;filter:brightness(.85);height:60px;position:relative}.profile-avatar-wrap{height:0;position:relative}.profile-avatar{border:6px solid var(--bg-floating);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex;position:absolute;top:-40px;left:16px}.profile-status-dot{border:5px solid var(--bg-floating);border-radius:50%;width:20px;height:20px;position:absolute;bottom:4px;right:4px}.profile-body{padding:56px 16px 16px}.profile-name-row{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:2px;display:flex}.profile-display-name{color:var(--header-primary);word-break:break-word;margin:0;font-size:20px;font-weight:700;line-height:24px}.profile-edit-btn{background:var(--brand-blurple);color:#fff;border-radius:var(--radius-xs);flex-shrink:0;height:28px;padding:4px 10px;font-size:12px;font-weight:500}.profile-edit-btn:hover{background:var(--brand-blurple-560)}.profile-username{color:var(--text-muted);margin-bottom:8px;font-size:14px}.profile-pronouns{color:var(--text-muted);font-size:13px;font-weight:400}.profile-status-line{color:var(--header-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.profile-status-dot-sm{border-radius:50%;width:10px;height:10px}.profile-divider{background:var(--border-subtle);height:1px;margin:12px -16px}.profile-section-label{color:var(--header-primary);text-transform:uppercase;letter-spacing:.02em;margin-top:12px;margin-bottom:6px;font-size:12px;font-weight:700}.profile-section-label:first-of-type{margin-top:0}.profile-bio{color:var(--text-normal);word-break:break-word;white-space:pre-wrap;font-size:14px;line-height:18px}.profile-since{color:var(--text-normal);font-size:14px}.profile-roles{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.role-badge{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.role-dot{border-radius:50%;width:10px;height:10px}.message-avatar.clickable,.message-author.clickable{cursor:pointer}.message-avatar.clickable:hover{filter:brightness(1.1)}.message-author.clickable:hover{text-decoration:underline}.status-menu-divider{background:var(--border-subtle);height:1px;margin:4px -4px}.status-menu-item svg{opacity:.7}.char-counter{color:var(--text-muted);text-transform:none;letter-spacing:normal;text-align:right;margin-top:4px;font-size:11px;font-weight:400}.reaction-pill{position:relative}.reaction-pill-emoji{line-height:1;display:inline-block}.reaction-pill-count{font-variant-numeric:tabular-nums}.reaction-tooltip{background:var(--bg-floating);color:var(--header-primary);border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--elevation-high);opacity:0;pointer-events:none;z-index:20;padding:8px 12px;font-size:13px;font-weight:500;transition:opacity .1s ease-out,transform .1s ease-out;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.95)}.reaction-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--bg-floating);position:absolute;top:100%;left:50%;transform:translate(-50%)}.reaction-pill:hover .reaction-tooltip{opacity:1;transform:translate(-50%)scale(1)}.slash-autocomplete{background:var(--bg-floating);border-radius:var(--radius-md);box-shadow:var(--elevation-high);margin:0 16px 4px;animation:80ms ease-out menu-in;overflow:hidden}.slash-autocomplete-header{color:var(--text-muted);letter-spacing:.02em;padding:10px 16px 6px;font-size:12px;font-weight:600}.slash-autocomplete-header b{color:var(--header-primary);font-weight:700}.slash-autocomplete-item{text-align:left;width:100%;color:var(--text-normal);border-radius:0;align-items:center;gap:12px;padding:8px 16px;font-size:14px;transition:background 50ms ease-out;display:flex}.slash-autocomplete-item:hover{background:var(--bg-modifier-hover)}.slash-autocomplete-name{color:var(--header-primary);flex-shrink:0;min-width:90px;font-family:JetBrains Mono,monospace;font-weight:600}.slash-autocomplete-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.search-panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:420px;max-height:calc(100vh - 100px);box-shadow:var(--elevation-high);z-index:20;flex-direction:column;animation:.1s ease-out menu-in;display:flex;position:absolute;top:8px;right:16px;overflow:hidden}.search-panel-input-wrap{background:var(--bg-textarea);border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:8px 10px;display:flex}.search-panel-icon{color:var(--text-muted);flex-shrink:0}.search-panel-input{color:var(--text-normal);background:0 0;flex:1;padding:6px 0;font-size:14px}.search-panel-input::placeholder{color:var(--text-muted)}.search-panel-results{flex:1;padding:8px;overflow-y:auto}.search-panel-empty{color:var(--text-muted);text-align:center;padding:24px 12px;font-size:14px}.search-panel-count{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;padding:4px 8px 8px;font-size:12px;font-weight:600}.search-result-item{border-radius:var(--radius-sm);text-align:left;gap:10px;width:100%;padding:10px;transition:background 50ms ease-out;display:flex}.search-result-item:hover{background:var(--bg-modifier-hover)}.search-result-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.search-result-body{flex:1;min-width:0}.search-result-head{align-items:baseline;gap:6px;margin-bottom:2px;display:flex}.search-result-author{font-size:14px;font-weight:600}.search-result-time{color:var(--text-muted);font-size:11px}.search-result-text{color:var(--text-normal);white-space:nowrap;text-overflow:ellipsis;word-break:break-word;font-size:14px;line-height:18px;overflow:hidden}.search-highlight{color:var(--header-primary);background:#f0b23259;border-radius:2px;padding:0 2px}@keyframes flash-message{0%,to{background:0 0}20%,60%{background:#5865f238}}.message.flash{animation:2.5s ease-in-out flash-message}.chat-root{position:relative}.account-avatar{border-radius:var(--radius-round);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:flex;position:relative}.account-avatar .status-dot{border:3px solid var(--bg-secondary-alt);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.account-info{flex:1;min-width:0;padding:4px 0}.account-name{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-size:14px;font-weight:600;line-height:18px;overflow:hidden}.account-name:hover{text-decoration:none}.account-status{color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin-top:2px;font-size:12px;line-height:13px;display:flex;overflow:hidden}.account-status .status-dot-sm{border-radius:50%;flex-shrink:0;width:8px;height:8px}.account-status:hover{color:var(--interactive-hover)}.account-actions{flex-shrink:0;align-items:center;gap:0;display:flex}.account-panel .status-menu{bottom:calc(100% + 8px);left:8px;right:8px}.member-panel{flex-direction:column;padding:0;display:flex}.member-list{flex:1;padding:8px 8px 16px;overflow-y:auto}.member-list::-webkit-scrollbar{width:8px}.member-list::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px;min-height:40px}.member-empty{color:var(--text-muted);text-align:center;padding:16px 12px;font-size:13px}.header-search{align-items:center;height:28px;margin-left:4px;display:flex;position:relative}.header-search-input{background:var(--bg-tertiary);width:144px;height:28px;color:var(--text-normal);border:none;border-radius:4px;padding:0 28px 0 10px;font-size:14px;font-weight:500;line-height:16px;transition:width .15s ease-out;box-shadow:none!important;outline:none!important}.header-search-input:focus,.header-search-input:focus-visible{width:240px;box-shadow:none!important;outline:none!important}.header-search-input::placeholder{color:var(--text-muted);font-weight:500}.header-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.header-search-clear{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.header-search-clear:hover{color:var(--interactive-hover);background:var(--bg-modifier-hover)}.search-dd-backdrop{z-index:40;background:0 0;position:fixed;inset:0}.search-dd{background:var(--bg-floating);border-radius:var(--radius-md);width:380px;max-height:540px;box-shadow:var(--elevation-high);z-index:41;padding:8px;animation:.1s ease-out menu-in;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.search-dd::-webkit-scrollbar{width:8px}.search-dd::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.search-dd-row{border-radius:var(--radius-sm);width:100%;color:var(--text-normal);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;min-height:36px;padding:8px 12px;font-size:14px;transition:background 60ms ease-out;display:flex}.search-dd-row:hover{background:var(--bg-modifier-hover)}.search-dd-action .search-dd-title{color:var(--header-primary);font-weight:500}.search-dd-action .search-dd-title b{color:var(--header-primary);font-weight:700}.search-dd-prefix{width:20px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-dd-hash{color:var(--text-muted);font-size:18px;font-weight:400;line-height:1}.search-dd-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.search-dd-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex;overflow:hidden}.search-dd-title{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:18px;overflow:hidden}.search-dd-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:14px;overflow:hidden}.search-dd-sub-value{color:var(--text-normal)}.search-dd-msg-line{color:var(--text-normal);font-weight:400}.search-dd-in{color:var(--text-muted)}.search-dd-channel-name{color:var(--header-primary);font-weight:600}.search-dd-section{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;padding:12px 12px 4px;font-size:12px;font-weight:700}.search-dd-empty{color:var(--text-muted);text-align:center;padding:24px 16px;font-size:14px}.app.members-hidden{grid-template-columns:72px 240px 1fr 0}.app.members-hidden>.member-panel{display:none}.member-toggle-btn,.member-toggle-btn:hover,.member-toggle-btn:focus,.member-toggle-btn:focus-visible,.member-toggle-btn.active{background:0 0!important}.member-toggle-btn{color:var(--interactive-normal);transition:color .15s ease-out}.member-toggle-btn:hover{color:var(--interactive-hover)}.member-toggle-btn.active{color:var(--interactive-active)}.threads-button-wrap{display:inline-block;position:relative}.threads-backdrop{z-index:40;background:0 0;position:fixed;inset:0}.threads-popover{background:var(--bg-secondary);border-radius:var(--radius-md);width:720px;max-width:calc(100vw - 100px);max-height:620px;box-shadow:var(--elevation-high), 0 0 0 1px var(--border-subtle);z-index:41;flex-direction:column;animation:.1s ease-out menu-in;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.threads-popover-header{background:var(--bg-secondary-alt);border-bottom:1px solid #00000040;flex-shrink:0;align-items:center;gap:16px;padding:12px 16px;display:flex}.threads-popover-title{color:var(--header-primary);flex-shrink:0;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.threads-popover-title svg{color:var(--header-primary)}.threads-popover-search{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex:1;align-items:center;gap:6px;min-width:0;padding:6px 12px;display:flex}.threads-popover-search svg{color:var(--text-muted);flex-shrink:0}.threads-popover-search input{color:var(--text-normal);background:0 0;border:none;flex:1;min-width:0;font-size:14px;box-shadow:none!important;outline:none!important}.threads-popover-search input::placeholder{color:var(--text-muted)}.threads-popover-create{flex-shrink:0;min-width:72px;height:32px;padding:2px 16px;font-size:14px;font-weight:500}.threads-popover-create:disabled{opacity:.5;cursor:not-allowed}.threads-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:360px;padding:60px 40px;display:flex}.threads-empty-icon{background:var(--bg-primary);width:88px;height:88px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.threads-empty-title{color:var(--header-primary);margin:0 0 8px;font-size:20px;font-weight:700}.threads-empty-subtitle{color:var(--header-secondary);max-width:420px;margin:0 0 24px;font-size:14px;line-height:20px}.threads-empty-button{height:38px;padding:8px 20px;font-size:14px}.threads-empty-button:disabled{opacity:.5;cursor:not-allowed}.threads-list{flex:1;padding:8px;overflow-y:auto}.threads-list::-webkit-scrollbar{width:10px}.threads-list::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:5px}.threads-list-item{background:var(--bg-secondary-alt);border-radius:var(--radius-sm);cursor:pointer;text-align:left;gap:12px;width:100%;margin-bottom:8px;padding:12px;transition:background 60ms ease-out;display:flex}.threads-list-item:hover{background:var(--bg-modifier-hover)}.threads-list-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.threads-list-body{flex:1;min-width:0}.threads-list-head{align-items:baseline;gap:8px;display:flex}.threads-list-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:600;overflow:hidden}.threads-list-time{color:var(--text-muted);flex-shrink:0;font-size:12px}.threads-list-parent{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;line-height:18px;overflow:hidden}.threads-list-meta{color:var(--text-muted);margin-top:4px;font-size:12px}.notif-bell-btn{position:relative}.notif-badge{color:#fff;pointer-events:none;background:#f23f43;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:0;right:0}.notif-panel{background:var(--bg-floating,#18191c);z-index:900;border-radius:8px;width:320px;position:absolute;bottom:54px;left:72px;overflow:hidden;box-shadow:0 8px 32px #0000008a}.notif-panel-header{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 16px 8px;font-size:12px;font-weight:700;display:flex}.notif-panel-close{cursor:pointer;color:var(--interactive-normal);background:0 0;border:none;align-items:center;padding:2px;display:flex}.notif-panel-close:hover{color:var(--interactive-hover)}.notif-panel-empty{color:var(--text-muted);text-align:center;padding:12px 16px 16px;font-size:14px}.notif-row{border-top:1px solid var(--bg-modifier-accent,#ffffff0f);gap:12px;padding:10px 16px;display:flex}.notif-icon{background:var(--brand-experiment,#5865f2);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notif-content{flex:1;min-width:0}.notif-text{color:var(--text-normal);margin:0 0 8px;font-size:13px;line-height:1.4}.notif-actions{gap:8px;display:flex}.notif-btn{cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:13px;font-weight:500}.notif-btn-join{color:#fff;background:#23a55a}.notif-btn-join:hover{background:#1e9050}.notif-btn-dismiss{background:var(--bg-modifier-accent,#ffffff1a);color:var(--text-normal)}.notif-btn-dismiss:hover{background:var(--bg-modifier-hover,#ffffff29)}
