.anchored-menu{position:fixed;z-index:45;padding:6px;background:var(--input,#161619);color:var(--text,#e2e2e7);border:1px solid var(--line,#34343a);border-radius:8px;box-shadow:0 8px 28px #0008;overflow:auto}.anchored-menu [role=menuitem]{display:flex;justify-content:space-between;gap:12px;width:100%;min-height:36px;padding:8px;font-size:14px;text-align:left;background:none;border-radius:4px;color:inherit}.anchored-menu [role=menuitem]:hover,.anchored-menu [role=menuitem]:focus{background:#5865f2;color:#fff;outline:none}.anchored-menu [role=separator]{height:1px;background:var(--line,#34343a);margin:5px 4px}.anchored-menu .menu-accent{color:#a5aeff}.anchored-menu .destructive{color:#ff7e89}.anchored-menu .destructive:hover,.anchored-menu .destructive:focus{background:#b43743}@media(pointer:coarse){.anchored-menu [role=menuitem]{min-height:44px}}.user-settings{width:min(1240px,86vw);height:86dvh;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;color:var(--text,#e0e0e7);background:var(--conversation,#28282d);border:1px solid var(--line,#36363e);border-radius:12px;overflow:hidden;box-shadow:0 20px 80px #0008}.user-settings::backdrop{background:#000b}.us-layout{display:grid;grid-template-columns:232px minmax(0,1fr);height:100%}.us-sidebar{display:flex;flex-direction:column;min-height:0;overflow:auto;background:var(--shell,#171719);border-right:1px solid var(--line,#36363e);padding:20px 12px}.us-identity{display:flex;align-items:center;gap:10px;padding:0 4px 20px}.us-identity>span:last-child{min-width:0}.us-identity strong,.us-identity small{display:block;overflow-wrap:anywhere}.us-identity strong{font-size:14px}.us-identity small{font-size:11px;color:var(--muted);margin-top:4px}.us-avatar{display:grid;place-items:center;background:#5865f2;color:#fff;border-radius:50%;width:44px;height:44px;flex-shrink:0;font-weight:700}.us-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;padding:0 8px;font-size:12px;background:var(--input)}.us-search input{background:none;border:0;padding:9px 0;min-width:0;font-size:12px}.us-sidebar h2{font-size:11px;color:var(--muted);margin:24px 8px 8px;text-transform:uppercase;letter-spacing:.02em}.us-sidebar nav{display:grid;gap:3px}.us-sidebar nav button{justify-content:flex-start;background:none;border-radius:6px;padding:10px 8px;font-size:14px;color:var(--muted)}.us-sidebar nav button:hover{background:var(--hover);color:var(--text)}.us-sidebar nav button[aria-current=page]{background:var(--selected);color:var(--text)}.us-sidebar nav p{font-size:12px;padding:8px}.us-brand{font-size:11px;color:var(--muted);margin-top:auto;padding:30px 8px 0}.us-main{display:flex;flex-direction:column;min-width:0;min-height:0}.us-top{height:48px;min-height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:14px}.us-content{padding:36px 40px;overflow:auto;flex:1;min-width:0}.us-content>h1{font-size:24px;letter-spacing:0;margin-bottom:20px}.us-content>p{font-size:14px;max-width:640px}.us-content>.error{margin-bottom:18px}.us-notice{font-size:13px;color:#b8e4c3;min-height:0}.us-notice:not(:empty){margin-bottom:18px}.us-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,280px);gap:30px;align-items:start}.us-profile-grid form{min-width:0}.us-profile-grid label{font-size:12px;color:var(--text)}.us-profile-grid input,.us-profile-grid textarea,.us-profile-grid select{border:1px solid var(--line);padding:11px 12px;background:var(--input)}.us-profile-grid form>p{font-size:12px;margin:0}.us-preview,.us-account{border-radius:8px;overflow:hidden;background:var(--input);border:1px solid var(--line);min-width:0}.us-banner{height:88px;background:linear-gradient(110deg,#414873,#5d587e)}.us-preview>.us-avatar{width:70px;height:70px;border:6px solid var(--input);margin:-32px 0 0 16px;position:relative;font-size:20px}.us-preview>div:last-child{padding:12px 18px 20px}.us-preview h2{font-size:20px;overflow-wrap:anywhere;letter-spacing:0;margin-bottom:4px}.us-preview p{font-size:12px;color:var(--muted)}.us-bio{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid var(--line);padding-top:16px}.us-savebar{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;background:var(--shell);border:1px solid var(--line);border-radius:6px;font-size:12px}.us-savebar>span{flex:1}.us-savebar button{font-size:12px}.us-savebar .primary{padding:9px 12px}.us-content .appearance-settings{border:0;padding:0;margin-top:24px;max-width:560px}.us-content .appearance-settings h3{display:none}.us-account{max-width:680px;margin-bottom:24px}.us-account>div:last-child{padding:24px}.us-account h2{font-size:22px}.us-account dl{margin:0;display:grid;gap:8px}.us-account dt{font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:700}.us-account dd{margin:0 0 18px;font-size:14px;overflow-wrap:anywhere}.us-discard{max-width:calc(100vw - 32px);width:440px;padding:24px;background:#25252b;color:#eee;border:1px solid #45454e;border-radius:10px}.us-discard::backdrop{background:#0008}.us-discard h2{font-size:20px}.us-discard p{font-size:14px;color:#b5b5bf}@media(max-width:1050px){.us-profile-grid{grid-template-columns:minmax(0,1fr)}.us-preview{max-width:320px}.us-content{padding:28px}}@media(max-width:750px){.user-settings{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;border:0}.us-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.us-sidebar{padding:10px 12px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.us-identity,.us-sidebar h2,.us-brand,.us-search{display:none}.us-sidebar nav{display:flex;gap:4px}.us-sidebar nav button{min-height:44px;flex:1;justify-content:center;padding:8px;font-size:12px;gap:5px}.us-sidebar nav button svg{width:16px}.us-content{padding:22px 18px}.us-top{padding-left:18px}.us-savebar{bottom:-22px}.us-preview{width:100%}}.category-drop-target{outline:1px dashed #9099ff;outline-offset:-1px;background:#5865f21a;border-radius:4px}.category-drop-before{box-shadow:0 -2px #9099ff}.category-drop-after{box-shadow:0 2px #9099ff}.category-section .sidebar-label>button{min-width:0;flex:1;text-align:left;justify-content:flex-start}.category-section .sidebar-label>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-section .sidebar-label>button[aria-expanded=false] svg{transform:rotate(-90deg)}.category-empty{font-size:11px;color:var(--text-muted,#949ba4);margin:3px 12px 7px;padding:8px 4px;border:1px dashed var(--border,#41434a);border-radius:4px}.category-section .channel-group:empty{display:none}.category-section .sidebar-label .category-manage{flex:0 0 24px;justify-content:center;padding:2px;font-size:17px}.organization-dialog{width:min(620px,calc(100vw - 24px))}.organization-dialog h3{margin:22px 0 10px}.organization-create,.organization-name{display:flex;align-items:flex-end;gap:10px}.organization-create label,.organization-name label{flex:1;min-width:0}.organization-create button,.organization-name button{flex-shrink:0;margin-bottom:1px}.organization-category{padding:12px 0;border-bottom:1px solid var(--border,#41434a)}.organization-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.organization-buttons button{font-size:12px;padding:7px 10px}.organization-delete{padding:10px;margin-top:10px;border:1px solid #b34b50;border-radius:5px}.organization-delete p{margin:0;font-size:13px}.organization-channel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;margin:0;border-bottom:1px solid var(--border,#41434a)}.organization-channel>span{display:flex;align-items:center;gap:8px;min-width:0}.organization-channel>span>span{overflow-wrap:anywhere;min-width:0}.organization-channel small{display:block;font-size:11px;color:var(--text-muted,#949ba4);font-weight:400}.organization-channel select{width:48%;margin:0}.organization-dialog .muted{font-size:13px}@media(max-width:600px){.organization-create{align-items:stretch;flex-direction:column}.organization-buttons button{min-height:38px}.organization-name{gap:6px}.organization-channel{gap:8px}}.typing-indicator{flex:0 0 22px;min-height:22px;max-height:22px;padding:2px 24px;color:var(--muted,#b5bac1);font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot[data-status=unknown]{background:#80848e;box-shadow:inset 0 0 0 2px var(--panel,#2b2d31)}@media(max-width:700px){.typing-indicator{padding-inline:16px}}.channel-link .unread-badge{flex:none;min-width:18px;padding:1px 5px;border-radius:10px;background:#eceef3;color:#232428;font-size:10px;font-weight:800;line-height:16px;text-align:center;margin-left:auto}.read-state{flex:none}.read-state:empty{display:none}.unread-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#41488b;color:#f2f3ff;padding:6px 16px;font-size:12px}.unread-summary button{background:transparent;border:0;color:inherit;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}.unread-summary button:disabled{opacity:.65;cursor:default}.unread-divider{display:flex;align-items:center;gap:12px;color:#e4878a;font-size:11px;font-weight:700;padding:5px 16px}.unread-divider:before,.unread-divider:after{content:"";height:1px;background:currentColor;flex:1}.read-state>.error{margin:4px 16px;font-size:12px}@media(max-width:600px){.unread-summary{padding:6px 12px;align-items:flex-start}.unread-summary span{min-width:0}}.deletion-notice{padding:16px;margin:12px;border:1px solid #b77c24;border-radius:10px;background:#302719;color:#fff1d6;font-size:14px;line-height:1.5}.deletion-notice p{margin:6px 0}.deletion-notice button{color:inherit;border:1px solid currentColor;border-radius:6px;background:transparent;padding:6px 10px;cursor:pointer}.deletion-notice-app{position:fixed;z-index:10000;bottom:12px;right:12px;max-width:540px;max-height:70vh;overflow:auto;box-sizing:border-box}@media(max-width:600px){.deletion-notice-app{left:4px;right:4px;bottom:4px;max-width:none}}.app-shell{--shell:#171719;--panel:#202024;--conversation:#28282d;--raised:#35353c;--hover:#303036;--selected:#3b3b44;--line:#36363e;--input:#17171b;--text:#e0e0e7;--muted:#aaaab6;display:grid;grid-template-columns:72px 280px minmax(0,1fr) 240px;grid-template-rows:32px minmax(0,1fr) 64px;height:100dvh;overflow:hidden;background:var(--shell);color:var(--text)}.app-shell[data-theme=onyx]{--shell:#101011;--panel:#131314;--conversation:#19191c;--raised:#28282d;--hover:#252529;--selected:#2b2b2e;--line:#2d2d32;--input:#111113;--text:#e2e2e7}.app-shell[data-members=hidden]{grid-template-columns:72px 280px minmax(0,1fr)}.app-shell[data-members=hidden] .members-panel{display:none}.app-titlebar{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:center;position:relative;font-size:13px;color:var(--muted);background:var(--shell);-webkit-user-select:none;user-select:none;min-width:0}.app-titlebar strong{font-weight:600;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.title-brand{position:absolute;left:16px;font-size:12px;font-weight:700}.app-titlebar>button{position:absolute;right:16px;padding:4px;background:none;color:var(--muted)}.server-rail{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 12px 16px;overflow:auto;scrollbar-width:none;background:var(--shell)}.home-button{padding:0;background:none;position:relative;flex-shrink:0}.server-rail .brand-mark{width:44px;height:44px;border-radius:14px}.rail-line{height:1px;min-height:1px;width:28px;margin:0 0 2px;background:var(--line)}.server-badge,.server-add{width:44px;height:44px;min-height:44px;flex-shrink:0;border-radius:14px;background:var(--raised);color:var(--text);position:relative;font-size:15px;font-weight:700;border:0}.server-badge:hover,.server-badge.active,.server-add:hover{background:#5865f2;color:#fff}.server-badge.active:before,.home-button.active:before{content:"";position:absolute;left:-14px;width:4px;height:32px;background:#f2f3f5;border-radius:0 4px 4px 0;top:6px}.server-badge:not(.active):hover:before{content:"";position:absolute;left:-14px;width:4px;height:16px;top:14px;background:#ddd;border-radius:0 4px 4px 0}.server-add{color:#b6bdff}.server-unread{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;background:#f1f1f5;border:3px solid var(--shell);border-radius:50%}.channel-sidebar{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:12px 0 0}.server-heading{height:48px;min-height:48px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--line)}.server-heading>button{width:100%;height:100%;justify-content:space-between;background:none;text-align:left;padding:0}.server-heading>button:hover{color:#fff}.server-heading h1{margin:0;max-width:225px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:650;letter-spacing:0}.channel-list{flex:1;min-height:0;overflow:auto;padding:12px 8px;scrollbar-width:thin;scrollbar-color:var(--input) transparent}.sidebar-label{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;margin-bottom:3px;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.025em}.sidebar-label>button:not(.icon-button){background:none;padding:2px 0;text-transform:uppercase;font-size:inherit;color:inherit}.sidebar-label>button[aria-expanded=false]>svg{transform:rotate(-90deg)}.sidebar-label .icon-button{width:22px;height:22px;padding:2px;margin:-6px -3px -6px 0}.channel-section+.channel-section,.section-space{margin-top:18px}.channel-link{width:100%;justify-content:flex-start;min-height:34px;padding:6px 8px;margin-bottom:2px;gap:8px;background:none;color:var(--muted);font-size:15px;border-radius:6px;text-align:left}.channel-link span:not(.active-dot){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-link svg{color:var(--muted)}.channel-link:hover,.member-row:hover{background:var(--hover);color:var(--text)}.channel-link.active{background:var(--selected);color:#f7f7fa}.sidebar-hint{font-size:12px;color:var(--muted);line-height:1.5;margin:12px 8px}.invite-button{display:flex;width:100%;gap:8px;padding:8px;background:none;color:#b9c0ff;font-size:13px;margin-bottom:16px}.invite-button>svg:last-child{margin-left:auto}.invite-button:hover{background:var(--hover)}.quick-switch-button{width:100%;background:var(--input);font-size:12px;padding:9px 8px;margin-bottom:12px;color:var(--muted)}.quick-switch-button kbd{font:inherit;font-size:9px;margin-left:auto}.self-bar{grid-column:1/3;grid-row:3;display:flex;align-items:center;gap:6px;min-width:0;padding:8px;margin:4px 8px 8px;background:var(--raised);border:1px solid var(--line);border-radius:8px;z-index:21}.self-bar strong{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.self-bar div>span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.profile-button{background:none;display:flex;align-items:center;gap:8px;min-width:0;flex:1;text-align:left;padding:2px;justify-content:flex-start}.profile-button>div{min-width:0}.profile-button:hover{background:#ffffff0a}.profile-button:hover strong{color:#fff}.conversation,.home-content{grid-column:3;grid-row:2/4;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--conversation);border-top:1px solid var(--line)}.conversation-heading{height:48px;min-height:48px;display:flex;gap:8px;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);color:var(--muted)}.conversation-heading h2{margin:0;font-size:16px;font-weight:650;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.conversation-heading p{margin:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-divider{height:20px;width:1px;background:var(--line);margin:0 4px;flex-shrink:0}.header-spacer{flex:1}.conversation-heading .icon-button[aria-label="Open navigation"]{display:none}.search-box{display:flex;align-items:center;gap:6px;width:160px;min-width:0;height:28px;border:1px solid var(--line);border-radius:6px;padding:0 6px;background:var(--input);flex-shrink:0}.search-box input{min-width:0;width:100%;padding:3px 0;border:0;background:none;font-size:12px;outline-offset:2px}.conversation-body{overflow:auto;flex:1;min-height:0;padding:16px 0 0;display:flex;flex-direction:column;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:var(--input) transparent}.channel-welcome{margin-top:auto;padding:32px 16px 20px}.channel-symbol{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:var(--raised);color:var(--text);margin-bottom:16px}.channel-welcome h2{font-size:30px;margin-bottom:8px}.channel-welcome p{font-size:14px;color:var(--muted);margin:0}.bottom-note{padding:12px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.members-panel{grid-column:4;grid-row:2/4;background:var(--panel);border:1px solid var(--line);border-left:0;border-bottom:0;overflow:auto;padding:64px 8px 16px;min-width:0}.members-panel>h2,.member-section h3{font-size:11px;margin:0 8px 12px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.02em}.member-section h3{margin-top:20px}.member-row{display:flex;gap:10px;align-items:center;padding:5px 8px;min-height:44px;margin:0;width:100%;background:none;text-align:left;justify-content:flex-start;border-radius:6px}.member-row>div{min-width:0}.member-row strong{font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;color:var(--text);overflow-wrap:anywhere}.member-row div>span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.you-tag{font-size:9px;font-weight:400;color:var(--muted)}.message-list{padding:8px 0 20px}.message-list:empty{display:none}.message{display:flex;gap:16px;padding:4px 16px;margin-top:16px;position:relative;border-radius:0}.message:hover{background:var(--hover)}.message-main{min-width:0;flex:1}.message-avatar{background:none;align-self:flex-start;border-radius:50%;padding:0;margin-top:2px;flex-shrink:0}.message>.avatar,.message-avatar .avatar{width:40px;height:40px;font-size:13px}.message .status-dot{display:none}.message header{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0 0 2px}.message header strong{font-size:15px;font-weight:600;color:var(--text)}.message-author{padding:0;background:none;border-radius:2px}.message-author:hover strong{text-decoration:underline}.message time,.edited{font-size:11px;color:var(--muted)}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;color:var(--text);margin:0;line-height:1.4}.message-text:empty{display:none}.message-continuation{margin-top:0;padding-left:72px;min-height:26px}.message-continuation .continuation-meta{position:absolute;left:6px;top:7px;width:58px;overflow:hidden;white-space:nowrap;display:block;margin:0}.continuation-meta .message-author,.continuation-meta>strong{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.continuation-meta time{font-size:10px;opacity:0}.message-continuation:hover time,.message-continuation:focus-within time{opacity:1}.message-tools{position:absolute;right:16px;top:-24px;display:flex;opacity:0;pointer-events:none;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:2px;box-shadow:0 3px 8px #0003;z-index:2}.message:hover .message-tools,.message:focus-within .message-tools{opacity:1;pointer-events:auto}.message-tools .icon-button{width:32px;height:30px;padding:6px}.message .edit-form textarea,.message .edit-form button{position:relative;z-index:3}.emoji-picker{position:absolute;right:16px;top:24px;z-index:4;display:flex;flex-wrap:wrap;max-width:340px;gap:1px;padding:7px;background:var(--input);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 18px #0004}.emoji-picker>button{background:none;padding:7px;font-size:20px;min-width:36px;min-height:36px}.emoji-picker>button:hover{background:var(--hover)}.reactions{display:flex;gap:5px;flex-wrap:wrap}.reaction{font-size:12px;padding:3px 7px;border:1px solid var(--line);background:var(--panel);border-radius:7px;margin-top:7px}.reaction[aria-pressed=true]{background:#5865f233;border-color:#5865f2;color:#dce0ff}.reply-preview{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted);max-width:100%;margin-bottom:7px;border:0;border-left:2px solid var(--line);padding:0 0 0 8px;background:none;text-align:left;justify-content:flex-start;border-radius:0}.reply-preview strong{font-weight:600;white-space:nowrap}.reply-preview span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview:hover{color:#fff}.pinned-label{font-size:10px;display:flex;align-items:center;gap:4px;color:#e7c483;margin-bottom:5px}.pinned-message{background:#e2b56608}.message-highlight{background:#5865f22b;box-shadow:inset 3px 0 #a5aeff}.composer-area{padding:0 16px 12px;position:relative}.composer{display:flex;align-items:center;min-height:56px;gap:8px;padding:8px 10px;background:var(--raised);border:1px solid var(--line);border-radius:8px}.composer:focus-within{border-color:#777787}.composer textarea{flex:1;min-width:0;min-height:34px;max-height:140px;border:0;background:none;padding:6px 0;resize:none;line-height:22px;font-size:15px;box-shadow:none;outline:none}.composer textarea::placeholder{color:var(--muted)}.send-button{background:none;color:var(--muted);width:32px;height:32px;padding:6px;flex-shrink:0;border-radius:4px}.send-button:not(:disabled):hover{background:#5865f2;color:#fff}.composer-help{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);padding:6px 2px 0}.composer-help kbd{font:inherit}.composer-area>.error{margin-bottom:10px}.reply-banner{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;padding:9px 12px;font-size:12px;color:var(--text)}.reply-banner>span{flex:1;min-width:0}.reply-banner small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);margin-top:4px}.reply-banner+.composer{border-radius:0 0 8px 8px}.search-summary{font-size:12px;color:var(--muted);padding:8px 16px;border-bottom:1px solid var(--line)}.home-directory{padding:24px 30px;overflow:auto}.home-directory>p{font-size:13px;margin:16px 0 24px}.home-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--input);padding:0 12px;color:var(--muted)}.home-search input{border:0;background:none;padding:12px 0;font-size:15px;min-width:0}.home-dm-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 8px;text-align:left;justify-content:flex-start;border-radius:6px;background:none;border-top:1px solid var(--line)}.home-dm-row:hover{background:var(--hover)}.home-dm-row>span:not(.avatar){flex:1;min-width:0}.home-dm-row strong,.home-dm-row small{display:block;overflow-wrap:anywhere}.home-dm-row small{color:var(--muted);font-size:12px;margin-top:4px}.home-empty{max-width:540px;margin:12vh auto 0;text-align:center;color:var(--muted)}.home-empty h1{font-size:24px;margin:20px 0 12px;color:var(--text)}.home-empty p{font-size:14px}.home-empty .primary{margin-top:12px}.app-shell .modal,.app-shell .message-tools{background:var(--conversation);border-color:var(--line)}.app-shell .attachment-draft,.app-shell .file-card,.app-shell .gif-picker{background:var(--panel);border-color:var(--line)}.app-shell input,.app-shell select,.app-shell .edit-form textarea,.app-shell .gif-search,.app-shell .gif-picker footer,.app-shell .reorder-menu{background:var(--input);border-color:var(--line)}.app-shell .home-search input,.app-shell .search-box input,.app-shell .gif-search input{background:none}.app-shell .secondary,.app-shell .gif-categories button:not([aria-pressed=true]),.app-shell .gif-grid>button{background:var(--raised)}.app-shell[data-density=compact] .message:not(.message-continuation){margin-top:6px;padding-block:2px}.app-shell[data-density=compact] .channel-link{min-height:28px;padding-block:3px}.app-shell[data-density=compact] .member-row{min-height:36px;padding-block:3px}.nav-scrim{display:none}@media(max-width:1150px){.app-shell,.app-shell[data-members=hidden]{grid-template-columns:72px 272px minmax(0,1fr)}.members-panel,.conversation-heading p,.header-divider{display:none}}@media(max-width:750px){.app-shell{display:flex;flex-direction:column}.app-titlebar{height:32px;min-height:32px}.title-brand{left:12px;font-size:11px}.server-rail,.channel-sidebar,.self-bar{display:none}.conversation,.home-content{flex:1;width:100%;min-height:0}.nav-open .server-rail{display:flex;position:fixed;z-index:20;left:0;top:32px;bottom:68px;width:72px}.nav-open .channel-sidebar{display:flex;position:fixed;z-index:20;left:72px;top:32px;bottom:68px;width:min(272px,calc(100vw - 96px))}.nav-open .self-bar{display:flex;position:fixed;left:0;bottom:0;width:min(328px,calc(100vw - 32px));height:56px;margin:4px 8px 8px}.nav-open .nav-scrim{display:block;position:fixed;inset:32px 0 0;background:#0009;z-index:19;border-radius:0}.conversation-heading{padding:0 8px;gap:5px}.conversation-heading .icon-button[aria-label="Open navigation"]{display:flex}.conversation-heading h2{font-size:14px;flex:1;min-width:0}.conversation-heading>svg,.header-spacer{display:none}.search-box{width:90px}.search-box input{font-size:11px}.conversation-body{padding-top:8px}.message{padding-inline:12px;gap:10px}.message>.avatar,.message-avatar .avatar{width:32px;height:32px;font-size:11px}.message-continuation{padding-left:54px}.message-continuation .continuation-meta{left:2px;width:48px}.message-text{font-size:15px}.message-tools{position:static;opacity:1;pointer-events:auto;align-self:flex-start;margin-top:6px;flex-wrap:wrap;max-width:64px}.message-tools .icon-button{width:28px;height:28px;padding:6px}.composer-area{padding:0 10px 12px}.composer{gap:4px;padding:5px 6px}.composer-help>span:last-child{display:none}.composer-help{font-size:9px}.channel-welcome h2{font-size:26px}.home-directory{padding:18px 16px}.home-empty{margin-top:10vh}}@media(pointer:coarse){.channel-link,.member-row,.app-shell[data-density=compact] .channel-link,.app-shell[data-density=compact] .member-row{min-height:44px}.sidebar-label>button:not(.icon-button){min-height:44px}.message-tools{position:static;opacity:1;pointer-events:auto;align-self:flex-end;flex-wrap:wrap;max-width:82px}.message-avatar{min-width:44px;min-height:44px}.message-author,.emoji-picker>button{min-height:44px}}.avatar{position:relative;flex-shrink:0}.status-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border:3px solid var(--panel);border-radius:50%;background:#80848e}.status-dot[data-status=online]{background:#3ba55c}.status-dot[data-status=away]{background:#f0b232}.status-dot[data-status=dnd]{background:#ed4245}.message-text code{background:var(--panel);border:1px solid var(--line);border-radius:4px;font-size:.9em;padding:1px 4px}.emoji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.emoji-grid button{font-size:25px;min-height:44px;background:var(--raised)}.attachment-preview{display:block;max-width:100%;background:none;padding:0;border-radius:6px}.attachment-preview:hover{outline:2px solid var(--accent)}.app-shell .image-lightbox{width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px)}.image-lightbox .modal-content>img{display:block;width:100%;max-height:65dvh;object-fit:contain}.image-lightbox h2{overflow-wrap:anywhere}.app-shell .message-highlight{background:#5865f22b;box-shadow:inset 3px 0 #a5aeff}.date-divider{display:flex;align-items:center;gap:10px;margin:16px;color:var(--muted);font-size:11px}.date-divider:before,.date-divider:after{content:"";flex:1;height:1px;background:var(--raised)}.history-query{margin:16px 0}.history-result{display:flex;flex-direction:column;align-items:flex-start;gap:6px;white-space:pre-wrap}.history-result>span{font-size:12px}.history-result>span:last-child{max-height:100px;overflow:hidden}.history-result strong{font-size:13px}.destination-results{display:grid;gap:8px;margin-top:16px;max-height:55dvh;overflow:auto}.destination-results button{justify-content:flex-start;overflow-wrap:anywhere;text-align:left}.server-menu-actions{display:grid;gap:12px}.app-shell .file-card:hover{background:var(--hover)}.appearance-settings{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;display:grid;gap:16px}.appearance-settings h3{margin:0;font-size:16px}.invite-notice{padding:12px;border:1px solid #5865f2;border-radius:8px;background:#5865f22a;color:#d9ddff}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.recovery-card>.welcome-symbol{margin:40px 0 25px}.check-label{display:flex;align-items:center;gap:10px;font-size:13px}.check-label input{width:16px;height:16px;accent-color:var(--accent)}.member-checks{border:1px solid var(--line);border-radius:10px;padding:15px;max-height:240px;overflow:auto}.member-checks legend{font-size:12px;color:var(--muted)}.member-checks label+label{margin-top:12px}.edit-form{gap:0}.edit-form textarea{font-size:13px}.edit-form .form-actions{margin-top:8px}.edit-form button{font-size:11px;padding:7px 12px}.danger{background:#b9425b;color:#fff;padding:11px 18px;font-weight:600}.icon-button[aria-pressed=true]{color:var(--accent);background:#5865f210}.profile-heading{display:flex;gap:15px;align-items:center;margin:25px 0}.avatar.large{width:62px;height:62px;font-size:22px;border-radius:19px}.profile-heading strong{display:block;font-size:20px}.profile-heading div>span{color:var(--muted);font-size:12px;display:block;margin-top:5px}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere}.membership-controls{border-top:1px solid var(--line);margin-top:26px;padding-top:23px}.membership-controls h3{font-size:13px}.membership-controls .form-actions{justify-content:flex-start;margin:12px 0 20px}.membership-controls button{font-size:12px}.membership-controls .danger{margin-right:10px}.destructive{color:var(--danger)}.success-notice{color:var(--accent);font-size:12px;margin:15px 0 0}.attachment-draft,.file-card{display:flex;align-items:center;gap:12px;background:#26323d;border:1px solid #3e4d5b;border-radius:9px;padding:12px 15px;font-size:12px;max-width:360px;text-decoration:none;color:#cbdbe9;margin:12px 0}.attachment-draft>span,.file-card>span{flex:1;min-width:0;overflow-wrap:anywhere}.attachment-draft small,.file-card small{display:block;color:#869baf;font-size:10px;margin-top:5px}.attachment-draft svg,.file-card svg{color:#87b9cb}.upload-status{font-size:12px;color:var(--accent);margin-bottom:12px}.file-card:hover{border-color:var(--accent);background:#35373c}.sync-notice{pointer-events:none;position:fixed;bottom:88px;left:50%;transform:translate(-50%);z-index:50;padding:9px 15px;border-radius:8px;border:1px solid #6d6140;background:#413b29;color:#ffdfa3;font-size:12px;box-shadow:0 3px 16px #0003}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9edf1;background:#1e1f22;font-synthesis:none;font-weight:400;--bg:#1e1f22;--panel:#2b2d31;--raised:#383a40;--line:#26272b;--muted:#b5bac1;--accent:#5865f2;--accent-ink:#fff;--danger:#ff9caa;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;color:inherit;border-radius:9px;transition:background .15s}input,textarea,select{width:100%;color:inherit;background:#11151c;border:1px solid #343d4b;border-radius:9px;padding:12px 14px}input:focus,textarea:focus{border-color:var(--accent)}label{display:grid;gap:9px;font-size:13px;font-weight:600}form{display:grid;gap:20px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}p{line-height:1.65}svg{flex-shrink:0}a{color:var(--accent)}.primary{padding:13px 18px;background:var(--accent);color:var(--accent-ink);font-weight:700}.primary:hover{background:#4752c4}.secondary{padding:10px 14px;background:var(--raised);border:1px solid var(--line)}.secondary:hover{background:#2b3440}.wide{width:100%;justify-content:space-between}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:750;color:var(--accent);display:block;margin-bottom:18px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:750;letter-spacing:-.035em;white-space:nowrap}.brand-light{font-weight:400;color:var(--muted)}.brand-mark{display:grid;place-items:center;color:var(--accent);width:40px;height:40px;background:#5865f2;border-radius:12px}.text-button{color:var(--accent);padding:0;background:none;font-weight:600}.error{color:var(--danger);padding:12px;background:#42252c;border-radius:8px;font-size:13px;margin:0}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--avatar-color) 20%,#1a2028);color:var(--avatar-color);font-weight:750;font-size:12px;flex-shrink:0}.welcome{min-height:100dvh;background:radial-gradient(ellipse at center,#1b2d2b,#1e1f22 60%)}.welcome>header{display:flex;align-items:center;justify-content:space-between;padding:26px 40px}.welcome-card{max-width:580px;margin:12vh auto;padding:30px;text-align:center}.welcome-card h1{font-size:40px}.welcome-card p{color:var(--muted);font-size:15px}.welcome-symbol{display:grid;place-items:center;width:82px;height:82px;background:#5865f214;color:var(--accent);border:1px solid #5865f224;border-radius:25px;margin:0 auto 28px}.loading-screen,.recovery-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.loading-screen p{color:var(--muted)}.recovery-card{max-width:490px;padding:30px}.recovery-card h1{font-size:30px}.recovery-card p{font-size:14px;color:var(--muted)}.recovery-icon{margin:40px 0 24px;color:var(--accent)}.recovery-code{display:block;padding:18px;border-radius:9px;background:#243a33;border:1px solid #416253;overflow-wrap:anywhere;color:#d5ffef;line-height:1.8;margin-bottom:22px;-webkit-user-select:all;user-select:all}.connection-error{padding:14px;background:#482932;color:#ffd2da;display:flex;justify-content:space-between}.connection-error button{background:#693c49;padding:3px 14px}@media(max-width:750px){.welcome>header{padding:20px}.welcome-card{margin:7vh auto}.welcome-card h1{font-size:32px}}.icon-button{width:34px;height:34px;padding:7px;background:none;color:var(--muted);flex-shrink:0}.icon-button:hover{background:#ffffff0b;color:#fff}.modal{max-width:min(480px,calc(100vw - 32px));width:480px;border:1px solid #3b4553;border-radius:16px;color:inherit;background:#1a2029;padding:0;box-shadow:0 20px 80px #0009}.modal::backdrop{background:#080d15b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{padding:28px}.modal header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.modal h2{font-size:23px;margin:0}.modal p{font-size:14px}.welcome-identity{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:34px;font-size:12px;color:var(--muted)}@media(max-width:750px){.modal-content{padding:22px}}button{border-radius:4px;touch-action:manipulation}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#a5aeff}a,.text-button{color:#a5aeff}.primary{color:#fff;font-weight:600}.error{border-radius:4px}.icon-button{width:32px;height:32px;padding:6px}.brand-mark{color:#fff;background:#5865f2}.avatar,.avatar.large{border-radius:50%}.attachment-draft,.file-card{background:#2b2d31;border-color:#232428;border-radius:6px;color:#dbdee1;max-width:min(100%,400px);padding:12px;margin:8px 0;font-size:13px}.attachment-draft small,.file-card small{color:#949ba4;font-size:11px}.attachment-draft svg,.file-card svg{color:#b5bac1}.upload-status,.success-notice{color:#c9cdfb}.modal{background:#313338;border-color:#232428;border-radius:8px;max-height:88dvh}.modal-content{padding:24px}.modal::backdrop{background:#0009;-webkit-backdrop-filter:none;backdrop-filter:none}input,textarea,select{background:#1e1f22;border-color:#26272b;border-radius:4px}@media(max-width:750px){.modal-content{padding:20px}}@media(pointer:coarse){.icon-button{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.channel-row{position:relative}.channel-row.dragging{opacity:.45}.channel-row.drop-before:before,.channel-row.drop-after:after{content:"";position:absolute;left:2px;right:2px;height:3px;background:#949cff;z-index:3;border-radius:2px;pointer-events:none}.channel-row.drop-before:before{top:-2px}.channel-row.drop-after:after{bottom:0}.reorder-status{font-size:11px;color:#b5bac1;margin:6px 8px}.channel-row{display:flex;align-items:center}.reorder-button{position:absolute;right:0;top:0;bottom:2px;width:26px;color:#b5bac1;font-size:19px;opacity:.55}.reorder-button:hover,.reorder-button:focus-visible{opacity:1;background:#ffffff0b}.reorder-menu{position:absolute;top:100%;left:8px;right:0;padding:5px;z-index:6;background:#111214;border:1px solid #45474f;border-radius:4px;box-shadow:0 4px 12px #0006}.reorder-menu button{display:flex;width:100%;padding:10px;font-size:12px;justify-content:flex-start}.reorder-menu button:not(:disabled):hover{background:#5865f2;color:#fff}@media(pointer:coarse){.reorder-button{width:40px;opacity:1}}.gif-label{font-size:10px;font-weight:800;line-height:15px;border:2px solid currentColor;border-radius:3px;padding:0 2px}.gif-picker{position:absolute;bottom:calc(100% + 8px);right:16px;width:min(420px,calc(100vw - 32px));max-height:min(520px,calc(100dvh - 130px));display:flex;flex-direction:column;background:#2b2d31;border:1px solid #1e1f22;border-radius:8px;box-shadow:0 8px 32px #0007;z-index:10;overflow:hidden}.gif-picker header{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #1e1f22;flex-shrink:0}.gif-picker header strong{color:#f2f3f5;font-size:16px}.gif-picker header>span{font-size:12px;color:#949ba4}.gif-picker header .icon-button{margin-left:auto}.gif-search{display:flex;align-items:center;gap:8px;padding:0 10px;margin:12px 12px 8px;background:#1e1f22;border-radius:4px;flex-shrink:0}.gif-search input{background:none;border:0;padding:10px 0;font-size:14px}.gif-categories{display:flex;overflow-x:auto;gap:6px;padding:0 12px 10px;flex-shrink:0}.gif-categories button{white-space:nowrap;border-radius:4px;background:#383a40;font-size:12px;padding:6px 10px;text-transform:capitalize}.gif-categories button[aria-pressed=true]{background:#5865f2;color:#fff}.gif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 12px 12px;overflow:auto;min-height:0}.gif-grid>button{position:relative;display:flex;flex-direction:column;min-width:0;background:#383a40;overflow:hidden;border:2px solid transparent;border-radius:6px;padding:8px 4px;gap:3px}.gif-grid>button:hover,.gif-grid>button:focus-visible{border-color:#949cff;background:#404249}.gif-grid img{width:100%;height:94px;object-fit:contain}.gif-grid span{font-size:11px;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gif-picker footer{padding:10px 12px;background:#232428;color:#b5bac1;font-size:10px;line-height:1.4;flex-shrink:0;max-height:110px;overflow:auto}.gif-picker footer>span,.gif-picker footer>strong,.gif-picker details span{display:block;overflow-wrap:anywhere}.gif-picker footer>strong{margin-bottom:3px}.gif-picker details{margin-top:4px}.gif-picker summary{cursor:pointer}.gif-notice{font-size:12px;padding:8px 12px;margin:0;color:#c9cdfb}.gif-picker>.error{margin:4px 12px 8px}.attachment-image{display:block;max-width:min(100%,400px);max-height:300px;border-radius:6px;object-fit:contain;margin-top:6px}.attachment-draft img{width:64px;height:64px;object-fit:contain;border-radius:4px;background:#383a40}.message-attachment{max-width:100%}@media(max-width:750px){.gif-picker{right:10px;width:min(380px,calc(100vw - 20px))}.gif-grid img{height:80px}.attachment-image{max-height:240px}}.auth-layout.auth-login{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:112px 24px;color:#f2f3f5;background:radial-gradient(ellipse at 100% 0,#394cbd 0,transparent 60%),radial-gradient(ellipse at 85% 100%,#3446a8 0,transparent 55%),#201752}.auth-login .auth-brand{position:absolute;top:40px;left:48px}.auth-login .brand{font-size:20px;color:#fff}.auth-login .brand-light{color:#fff}.auth-login .brand-mark{width:32px;height:32px;border-radius:9px}.auth-login .login-card{width:min(480px,100%);padding:32px;background:#232329;border-radius:8px;box-shadow:0 8px 32px #0003}.auth-login .login-card h2{margin:0 0 8px;color:#f2f3f5;text-align:center;font-size:24px;font-weight:700;line-height:30px;letter-spacing:-.02em}.auth-login .login-card .auth-description{margin:0 0 24px;text-align:center;color:#b5bac1;font-size:16px;line-height:22px}.auth-login form{display:grid;gap:20px}.auth-login label{display:grid;gap:8px;color:#dbdee1;font-size:14px;font-weight:600;line-height:18px}.auth-login input{width:100%;min-width:0;height:44px;padding:10px;border:1px solid #3b3b44;border-radius:6px;background:#1e1e24;color:#f2f3f5;font-size:16px;font-weight:400;line-height:22px}.auth-login input::placeholder{color:#949ba4}.auth-login input:focus{border-color:#9aa5ff}.auth-login :is(input,button):focus-visible{outline:2px solid #a5aeff;outline-offset:3px}.auth-login .text-button{color:#a5aeff;background:none;font-size:14px;font-weight:400;line-height:20px}.auth-login .text-button:hover{text-decoration:underline}.auth-login .auth-recover{justify-self:start;margin-top:-14px;padding:0}.auth-login .primary{height:40px;min-height:40px;margin:0;padding:8px 16px;justify-content:center;background:#5865f2;color:#fff;border-radius:6px;font-size:16px;font-weight:500;line-height:24px}.auth-login .primary:hover:not(:disabled){background:#4752c4}.auth-login .primary:disabled{opacity:.6;cursor:wait}.auth-login .login-card .auth-switch{margin:12px 0 0;color:#949ba4;text-align:left;font-size:14px;line-height:20px}.auth-login .login-card .invite-notice{margin:0 0 20px;font-size:14px;line-height:20px}.auth-login .error{margin:0;overflow-wrap:anywhere}@media(max-width:600px){.auth-layout.auth-login{display:block;padding:0;background:#232329}.auth-login .auth-brand{top:20px;left:16px}.auth-login .brand{gap:8px;font-size:16px}.auth-login .brand-mark{width:24px;height:24px;border-radius:6px}.auth-login .brand-mark svg{width:17px;height:17px}.auth-login .login-card{width:100%;min-height:100dvh;padding:72px 16px 32px;border-radius:0;box-shadow:none}}