:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#e9eef7;background:#0c1017;font-synthesis:weight style;--bg:#0c1017;--surface:#121923;--surface-2:#182230;--surface-3:#202d3d;--line:#263548;--text:#edf2f9;--subtle:#a4b0c1;--muted:#718096;--accent:#b9a4ff;--accent-strong:#8e75f2;--accent-soft:#2b2446;--mint:#82d6bb;--danger:#f18a9b;--shadow:0 22px 70px #0006;--space:8px;--touch:44px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100%;overflow:hidden}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b9a4ff88;outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand-lockup strong{font-family:Space Grotesk,DM Sans,sans-serif}small{font-size:12px}.app-shell{height:100vh;height:100dvh;display:flex;background:var(--bg);overflow:hidden;position:relative}.server-rail{width:88px;flex:0 0 88px;background:#0a0e14;border-right:1px solid #182332;padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:13px;z-index:5}.rail-brand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:2px;background:transparent;padding:3px 0;width:100%;border-radius:14px;transition:transform .2s}.rail-brand:hover,.rail-brand:focus-visible{transform:translateY(-1px)}.rail-brand:hover .brand-mark,.rail-brand:focus-visible .brand-mark{box-shadow:0 0 0 5px #b9a4ff24}.rail-label{font-family:Space Grotesk;font-size:10px;font-weight:700;letter-spacing:.08em;color:#aab5c5}.brand-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--accent);color:#211a3c;font-family:Space Grotesk;font-weight:700;font-size:23px;box-shadow:0 0 0 5px #b9a4ff14}.brand-mark.small{width:42px;height:42px;font-size:19px;border-radius:13px}.server-stack{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:auto;scrollbar-width:none}.server-stack::-webkit-scrollbar{display:none}.server-orb{width:48px;height:48px;flex:0 0 48px;border-radius:16px;background:var(--surface-2);color:#b4c0d1;font-family:Space Grotesk;font-size:13px;font-weight:700;position:relative;transition:transform .2s,background .2s,color .2s,border-radius .2s}.server-orb:hover,.server-orb:focus-visible,.server-orb.selected{background:var(--accent);color:#211a3c;border-radius:14px;transform:translateY(-2px)}.server-orb.selected:before{content:"";position:absolute;left:-15px;top:11px;width:4px;height:26px;border-radius:0 4px 4px 0;background:var(--accent)}.server-orb.add{color:var(--mint);font-size:22px}.unread-dot{display:none;position:absolute;right:-3px;top:-3px;width:9px;height:9px;border-radius:50%;background:var(--danger);border:2px solid #0a0e14}.server-orb.unread .unread-dot{display:block}.rail-actions{display:grid;gap:9px}.rail-bottom{margin-top:auto;display:grid;gap:7px}.round-button,.close-button{width:var(--touch);height:var(--touch);display:grid;place-items:center;border-radius:12px;background:transparent;color:var(--muted);font-size:18px;transition:background .2s,color .2s}.round-button:hover,.round-button:focus-visible,.close-button:hover,.close-button:focus-visible{background:var(--surface-3);color:var(--text)}.system-rail-button{color:var(--mint)}.system-rail-button:hover,.system-rail-button:focus-visible{background:var(--accent-soft);color:var(--accent)}.channel-sidebar{width:285px;flex:0 0 285px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;z-index:4}.sidebar-heading{min-height:85px;padding:18px 18px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.sidebar-heading h2{font-size:18px;letter-spacing:-.02em;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.sidebar-heading-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex:0 0 auto}.mobile-only-button{display:none}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:700}.list-heading{padding:23px 18px 8px;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:700}.list-heading button{width:28px;height:28px;border-radius:8px;background:transparent;color:var(--muted);font-size:18px}.list-heading button:hover{background:var(--surface-3);color:var(--text)}.sidebar-list-actions{display:flex;align-items:center;gap:3px}.sidebar-list-actions button{position:relative}.sidebar-list-actions b{position:absolute;right:2px;top:1px;min-width:13px;height:13px;padding:0 3px;display:grid;place-items:center;border-radius:7px;background:var(--danger);color:#fff;font-size:9px;line-height:1}.list-heading b{font-size:10px;color:var(--accent);margin-left:5px}.channel-list{padding:0 10px;overflow:auto}.channel-list{max-height:38%;scrollbar-width:thin}.channel-list button{min-height:44px;width:100%;display:flex;gap:10px;align-items:center;text-align:left;background:transparent;color:var(--subtle);padding:8px 10px;border-radius:10px;margin:2px 0;position:relative;transition:background .15s,color .15s}.channel-list button:hover,.channel-list button:focus-visible{background:var(--surface-2);color:var(--text)}.channel-list button:focus-visible,.admin-tabs button:focus-visible{z-index:1}.channel-list button.active{background:var(--accent-soft);color:var(--text)}.channel-list button.active:before{content:"";position:absolute;left:-10px;width:3px;height:25px;border-radius:0 3px 3px 0;background:var(--accent)}.channel-symbol{width:18px;color:var(--muted);font-size:17px;text-align:center}.channel-list button.active .channel-symbol{color:var(--accent)}.channel-list button small{margin-left:auto;font-size:9px;color:var(--muted)}.channel-category-group{display:grid;gap:1px;margin:2px 0}.channel-category-header{min-height:34px;width:100%;display:flex;align-items:center;gap:7px;text-align:left;background:transparent;color:var(--muted);padding:6px 8px;border-radius:9px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:color .15s,background .15s}.channel-category-header:hover,.channel-category-header:focus-visible{color:var(--text);background:var(--surface-2)}.category-chevron{font-size:9px;color:var(--muted);transition:transform .18s}.channel-category-header.collapsed .category-chevron{transform:rotate(-90deg)}.category-input{min-width:0;max-width:130px;padding:6px 8px;border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:11px;outline:0}.category-input:focus{border-color:var(--accent)}.avatar{width:38px;height:38px;flex:0 0 38px;border-radius:13px;background:#2c3c56;color:#c3d2ff;display:grid;place-items:center;position:relative;font-family:Space Grotesk;font-weight:700;overflow:visible}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar.tiny{width:27px;height:27px;flex-basis:27px;border-radius:9px;font-size:11px}.avatar.large{width:58px;height:58px;flex-basis:58px;border-radius:18px;font-size:20px}.presence{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#5d6b7e;border:2px solid var(--surface)}.presence.online{background:#79d7ad}.presence.idle{background:#e9c46a}.presence.dnd{background:#ef8797}.presence.invisible,.presence.offline{background:#657286}.sidebar-footer{padding:12px 12px 10px;display:grid;gap:5px}.sidebar-footer button{min-height:39px;background:transparent;text-align:left;color:var(--muted);border-radius:9px;padding:7px 10px}.sidebar-footer button:hover{background:var(--surface-2);color:var(--text)}.sidebar-footer button:first-letter{color:var(--accent)}.profile-bar{min-height:72px;border-top:1px solid var(--line);padding:12px 13px;display:flex;align-items:center;gap:10px;margin-top:auto}.profile-bar>div:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.profile-bar strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-bar span{font-size:11px;color:var(--muted);margin-top:2px}.sidebar-empty{padding:32px 22px;color:var(--muted);text-align:center;margin:auto}.sidebar-empty h3{color:var(--text);font-size:18px;margin:14px 0 7px}.sidebar-empty p{font-size:13px;line-height:1.6;margin-bottom:18px}.dm-navigation{display:flex;flex-direction:column;min-height:0;flex:1}.dm-list{padding:0 10px;overflow:auto;min-height:0}.dm-list-item-wrap{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;border-radius:11px;background:transparent;overflow:hidden}.dm-list-item-wrap:hover,.dm-list-item-wrap:focus-within,.dm-list-item-wrap.active{background:var(--accent-soft)}.dm-list-identity{width:100%;min-width:0;min-height:42px;display:flex;align-items:center;gap:10px;padding:7px 9px 3px;border-radius:10px;background:transparent;color:var(--subtle);text-align:left}.dm-list-identity:hover,.dm-list-identity:focus-visible{background:var(--surface-2);color:var(--text)}.dm-list-identity strong{min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-list-preview{width:100%;min-width:0;min-height:32px;display:flex;align-items:center;gap:8px;padding:2px 9px 8px 57px;border-radius:10px;background:transparent;color:var(--muted);text-align:left}.dm-list-preview:hover,.dm-list-preview:focus-visible{color:var(--text);background:var(--surface-2)}.dm-list-preview small{min-width:0;flex:1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-list-item-wrap.has-unread .dm-list-identity strong{color:var(--text)}.dm-unread{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:10px;background:var(--danger);color:#fff;font-size:10px;font-style:normal;font-weight:800}.dm-muted-chip{margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:9px;font-style:normal;font-weight:700;letter-spacing:.04em;white-space:nowrap}.sidebar-empty .button{min-height:40px}.empty-symbol{width:45px;height:45px;display:grid;place-items:center;border-radius:15px;background:var(--accent-soft);color:var(--accent);font-family:Space Grotesk;font-size:21px;margin:auto}.conversation{display:flex;flex:1;min-width:0;flex-direction:column;background:var(--bg);position:relative}.conversation-header{height:85px;flex:0 0 85px;border-bottom:1px solid var(--line);padding:17px clamp(20px,4vw,56px);display:flex;justify-content:space-between;align-items:center;background:#0f151e}.channel-heading{display:flex;align-items:center;gap:13px;min-width:0}.channel-heading-symbol{font-size:23px;color:var(--accent);width:26px;text-align:center}.channel-heading h1{font-size:18px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-heading-profile{display:block;max-width:100%;padding:0;background:transparent;color:inherit;text-align:left;border-radius:6px}.dm-heading-profile:hover h1,.dm-heading-profile:focus-visible h1{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.channel-heading p{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.header-tools{display:flex;gap:4px;margin-left:15px}.header-tool{min-height:44px;min-width:44px;background:transparent;color:var(--muted);padding:9px 10px;border-radius:9px;font-size:12px}.header-tool:hover,.header-tool:focus-visible{background:var(--surface-2);color:var(--text)}.header-tool:first-child{color:var(--subtle)}.header-tool svg{vertical-align:middle}.thread-badge{min-width:16px;height:16px;padding:0 4px;display:inline-grid;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:800;line-height:1}.messages{flex:1;overflow:auto;padding:28px clamp(18px,5vw,88px);scroll-behavior:smooth}.message{display:flex;gap:13px;padding:9px 0;max-width:940px;animation:message-in .22s ease both}.message-content{min-width:0;flex:1;position:relative}.message-avatar-button{flex:0 0 auto;background:transparent;padding:0;border-radius:13px;align-self:flex-start}.message-avatar-button:hover,.message-avatar-button:focus-visible{filter:brightness(1.12);outline:3px solid #b9a4ff44;outline-offset:3px}.message-meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-height:21px}.message-meta strong{font-size:14px;color:var(--text)}.message-author-button{padding:0;background:transparent;color:var(--text);font-size:14px;font-weight:700}.message-author-button:hover,.message-author-button:focus-visible{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.message-meta span,.message-meta time,.message-meta em{font-size:11px;color:var(--muted);font-style:normal}.message-meta .message-role-label{font-size:10px;font-weight:700;color:var(--accent);padding:2px 6px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;background:var(--accent-soft);letter-spacing:.04em;text-transform:uppercase}.message-meta em{color:var(--accent)}.message-content p{margin:4px 0 2px;color:#d9e1ed;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.reply-preview{display:flex;gap:6px;align-items:center;color:var(--accent);font-size:11px;background:#191a2d;border-left:2px solid var(--accent);padding:5px 8px;margin:4px 0 7px;border-radius:0 6px 6px 0;max-width:max-content}.reaction-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.reaction{min-height:36px;padding:5px 9px;border:1px solid #35435b;border-radius:8px;background:var(--surface-2);color:#bcc8d8;font-size:12px}.reaction:hover,.reaction.reacted{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.message-actions{display:flex;gap:4px;opacity:0;max-height:0;overflow:hidden;transition:opacity .18s,max-height .18s}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1;max-height:36px}.message-actions button{min-height:40px;background:transparent;color:var(--muted);padding:5px 6px;border-radius:6px;font-size:12px}.message-actions button:hover,.message-actions button:focus-visible{background:var(--surface-3);color:var(--text)}.welcome,.conversation-empty{display:grid;place-items:center;align-content:center;text-align:center;min-height:100%;color:var(--muted);padding:36px 20px}.welcome-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:22px;background:var(--accent-soft);color:var(--accent);font-family:Space Grotesk;font-size:28px;margin-bottom:22px;box-shadow:0 0 0 9px #b9a4ff08}.welcome h2,.conversation-empty h2{font-size:clamp(23px,3vw,34px);letter-spacing:-.04em;color:var(--text);max-width:550px;margin:10px 0}.welcome>p:not(.eyebrow),.conversation-empty>p{font-size:14px;line-height:1.7;max-width:460px}.welcome-actions{display:flex;gap:9px;margin-top:24px;flex-wrap:wrap;justify-content:center}.conversation-empty .empty-symbol{margin-bottom:12px}.composer-wrap{padding:12px clamp(16px,5vw,80px) max(18px,env(safe-area-inset-bottom));position:relative}.composer{min-height:56px;display:flex;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:6px 7px 6px 8px;box-shadow:0 12px 40px #0002}.composer:focus-within{border-color:#7865bd;box-shadow:0 0 0 3px #8e75f21c}.composer-disabled{margin:12px clamp(16px,5vw,80px) max(18px,env(safe-area-inset-bottom));min-height:56px;display:flex;gap:10px;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 16px;color:var(--muted);font-size:13px;text-align:center;cursor:not-allowed;-webkit-user-select:none;user-select:none;box-shadow:0 12px 40px #0002}.composer-lock-icon{flex:0 0 auto;font-size:16px;opacity:.85}.composer input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--text);padding:10px 5px;font-size:14px}.composer input::placeholder{color:#68768b}.composer-action,.send-button{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center}.composer-action{background:var(--surface-3);color:var(--subtle);font-size:20px}.composer-ornament{pointer-events:none}.composer-action:hover{color:var(--accent);background:var(--accent-soft)}.composer-plus{position:relative}.composer-plus .composer-action.active{color:var(--accent);background:var(--accent-soft)}.plus-menu{position:absolute;bottom:calc(100% + 10px);left:0;z-index:23;min-width:200px;max-width:260px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px;animation:fade-in .12s ease}.plus-menu button{display:flex;align-items:center;gap:10px;min-height:40px;padding:7px 10px;border-radius:9px;background:transparent;color:var(--text);text-align:left;font-size:13px;white-space:nowrap}.plus-menu button:hover,.plus-menu button:focus-visible{background:var(--accent-soft);color:var(--text)}.plus-menu-icon{width:20px;flex:0 0 20px;display:grid;place-items:center;font-size:16px;color:var(--muted)}.plus-menu button:hover .plus-menu-icon{color:var(--accent)}.send-button{background:var(--accent);color:#221b3e;font-size:21px;font-weight:700;transition:transform .2s,opacity .2s}.send-button:hover:not(:disabled){transform:translateY(-1px)}.send-button:disabled{opacity:.35;cursor:not-allowed}.composer-hint{display:block;text-align:center;color:#59687c;font-size:10px;margin-top:8px}.emoji-toggle.active{color:var(--accent);background:var(--accent-soft)}.emoji-picker{position:absolute;bottom:calc(100% + 10px);left:clamp(16px,5vw,80px);right:clamp(16px,5vw,80px);max-width:380px;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);z-index:8;display:flex;flex-direction:column;overflow:hidden;animation:modal-in .18s ease}.emoji-picker-search{padding:10px 10px 4px}.emoji-picker-search input{width:100%;padding:9px 11px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text);outline:0}.emoji-picker-search input:focus{border-color:var(--accent)}.emoji-picker-tabs{display:flex;gap:3px;overflow:auto;padding:8px 10px 4px;scrollbar-width:none}.emoji-picker-tabs::-webkit-scrollbar{display:none}.emoji-picker-tabs button{min-height:30px;white-space:nowrap;padding:5px 9px;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}.emoji-picker-tabs button:hover,.emoji-picker-tabs button.active{background:var(--surface-3);color:var(--text)}.emoji-picker-body{max-height:240px;overflow:auto;padding:6px 10px 12px}.emoji-picker-group{margin-bottom:10px}.emoji-picker-group-label{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:6px 2px 4px}.emoji-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:2px}.emoji-picker-cell{min-height:36px;display:grid;place-items:center;border-radius:8px;background:transparent;font-size:21px;line-height:1;transition:background .15s,transform .15s}.emoji-picker-cell:hover,.emoji-picker-cell:focus-visible{background:var(--surface-3);transform:scale(1.12)}.emoji-picker-cell .custom-emoji{width:24px;height:24px;object-fit:contain}.emoji-picker-empty{font-size:12px;color:var(--muted);padding:10px 4px}.custom-emoji{width:1.35em;height:1.35em;vertical-align:-.25em;object-fit:contain;border-radius:4px}.formatted-message .custom-emoji{display:inline-block}.admin-emoji-preview{width:26px;height:26px;flex:0 0 26px;border-radius:7px}.replying,.editing-note{display:flex;align-items:center;gap:10px;margin:0 4px 8px;padding:8px 11px;border-radius:9px;background:#1a1930;border:1px solid #3b3260;color:var(--accent);font-size:12px}.replying>span{font-size:18px}.replying div{min-width:0;flex:1;display:grid}.replying b,.replying small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replying small{color:var(--muted);margin-top:2px}.replying button,.editing-note button{margin-left:auto;background:transparent;color:var(--muted);padding:5px}.editing-note{justify-content:space-between;background:#18312d;border-color:#285c50;color:var(--mint)}.editing-note button{color:var(--mint)}.button{min-height:var(--touch);border-radius:11px;padding:10px 16px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--accent);color:#241d3f;box-shadow:0 8px 20px #8e75f229}.button-primary:hover{background:#c6b6ff;box-shadow:0 10px 25px #8e75f238}.button-secondary{background:var(--surface-3);color:var(--text)}.button-quiet{background:transparent;color:var(--subtle)}.button-quiet:hover{background:var(--surface-2);color:var(--text)}.button-block{width:100%}.toast{position:fixed;right:22px;top:20px;z-index:10;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 32px));padding:11px 13px;border:1px solid #723d50;border-radius:11px;background:#301d29;color:#ffd5dd;box-shadow:var(--shadow);text-align:left;font-size:13px}.connection-banner{position:absolute;z-index:3;top:96px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#222b3a;border:1px solid #3b4a60;color:var(--subtle);font-size:11px;box-shadow:0 8px 24px #0003}.connection-banner.reconnecting{background:#332c21;border-color:#665234;color:#f2d79a}.connection-banner.offline{background:#35222c;border-color:#693c4b;color:#ffc4ce}.connection-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}.connection-banner.reconnecting .connection-dot{background:#edc46c}.connection-banner.offline .connection-dot{background:var(--danger);animation:none}.toast span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#8c465c;color:#fff;font-weight:700}.toast b{margin-left:auto;color:#c9899b;font-size:17px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080dba;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:18px;z-index:20;animation:fade-in .18s ease}.modal{width:min(100%,470px);max-height:min(90dvh,720px);min-height:0;overflow:auto;background:var(--surface);border:1px solid #34445b;border-radius:20px;padding:24px;box-shadow:var(--shadow);animation:modal-in .22s ease;margin:auto}.modal-wide{width:min(100%,680px)}.modal-admin.modal-wide{width:min(100%,1024px)}.modal-admin{height:min(900px,calc(100dvh - 36px));max-height:calc(100dvh - 36px);min-height:0;display:flex;flex-direction:column;overflow:hidden}.modal-admin>.admin-view,.modal-admin>.webmaster-view{min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin}.modal-admin>.admin-view>.admin-tabs,.modal-admin>.webmaster-view>.admin-tabs{position:sticky;top:0;z-index:2}.modal-admin .admin-list,.modal-admin .webmaster-upload-list{max-height:none;overflow:visible}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px}.modal-header h2{font-size:24px;letter-spacing:-.04em;margin-top:5px}.close-button{font-size:24px}.modal-form{display:grid;gap:16px}.modal-form label{display:grid;gap:7px;font-size:12px;color:var(--subtle);font-weight:700}.modal-form input,.modal-form textarea,.modal-form select{width:100%;padding:12px 13px;border-radius:10px;border:1px solid #34445a;background:#0f161f;color:var(--text);outline:0}.modal-form textarea{min-height:90px;resize:vertical}.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus{border-color:var(--accent)}.modal-intro{font-size:14px;line-height:1.6;color:var(--subtle)}.form-error{padding:10px 12px;border-radius:9px;color:#ffd6de;background:#3a202d;border:1px solid #6b3749;font-size:13px}.invite-code{display:flex;flex-direction:column;gap:5px;width:100%;padding:14px;text-align:center;letter-spacing:.18em;font-weight:700;background:#101722;border:1px dashed #7566bf;border-radius:10px;color:var(--accent)}.invite-code small{letter-spacing:0;color:var(--muted);font-weight:400}.people-picker{display:grid;gap:3px}.friends-modal{width:min(100%,760px);background:transparent;border:0;box-shadow:none;padding:0}.friends-modal .modal-header{padding:4px 4px 16px;margin-bottom:0}.friends-section{display:grid;gap:0}.friends-modal .friends-section{padding:0 4px 4px}.admin-tabs.friends-tabs{display:flex;gap:3px;overflow-x:auto;scrollbar-width:thin;position:relative;padding:0 0 8px;background:transparent;border-bottom:1px solid var(--line);border-radius:0}.admin-tabs.friends-tabs button{flex:0 0 auto;min-height:36px;padding:7px 11px;background:transparent;box-shadow:none}.admin-tabs.friends-tabs button:hover,.admin-tabs.friends-tabs button:focus-visible{background:var(--surface-2);color:var(--text);box-shadow:none}.admin-tabs.friends-tabs button.active{background:var(--accent-soft);color:var(--text);box-shadow:none}.admin-tabs.friends-tabs button:nth-child(4){margin-left:3px}.friends-tab-panel{display:grid;gap:12px;padding-top:14px}.friends-search{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#0f161f;color:var(--text);outline:0}.friends-search:focus{border-color:var(--accent)}.friends-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:2px 9px 0}.friends-list-heading .eyebrow span{color:var(--text);margin-left:4px}.friends-list-heading small{color:var(--muted);font-size:10px}.friends-list{gap:2px}.friend-row{min-height:56px;padding:7px 9px;border-radius:10px;background:transparent;display:flex;align-items:center;gap:11px;text-align:left}.friend-row .avatar{flex:0 0 38px}.friend-row:hover{background:var(--surface-2)}.friend-identity{min-width:0;display:flex;align-items:center;gap:11px;flex:1;padding:0;background:transparent;color:inherit;text-align:left;border-radius:8px}.friend-identity:hover,.friend-identity:focus-visible{color:var(--text)}.friend-identity>span:last-child{min-width:0;display:grid;gap:3px}.friend-identity strong,.friend-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}.friend-actions .button{min-height:36px;padding:7px 9px;font-size:10px}.friend-state{padding:7px 8px;color:var(--muted);font-size:10px;white-space:nowrap}.friends-pending{gap:18px}.friends-request-section{display:grid;gap:7px}.friends-request-section+.friends-request-section{padding-top:14px;border-top:1px solid var(--line)}.friends-add-intro{margin-bottom:0}.friends-add-row{display:flex;gap:8px}.friends-add-row .friend-search{flex:1}@media(max-width:680px){.friends-modal{width:100%;padding:0}.friends-modal .modal-header,.friends-modal .friends-section{padding-inline:0}.friends-tabs{margin-inline:-2px;padding-inline:2px}.friend-row{align-items:flex-start;flex-wrap:wrap}.friend-identity{min-width:calc(100% - 55px)}.friend-actions{width:100%;padding-left:49px;justify-content:flex-start}.friend-actions .button{min-height:38px}.friends-add-row{display:block}}.people-picker button{min-height:58px;background:transparent;border-radius:11px;display:flex;align-items:center;gap:11px;padding:8px;text-align:left}.people-picker button:hover,.people-picker button:focus-visible{background:var(--surface-2)}.people-picker button span:nth-child(2){display:grid;flex:1}.people-picker button span small{color:var(--muted);margin-top:2px}.people-picker button>i{font-size:22px;color:var(--muted);font-style:normal}.settings-stack{display:grid;gap:14px}.settings-profile{display:flex;align-items:center;gap:13px;padding:4px 0}.settings-profile>div{display:grid;gap:4px}.settings-profile span{font-size:12px;color:var(--muted)}.bootstrap-card{display:grid;gap:7px;padding:12px;border:1px solid #3c3564;border-radius:11px;background:var(--accent-soft)}.bootstrap-card h3{font-size:14px;color:var(--text)}.bootstrap-card>p:not(.eyebrow){font-size:12px;line-height:1.5;color:var(--subtle)}.bootstrap-row{display:flex;gap:7px}.bootstrap-row input{min-width:0;flex:1;padding:10px;border:1px solid #51478a;border-radius:8px;background:#0f161f;color:var(--text)}.bootstrap-row .button{min-height:40px;padding:8px 12px}.modal-wide{padding:20px}.modal-wide .modal-header{margin-bottom:15px}.profile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:18px;background:#05080d66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .16s ease}.profile-popover{position:relative;width:min(100%,390px);max-height:min(88dvh,680px);overflow:auto;padding:25px 22px 20px;border:1px solid #34445b;border-radius:20px;background:var(--surface);box-shadow:var(--shadow);animation:modal-in .2s ease}.profile-close{position:absolute;top:10px;right:10px}.profile-hero{display:flex;align-items:center;gap:14px;padding:8px 24px 14px 4px}.profile-identity{display:grid;justify-items:center;gap:9px;text-align:center;padding:10px 26px 7px}.profile-identity-copy{min-width:0;max-width:100%}.profile-identity h2{font-size:26px;letter-spacing:-.045em;margin-top:4px;overflow-wrap:anywhere}.profile-hero h2{font-size:24px;letter-spacing:-.04em;margin-top:4px;overflow-wrap:anywhere}.profile-username{font-size:12px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.profile-identity .profile-status{width:fit-content;max-width:100%;justify-content:center}.profile-status{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:9px;background:var(--surface-2);color:var(--subtle);font-size:12px;overflow-wrap:anywhere}.profile-relationship{display:flex;justify-content:center;margin:2px 0 1px}.profile-relationship span{padding:5px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:700}.profile-relationship.relationship-friends span{background:#18312d;color:var(--mint)}.profile-relationship.relationship-blocked span,.profile-relationship.relationship-blocked_by_target span{background:#3a202d;color:#ffd6de}.presence-dot{width:8px;height:8px;border-radius:50%;background:#657286}.presence-dot.online{background:#79d7ad}.presence-dot.idle{background:#e9c46a}.presence-dot.dnd{background:#ef8797}.presence-dot.invisible,.presence-dot.offline{background:#657286}.profile-section{display:grid;gap:8px;padding:14px 2px 2px}.profile-bio{color:var(--subtle);font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.profile-detail{display:flex;justify-content:space-between;gap:10px;color:var(--subtle);font-size:11px}.profile-detail strong,.profile-meta strong{color:var(--text);font-size:11px}.profile-detail span{min-width:0;text-align:right;overflow-wrap:anywhere}.profile-detail-label{font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.profile-roles,.profile-mutuals{display:flex;flex-wrap:wrap;gap:6px}.profile-roles span,.profile-mutuals span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:10px}.profile-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px}.profile-meta>span{display:grid;gap:3px;color:var(--muted);font-size:11px}.profile-meta>span>span{color:var(--subtle);font-size:11px}.profile-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;padding:14px 0 2px;border-top:1px solid var(--line)}.profile-actions .button{min-height:40px;font-size:11px}.profile-context{border-top:1px solid var(--line)}.profile-loading{display:grid;place-items:center;gap:12px;min-height:220px;text-align:center}.profile-loading .form-error{max-width:100%}.profile-blocked-note{padding:9px 10px;border-radius:9px;background:#3a202d;color:#ffd6de;font-size:11px}@media(max-width:680px){.profile-backdrop{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));place-items:end}.profile-popover{width:100%;max-height:min(88dvh,720px);border-radius:20px 20px 12px 12px;padding:20px 17px max(20px,env(safe-area-inset-bottom))}.profile-identity{padding-inline:8px}.profile-identity h2{font-size:23px}.profile-actions{justify-content:stretch}.profile-actions .button{flex:1 1 auto;min-width:120px}.profile-meta{grid-template-columns:1fr}.profile-meta>span{text-align:center}.profile-detail{align-items:flex-start}.profile-detail span{text-align:right}}.emoji-upload-row{display:flex;align-items:center;gap:10px}.admin-view{display:grid;gap:8px}.admin-intro{display:flex;gap:11px;align-items:center;padding:4px 0 10px}.admin-intro .empty-symbol{margin:0;flex:0 0 40px;width:40px;height:40px;border-radius:13px}.admin-intro h3{font-size:16px}.admin-intro p{font-size:12px;color:var(--muted);margin-top:3px}.admin-tabs{display:grid;gap:6px;overflow:visible;padding:6px;background:var(--surface-2);border-radius:11px}.admin-tab-group{display:flex;align-items:center;gap:7px;min-width:0}.admin-tab-group-label{flex:0 0 78px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.admin-tab-group-buttons{display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.admin-tab-group-buttons::-webkit-scrollbar{display:none}.admin-tabs button{min-height:38px;white-space:nowrap;padding:7px 10px;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}.admin-tabs button:hover,.admin-tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0002}.admin-notice{padding:8px 10px;border:1px solid #285c50;border-radius:8px;background:#18312d;color:var(--mint);font-size:12px}.admin-summary{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:5px 9px;align-items:baseline;padding:12px;border-radius:10px;background:var(--surface-2)}.admin-summary strong{font-family:Space Grotesk;font-size:20px;color:var(--text)}.admin-summary span{font-size:11px;color:var(--muted)}.admin-list-toolbar{display:grid;gap:8px;margin-bottom:2px}.admin-search{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);outline:0}.admin-search:focus{border-color:var(--accent)}.admin-page-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:10px}.admin-page-controls>span{margin-right:auto}.admin-page-controls .button{min-height:32px;padding:6px 9px;font-size:10px}.admin-list{display:grid;gap:5px;max-height:330px;overflow:auto}.admin-member{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:9px;background:var(--surface-2)}.admin-member>span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}.admin-member strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-member small{font-size:10px;color:var(--muted)}.invite-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.invite-options label{display:grid;gap:6px;color:var(--subtle);font-size:11px;font-weight:700}.invite-options input,.invite-options select{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text)}.invite-row{grid-template-columns:minmax(0,1fr) auto}.invite-row>span{display:grid;gap:3px;min-width:0}.invite-actions{display:flex;gap:5px}.invite-actions .button{min-height:36px;padding:7px 9px;font-size:10px}.admin-member button{min-height:38px;min-width:44px;padding:6px 8px;border-radius:7px;background:var(--surface-3);color:var(--muted);font-size:10px;font-weight:700}.admin-member button:hover{color:var(--danger);background:#3a202d}.role-assignment-menu{position:relative;flex:0 0 auto;min-width:155px}.role-assignment-trigger{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--subtle);font-size:11px;text-align:left;transition:background .15s,border-color .15s,color .15s}.role-assignment-trigger:hover,.role-assignment-trigger:focus-visible,.role-assignment-trigger[aria-expanded=true]{background:var(--surface-3);border-color:var(--accent);color:var(--text)}.role-assignment-chevron{color:var(--muted);font-size:14px;line-height:1}.role-assignment-popover{z-index:1000;width:min(300px,calc(100vw - 20px));max-height:min(60dvh,420px);overflow:hidden;padding:6px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);box-shadow:var(--shadow);display:block}.role-assignment-search{padding:2px 2px 7px}.role-assignment-search input{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:11px;outline:0}.role-assignment-search input:focus{border-color:var(--accent)}.role-assignment-popover>[role=listbox]{max-height:330px;overflow:auto;display:grid;gap:2px}.role-assignment-option{min-height:38px;display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:7px 9px;border-radius:8px;background:transparent;color:var(--subtle);font-size:11px;text-align:left}.role-assignment-option:hover,.role-assignment-option:focus-visible,.role-assignment-option.highlighted{background:var(--accent-soft);color:var(--text)}.role-assignment-option.disabled{color:var(--muted);cursor:not-allowed;opacity:.68}.role-assignment-option.disabled:hover,.role-assignment-option.disabled:focus-visible{background:var(--surface);color:var(--muted)}.role-assignment-option small{grid-column:2;color:var(--muted);font-size:9px;line-height:1.3;white-space:normal}.role-option-swatch{width:9px;height:9px;border-radius:50%}.role-assignment-empty{padding:10px;color:var(--muted);font-size:11px}.admin-member.row-click{width:100%;background:transparent;cursor:pointer}.admin-member.row-click:hover,.admin-member.row-click:focus-visible{background:var(--surface-2)}.row-arrow{font-style:normal;color:var(--muted);padding:0 4px}.admin-detail{margin:2px 0 8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);display:grid;gap:4px}.admin-actions{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:4px}.admin-actions .button{min-height:38px;font-size:11px}.user-moderation-actions{padding:4px 0 8px;border-bottom:1px solid var(--line)}.user-moderation-actions .button{min-height:36px;padding:7px 10px;font-size:10px}.admin-moderation-state{padding:8px 10px;border:1px solid #6b3749;border-radius:8px;background:#3a202d;color:#ffd6de;font-size:11px;line-height:1.4}.admin-content{grid-column:2;font-size:12px;line-height:1.5;color:var(--subtle);overflow-wrap:anywhere;max-height:60px;overflow:auto}.admin-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-top:10px}.admin-row{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:center;padding:9px 10px;border-radius:9px;background:var(--surface-2)}.admin-row .role-dot{grid-row:span 2;width:9px;height:9px;border-radius:50%}.admin-row strong{font-size:13px;min-width:0;overflow-wrap:anywhere}.admin-row small{grid-column:2;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.role-list{gap:8px}.role-list-toolbar{grid-template-columns:auto minmax(0,1fr);background:transparent;padding:0 2px 3px}.role-list-toolbar small{align-self:center}.role-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:64px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);transition:background .15s,border-color .15s,transform .15s}.role-row:hover,.role-row:focus-within{background:var(--surface-3);border-color:#34445b;transform:translateY(-1px)}.role-row.selected{background:var(--accent-soft);border-color:#51478a}.role-row.base-role{border-style:dashed}.role-color-swatch{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 3px #ffffff0a}.role-row-main{display:flex;align-items:center;gap:9px;min-width:0;width:100%;padding:3px 0;background:transparent;color:inherit;text-align:left;border-radius:7px}.role-row-main:hover,.role-row-main:focus-visible{color:var(--text)}.role-row-copy{display:grid;gap:4px;min-width:0;flex:1}.role-row-copy strong{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-row-copy small{color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-row-chevron{color:var(--muted);font-size:22px;line-height:1;transition:color .15s,transform .15s}.role-row-main:hover .role-row-chevron,.role-row-main:focus-visible .role-row-chevron{color:var(--accent);transform:translate(2px)}.role-row-actions{display:flex;align-items:center;gap:2px;padding-left:4px;border-left:1px solid var(--line)}.role-control{width:36px;min-width:36px;min-height:36px;padding:5px;border-radius:8px;font-size:15px;line-height:1}.role-control:hover:not(:disabled),.role-control:focus-visible:not(:disabled){background:var(--surface);color:var(--text)}.role-delete:hover:not(:disabled),.role-delete:focus-visible:not(:disabled){background:#3a202d;color:var(--danger)}.role-trash{position:relative;display:block;width:12px;height:13px;border:2px solid currentColor;border-top:0;border-radius:2px 2px 3px 3px}.role-trash:before{content:"";position:absolute;left:-3px;top:-4px;width:14px;height:2px;border-radius:2px;background:currentColor}.role-trash:after{content:"";position:absolute;left:3px;top:-7px;width:4px;height:3px;border:2px solid currentColor;border-bottom:0;border-radius:2px 2px 0 0}.role-control:disabled{color:#536177;cursor:not-allowed;opacity:.55}.role-row.base-role .role-row-copy small{color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stats div{padding:13px;border-radius:10px;background:var(--surface-2)}.stats strong,.stats span{display:block}.stats strong{font-family:Space Grotesk;font-size:20px;color:var(--text)}.stats span{font-size:11px;color:var(--muted);margin-top:4px}.mobile-topbar,.members-drawer,.mobile-scrim{display:none}.auth-shell{height:100vh;height:100dvh;display:grid;place-items:center;position:relative;overflow:hidden;padding:20px;background:#0a0e15}.auth-art{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 77% 36%,#28234b 0,#121626 20%,transparent 48%),radial-gradient(ellipse at 15% 85%,#17343b 0,transparent 37%)}.orbit{position:absolute;border:1px solid #b9a4ff2b;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:530px;height:210px;right:-85px;top:22%}.orbit-two{width:470px;height:150px;right:-25px;top:31%;border-color:#82d6bb24}.art-star{position:absolute;right:17%;top:26%;font-size:55px;color:#c4b6ff;text-shadow:0 0 35px #b9a4f288;animation:float 5s ease-in-out infinite}.auth-card{position:relative;width:min(100%,460px);padding:38px;border:1px solid #304056;background:#111925e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 30px 100px #0008}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-lockup strong{display:block;font-size:18px}.brand-lockup small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.auth-copy{margin:38px 0 24px}.auth-copy h1{font-size:clamp(29px,6vw,43px);line-height:1.02;letter-spacing:-.06em;margin:10px 0 13px;max-width:390px}.auth-copy>p:last-child{color:var(--subtle);font-size:14px;line-height:1.6;max-width:360px}.auth-card form{display:grid;gap:15px}.auth-card label{display:grid;gap:7px;color:var(--subtle);font-weight:600;font-size:12px}.auth-card input{padding:13px 14px;border:1px solid #34445b;border-radius:10px;background:#0d141e;color:var(--text);outline:0}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b9a4ff18}.text-button{display:block;margin:20px auto 0;background:transparent;color:var(--accent);font-size:13px}.text-button:hover{text-decoration:underline}.auth-footnote{margin-top:34px;text-align:center;color:#526176;font-size:11px}.access-restriction-card{width:min(100%,500px)}.restriction-reason{display:grid;gap:7px;padding:12px 13px;border:1px solid #6b3749;border-radius:10px;background:#3a202d;color:#ffd6de}.restriction-reason p,.restriction-no-reason{font-size:13px;line-height:1.55;overflow-wrap:anywhere}.restriction-no-reason{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted)}@media(max-width:680px){.access-restriction-card{padding:25px 20px}.access-restriction-card .auth-copy{margin-top:28px}}.loading-screen{height:100vh;height:100dvh;display:grid;place-items:center;align-content:center;gap:14px;background:var(--bg);color:var(--muted)}.loading-screen .brand-mark{animation:pulse 1.5s ease-in-out infinite}.loading-screen p{font-size:13px}.server-settings-stack{display:grid;gap:10px}.settings-section-intro{padding:5px 2px 2px}.settings-section-intro h3{font-size:17px;margin:5px 0}.settings-section-intro p:last-child{font-size:12px;line-height:1.55;color:var(--muted);max-width:520px}.settings-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.settings-card label>span{display:flex;align-items:center;gap:6px}.settings-card label small{font-size:10px;color:var(--muted);font-weight:400}.settings-card input,.settings-card textarea{background:var(--surface);border-color:var(--line)}.settings-save-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:2px}.settings-save-row p{font-size:11px;color:var(--muted)}.settings-save-row .button{min-height:40px;white-space:nowrap}.settings-action-card,.settings-boundary-card{display:flex;justify-content:space-between;align-items:center;gap:14px}.settings-action-card h3,.settings-boundary-card h3{font-size:13px;margin:4px 0}.settings-action-card p:last-child,.settings-boundary-card p:last-child{font-size:11px;line-height:1.5;color:var(--muted);max-width:440px}.settings-action-card .button{min-height:40px;white-space:nowrap}.boundary-badge{padding:7px 9px;border-radius:999px;background:#18312d;color:var(--mint);font-size:10px;font-weight:800;white-space:nowrap}.file-input{display:none}.pending-file{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--accent)}.attachment-list{display:grid;gap:9px;margin-top:9px;max-width:560px}.attachment-item{display:grid;gap:7px;min-width:0}.attachment-preview-image,.attachment-preview-video{display:block;max-width:min(100%,520px);max-height:360px;border-radius:12px;border:1px solid var(--line);background:#090d13;object-fit:contain}.attachment-preview-image{cursor:zoom-in}.attachment-preview-audio{width:min(100%,520px);height:42px}.attachment-card{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);text-decoration:none;transition:background .15s,border-color .15s}.attachment-card:hover,.attachment-card:focus-visible{background:var(--accent-soft);border-color:var(--accent)}.attachment-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:16px}.attachment-card>span:last-child,.attachment-card>span:first-child{display:grid;gap:3px;min-width:0}.attachment-card strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-card small{font-size:10px;color:var(--muted)}.history-button{display:block;margin:0 auto 12px;min-height:34px;font-size:11px}.formatted-message{margin:4px 0 2px;color:#d9e1ed;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.formatted-message a{color:var(--accent);text-decoration:underline;text-decoration-color:#b9a4ff66;text-underline-offset:2px}.formatted-message .mention{padding:1px 3px;border-radius:4px;color:var(--accent);background:#2b244655;border:0;font:inherit}.formatted-message button.mention{cursor:pointer}.formatted-message button.mention:hover,.formatted-message button.mention:focus-visible{background:var(--accent-soft);color:var(--text)}.formatted-message strong{color:var(--text);font-weight:800}.formatted-message em{color:#e6dfff;font-style:italic}.formatted-message u{text-decoration-color:var(--accent)}.formatted-message s{color:var(--muted)}.inline-code{padding:2px 5px;border-radius:5px;background:#0b1119;border:1px solid var(--line);color:#f0c7e8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.code-block{margin:7px 0;padding:11px 12px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#090e15;color:#d9e1ed;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}.code-block code{font:inherit}.formatted-message blockquote{margin:6px 0;padding:5px 10px;border-left:3px solid var(--accent);color:var(--subtle);background:#191a2d;border-radius:0 7px 7px 0}.spoiler{display:inline-block;min-height:24px;padding:1px 6px;border-radius:5px;background:#596273;color:#eef2f8;cursor:pointer;border:0;font:inherit;vertical-align:baseline;transition:background .15s,color .15s}.spoiler:hover,.spoiler:focus-visible{background:#687489}.spoiler.revealed{background:var(--accent-soft);color:var(--text)}.upload-progress{display:flex;align-items:center;gap:6px;flex:0 1 110px;color:var(--accent);font-size:10px;font-variant-numeric:tabular-nums}.upload-progress-track{height:5px;flex:1;min-width:34px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.upload-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .15s ease}.upload-cancel{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;background:var(--surface-3);color:var(--muted);font-size:14px;line-height:1;transition:background .15s,color .15s}.upload-cancel:hover,.upload-cancel:focus-visible{background:#3a202d;color:var(--danger)}.composer-hints{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;color:#59687c;font-size:10px;margin-top:8px}.composer-hints kbd{padding:1px 5px;border-radius:4px;border:1px solid #33415a;background:#131b26;color:#aab5c5;font-family:inherit;font-size:9px}.composer-hints span{color:#6b7a90}.composer-hints b{color:#8e75f2;font-weight:700}.tts-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;white-space:nowrap}.tts-chip button{background:transparent;color:var(--accent);font-size:14px;padding:0 2px;line-height:1}.slash-mark{color:var(--accent);font-weight:800}.recording-active{background:#3a202d;color:var(--danger)}.recording-active:hover{background:#4a2433;color:#ffb3c1}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.sticker-cell{min-height:56px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);padding:4px;transition:background .15s,transform .15s}.sticker-cell:hover,.sticker-cell:focus-visible{background:var(--surface-3);transform:scale(1.06)}.sticker-cell img{width:44px;height:44px;object-fit:contain;border-radius:8px}.sticker-section{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:10px}.webhook-badge{margin-left:6px;padding:2px 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-style:normal;font-weight:800;letter-spacing:.06em;vertical-align:middle}.message-author-name{display:inline-flex;align-items:baseline;font-size:14px;font-weight:700;color:var(--text)}.message-author-name.webhook-name{color:var(--subtle)}.tts-badge{margin-left:2px;font-size:10px;font-style:normal;color:var(--mint)}.activity-bars{display:flex;align-items:flex-end;gap:5px;height:96px;padding-top:6px}.activity-bar{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;background:var(--surface-3);border-radius:6px 6px 3px 3px;overflow:hidden}.activity-bar i{display:block;width:100%;background:var(--accent);border-radius:4px 4px 0 0;opacity:.85;transition:opacity .15s}.activity-bar:hover i{opacity:1}.admin-count{font-style:normal;font-size:12px;color:var(--accent);font-weight:800}.admin-member-initials{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:8px;background:var(--surface-3);color:var(--subtle);font-size:10px;font-weight:800}.webmaster-limit-row{display:flex;align-items:end;gap:10px}.webmaster-limit-row label{display:grid;gap:6px;flex:1;font-size:11px;color:var(--subtle);font-weight:700}.webmaster-limit-input{display:flex;align-items:center;gap:8px}.webmaster-limit-input input{width:130px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text)}.webmaster-limit-input b{font-size:11px;color:var(--muted)}.webmaster-limit-row>.button{min-height:40px}.webmaster-inventory-count{padding:6px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:10px;white-space:nowrap}.webmaster-upload-list{max-height:260px}.webmaster-view{display:grid;gap:10px}.permission-note{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border:1px solid #3c3564;border-radius:10px;background:var(--accent-soft);color:var(--subtle);font-size:11px;line-height:1.5}.permission-note>span{color:var(--accent);font-size:15px;line-height:1}.webmaster-hero{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(120deg,var(--surface-2),var(--surface))}.webmaster-hero h3{font-size:16px;margin:4px 0}.webmaster-hero p:last-child{font-size:11px;color:var(--muted)}.webmaster-status{flex:0 0 auto;padding:7px 10px;border-radius:999px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.08em}.webmaster-status.healthy{background:#18312d;color:var(--mint)}.webmaster-status.warning{background:#3a3020;color:#f2d79a}.webmaster-status.critical{background:#3a202d;color:#ffd6de}.webmaster-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.webmaster-card{display:grid;gap:4px;min-width:0;padding:12px;border-radius:10px;background:var(--surface-2)}.webmaster-card strong{font-family:Space Grotesk;font-size:18px;color:var(--text);overflow-wrap:anywhere}.webmaster-card span{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.webmaster-section{display:grid;gap:9px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.webmaster-section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.webmaster-section-heading h3{font-size:14px}.webmaster-section-heading p{font-size:11px;color:var(--muted);margin-top:3px}.webmaster-section-heading .button{min-height:38px;font-size:11px;white-space:nowrap}.webmaster-checks{display:flex;gap:8px;flex-wrap:wrap}.webmaster-checks span{padding:7px 9px;border-radius:8px;background:var(--surface-2);font-size:11px}.check-ok{color:var(--mint)}.check-warning{color:#f2d79a}.webmaster-details{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.webmaster-details summary{cursor:pointer;color:var(--subtle);font-size:12px;font-weight:700}.webmaster-config{display:grid;gap:7px;margin:12px 0}.webmaster-config div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:11px}.webmaster-config span{color:var(--muted)}.webmaster-config strong{color:var(--text);text-align:right;overflow-wrap:anywhere}.webmaster-details>.modal-intro{font-size:11px}.webmaster-section .admin-row{grid-template-columns:minmax(0,1fr) auto}.webmaster-section .admin-row small{grid-column:1}.webmaster-section .admin-row button,.webmaster-section .admin-row a{grid-column:2;grid-row:1 / span 2;align-self:center;min-height:36px}.webmaster-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;color:var(--muted);font-size:11px}.webmaster-pagination .button{min-height:36px;padding:8px 11px}.role-list-toolbar .button{white-space:nowrap}@media(max-width:520px){.role-row{grid-template-columns:10px minmax(0,1fr);gap:9px;padding:9px}.role-row-actions{grid-column:2;justify-content:flex-end;border-left:0;border-top:1px solid var(--line);padding:7px 0 0;margin-top:1px}.role-row-main{min-height:40px}.role-control{min-height:40px;width:40px;min-width:40px}.role-list-toolbar{display:flex;align-items:stretch;flex-direction:column;gap:7px;padding-inline:0}.role-list-toolbar .button{width:100%}}@keyframes message-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-12px) rotate(4deg)}}@keyframes pulse{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}@media(max-width:900px){.server-rail{width:74px;flex-basis:74px}.channel-sidebar{width:250px;flex-basis:250px}.header-tools .header-tool span{display:none}.messages,.composer-wrap{padding-left:28px;padding-right:28px}}@media(max-width:680px){body{overscroll-behavior:none}.admin-tabs button,.admin-member button{min-height:44px}.mobile-only-button{display:grid}.server-rail{position:fixed;left:0;top:0;bottom:0;width:78px;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom));flex-basis:78px;transform:translate(-105%);transition:transform .24s ease;box-shadow:var(--shadow)}.server-rail.mobile-open{transform:none}.channel-sidebar{position:fixed;left:0;top:0;bottom:0;width:min(87vw,320px);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);transform:translate(-105%);transition:transform .24s ease;box-shadow:var(--shadow)}.channel-sidebar.mobile-open{transform:none}.conversation-header{display:none}.mobile-topbar{height:calc(64px + env(safe-area-inset-top));flex:0 0 calc(64px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;padding:calc(9px + env(safe-area-inset-top)) 12px 9px;border-bottom:1px solid var(--line);background:#0f151e;z-index:2}.mobile-title{display:grid;min-width:0;text-align:center;flex:1;padding:0 10px}.mobile-title strong{font-family:Space Grotesk;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-title span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.messages{padding:20px 15px}.message{gap:10px;padding:8px 0}.message-content p{font-size:14px}.message-actions{opacity:1;max-height:36px}.message-actions button{min-width:40px;min-height:40px;padding:7px}.message-actions button span{display:none}.message.grouped .grouped-timestamp{opacity:1}.composer-wrap{padding:8px 10px max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#0c1017 17%)}.composer-disabled{margin:8px 10px max(12px,env(safe-area-inset-bottom));min-height:53px;font-size:12px;border-radius:15px}.composer{border-radius:15px;min-height:53px}.composer-hint{display:none}.composer input{font-size:16px;padding:9px 3px}.composer-action,.send-button{width:40px;height:40px;flex-basis:40px}.plus-menu{min-width:180px;max-width:min(240px,calc(100vw - 20px))}.toast{top:calc(74px + env(safe-area-inset-top));right:12px}.connection-banner{top:calc(72px + env(safe-area-inset-top));max-width:calc(100vw - 24px);white-space:nowrap}.connection-banner+.messages{padding-top:52px}.auth-card{padding:28px 22px}.auth-copy{margin-top:32px}.auth-art{opacity:.6}.art-star{right:10%;top:12%;font-size:38px}.auth-shell{align-items:end;padding:14px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.auth-card{max-height:calc(100dvh - 28px);overflow:auto}.auth-footnote{margin-top:25px}}@media(max-width:520px){.role-assignment-menu{min-width:100%;flex-basis:100%}.role-assignment-trigger{min-height:44px}.role-assignment-popover{width:min(320px,calc(100vw - 20px));max-height:min(65dvh,420px)}.invite-options{grid-template-columns:1fr}.invite-row{align-items:flex-start;grid-template-columns:1fr}.invite-actions{justify-content:flex-start}.settings-save-row,.settings-action-card,.settings-boundary-card,.webmaster-limit-row{align-items:stretch;flex-direction:column}.settings-save-row .button,.settings-action-card .button,.webmaster-limit-row>.button{width:100%}.webmaster-limit-input input{width:100%}.webmaster-cards{grid-template-columns:1fr}.webmaster-hero,.webmaster-section-heading{align-items:flex-start;flex-direction:column}.webmaster-section-heading .button{width:100%}.webmaster-config div{display:grid;gap:3px}.webmaster-config strong{text-align:left}.admin-tab-group{align-items:flex-start;flex-direction:column;gap:3px}.admin-tab-group-label{flex-basis:auto}.admin-tab-group-buttons{width:100%}}@media(max-width:380px){.auth-card{padding:24px 18px}.auth-copy h1{font-size:30px}.messages{padding-left:11px;padding-right:11px}.message-meta span{display:none}.channel-sidebar{width:calc(100vw - 48px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}[data-theme=light]{--bg:#f4f5f8;--surface:#fff;--surface-2:#f0f1f5;--surface-3:#e5e7ee;--line:#d9dce5;--text:#202532;--subtle:#596273;--muted:#7c8798;--accent:#6754ca;--accent-strong:#5440b4;--accent-soft:#eeeaff;--shadow:0 22px 70px #30384a22}[data-theme=light] .app-shell .conversation,[data-theme=light] .app-shell .conversation-header{background:var(--bg)}[data-theme=light] .app-shell .conversation-header,[data-theme=light] .app-shell .mobile-topbar{background:#fafbfc}[data-theme=light] .app-shell .server-rail{background:#e9ebf1;border-color:#d9dce5}[data-theme=light] .app-shell .brand-mark{color:#fff;background:#6754ca}[data-theme=light] .app-shell .server-orb{background:#f7f8fa;color:#596273}[data-theme=light] .app-shell .modal-form input,[data-theme=light] .app-shell .modal-form textarea,[data-theme=light] .app-shell .modal-form select{background:#f7f8fa}[data-theme=light] .app-shell .message-content p{color:#3f4959}[data-theme=light] .app-shell .composer{background:#fff}[data-theme=light] .app-shell .mobile-scrim{background:#24304466}@media(prefers-color-scheme:light){:root[data-theme=system]{--bg:#f4f5f8;--surface:#fff;--surface-2:#f0f1f5;--surface-3:#e5e7ee;--line:#d9dce5;--text:#202532;--subtle:#596273;--muted:#7c8798;--accent:#6754ca;--accent-strong:#5440b4;--accent-soft:#eeeaff}.app-shell[data-theme=system]{background:var(--bg)}}.channel-category-group{position:relative}.channel-category-header.drop-into{background:var(--accent-soft);color:var(--accent)}.channel-category-group.drop-into{background:var(--surface-2);border-radius:10px}.channel-list button.drop-before:before,.channel-list button.drop-after:after{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 0 1px var(--accent-strong)}.channel-list button.drop-before:before{top:-2px}.channel-list button.drop-after:after{bottom:-2px}.channel-list button.dragging{opacity:.35}.context-menu{position:fixed;z-index:30;min-width:210px;max-width:280px;max-height:72vh;overflow:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px;animation:fade-in .12s ease}.context-menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;border-radius:9px;background:transparent;color:var(--subtle);font-size:13px;white-space:nowrap}.context-menu button:hover{background:var(--accent-soft);color:var(--text)}.context-menu button.danger{color:var(--danger)}.context-menu button:disabled{color:var(--muted);cursor:default}.context-menu .context-separator{height:1px;background:var(--line);margin:4px 2px}.context-menu .context-label{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:6px 10px 2px}@media(prefers-reduced-motion:reduce){.context-menu,.plus-menu{animation:none}}.mention{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:0 4px;font-weight:600}.mention-self,.mention[data-mention="@everyone"],.mention[data-mention="@here"]{background:var(--accent);color:#211a3c}.channel-mention{background:var(--surface-3);color:var(--accent);border-radius:6px;padding:0 4px;font-weight:600}.pinned-badge{margin-left:auto;color:var(--muted);font-size:11px}.pinned-badge.standalone{display:block;margin:3px 0 5px;font-size:10px}.context-note{padding:7px 9px;border-radius:8px;background:var(--surface);color:var(--muted);font-size:10px;line-height:1.45}.message{position:relative}.message.highlight{animation:highlight-flash 3s ease}@keyframes highlight-flash{0%,60%{background:var(--accent-soft)}to{background:transparent}}.anchored-popover{z-index:1000;max-width:calc(100vw - 20px)}.anchored-popover .emoji-picker{position:relative;inset:auto;width:min(380px,calc(100vw - 20px));max-width:none;max-height:min(70dvh,420px)}.server-orb.has-unread .unread-dot{display:block;background:var(--muted)}.channel-list button.unread{color:var(--text)}.channel-list button.mention-unread{color:var(--text);background:var(--accent-soft)}.channel-unread{font-style:normal;margin-left:auto;min-width:20px;height:20px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--surface-3);color:var(--subtle);font-size:11px;font-weight:700}.channel-unread.mention{background:var(--danger);color:#fff}.nsfw-chip{color:var(--danger);border:1px solid var(--danger);border-radius:5px;padding:0 4px;font-size:9px;font-weight:800;margin-left:auto}.typing-indicator{padding:2px 4px 8px;font-size:12px;color:var(--accent);animation:fade-in .15s ease}.drop-hint{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:2px dashed var(--accent);border-radius:16px;display:grid;place-items:center;color:var(--accent);font-weight:700;background:var(--accent-soft);z-index:5;pointer-events:none;animation:fade-in .15s ease}.composer-wrap{position:relative}.notice-toast span{color:var(--mint)}.nsfw-gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:var(--bg);padding:24px}.nsfw-gate-card{max-width:400px;text-align:center;display:grid;gap:14px;justify-items:center}.nsfw-gate-card .empty-symbol{width:72px;height:72px;border-radius:24px;background:var(--danger);color:#fff;display:grid;place-items:center;font-family:Space Grotesk;font-weight:800;font-size:20px}.conversation{position:relative}.search-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.search-filters label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.search-hint{float:right;font-size:11px;color:var(--muted);font-weight:400}.check-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--subtle)}.admin-check{margin-left:auto;white-space:nowrap}.slow-input{width:64px}.search-results{max-height:340px;overflow:auto}.search-result{width:100%;text-align:left;gap:10px}.search-result em{display:block;font-style:normal;color:var(--subtle);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px}@media(prefers-reduced-motion:reduce){.message.highlight{animation:none}}.composer{position:relative}.composer-input-wrap{position:relative;flex:1;min-width:0;display:flex;align-items:center}.composer-input-wrap input{width:100%}.composer-completion{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;color:#68768b;font-size:14px;white-space:pre;font-family:inherit;font-weight:400}.autocomplete-popup{position:absolute;bottom:calc(100% + 12px);left:0;right:0;max-width:420px;z-index:22;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px;animation:fade-in .12s ease}.autocomplete-popup button{display:flex;align-items:center;gap:9px;min-height:40px;padding:7px 9px;border-radius:9px;background:transparent;color:var(--text);text-align:left}.autocomplete-popup button.active,.autocomplete-popup button:hover{background:var(--accent-soft)}.autocomplete-popup button>span:nth-child(2){display:grid;gap:1px;min-width:0;flex:1}.autocomplete-popup strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete-popup small{font-size:10px;color:var(--muted)}.autocomplete-popup .channel-symbol,.autocomplete-popup .role-dot{flex:0 0 auto}.autocomplete-popup kbd{padding:2px 6px;border-radius:5px;border:1px solid #33415a;background:#131b26;color:#aab5c5;font-size:9px;font-family:inherit;white-space:nowrap}.message.grouped{padding-top:2px}.message.grouped .avatar{visibility:hidden}.message.grouped .message-meta{display:none}.grouped-timestamp{flex:0 0 38px;width:38px;align-self:center;text-align:right;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .15s ease}.message:hover .grouped-timestamp,.message:focus-within .grouped-timestamp{opacity:1}.mention.unknown{color:var(--muted)}.timeout-select{min-height:36px;padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);font-size:11px}.bell-wrap{position:relative;display:inline-grid;place-items:center}.bell-badge{position:absolute;top:-7px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger,#ef8797);color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center}.notification-row{width:100%;min-height:64px;display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:11px;background:transparent;text-align:left;color:var(--text)}.notification-row:hover,.notification-row:focus-visible{background:var(--surface-2)}.notification-row>span:nth-child(2){display:grid;gap:2px;min-width:0;flex:1}.notification-row strong{font-size:12px}.notification-row small{font-size:10px;color:var(--muted)}.notification-row em{font-size:11px;color:var(--subtle);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:15px}.friend-row{width:100%;min-height:62px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;background:transparent;text-align:left;color:var(--text)}.friend-row:hover,.friend-row:focus-visible{background:var(--surface-2)}.friend-row>span:nth-child(2){display:grid;gap:2px;min-width:0;flex:1}.friend-row strong{font-size:13px}.friend-row small{font-size:10px;color:var(--muted)}.friend-row .button{min-height:34px;white-space:nowrap;font-size:11px;padding:6px 10px}.friend-row i{color:var(--muted)}.friend-search{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font-size:13px;margin-bottom:8px}.friend-outgoing{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.notification-prefs{display:grid;gap:7px}.notification-prefs .admin-member select{min-height:34px;padding:5px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);font-size:11px}.settings-note{font-size:11px;color:var(--muted);line-height:1.55}.auth-note{margin:0;padding:11px 13px;border-radius:11px;background:var(--accent-soft, rgba(124,103,255,.1));color:var(--text);font-size:12.5px;line-height:1.5;text-align:center}.reg-state{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.02em;padding:8px 12px;border-radius:999px}.reg-state.reg-open{color:#4ade80;background:#4ade801f}.reg-state.reg-closed{color:#f87171;background:#f871711f}.webmaster-section code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:var(--surface-2,#1b2330);border:1px solid var(--line,#2a3344);border-radius:6px;padding:2px 6px;color:var(--accent,#a78bfa)}.members-panel{flex:0 0 280px;width:280px;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0;overflow:hidden;visibility:visible;transition:flex-basis .24s ease,width .24s ease,opacity .24s ease,border-color .24s ease,visibility 0s linear .24s}.members-panel.collapsed{flex-basis:0;width:0;opacity:0;border-left-color:transparent;visibility:hidden;transition:flex-basis .24s ease,width .24s ease,opacity .24s ease,border-color .24s ease,visibility 0s}.members-panel-heading{height:85px;flex:0 0 85px;padding:17px 14px 14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.members-panel-heading h2{font-size:18px;letter-spacing:-.02em;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members-panel-heading h2 span{font-size:12px;color:var(--muted);font-family:DM Sans}.members-panel-list{flex:1;overflow:auto;padding:10px;scrollbar-width:thin}.members-panel-list button{width:100%;min-height:54px;display:flex;align-items:center;gap:11px;padding:8px;border-radius:11px;background:transparent;text-align:left;transition:background .15s}.members-panel-list button:hover,.members-panel-list button:focus-visible{background:var(--surface-2)}.members-panel-list button>span:last-child{display:grid;gap:3px;min-width:0}.members-panel-list strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members-panel-list small{color:var(--muted)}@media(max-width:900px){.members-panel{display:none}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#03060a99;z-index:3;opacity:0;pointer-events:none;transition:opacity .24s}.mobile-scrim.visible{opacity:1;pointer-events:auto}.members-drawer{display:block;position:fixed;right:0;top:0;bottom:0;width:min(88vw,340px);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--surface);z-index:8;box-shadow:var(--shadow);transform:translate(105%);transition:transform .24s ease}.members-drawer.mobile-open{transform:none}.drawer-heading{height:76px;padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-heading h2{font-size:20px;margin-top:4px}.drawer-heading h2 span{font-size:12px;color:var(--muted);font-family:DM Sans}.drawer-members{padding:10px}.drawer-members button{width:100%;min-height:62px;display:flex;align-items:center;gap:11px;padding:8px;border-radius:11px;background:transparent;text-align:left}.drawer-members button:hover{background:var(--surface-2)}.drawer-members button>span:last-child{display:grid;gap:3px}.drawer-members small{color:var(--muted)}}.settings-layout{display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:18px;align-items:start;min-width:0}.settings-nav{position:sticky;top:0;display:grid;gap:12px;align-content:start;min-width:0;padding:10px 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.settings-nav-title{padding:3px 8px 8px;border-bottom:1px solid var(--line)}.settings-nav-title h3{font-size:15px;margin-top:5px;overflow:hidden;text-overflow:ellipsis}.settings-nav-group{display:grid;gap:4px}.settings-nav-group>span{padding:5px 9px 2px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.settings-nav button{min-height:40px;width:100%;padding:8px 10px;border-radius:9px;background:transparent;color:var(--subtle);text-align:left;font-size:12px;font-weight:700;transition:background .15s,color .15s,transform .15s;display:flex;align-items:center;gap:9px}.settings-nav button:hover .admin-nav-glyph,.settings-nav button:focus-visible .admin-nav-glyph,.settings-nav button.active .admin-nav-glyph{background:var(--accent-soft);color:var(--accent);transform:scale(1.1)}.settings-nav button:hover,.settings-nav button:focus-visible{background:var(--surface-3);color:var(--text);transform:translate(1px)}.settings-nav button.active{background:var(--accent-soft);color:var(--text);box-shadow:inset 3px 0 var(--accent)}.settings-content{min-width:0;display:grid;gap:14px}.settings-page-heading{padding:3px 2px 10px;border-bottom:1px solid var(--line)}.settings-page-heading h3{font-size:21px;letter-spacing:-.03em;margin-top:5px}.settings-page-heading>p:last-child{font-size:12px;line-height:1.5;color:var(--muted);margin-top:5px}.server-settings-layout{align-items:start}.server-settings-layout .settings-content{min-height:0}.server-settings-layout .settings-nav{max-height:calc(100dvh - 180px);overflow:auto;scrollbar-width:thin}@media(max-width:680px){.settings-layout{grid-template-columns:1fr;gap:12px}.settings-nav{position:static;padding:8px}.settings-nav-title{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 8px}.settings-nav-group{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.settings-nav-group>span{flex:0 0 auto;padding:9px 6px 9px 8px}.settings-nav-group button{width:auto;flex:0 0 auto;min-height:42px}.settings-content{padding:0 2px}.settings-page-heading h3{font-size:19px}.server-settings-layout .settings-nav{max-height:none}}.admin-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:start;min-width:0}.admin-sidebar{position:sticky;top:0;display:grid;align-content:start;gap:12px;min-width:0;padding:10px 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;max-height:calc(100dvh - 190px);overflow:auto;scrollbar-width:thin}.admin-sidebar-title{padding:3px 8px 9px;border-bottom:1px solid var(--line)}.admin-sidebar-title h3{font-size:14px;margin-top:5px;line-height:1.2}.admin-sidebar-group{display:grid;gap:4px}.admin-sidebar-group>span{padding:5px 9px 2px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.admin-sidebar button{width:100%;min-height:40px;padding:8px 10px;border-radius:9px;background:transparent;color:var(--subtle);text-align:left;font-size:12px;font-weight:700;transition:background .15s,color .15s,transform .15s}.admin-sidebar button:hover,.admin-sidebar button:focus-visible{background:var(--surface-3);color:var(--text);transform:translate(1px)}.admin-sidebar button.active{background:var(--accent-soft);color:var(--text);box-shadow:inset 3px 0 var(--accent)}.admin-page-content{min-width:0;display:grid;gap:14px}.admin-page-heading{padding:3px 2px 10px;border-bottom:1px solid var(--line)}.admin-page-heading h3{font-size:21px;letter-spacing:-.03em;margin-top:5px}.admin-page-heading>p:last-child{font-size:12px;line-height:1.5;color:var(--muted);margin-top:5px}.admin-mobile-menu-button,.admin-sidebar-overlay{display:none}.webmaster-admin-view .admin-intro{padding-bottom:4px}.webmaster-admin-view .admin-list{max-height:none}.webmaster-admin-view .stats{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:680px){.admin-workspace{display:block;position:relative}.admin-sidebar{position:absolute;z-index:5;inset:0 auto 0 0;width:min(82vw,250px);max-height:none;transform:translate(-110%);transition:transform .2s ease;box-shadow:var(--shadow)}.admin-workspace.mobile-menu-open .admin-sidebar{transform:none}.admin-page-content{min-height:0}.admin-mobile-menu-button{display:flex;align-items:center;gap:8px;width:max-content;min-height:42px;padding:8px 11px;border-radius:9px;background:var(--surface-2);color:var(--subtle);font-size:12px;font-weight:700}.admin-mobile-menu-button:hover,.admin-mobile-menu-button:focus-visible{background:var(--surface-3);color:var(--text)}.admin-workspace.mobile-menu-open .admin-sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;border:0;background:#03060a99;cursor:default}.admin-workspace.mobile-menu-open .admin-sidebar{z-index:5}.webmaster-admin-view .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.webmaster-admin-view .stats{grid-template-columns:1fr}}.role-permission-editor{display:grid;gap:14px;margin-top:2px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.permission-editor-header{display:grid;gap:11px;padding-bottom:13px;border-bottom:1px solid var(--line)}.permission-editor-field{display:grid;gap:7px;color:var(--subtle);font-size:12px;font-weight:700}.permission-editor-field input{width:100%;padding:11px 12px;border:1px solid #34445a;border-radius:10px;background:#0f161f;color:var(--text);outline:0;font:inherit;font-weight:400}.permission-editor-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #8e75f229}.permission-editor-field input:disabled{color:var(--muted);background:var(--surface);cursor:not-allowed}.permission-editor-toggle{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:12px}.permission-groups{display:grid;gap:12px}.permission-group{display:grid;gap:8px;margin:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.permission-group h4{margin:0;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.permission-group-options{display:grid;gap:3px}.role-permission-editor .permission-option{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:8px 9px;border-radius:8px;color:var(--subtle);font-size:12px;line-height:1.35;cursor:pointer;transition:background .15s,color .15s}.role-permission-editor .permission-option:hover:has(input:not(:disabled)),.role-permission-editor .permission-option:focus-within{background:var(--surface-2);color:var(--text)}.role-permission-editor .permission-option input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 17px;width:17px;height:17px;margin:1px 0 0;border:1px solid #52627a;border-radius:5px;background:var(--surface-2);display:grid;place-content:center;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.role-permission-editor .permission-option input:before{content:"✓";color:#241d3f;font-size:12px;font-weight:900;line-height:1;transform:scale(0);transition:transform .12s ease}.role-permission-editor .permission-option input:checked{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 2px #8e75f229}.role-permission-editor .permission-option input:checked:before{transform:scale(1)}.role-permission-editor .permission-option input:disabled{border-color:#39465a;background:#202a38;cursor:not-allowed;opacity:.65}.role-permission-editor .permission-option input:disabled+span{color:var(--muted)}@media(max-width:680px){.role-permission-editor{padding:12px;gap:12px}.permission-group{padding:10px}.role-permission-editor .permission-option{padding:8px 7px}}.admin-scope-note{display:grid;gap:4px;padding:10px 12px;border:1px solid #3c3564;border-radius:10px;background:var(--accent-soft);color:var(--subtle);font-size:11px;line-height:1.45}.admin-scope-note strong{color:var(--text);font-size:12px}.admin-scope-note span{color:var(--muted)}.webmaster-admin-view .admin-sidebar-group button.active{box-shadow:inset 3px 0 var(--accent),0 2px 8px #0002}.webmaster-admin-view .admin-sidebar button,.webmaster-workspace .admin-sidebar button{display:flex;align-items:center;gap:9px}.admin-nav-glyph{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:7px;background:var(--surface-3);color:var(--muted);font-size:11px;font-style:normal;line-height:1;transition:background .15s,color .15s,transform .15s}.admin-sidebar button:hover .admin-nav-glyph,.admin-sidebar button:focus-visible .admin-nav-glyph,.admin-sidebar button.active .admin-nav-glyph{background:var(--accent-soft);color:var(--accent);transform:scale(1.1)}@media(max-width:680px){.admin-nav-glyph{width:20px;height:20px;flex-basis:20px}}.webmaster-admin-view .admin-page-content>.admin-list{gap:8px}.webmaster-admin-view .admin-page-content>.admin-list>.admin-member{border:1px solid transparent;transition:background .15s,border-color .15s,transform .15s}.webmaster-admin-view .admin-page-content>.admin-list>.admin-member:hover,.webmaster-admin-view .admin-page-content>.admin-list>.admin-member:focus-visible{border-color:var(--line);transform:translateY(-1px)}@media(max-width:680px){.admin-scope-note{font-size:12px}.user-moderation-actions{align-items:stretch}.user-moderation-actions .button{flex:1 1 130px}}.admin-restrict-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap;flex:1 1 100%}.admin-restrict-field{display:grid;gap:4px;font-size:10px;font-weight:700;color:var(--muted);min-width:130px}.admin-restrict-field select,.admin-restrict-field input{min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);outline:0;font-size:11px}.admin-restrict-field select:focus,.admin-restrict-field input:focus{border-color:var(--accent)}.admin-restrict-form .button{min-height:36px;padding:7px 11px;font-size:10px}@media(max-width:680px){.admin-restrict-form{display:grid;grid-template-columns:1fr 1fr}.admin-restrict-field{min-width:0}.admin-restrict-form .button{width:100%}}.voice-channel-item{display:flex;flex-direction:column}.voice-channel-item>.voice-sidebar-participants{margin:2px 4px 6px 26px}.voice-sidebar-participants{display:flex;flex-direction:column;gap:2px}.voice-sidebar-participant{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:var(--space);font-size:12px;color:var(--muted)}.voice-sidebar-participant.speaking{color:var(--text)}.voice-sidebar-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--surface-3);color:var(--text);font-size:10px;font-weight:700;flex:none}.voice-sidebar-participant.speaking .voice-sidebar-avatar{box-shadow:0 0 0 2px var(--accent)}.voice-sidebar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.voice-sidebar-participant .voice-participant-states{margin-left:auto}.voice-sidebar-participant .voice-state-chip{display:inline-flex;align-items:center;padding:1px 5px;border-radius:99px;background:var(--surface-3);color:var(--muted);font-size:9px;font-style:normal;text-transform:lowercase;letter-spacing:.04em}.voice-sidebar-participant .voice-state-chip.streaming{background:var(--accent-soft);color:var(--accent)}.voice-sidebar-participant .voice-state-chip.deafened{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.voice-connection-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;margin:6px 8px 2px;border:1px solid var(--line);border-radius:var(--space);background:var(--surface-3)}.voice-connection-bar.reconnecting,.voice-connection-bar.connecting{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.voice-connection-bar.error{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.voice-connection-open{display:flex;align-items:center;gap:8px;min-width:0;flex:1;text-align:left;background:none;border:none;color:inherit;cursor:pointer;padding:2px}.voice-connection-copy{display:flex;flex-direction:column;min-width:0}.voice-connection-copy strong{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-connection-copy small{font-size:10px;color:var(--muted)}.voice-connection-actions{display:flex;gap:4px;flex:none}.voice-connection-actions .round-button{width:26px;height:26px;font-size:11px}.voice-connection-actions .round-button.active{background:var(--accent-soft);color:var(--accent)}.voice-connection-actions .voice-disconnect-button{color:var(--danger)}.voice-status-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--muted)}.voice-status-dot.connected{background:var(--mint)}.voice-status-dot.connecting,.voice-status-dot.reconnecting{background:color-mix(in srgb,var(--accent) 70%,transparent);animation:voice-pulse 1.2s ease-in-out infinite}.voice-status-dot.error{background:var(--danger)}@keyframes voice-pulse{0%,to{opacity:1}50%{opacity:.35}}.voice-view{flex:1;display:flex;flex-direction:column;gap:14px;padding:16px;min-height:0;overflow-y:auto}.voice-error{margin:0}.voice-status-line{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);flex-wrap:wrap}.voice-status-line strong{color:var(--text);font-size:13px}.voice-count{margin-left:auto;background:var(--surface-2);border:1px solid var(--line);padding:2px 8px;border-radius:99px;font-size:11px;color:var(--text)}.voice-participants{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;align-content:start;min-height:0}.voice-participant-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--space);text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.voice-participant-card.speaking{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 14px color-mix(in srgb,var(--accent) 25%,transparent)}.voice-participant-avatar{position:relative;width:52px;height:52px;border-radius:50%;background:var(--surface-3);border:1px solid var(--line);color:var(--text);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s ease}.voice-participant-card.speaking .voice-participant-avatar,.voice-participant-avatar:hover{border-color:var(--accent)}.voice-speaking-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--accent);animation:voice-pulse 1s ease-in-out infinite;pointer-events:none}.voice-participant-copy{display:flex;flex-direction:column;gap:4px;align-items:center;min-width:0}.voice-participant-copy strong{font-size:13px;color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-participant-copy strong em{font-style:normal;color:var(--muted);font-weight:400}.voice-participant-states{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.voice-state-chip{display:inline-flex;align-items:center;padding:1px 7px;border-radius:99px;background:var(--surface-3);color:var(--muted);font-size:10px;font-style:normal;text-transform:lowercase;letter-spacing:.04em}.voice-state-chip.streaming{background:var(--accent-soft);color:var(--accent)}.voice-state-chip.muted{color:var(--danger)}.voice-state-chip.deafened{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.voice-moderate-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.voice-moderate-controls .button{font-size:11px;padding:4px 9px;min-height:0}.voice-move-select{font-size:11px;padding:4px 6px;border-radius:var(--space);background:var(--surface-3);color:var(--text);border:1px solid var(--line)}.voice-watch.active{background:var(--accent-soft);color:var(--accent)}.voice-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:12px;border:1px solid var(--line);border-radius:var(--space);background:var(--surface-2)}.voice-control{min-height:36px;padding:7px 14px;border-radius:var(--space);background:var(--surface-3);color:var(--text);border:1px solid var(--line);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.voice-control:hover{border-color:var(--accent)}.voice-control.active{background:var(--accent-soft);color:var(--accent);border-color:transparent}.voice-control.disconnect{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.voice-control.disconnect:hover{background:color-mix(in srgb,var(--danger) 14%,transparent);border-color:var(--danger)}.voice-stream-viewer{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:var(--space);overflow:hidden;background:var(--surface-2)}.voice-stream-heading{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12px;color:var(--text)}.voice-stream-heading>span{display:flex;align-items:center;gap:7px}.voice-stream-heading .button{margin-left:auto;font-size:11px;padding:4px 10px;min-height:0}.voice-live-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:voice-pulse 1.1s ease-in-out infinite}.voice-stream-viewer video{width:100%;max-height:44vh;background:#000;display:block}.voice-sensitivity-row{display:flex;align-items:center;gap:10px}.voice-sensitivity-row input[type=range]{flex:1;accent-color:var(--accent)}.voice-sensitivity-row span{min-width:34px;text-align:right;font-size:12px;color:var(--muted)}.voice-check-row{margin-top:2px}.voice-check-row+.voice-check-row{margin-top:0}.voice-settings-card input[type=checkbox]{accent-color:var(--accent)}@media(max-width:680px){.voice-view{padding:12px}.voice-participants{grid-template-columns:1fr 1fr;gap:8px}.voice-controls{gap:6px}.voice-control{flex:1 1 40%;padding:7px 8px;font-size:11px}.voice-stream-viewer video{max-height:32vh}}@media(max-width:440px){.voice-participants{grid-template-columns:1fr}}.avatar img,.settings-profile .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.server-orb-icon{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:inherit}.server-orb-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.server-folder{display:flex;flex-direction:column;align-items:center;gap:4px}.server-folder-toggle{position:relative;width:48px;height:48px;border-radius:var(--space);background:var(--surface-2);border:1px solid var(--line);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:border-radius .15s ease,background .15s ease}.server-folder-toggle:hover{border-radius:16px;background:var(--surface-3)}.server-folder.expanded .server-folder-toggle{border-radius:16px;border-color:var(--accent)}.folder-stack-label{font-size:13px;font-weight:700;color:var(--muted)}.folder-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--danger);color:#fff;border:none;font-size:11px;line-height:1;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .15s ease}.server-folder-toggle:hover .folder-remove,.server-folder-toggle:focus-visible .folder-remove{opacity:1}.folder-orbs{display:flex;flex-direction:column;align-items:center;gap:4px}.server-orb.folder-orb{width:42px;height:42px}.readonly-note{padding:6px 10px;border:1px dashed var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:12px;margin-bottom:8px}.poll-card{margin:8px 0 4px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);max-width:460px}.poll-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.poll-card-head strong{color:var(--text)}.poll-card-head span{color:var(--muted);font-size:11px}.poll-multi{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.poll-options{display:grid;gap:6px}.poll-option{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;text-align:left;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;overflow:hidden;transition:border-color .15s ease,background .15s ease}.poll-option:hover,.poll-option.voted{border-color:var(--accent)}.poll-option-bar{position:absolute;inset:0 auto 0 0;background:#2a2140;pointer-events:none}.poll-option.voted .poll-option-bar{background:color-mix(in srgb,var(--accent) 20%,transparent)}.poll-option-label{position:relative;z-index:1;font-size:13px}.poll-option-count{position:relative;z-index:1;color:var(--muted);font-size:11px}.poll-voted-mark{position:relative;z-index:1;color:var(--accent);font-style:normal}.poll-composer{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);margin-bottom:8px}.poll-composer-head{display:flex;align-items:center;justify-content:space-between}.poll-composer-close{background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer}.poll-composer>label:not(.check-row){display:grid;gap:5px;font-size:13px;color:var(--subtle)}.poll-composer input:not([type=checkbox]){width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);outline:0;font:inherit;font-weight:400}.poll-composer input:not([type=checkbox]):focus{border-color:var(--accent);box-shadow:0 0 0 2px #8e75f229}.poll-option-input-row{display:flex;gap:8px;align-items:center}.poll-option-input-row input{flex:1;min-width:0}.poll-option-input .button{font-size:11px;white-space:nowrap}.thread-entry{width:100%}.thread-row{gap:8px}.voice-camera-tile{width:100%;max-width:320px;aspect-ratio:16/9;border-radius:8px;background:#000;object-fit:cover}.voice-self-preview{display:flex;flex-direction:column;gap:4px;max-width:320px}.voice-self-preview-label{color:var(--muted);font-size:11px;text-align:center}.voice-participant-card.has-video{flex-wrap:wrap}.voice-participant-card.has-video .voice-camera-tile{flex:1 1 100%;order:-1}.voice-state-chip.camera{background:#1c2b3a;color:#8ec7f5}.note-textarea{width:100%;min-height:64px;resize:vertical}.note-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.settings-danger-card{border-color:#6b3749}.button-danger{background:var(--danger);color:#fff;border:1px solid transparent}.button-danger:hover:not(:disabled){filter:brightness(1.12)}.button-danger:disabled{opacity:.5;cursor:not-allowed}.avatar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.avatar-actions input[type=file]{display:none}@media(max-width:600px){.poll-options{grid-template-columns:1fr}.note-actions,.avatar-actions{flex-direction:column;align-items:stretch}}.message-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.message-actions button svg{flex:0 0 auto}.message-actions button:hover,.message-actions button:focus-visible{color:var(--accent)}.modal-admin .settings-content{overflow:auto;align-content:start}.modal-backdrop-fullscreen{display:block;width:100vw;height:100dvh;padding:0;overflow:hidden}.modal-backdrop-fullscreen>.modal-fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-width:0;max-width:none;height:100%;min-height:100%;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden}.modal-fullscreen.modal-admin{height:100%;max-height:none}.modal-fullscreen{box-sizing:border-box}.modal-fullscreen .modal-header{position:relative;flex:0 0 auto;min-height:82px;margin:0;padding:20px 104px 16px 32px;border-bottom:1px solid var(--line);background:var(--surface);align-items:center}.modal-fullscreen .modal-header h2{font-size:24px}.modal-fullscreen .close-button{position:absolute;top:18px;right:24px;width:48px;min-height:48px;padding:5px 4px 22px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--text);font-size:25px;line-height:20px;box-shadow:0 8px 24px #0003}.modal-fullscreen .close-button:hover,.modal-fullscreen .close-button:focus-visible{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);transform:none}.close-shortcut{position:absolute;right:50%;bottom:5px;transform:translate(50%);font-size:8px;line-height:1;font-weight:800;letter-spacing:.12em;color:var(--muted)}.modal-fullscreen .close-button:hover .close-shortcut,.modal-fullscreen .close-button:focus-visible .close-shortcut{color:var(--accent)}.modal-fullscreen>.admin-view{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:0;overflow:hidden}.modal-fullscreen>.admin-view>.admin-intro,.modal-fullscreen>.admin-view>.permission-note{display:none}.modal-fullscreen>.admin-view>.settings-layout{display:grid;width:100%;min-width:0;grid-template-columns:minmax(220px,260px) minmax(0,1fr);flex:1 1 auto;min-height:0;gap:0;align-items:stretch}.modal-fullscreen .settings-nav{position:static;width:100%;min-width:0;max-height:none;height:auto;overflow:auto;padding:24px 16px;border:0;border-right:1px solid var(--line);border-radius:0;background:var(--surface-2);align-content:start}.modal-fullscreen .settings-content{width:100%;min-width:0;min-height:0;overflow:auto;padding:28px 40px 44px;align-content:start}.modal-fullscreen .settings-page-heading{max-width:900px}@media(max-width:680px){.modal-fullscreen .modal-header{min-height:72px;padding:16px 82px 13px 18px}.modal-fullscreen .modal-header h2{font-size:20px}.modal-fullscreen .close-button{top:12px;right:14px;width:44px;min-height:44px}.modal-fullscreen>.admin-view>.settings-layout{grid-template-columns:1fr;overflow:auto}.modal-fullscreen .settings-nav{height:auto;max-height:none;padding:8px 10px;border-right:0;border-bottom:1px solid var(--line)}.modal-fullscreen .settings-content{overflow:visible;padding:20px 16px 32px}.modal-fullscreen .settings-nav-group{overflow-x:auto}}@media(max-width:640px){.message-actions button span{display:none}.message-actions button{min-width:36px}}.chatbox-select{position:relative;width:100%;min-width:0}.chatbox-select-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.chatbox-select-trigger:hover:not(:disabled),.chatbox-select-trigger:focus-visible{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 2px #8e75f229}.chatbox-select-trigger:disabled{opacity:.55;cursor:not-allowed}.chatbox-select-value{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatbox-select-placeholder{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatbox-select-chevron{flex:0 0 auto;color:var(--muted);font-size:14px;line-height:1}.chatbox-select-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;display:grid;gap:3px;max-height:250px;overflow:auto;padding:5px;border:1px solid #34445a;border-radius:11px;background:var(--surface-2);box-shadow:var(--shadow);overscroll-behavior:contain}.chatbox-select-option{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:transparent;color:var(--subtle);text-align:left;font-size:12px}.chatbox-select-option:hover:not(:disabled),.chatbox-select-option.highlighted,.chatbox-select-option.selected{background:var(--surface-3);color:var(--text)}.chatbox-select-option.selected{color:var(--accent)}.chatbox-select-option:disabled{opacity:.45;cursor:not-allowed}.chatbox-select-check{color:var(--accent);font-weight:800}.chatbox-checkbox{position:relative;display:flex;align-items:center;gap:9px;min-height:28px;color:var(--subtle);cursor:pointer}.chatbox-checkbox>input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);opacity:0}.chatbox-checkbox-box{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border:1px solid #52627a;border-radius:5px;background:var(--surface-2);color:#241d3f;font-size:12px;font-weight:900;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s}.chatbox-checkbox>input:checked+.chatbox-checkbox-box{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 2px #8e75f229}.chatbox-checkbox>input:disabled+.chatbox-checkbox-box{border-color:#39465a;background:#202a38;opacity:.65}.chatbox-checkbox:has(>input:disabled){cursor:not-allowed;opacity:.65}.chatbox-checkbox:focus-within .chatbox-checkbox-box{border-color:var(--accent);box-shadow:0 0 0 3px #b9a4ff44}.chatbox-checkbox-label{min-width:0}.role-permission-editor .chatbox-checkbox.permission-option{display:flex;align-items:flex-start}.role-permission-editor .chatbox-checkbox.permission-option>input{position:absolute;width:1px;height:1px;opacity:0}.role-permission-editor .chatbox-checkbox.permission-option .chatbox-checkbox-label{color:inherit}.voice-move-select .chatbox-select-trigger,.timeout-select .chatbox-select-trigger{min-height:36px;padding:6px 8px;font-size:11px;border-radius:9px;background:var(--surface-2)}@media(max-width:680px){.chatbox-select-menu{max-height:min(250px,42dvh)}.chatbox-select-trigger{min-height:44px}.invite-options,.search-filters{grid-template-columns:1fr}}.ownership-action-card{border-color:#8e75f244}.ownership-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.ownership-action-row .chatbox-select{flex:1 1 280px;min-width:0}.ownership-action-row .button{flex:0 0 auto}.ownership-confirmation{gap:16px}.ownership-confirmation-parties{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.ownership-confirmation-parties>div{display:grid;gap:4px;min-width:0}.ownership-confirmation-parties strong,.ownership-confirmation-parties small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ownership-transfer-arrow{color:var(--accent);font-size:22px}.ownership-warning{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.role-management-panel{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.5fr);align-items:start;gap:14px;min-width:0}.role-list{min-width:0;min-height:100%;margin:0}.role-list-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.role-list-items{display:grid;gap:8px}.role-editor-column{min-width:0;position:sticky;top:0}.role-editor-column .role-permission-editor{margin-top:0;max-height:calc(100vh - 250px);overflow:auto}.role-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.role-editor-heading>div{min-width:0}.role-editor-heading h3{margin-top:4px;overflow:hidden;text-overflow:ellipsis}.role-editor-heading p:not(.eyebrow){margin-top:5px;color:var(--subtle);font-size:12px;line-height:1.45}.role-editor-scope{flex:0 0 auto;padding:5px 8px;border:1px solid var(--line);border-radius:7px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.role-editor-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding-bottom:8px}.role-editor-tabs button{min-height:36px;padding:7px 12px;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;transition:background .15s,color .15s}.role-editor-tabs button:hover,.role-editor-tabs button:focus-visible{background:var(--surface-3);color:var(--text)}.role-editor-tabs button.active{background:var(--accent-soft);color:var(--accent)}.role-display-panel{padding:2px 0 4px}.role-editor-empty{min-height:260px;display:grid;align-content:center;gap:7px;padding:24px;border:1px dashed var(--line);border-radius:12px;background:var(--surface-2);color:var(--subtle)}.role-editor-empty h3{color:var(--text)}.permission-option-copy{display:grid;gap:2px;min-width:0}.permission-option-copy strong{font-size:12px;color:var(--text)}.permission-option-copy small{font-size:11px;line-height:1.35;color:var(--muted);font-weight:400}@media(max-width:680px){.role-management-panel{grid-template-columns:1fr}.role-editor-column{position:static}.role-editor-column .role-permission-editor{max-height:none}.ownership-confirmation-parties{grid-template-columns:1fr}.ownership-transfer-arrow{display:none}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}}.forum-view{display:flex;flex-direction:column;gap:16px;max-width:760px;width:100%;margin:0 auto;padding:8px 4px 16px}.forum-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--surface, #161b26);border:1px solid var(--border, #232a3b);border-radius:12px}.forum-toolbar h2{font-size:18px;color:var(--text, #e6e9f2)}.forum-toolbar .modal-intro{max-width:46ch;margin:4px 0 0}.forum-posts .thread-entry{flex:1}.rules-panel{border:1px solid var(--border, #232a3b);border-radius:10px;background:var(--bg, #0e1118);max-height:320px;overflow:auto}.rules-panel pre{white-space:pre-wrap;word-break:break-word;padding:16px;margin:0;font-size:13px;line-height:1.55;color:var(--text, #e6e9f2)}.publish-glyph{font-size:13px;line-height:1}.group-owner-actions{border-top:1px solid var(--border, #232a3b);margin-top:16px;padding-top:16px}.voice-stage-controls{display:flex;gap:8px;margin-top:6px}.stage-request-row{border:1px solid var(--accent, #7c6cf6);border-radius:10px;padding:12px 14px;background:color-mix(in srgb,var(--accent, #7c6cf6) 8%,transparent);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.stage-requests{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border, #232a3b);border-radius:10px;padding:12px}.link-preview{display:flex;gap:12px;max-width:420px;margin:8px 0 2px;padding:10px 12px;border:1px solid var(--border, #232a3b);border-left:3px solid var(--accent, #7c6cf6);border-radius:8px;background:var(--surface, #161b26);text-decoration:none;transition:border-color .15s ease}.link-preview:hover{border-color:var(--accent, #7c6cf6)}.link-preview-image img{width:72px;height:72px;object-fit:cover;border-radius:6px}.link-preview-copy{display:grid;gap:2px;min-width:0}.link-preview-copy strong{font-size:13px;color:var(--text, #e6e9f2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-preview-copy small{font-size:12px;line-height:1.4;color:var(--muted, #8b93a7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-copy em{font-size:11px;font-style:normal;color:var(--accent, #7c6cf6)}.link-preview-loading span{font-size:12px;color:var(--muted, #8b93a7)}@media(max-width:767px){.app-shell,.conversation{height:100vh;height:100dvh;min-height:0}.conversation{overflow:hidden}.mobile-topbar{height:calc(52px + env(safe-area-inset-top));flex-basis:calc(52px + env(safe-area-inset-top));padding:calc(7px + env(safe-area-inset-top)) 12px 7px}.messages{min-height:0;padding:10px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.composer-wrap{flex:0 0 auto;padding:6px 8px max(10px,env(safe-area-inset-bottom))}.composer-hint,.composer-hints,.message-actions{display:none!important}.mobile-message-actions-trigger{display:inline-grid;place-items:center;min-width:36px;min-height:36px;margin-left:auto;padding:4px 7px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:15px;line-height:1}.mobile-message-actions-trigger:hover,.mobile-message-actions-trigger:focus-visible{border-color:var(--line);background:var(--surface-2);color:var(--text)}.mobile-action-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;background:#05080d99;padding:10px 10px max(10px,env(safe-area-inset-bottom))}.mobile-action-sheet{width:100%;max-height:min(70dvh,520px);overflow:auto;padding:13px 12px max(12px,env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow);animation:modal-in .18s ease}.mobile-action-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 3px 10px;border-bottom:1px solid var(--line);color:var(--text);font-size:13px}.mobile-action-sheet-heading button{width:36px;height:36px;border-radius:9px;background:transparent;color:var(--muted);font-size:22px}.mobile-action-sheet-heading button:hover,.mobile-action-sheet-heading button:focus-visible{background:var(--surface-2);color:var(--text)}.mobile-action-sheet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:11px}.mobile-action-sheet-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--subtle);font-size:12px;text-align:left}.mobile-action-sheet-actions button:hover,.mobile-action-sheet-actions button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.mobile-action-sheet-actions button span{display:inline}.message-meta{gap:5px 6px}.role-badge{white-space:nowrap;max-width:min(42vw,180px);overflow:hidden;text-overflow:ellipsis}}@media(min-width:768px){.mobile-message-actions-trigger,.mobile-action-sheet-backdrop{display:none!important}}.server-stack{position:relative}.server-stack .server-orb{touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;will-change:transform;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease,border-radius .2s ease;cursor:grab}.server-stack .server-orb.server-dragging{opacity:.28;transform:none;box-shadow:inset 0 0 0 2px var(--accent);cursor:grabbing}.server-drag-ghost{position:fixed;z-index:400;pointer-events:none;will-change:transform;width:48px;height:48px;border-radius:14px;background:var(--accent);color:#211a3c;font-family:Space Grotesk;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) scale(1.12);opacity:.95;cursor:grabbing;box-shadow:0 18px 34px #000a,0 0 0 2px var(--accent)}.server-drag-ghost .server-orb-icon{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:inherit}.server-drag-ghost .server-orb-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.server-drag-ghost .unread-dot{display:block}.server-stack .server-orb.server-drop-before{box-shadow:0 -4px 0 -1px var(--accent),0 8px 20px #0003}.server-stack .server-orb.server-drop-after{box-shadow:0 4px 0 -1px var(--accent),0 8px 20px #0003}@media(max-width:680px){.server-stack,.server-stack .server-orb{touch-action:pan-y}}