:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9eaf2;background:#17181d;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400;--rail:#0a100c;--sidebar:#101a13;--main:#121c15;--surface:#19281e;--surface-high:#22352a;--hover:#243a2c;--text:#f0f5f1;--muted:#a1b0a5;--faint:#748279;--line:#283a2d;--accent:#35d07f;--accent-strong:#188651;--green:#35d07f;--danger:#ef626b;--composer:#19281e;--control:#101a13;--shadow:0 18px 54px #030905b8;--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--focus-ring:#54e69a}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}body{min-width:320px;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled){transition:background-color .14s,color .14s,border-color .14s}.auth-screen{--auth-green:#42df91;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 14% 12%,#234932 0,transparent 36%),radial-gradient(ellipse at 92% 85%,#142a1d 0,transparent 35%),#0b100d}.auth-screen:before,.auth-screen:after{content:"";position:absolute;z-index:-1;width:360px;height:360px;border:1px solid #78eca31a;border-radius:50%;pointer-events:none}.auth-screen:before{left:-200px;top:-210px;animation:auth-drift 17s ease-in-out infinite alternate}.auth-screen:after{right:-220px;bottom:-220px;width:480px;height:480px;animation:auth-drift 21s ease-in-out infinite alternate-reverse}.auth-art{background:radial-gradient(ellipse at 53% 46%,#285438 0,#14271b 48%,#0b100d 82%)}.art-orbit{border-color:#72e99a2c!important;animation:auth-orbit 24s linear infinite}.orbit-two{animation-direction:reverse}.art-star{color:#a6f6c2!important;animation:auth-star 4s ease-in-out infinite}.art-chat-bubble{border:1px solid #8be8a736!important;background:linear-gradient(140deg,#254631e8,#17261ddd)!important;box-shadow:0 14px 34px #0004,0 0 26px #48d47d16!important;animation:auth-float 5.5s ease-in-out infinite}.bubble-two{animation-delay:-2.2s!important}.art-title .brand-mark{box-shadow:0 0 34px #48dc8730}.auth-panel{position:relative}.auth-card{animation:auth-card-enter .55s cubic-bezier(.2,.75,.25,1) both}.auth-kicker{display:flex;align-items:center;gap:8px;margin:0 0 13px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.15em}.auth-live-dot{width:7px;height:7px;border-radius:50%;background:var(--auth-green);box-shadow:0 0 0 4px #42df911e,0 0 14px #42df91a6;animation:auth-pulse 2s ease-out infinite}.auth-card h1{animation:auth-heading-in .32s ease both}.auth-card form{animation:auth-form-in .42s ease both}.auth-card form label{transition:color .2s ease}.auth-card form label:focus-within{color:var(--auth-green)}.auth-card form input{transition:border-color .2s,box-shadow .2s,background-color .2s}.auth-card form input:focus{border-color:#42df91!important;box-shadow:0 0 0 3px #42df911e}.auth-password-field{display:flex;align-items:center;position:relative}.auth-password-field input{width:100%;padding-right:57px!important}.password-visibility{position:absolute;right:10px;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:700}.password-visibility:hover{color:var(--auth-green)}.password-hint{display:flex;flex-wrap:wrap;gap:8px 14px;margin:-6px 0 3px;color:var(--faint);font-size:10px}.password-hint span{transition:color .18s}.password-hint .met{color:var(--auth-green)}.signup-progress{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:6px;margin:17px 0 16px}.signup-progress>span{height:3px;border-radius:5px;background:var(--line);transition:background .25s,box-shadow .25s}.signup-progress>span.active{background:var(--auth-green);box-shadow:0 0 10px #42df9140}.signup-progress small{grid-column:1/-1;margin-top:2px;color:var(--muted);font-size:10px}.auth-submit{position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s,filter .18s!important}.auth-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 26px #2ca8673b}.auth-submit:not(:disabled):active{transform:translateY(0) scale(.985)}.auth-switch button{transition:color .16s,transform .16s}.auth-switch button:hover{color:var(--auth-green);transform:translateY(-1px)}.auth-notice,.auth-error{animation:auth-message-in .22s ease both}.host-note{border-color:#5dd88a27!important;background:#14221a!important}.host-note>span{color:var(--auth-green)!important}@keyframes auth-drift{to{transform:translate(34px,27px) scale(1.06)}}@keyframes auth-orbit{to{transform:rotate(360deg)}}@keyframes auth-star{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(35deg) scale(1.12)}}@keyframes auth-float{0%,to{translate:0 0}50%{translate:0 -9px}}@keyframes auth-pulse{0%{box-shadow:0 0 #42df914c}to{box-shadow:0 0 0 9px #42df9100}}@keyframes auth-card-enter{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes auth-heading-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes auth-form-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes auth-message-in{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.auth-screen:before,.auth-screen:after,.art-orbit,.art-star,.art-chat-bubble,.auth-live-dot,.auth-card,.auth-card h1,.auth-card form,.auth-notice,.auth-error{animation:none!important}.auth-card form input,.auth-submit,.auth-switch button,.signup-progress>span{transition:none!important}}@media(max-width:680px){.auth-screen:before,.auth-screen:after{width:230px;height:230px}.auth-kicker{margin-top:3px}}.channel-entry{position:relative;display:flex;align-items:center;border-radius:6px}.channel-entry .channel-row{min-width:0;flex:1}.channel-list-tools{display:flex;gap:6px;padding:0 4px 7px}.channel-list-tools button,.category-actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:10px;padding:5px}.channel-list-tools button:hover,.category-actions button:hover{background:var(--hover);color:var(--text)}.channel-category-group{margin-bottom:4px}.category-actions{display:flex;align-items:center;opacity:0;transition:opacity .12s}.category-heading:hover .category-actions,.category-heading:focus-within .category-actions{opacity:1}.category-heading .category-toggle{flex:1;overflow:hidden}.channel-entry.selected{background:color-mix(in srgb,var(--accent) 15%,var(--surface))}.channel-mute{display:none;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:5px;background:transparent;color:var(--muted)}.channel-entry:hover .channel-mute,.channel-entry:focus-within .channel-mute,.channel-mute.muted{display:grid;place-items:center}.channel-mute:hover{background:var(--hover);color:var(--text)}.channel-notification-toggle{font-size:15px}.channel-notification-toggle.is-muted{color:var(--accent)}.message-actions{right:12px;border-radius:7px}.message-actions button{padding:5px 7px}.drop-overlay{position:absolute;top:58px;right:16px;bottom:88px;left:16px;z-index:6;border:2px dashed var(--accent);border-radius:14px;background:color-mix(in srgb,var(--main) 82%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;color:var(--text);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drop-overlay strong{font-size:21px}.drop-overlay span{font-size:12px;color:var(--muted)}.message-list.drag-over{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:-8px}.slash-hints{position:absolute;z-index:6;bottom:80px;left:clamp(16px,3vw,48px);display:flex;flex-direction:column;gap:6px;min-width:230px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);font-size:12px;color:var(--muted)}.slash-hints strong{color:var(--text);font-size:13px}.slash-hints code{color:var(--accent);font-weight:700}.slash-hints small{padding-top:4px}.thread-panel{width:min(560px,90vw);min-height:320px;max-height:72vh;overflow:auto;display:flex;flex-direction:column;background:var(--sidebar);border:1px solid var(--line);border-radius:12px;padding:10px}.thread-context{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.09em;color:var(--muted);font-weight:750}.thread-context .text-button{font-size:11px;letter-spacing:normal}.thread-replies{flex:1;overflow:auto;padding:8px 0}.thread-replies>p{padding:20px;text-align:center;font-size:12px;color:var(--muted)}.thread-composer{display:flex;gap:8px;padding:10px 4px 2px;border-top:1px solid var(--line)}.thread-composer input{flex:1;min-width:0;background:var(--main);border:1px solid var(--line);color:var(--text);border-radius:7px;padding:0 12px}.link-preview{max-width:min(540px,100%);margin-top:10px;border:1px solid var(--line);border-left:3px solid var(--accent-strong);border-radius:8px;background:var(--surface);overflow:hidden}.link-preview-copy{display:flex;flex-direction:column;gap:7px;padding:10px 12px}.link-preview-copy span{font-size:9px;color:var(--muted);letter-spacing:.08em;font-weight:750}.link-preview-copy a{font-size:11px;word-break:break-all;color:var(--accent)}.video-preview iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#101211}.link-preview-media{display:block;padding:0 10px 10px}.link-preview-media img{display:block;width:auto;max-width:100%;max-height:320px;border-radius:5px;object-fit:contain}.link-preview-player{display:block;width:calc(100% - 20px);max-height:320px;margin:0 10px 10px}.media-link-preview .link-preview-copy{padding-bottom:8px}.attachment-media-preview{display:grid;gap:9px;width:min(520px,100%);padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.attachment-media-heading{display:flex;align-items:center;gap:9px;min-width:0}.attachment-media-heading>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.attachment-media-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.attachment-media-heading small{color:var(--muted);font-size:10px}.attachment-media-heading>a{color:var(--accent);font-size:11px}.attachment-media-preview audio,.attachment-media-preview video{display:block;width:100%;max-height:360px}.attachment-media-preview video{background:#080a08}.document-preview iframe{display:block;width:100%;height:420px;border:0;border-radius:5px;background:#fff}.text-preview pre{max-height:320px;overflow:auto;margin:0;padding:10px;border-radius:5px;background:var(--main);color:var(--text);font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.preview-loading,.preview-unavailable{margin:2px 0;color:var(--muted);font-size:11px}.powerpoint-preview ol{max-height:420px;overflow:auto;display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:slide}.powerpoint-preview li{padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--main)}.powerpoint-preview li strong{font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.powerpoint-preview li p{margin:5px 0 0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}profile-effect-glow .avatar,.community-profile-preview.effect-glow>.profile-avatar-wrap .avatar,.settings-profile-preview.effect-glow .preview-avatar-frame{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 48%,transparent),0 0 18px color-mix(in srgb,var(--accent) 42%,transparent)}.profile-effect-pulse .avatar,.community-profile-preview.effect-pulse>.profile-avatar-wrap .avatar,.settings-profile-preview.effect-pulse .preview-avatar-frame{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 42%,transparent);animation:profile-pulse 3.2s ease-in-out infinite}.profile-effect-badge{font-size:9px;color:var(--accent);font-weight:650}.profile-effect-badge.effect-pulse{animation:profile-pulse 3.2s ease-in-out infinite}.profile-gradient{background-image:linear-gradient(135deg,color-mix(in srgb,var(--profile-primary) 55%,transparent),color-mix(in srgb,var(--profile-accent) 50%,transparent))}.profile-effect-shimmer .profile-avatar-wrap,.profile-effect-shimmer .preview-avatar-frame{position:relative;overflow:hidden}.profile-effect-shimmer .profile-avatar-wrap:after,.profile-effect-shimmer .preview-avatar-frame:after{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;background:linear-gradient(110deg,transparent 35%,#ffffff9c 50%,transparent 65%);transform:translate(-120%);animation:profile-shimmer 2.8s ease-in-out infinite;pointer-events:none}.profile-effect-shimmer .profile-avatar-wrap .avatar img{position:relative;z-index:-1}.profile-effect-sparkle .profile-avatar-wrap:after,.profile-effect-sparkle .preview-avatar-frame:after{content:"✦";position:absolute;right:0;top:0;color:#ffe89b;text-shadow:0 0 8px #fff6a8;animation:profile-sparkle 2s ease-in-out infinite}.profile-effect-glow .community-profile-preview,.profile-effect-glow .settings-profile-preview{box-shadow:0 0 24px color-mix(in srgb,var(--profile-accent,var(--accent)) 24%,transparent)}.profile-effect-pulse.community-profile-preview,.profile-effect-pulse.settings-profile-preview{animation:profile-card-pulse 3.2s ease-in-out infinite}@keyframes profile-shimmer{0%,20%{transform:translate(-120%)}70%,to{transform:translate(120%)}}@keyframes profile-sparkle{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes profile-card-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 20px color-mix(in srgb,var(--profile-accent,var(--accent)) 36%,transparent)}}.profile-decoration-preview{min-height:10px;color:var(--profile-accent,var(--accent));font-size:11px}.profile-badges{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}.profile-badges span{border:1px solid color-mix(in srgb,var(--profile-accent,var(--accent)) 40%,var(--line));border-radius:999px;padding:3px 8px;color:var(--profile-primary,var(--accent));font-size:10px;text-transform:capitalize}.profile-badge-picker{display:grid;gap:7px;border:1px solid var(--line);border-radius:8px;padding:10px}.profile-badge-picker legend{font-size:12px;font-weight:700}.profile-badge-picker small{font-size:10px;color:var(--muted)}.avatar-decoration{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--profile-accent,var(--accent));border-radius:50%;pointer-events:none}.decoration-sparkle:after{content:"✦";position:absolute;right:-4px;top:0;color:#f8d16c}.decoration-neon{box-shadow:0 0 10px var(--profile-accent,var(--accent));animation:profile-pulse 3.2s ease-in-out infinite}@keyframes profile-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 50%,transparent),0 0 14px color-mix(in srgb,var(--accent) 34%,transparent)}}.app-shell{height:100dvh;min-height:0;display:grid;grid-template-columns:72px clamp(248px,20vw,312px) minmax(0,1fr) 248px;background:var(--main);overflow:hidden;transition:background-color .22s ease}.server-rail{grid-column:1;grid-row:1;background:var(--rail);display:flex;align-items:center;flex-direction:column;gap:10px;padding:16px 0;overflow-y:auto;scrollbar-width:none;z-index:3;border-right:1px solid var(--line)}.rail-home,.server-icon,.rail-add{width:46px;height:46px;border:0;display:grid;place-items:center;position:relative;flex:none;font-size:21px;color:#e6e5f0;background:#282931}.rail-home{border-radius:14px;color:#b8e8cb;font-size:25px;padding:7px}.rail-brand-logo{display:block;width:34px;height:34px;object-fit:contain;border-radius:50%;background:#090a0d}.rail-home:hover,.rail-home.active{background:linear-gradient(135deg,#35d07f,#168653);color:#fff}.rail-home,.server-icon,.rail-add,.channel-row,.nav-row,.dm-row,.icon-button,.mobile-nav button{transition:background-color .16s ease,color .16s ease,border-radius .16s ease,transform .16s ease}.server-icon:hover,.rail-add:not(:disabled):hover,.channel-row:not(:disabled):hover,.nav-row:hover,.dm-row:hover{transform:translate(2px)}.message-row{transition:background-color .14s ease}.composer:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.rail-divider{width:30px;height:1px;background:#393a43;margin:3px}.server-icon{border-radius:50%;background:var(--server-color,#3c3d48);font-size:14px;font-weight:750}.server-icon:hover,.server-icon.active{border-radius:14px;background:var(--server-color,#3c3d48);color:#fff}.server-icon.active:before,.rail-home.active:before{content:"";position:absolute;left:-11px;top:9px;height:28px;width:4px;background:#f2f0ff;border-radius:0 3px 3px 0}.server-icon i{position:absolute;width:8px;height:8px;border:2px solid var(--rail);border-radius:50%;bottom:0;right:0;background:#f1717d}.rail-add{border-radius:50%;color:#55d68b;font-size:25px;background:#262830}.rail-add:hover{border-radius:14px;background:linear-gradient(135deg,#35d07f,#168653);color:#fff}.join-button{font-size:18px}.rail-bottom{margin-top:auto;padding:4px 0}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:#090a0d;color:#fff;border-radius:12px;overflow:hidden;transform:rotate(-3deg)}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-mark.small{width:28px;height:28px;border-radius:9px;font-size:17px}.sidebar{grid-column:2;grid-row:1;background:var(--sidebar);display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}.sidebar-header{height:64px;flex:none;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:16px;font-weight:740;color:var(--text);letter-spacing:-.02em}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;flex:none;border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;padding:4px;border-radius:4px}.server-toolbar{padding:10px 11px 3px 15px;display:flex;align-items:center;gap:4px;color:var(--muted);min-height:34px}.server-description{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.channel-scroll{overflow:auto;flex:1;padding:12px 9px 10px;scrollbar-width:thin;scrollbar-color:#42434e transparent}.section-label{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 7px;margin:12px 0 5px;color:#9193a1;font-size:10px;font-weight:750;letter-spacing:.095em}.section-label button{border:0;background:none;color:#9698a5;font-size:17px;padding:0 4px;line-height:18px}.section-label button:hover{color:var(--text)}.category-heading{padding-left:2px}.category-toggle{min-width:0;display:flex;align-items:center;gap:5px;text-align:left;border:0;background:transparent;color:inherit;font-size:10px;font-weight:750;letter-spacing:inherit;padding:2px 4px}.category-toggle:hover{color:var(--text)}.category-chevron{display:inline-block;width:11px;font-size:13px;transition:transform .14s}.category-heading.collapsed .category-chevron{transform:rotate(-90deg)}.channel-row,.nav-row,.dm-row{width:100%;border:0;background:transparent;border-radius:4px;min-height:33px;display:flex;align-items:center;gap:9px;text-align:left;color:#a4a5b0;padding:4px 9px;font-size:13px;font-weight:520}.channel-row.selected,.nav-row.selected,.dm-row.selected{background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:var(--text);box-shadow:inset 2px 0 var(--accent)}.hash{font-size:18px;line-height:20px;color:#828492;width:15px;text-align:center}.channel-row.selected .hash{color:#c3f3d3}.unread-count{margin-left:auto;color:#fff;font-size:10px;background:#db5c6b;padding:1px 6px;border-radius:8px}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;border-top:1px solid var(--line);min-height:42px}.sidebar-footer button{border:0;background:none;color:var(--muted);font-size:12px}.sidebar-footer button:hover{color:var(--text)}.sidebar-footer small{color:#fff;background:#17834c;padding:1px 6px;border-radius:8px;margin-left:4px}.user-panel{height:58px;flex:none;background:var(--rail);display:flex;align-items:center;gap:8px;padding:7px 9px;border-top:1px solid var(--line)}.user-identity{flex:1;min-width:0;display:flex;flex-direction:column;text-align:left;background:none;border:0;padding:0;overflow:hidden}.user-identity strong{font-size:12px;color:#f5f4fa;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-identity span{font-size:10px;color:var(--muted)}.status-button{font-size:12px;color:var(--green)}.avatar{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:700;background:#5c5778;letter-spacing:.02em;overflow:hidden}.avatar-small{width:31px;height:31px;font-size:10px}.avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.presence{width:10px;height:10px;border:2px solid var(--sidebar);border-radius:50%;background:#767987;flex:none}.presence.online{background:#43c88a}.presence.offline{background:#767987}.dm-heading{margin-top:19px}.dm-heading button{font-size:19px}.dm-row{position:relative;gap:9px}.dm-row .dm-preview{display:none}.dm-row .presence{margin-left:auto}.sidebar-empty{margin:auto 16px;text-align:center;display:grid;gap:13px;color:var(--muted);font-size:13px;line-height:1.55}.chat-area{grid-column:3;grid-row:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--main);position:relative}.chat-header{height:64px;flex:none;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid var(--line);z-index:1;background:color-mix(in srgb,var(--main) 94%,var(--surface))}.header-hash{font-size:22px;color:#888a98}.header-title{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.header-title strong{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-title span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.header-actions{display:flex;align-items:center;gap:5px}.members-toggle.selected{color:#c3f3d3}.search-disabled{font-size:22px}.message-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#43444e transparent;padding:24px 0 16px;scroll-behavior:smooth}.message-row{display:flex;align-items:flex-start;padding:7px clamp(20px,4vw,72px) 7px clamp(20px,3vw,48px);gap:14px;min-height:52px;position:relative}.message-row:hover{background:color-mix(in srgb,var(--hover) 58%,transparent)}.message-row.grouped{min-height:25px;padding-top:1px;padding-bottom:1px}.message-avatar{width:38px;flex:none}.message-body{min-width:0;flex:1}.message-meta{display:flex;align-items:baseline;gap:8px;margin:0 0 3px}.message-meta strong{font-weight:650;color:var(--text);font-size:13px}.message-handle{font-size:10px;color:var(--faint)}.message-meta time{font-size:10px;color:#858692}.message-body p{margin:0;color:var(--text);font-size:var(--message-size,14px);line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.grouped .message-body p{padding-top:1px}.channel-welcome{margin:auto 20px 24px;padding-top:16px}.welcome-hash{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#353641;color:#d5d2e7;font-size:31px;font-weight:300;margin-bottom:14px}.channel-welcome h1{font-size:22px;letter-spacing:-.02em;margin:0 0 7px;color:var(--text)}.channel-welcome p{font-size:13px;color:var(--muted);margin:0}.channel-welcome>.avatar{width:62px;height:62px;margin-bottom:12px;font-size:19px}.composer{min-height:58px;margin:0 clamp(16px,3vw,48px) 22px;border:1px solid var(--line);border-radius:14px;background:var(--composer);display:flex;align-items:center;gap:10px;padding:0 14px;box-shadow:0 5px 18px #00000012;transition:border-color .16s,box-shadow .16s}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent),0 8px 24px #00000018}.gif-picker-popover{position:absolute;right:24px;bottom:78px;z-index:8;width:min(360px,calc(100vw - 32px));max-height:min(470px,calc(100dvh - 110px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface-high);box-shadow:var(--shadow)}.gif-picker-popover>header,.gif-picker-popover>footer{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line);font-size:12px}.gif-picker-popover>footer{justify-content:flex-end;gap:4px;border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:10px}.gif-picker-popover>footer a{color:var(--accent)}.gif-picker-search{display:flex;gap:6px;padding:8px}.gif-picker-search input{height:34px!important;min-width:0;flex:1;padding:0 9px;border:1px solid var(--line)!important;border-radius:6px;background:var(--control)!important;color:var(--text)}.gif-category-list{display:flex;gap:5px;overflow-x:auto;padding:0 8px 9px;scrollbar-width:thin}.gif-category-list button{flex:none;border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:var(--main);color:var(--muted);font-size:10px;white-space:nowrap}.gif-category-list button:hover,.gif-category-list button.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--text)}.gif-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:auto;padding:0 8px 8px}.gif-picker-grid>button{height:104px;min-width:0;overflow:hidden;border:0;border-radius:5px;background:var(--main)}.gif-picker-grid>button:hover{outline:2px solid var(--accent)}.gif-picker-grid img{width:100%;height:100%;object-fit:cover}.gif-picker-grid p{grid-column:1/-1;margin:18px 6px;text-align:center;color:var(--muted);font-size:12px}.gif-picker-more{margin:0 8px 8px;padding:7px;border:1px solid var(--line);border-radius:5px;background:var(--main);color:var(--text);font-size:11px}.composer input{height:48px;flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--text);font-size:13px}.composer input::placeholder{color:#91929e}.composer-add,.emoji-button,.send-button{border:0;background:transparent;color:#a9aab5;font-size:21px;padding:4px}.composer-add:hover,.emoji-button:hover{color:#fff}.send-button{font-size:17px;color:var(--accent);border-radius:4px}.send-button:disabled{opacity:.35}.rendered-message{color:var(--text);font-size:var(--message-size,14px);line-height:1.5;overflow-wrap:anywhere}.rendered-message p{margin:0;white-space:pre-wrap}.rendered-message p+p{margin-top:6px}.rendered-message a{color:var(--accent);text-decoration:underline}.rendered-message code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#1d1e24;padding:2px 4px;border-radius:3px;font-size:.9em}.rendered-message pre{white-space:pre-wrap;background:#1d1e24;padding:10px;border-radius:4px;overflow:auto}.rendered-message blockquote{margin:5px 0;padding:2px 0 2px 10px;border-left:3px solid #777;color:var(--muted)}.rendered-message ul,.rendered-message ol{margin:4px 0;padding-left:24px}.rendered-message img{max-width:min(520px,100%);max-height:360px;object-fit:contain;border-radius:4px}.message-actions{position:absolute;display:none;right:14px;top:-12px;z-index:1;background:#35363e;border:1px solid #464751;border-radius:5px;box-shadow:0 3px 8px #0004;padding:2px}.message-row:hover .message-actions,.message-row:focus-within .message-actions{display:flex}.message-actions button{border:0;background:none;color:var(--muted);padding:4px 6px;border-radius:3px}.message-actions button:hover{background:#44454f;color:var(--text)}.message-highlight{animation:highlight-message 1.4s ease-out}@keyframes highlight-message{0%,55%{background:#17834c44}to{background:transparent}}.reply-preview{display:block;border:0;background:none;color:var(--muted);padding:2px 4px;margin:0 0 3px;font-size:11px;text-align:left}.reply-preview:hover{color:var(--accent)}.reaction-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.reaction-list button{border:1px solid var(--line);background:#2b2c33;color:var(--text);border-radius:11px;padding:2px 7px;font-size:11px}.reaction-list button.reacted{border-color:var(--accent);background:#17834c22}.deleted-message{opacity:.65}.attachment-card{margin-top:7px}.attachment-image{display:block;max-width:min(480px,100%);max-height:340px;object-fit:contain;border-radius:4px}.attachment-download{display:flex;align-items:center;gap:10px;max-width:340px;border:1px solid var(--line);border-radius:5px;padding:9px 11px;text-decoration:none;color:var(--text);background:var(--surface)}.attachment-download>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.attachment-download strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.attachment-download small{font-size:10px;color:var(--muted)}.attachment-download>b{color:var(--accent)}.compose-context,.file-queue{margin:5px 18px 0;padding:7px 11px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;font-size:12px;border-radius:4px}.compose-context button,.file-queue button{border:0;background:none;color:var(--muted)}.file-queue{justify-content:flex-start;gap:7px;flex-wrap:wrap}.file-queue>span{background:var(--main);padding:4px 7px;border-radius:4px}.mention-suggestions{position:absolute;bottom:75px;left:24px;z-index:4;display:flex;flex-direction:column;min-width:210px;background:#292a32;border:1px solid var(--line);border-radius:5px;padding:5px;box-shadow:var(--shadow)}.mention-suggestions button{border:0;background:none;display:flex;align-items:center;gap:8px;padding:6px;text-align:left}.mention-suggestions button:hover{background:var(--hover)}.mention-suggestions small{margin-left:auto;color:var(--muted)}.load-older{display:block;margin:0 auto 12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:6px 12px;border-radius:4px}.search-form{display:flex;gap:7px}.search-form input{flex:1}.search-results{max-height:50vh;overflow:auto;margin-top:14px;display:flex;flex-direction:column}.search-results>button{display:flex;flex-direction:column;gap:4px;border:0;border-top:1px solid var(--line);background:none;text-align:left;padding:10px 4px;color:var(--text)}.search-results>button:hover{background:var(--hover)}.search-results small,.search-results time{font-size:10px;color:var(--muted)}.search-results span{font-size:12px}.search-results mark{background:#17834c44;color:inherit}.member-panel{grid-column:4;grid-row:1;background:var(--sidebar);padding:22px 14px 16px;border-left:1px solid var(--line);overflow:auto;display:flex;flex-direction:column;min-height:0}.member-section h3,.friends-view h3{font-size:10px;letter-spacing:.08em;color:#9294a1;margin:0 0 9px 7px}.member-row{width:100%;height:38px;display:flex;align-items:center;gap:8px;padding:3px 7px;color:#aaabb6;font-size:12px;position:relative;border:0;background:transparent;text-align:left;border-radius:4px}.member-row .presence{margin-left:auto}.community-profile-preview{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;min-height:116px;margin:18px 0 15px;padding:58px 14px 12px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(180deg,var(--profile-banner) 0 50px,var(--surface) 50px)}.community-profile-preview.has-banner-image{background-image:var(--profile-banner-image),linear-gradient(180deg,var(--profile-banner) 0 50px,var(--surface) 50px);background-position:center;background-size:cover}.community-profile-preview.has-banner-gradient:before,.settings-profile-preview .preview-banner.has-banner-gradient:after{content:"";position:absolute;z-index:0;inset:0 0 auto;height:50px;background:linear-gradient(var(--profile-banner-gradient-angle,135deg),color-mix(in srgb,var(--profile-primary) 58%,transparent),color-mix(in srgb,var(--profile-accent) 62%,transparent));pointer-events:none}.community-profile-preview.has-banner-image.has-banner-gradient:before{height:50px}.community-profile-preview>.avatar{width:52px;height:52px;border:3px solid var(--surface);margin-top:-28px}.profile-avatar-wrap{position:relative;display:inline-flex;flex:none;border-radius:50%}.profile-avatar-wrap .avatar{flex:none}.community-profile-preview .profile-avatar-wrap{z-index:1;width:52px;height:52px;border:3px solid var(--surface);border-radius:50%;margin-top:-28px}.community-profile-preview>.profile-avatar-wrap .avatar{width:100%;height:100%}.profile-avatar-wrap .avatar-decoration{top:-3px;right:-3px;bottom:-3px;left:-3px}.community-profile-preview>div{display:flex;flex-direction:column;gap:4px;min-width:0}.community-profile-preview strong{font-size:15px;color:var(--text)}.community-profile-preview span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.owner-crown{font-size:12px;color:#e4c674}.offline-note{margin-top:auto;background:#1b1c22;color:#aeb0bc;border-left:2px solid #17834c;padding:10px;font-size:10px;line-height:1.5;border-radius:2px}.friends-view{padding:28px;overflow:auto;flex:1}.friends-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:20px}.friends-heading .section-label{margin:0 0 8px;padding:0}.friends-heading h1{font-size:22px;margin:0 0 5px}.friends-heading p{font-size:12px;color:var(--muted);margin:0}.friends-view h3{margin:21px 0 9px}.friend-row{display:flex;align-items:center;gap:11px;padding:9px 7px;border-top:1px solid var(--line)}.friend-info{display:flex;flex-direction:column;gap:3px;flex:1}.friend-info strong{font-size:13px}.friend-info span{font-size:11px;color:var(--muted)}.primary-button,.secondary-button,.danger-button{border:1px solid transparent;border-radius:7px;padding:8px 12px;background:var(--accent-strong);color:#fff;font-size:12px;font-weight:650}.primary-button:hover{background:linear-gradient(135deg,#54e69a,#188651);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-1px)}.secondary-button{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--text);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.secondary-button:hover{background:color-mix(in srgb,var(--accent) 18%,var(--surface));transform:translateY(-1px)}.danger-button{background:#c64d5a}.danger-button:hover{background:#ad3e4b}.small-button{padding:6px 10px}.friends-empty{height:50%;min-height:210px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--muted);gap:10px}.friends-empty>span{font-size:37px}.friends-empty strong{color:var(--text);font-size:16px}.friends-empty p{font-size:12px;max-width:330px;margin:0 0 5px}.error-banner{z-index:2;background:#71363e;color:#ffe3e8;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.error-banner button{border:0;background:none;color:#fff;font-size:19px}.error-banner.success-banner{background:#214638;color:#c8f6dc}.error-banner.success-banner button{color:inherit}.voice-failure-inline{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#522d34;color:#ffe1e5;font-size:11px}.voice-failure-inline span{flex:1}.voice-failure-inline button{border:1px solid #8c4b55;border-radius:4px;background:#713b44;color:#fff;padding:5px 8px;font-size:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09090dcc;z-index:10;display:grid;place-items:center;padding:16px}.modal-card{position:relative;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#292a32;border:1px solid #41424c;border-radius:7px;padding:24px;box-shadow:var(--shadow)}.modal-card h2{font-size:19px;margin:0 28px 9px 0}.modal-card:has(.settings-layout){width:min(840px,96vw);max-height:min(90vh,900px);overflow:auto;padding:22px 24px}.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:21px;min-height:410px}.settings-tabs{display:flex;flex-direction:column;gap:3px;border-right:1px solid var(--line);padding-right:13px}.settings-tabs button{text-align:left;border:0;background:transparent;color:var(--muted);border-radius:4px;padding:9px 11px;font-size:12px}.settings-tabs button:hover,.settings-tabs button.active{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--text)}.settings-content{min-width:0;max-height:68vh;overflow:auto;padding:0 6px 8px 0;color:var(--text)}.settings-content h3{font-size:16px;margin:2px 0 16px}.settings-content label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px;font-weight:600;margin:14px 0}.settings-content input:not([type=checkbox]),.settings-content textarea,.settings-content select{width:100%;border:1px solid #42434e;border-radius:4px;background:#19201b;color:var(--text);padding:9px 10px;font:inherit;font-weight:400;text-transform:none;letter-spacing:normal}.settings-content input[type=color]{height:38px;padding:4px}.settings-content input[type=range]{padding:0}.settings-content textarea{min-height:75px;resize:vertical}.settings-profile-preview{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 15px 14px;background:var(--surface);border:1px solid var(--line);border-radius:5px;overflow:hidden}.preview-banner{height:76px;width:calc(100% + 30px);margin:0 -15px;background:var(--profile-banner)}.preview-banner.has-banner-image{background-image:var(--profile-banner-image);background-position:center;background-size:cover}.preview-banner.has-banner-image.has-banner-gradient{background-image:linear-gradient(var(--profile-banner-gradient-angle,135deg),color-mix(in srgb,var(--profile-primary) 42%,transparent),color-mix(in srgb,var(--profile-accent) 48%,transparent)),var(--profile-banner-image)}.settings-profile-preview .preview-avatar-frame{z-index:1;width:68px;height:68px;flex:none;position:relative;overflow:hidden;border:4px solid var(--surface);border-radius:50%;margin-top:-43px;background:var(--surface);display:grid;place-items:center}.settings-profile-preview .preview-avatar-fallback{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--profile-primary,var(--accent));color:#fff;font-size:20px;font-weight:750}.settings-profile-preview .preview-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0}.settings-profile-preview .preview-avatar-frame.editing-crop{cursor:crosshair;touch-action:none}.settings-profile-preview strong{font-size:16px}.settings-profile-preview small{color:var(--muted)}.settings-profile-preview p{margin:5px 0 0;color:var(--text);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.avatar-control input{padding:7px!important}.avatar-control small,.settings-hint{font-size:10px;color:var(--muted);font-weight:400;line-height:1.5}.settings-color-row,.settings-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.settings-color-row>*{flex:1}.settings-actions{border-top:1px solid var(--line);padding-top:13px;margin-top:14px}.settings-check{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important}.settings-check input{width:16px;height:16px;accent-color:var(--accent)}.settings-error{background:#5b3038;color:#ffdae0;padding:9px 11px;border-radius:4px;font-size:11px}.settings-success{background:#214638;color:#c8f6dc;padding:9px 11px;border-radius:4px;font-size:11px}.modal-close{position:absolute;top:13px;right:13px;border:0;background:none;color:var(--muted);font-size:22px}.modal-copy{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 18px}.modal-card label,.auth-card label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#b5b6c1;margin:14px 0}.modal-card input,.auth-card input,.invite-copy input{width:100%;height:39px;border:1px solid #42434d;border-radius:4px;background:#19201b;color:var(--text);padding:0 10px;font-size:13px;text-transform:none;letter-spacing:normal;font-weight:400}.modal-submit{width:100%;margin-top:12px}.invite-copy{display:flex;gap:8px}.invite-copy input{flex:1;min-width:0}.text-button{border:0;background:none;color:var(--accent);font-size:12px}.profile-preview{position:relative;display:flex;align-items:center;gap:12px;margin:18px 0 15px;padding:18px 13px 12px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(180deg,var(--profile-banner,#393742) 0 55px,var(--surface) 55px)}.profile-preview div{display:flex;flex-direction:column;gap:4px}.profile-preview div span{color:var(--muted);font-size:11px}.mobile-back,.mobile-nav{display:none}.auth-screen{height:100dvh;min-height:560px;display:grid;grid-template-columns:minmax(300px,1fr) minmax(400px,520px);background:var(--main);color:var(--text)}.auth-art{overflow:hidden;position:relative;background:linear-gradient(145deg,#101a13,#173b27 58%,#101a13);color:#fff;padding:42px 8% 34px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.auth-art:before{content:"";position:absolute;width:520px;height:520px;left:-290px;top:-260px;background:#57d68a16;border-radius:50%}.auth-art:after{content:"";position:absolute;width:460px;height:460px;right:-290px;bottom:-320px;background:#b2a9ff0d;border-radius:50%}.brand-lockup{display:flex;align-items:center;gap:11px;color:#f3f0ff;position:relative;z-index:1}.brand-lockup strong{font:760 21px ui-sans-serif,system-ui;letter-spacing:-.035em}.auth-art .brand-mark{background:#090a0d;box-shadow:none}.art-title{z-index:1;margin-top:70px}.art-title .brand-lockup{display:none}.art-title p{font:740 clamp(34px,4.5vw,58px)/1.04 ui-sans-serif,system-ui;letter-spacing:-.05em;max-width:500px;margin:0 0 16px}.art-title>span{font-size:14px;color:#b4b3c1}.art-footer{position:absolute;bottom:28px;left:8%;font-size:9px;letter-spacing:.16em;color:#9998aa;z-index:1}.art-orbit{position:absolute;border:1px solid #c2baff20;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:440px;height:190px;top:24%;right:-140px}.orbit-two{width:520px;height:270px;top:18%;right:-190px}.art-star{position:absolute;right:17%;top:24%;font-size:65px;color:#79dfa166;transform:rotate(9deg)}.art-chat-bubble{position:absolute;background:#33313d;color:#e8e4ff;padding:11px 15px;border:1px solid #494656;border-radius:8px;font-size:12px;font-weight:600;z-index:1}.art-chat-bubble span{margin-left:13px;color:#79dfa1}.bubble-one{right:15%;top:40%;transform:rotate(2deg)}.bubble-two{right:22%;top:51%;transform:rotate(-2deg)}.auth-panel{display:grid;place-items:center;padding:36px;background:var(--main)}.auth-card{width:min(350px,100%)}.mobile-brand{display:none}.auth-card h1{font:720 27px/1.2 ui-sans-serif,system-ui;color:var(--text);letter-spacing:-.035em;margin:0 0 8px}.auth-card>p{margin:0 0 24px;color:var(--muted);font-size:13px}.auth-card label{font-size:10px;color:#b9b8c4;margin:13px 0}.auth-card input{border:1px solid var(--line);background:var(--control);color:var(--text);height:41px}.auth-card input::placeholder{color:#777986}.auth-submit{width:100%;margin-top:7px;height:41px;background:linear-gradient(135deg,#35d07f,#168653)}.auth-error{border-radius:4px;background:#542d35;color:#ffccd4;padding:9px 10px;font-size:11px}.auth-switch{font-size:11px;color:#a4a3b0;margin-top:15px}.auth-switch button{border:0;background:none;color:var(--accent);font-size:11px;font-weight:700;padding:0 2px}.host-note{display:flex;gap:10px;margin-top:31px;padding-top:14px;border-top:1px solid #383943;color:#858692}.host-note>span{color:#79dfa1;font-size:15px}.host-note p{margin:0;font-size:10px;line-height:1.55}.auth-notice{background:#3a3528;color:#f0dba7;font-size:11px;padding:9px 10px;border-radius:4px}.loading-screen{height:100dvh;background:#19201b;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column}.loading-screen .brand-lockup{margin-bottom:15px}.spinner{width:22px;height:22px;border:2px solid #4a4b56;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root[data-theme=light]{--rail:#e3ece5;--sidebar:#edf3ee;--main:#f7faf7;--surface:#e9f0ea;--surface-high:#dfe9e1;--hover:#e3ece5;--text:#203027;--muted:#58685d;--faint:#718075;--line:#d1dfd4;--accent:#16834f;--accent-strong:#17834c;--green:#18794e;--composer:#fff;--control:#fff}.light .user-panel{background:#e3ece5}.light .user-identity strong{color:#203027}.light .channel-row.selected,.light .nav-row.selected,.light .dm-row.selected{background:#dcefe3;color:#203c2d;box-shadow:inset 2px 0 var(--accent)}.light .member-panel,.light .sidebar{color:var(--text)}.light .offline-note{background:#e9f0ea;color:#555}.light .message-row:hover{background:#eeeef3}.light .composer{background:#fff}.light .chat-header{border-bottom-color:#dedee5}.light .rail-home{background:#d6e8da;color:#17633d}.light .rail-add{background:#d5d6de}.light .rendered-message code,.light .rendered-message pre{background:#e9f0ea}.light .modal-card{background:#f2f2f7;color:#203027}.light .auth-screen,.light .auth-panel{background:#f4f4f8;color:#203027}.light .auth-card h1{color:#203027}.light .auth-card>p,.light .auth-card label,.light .host-note{color:#58685d}.light .auth-card input{background:#fff;color:#203027;border-color:#d9d9e2}:root[data-density=compact] .message-row{min-height:39px;padding-top:2px;padding-bottom:2px}:root[data-density=compact] .message-row.grouped{min-height:21px}:root[data-density=compact] .composer{margin-bottom:12px;min-height:46px}:root[data-density=compact] .channel-row{min-height:30px}:root[data-density=spacious] .message-row{padding-top:7px;padding-bottom:7px}@media(max-width:1280px){.app-shell{grid-template-columns:68px clamp(236px,23vw,286px) minmax(0,1fr) 220px}.member-panel{padding-left:10px;padding-right:10px}.message-row{padding-right:clamp(18px,3vw,48px)}}@media(min-width:641px)and (max-width:1120px){.app-shell{grid-template-columns:64px 218px minmax(0,1fr) 184px}.sidebar-header{padding-inline:13px}.member-panel{padding-inline:7px}.message-row{padding-left:20px;padding-right:18px}}@media(max-width:980px){.app-shell{grid-template-columns:64px 244px minmax(0,1fr)}.member-panel{display:none}.chat-header{padding-inline:18px}.settings-layout{grid-template-columns:145px minmax(0,1fr);gap:14px}.settings-tabs{padding-right:9px}.auth-screen{grid-template-columns:minmax(250px,.8fr) minmax(390px,1.2fr)}.bubble-one,.bubble-two{right:6%}.art-star{right:9%}}@media(max-width:640px){.modal-card:has(.settings-layout){width:100%;max-height:calc(100dvh - 20px);padding:17px 14px}.settings-layout{grid-template-columns:1fr;gap:10px;min-height:0}.settings-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px}.settings-tabs button{white-space:nowrap;padding:8px 10px}.settings-tabs button.active{box-shadow:inset 0 -3px var(--accent)}.settings-content{max-height:calc(100dvh - 220px)}.app-shell{grid-template-columns:54px minmax(0,1fr);height:100dvh;padding-bottom:60px}.server-rail{display:flex;grid-column:1;grid-row:1;padding-top:9px;gap:8px;border-right:1px solid var(--line)}.rail-home,.server-icon,.rail-add{width:39px;height:39px;font-size:17px}.rail-brand-logo{width:30px;height:30px}.server-icon.active:before,.rail-home.active:before{left:-8px}.sidebar{grid-column:2;grid-row:1;display:flex;border-right:0}.chat-area{grid-column:2;grid-row:1;display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:60px;padding:4px 8px max(4px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--sidebar) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-around;z-index:5;border-top:1px solid var(--line)}.mobile-nav button{min-width:64px;min-height:46px;border:0;border-radius:12px;background:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:19px}.mobile-nav button:hover,.mobile-nav button:focus-visible{background:var(--hover);color:var(--accent)}.mobile-nav span{font-size:10px}.mobile-chat .sidebar,.mobile-chat .server-rail{display:none}.mobile-chat .chat-area{grid-column:1/-1;grid-row:1;display:flex}.mobile-chat .mobile-back{display:block;border:0;background:none;color:var(--muted);font-size:24px;padding:0 5px}.mobile-chat .chat-header{padding:0 12px;gap:7px}.mobile-chat .header-actions{gap:1px}.mobile-chat .message-row{padding-left:14px;padding-right:12px;gap:9px}.mobile-chat .composer{margin:0 10px 10px;padding:0 7px;gap:3px}.mobile-chat .member-panel{display:none}.mobile-chat .friends-view{padding:19px 12px}.mobile-chat .friends-heading{align-items:center}.mobile-chat .friends-heading h1{font-size:18px}.mobile-chat .friends-heading p{font-size:10px}.mobile-chat .friend-row{gap:6px;padding:7px 1px}.mobile-chat .friend-info span{font-size:9px}.mobile-chat .secondary-button{padding:6px 7px;font-size:10px}.auth-screen{display:block;min-height:100dvh;height:100dvh;background:#19201b}.auth-art{display:none}.auth-panel{height:100%;min-height:100dvh;padding:22px;background:#19201b}.auth-card{max-width:370px}.mobile-brand{display:block;margin-bottom:34px}.mobile-brand .brand-lockup{color:#eeeafc}.mobile-brand .brand-mark{color:#fff}.auth-card h1{font-size:25px}.host-note{margin-top:27px}}:root[data-theme=light] .brand-mark,:root[data-theme=light] .rail-brand-logo{background:#111218}.notification-button{position:relative}.notification-button i{position:absolute;right:4px;top:4px;width:8px;height:8px;border:2px solid var(--main);border-radius:50%;background:var(--danger)}.notification-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:#08090b66;display:flex;justify-content:flex-end;align-items:flex-start;padding:66px 16px 16px}.notification-panel{width:min(360px,calc(100vw - 24px));max-height:min(620px,calc(100dvh - 84px));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.notification-panel>header{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid var(--line)}.notification-panel>header>div{display:flex;flex-direction:column;gap:3px}.notification-panel>header strong{font-size:14px;color:var(--text)}.notification-panel>header span{font-size:11px;color:var(--muted)}.notification-list{overflow:auto}.notification-row{width:100%;display:flex;align-items:center;gap:11px;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--text)}.notification-row.read{opacity:.62}.notification-row>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.notification-row strong{font-size:12px}.notification-row small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-row>i{width:7px;height:7px;border-radius:50%;background:var(--accent-strong)}.notification-row.read>i{background:transparent}.notification-dot{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:50%;background:#17834c;color:#fff;font-weight:700}.notification-empty{padding:24px 18px;text-align:center;font-size:12px;color:var(--muted);line-height:1.5}.notification-panel>footer{padding:10px 14px;border-top:1px solid var(--line);text-align:right}.channel-edit-bar{display:flex;align-items:flex-end;gap:9px;padding:9px 15px;background:var(--surface);border-bottom:1px solid var(--line)}.channel-edit-bar label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:100px;color:var(--muted);font-size:10px}.channel-edit-bar input{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:var(--control);color:var(--text);font-size:12px}.channel-edit-bar .icon-button{height:31px}:root[data-theme=light] .notification-backdrop{background:#11122522}:root[data-theme=light] .notification-panel{background:var(--main)}:root{color-scheme:dark;--focus-ring:#54e69a;--rail:#0a100c;--sidebar:#101a13;--main:#121c15;--surface:#19281e;--surface-high:#22352a;--hover:#243a2c;--text:#f0f5f1;--muted:#a1b0a5;--faint:#748279;--line:#283a2d;--accent:#35d07f;--accent-strong:#188651;--green:#35d07f;--danger:#ef626b;--composer:#19281e;--control:#101a13;--shadow:0 18px 54px #030905b8;--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px}:root[data-theme=light]{color-scheme:light;--rail:#e3eee5;--sidebar:#eef5ef;--main:#f7faf7;--surface:#eaf2eb;--surface-high:#dce9de;--hover:#e1eee4;--text:#1d3023;--muted:#53685a;--faint:#718477;--line:#cadbce;--accent:#17834f;--accent-strong:#147847;--green:#18794e;--composer:#fff;--control:#fff;--shadow:0 8px 22px #19351f1a;--focus-ring:#147847}:root[data-theme=light] .user-identity strong{color:var(--text)}:root[data-theme=light] .channel-row.selected .hash{color:var(--accent-strong)}:root[data-theme=light] .member-panel,:root[data-theme=light] .sidebar{color:var(--text)}:root[data-theme=light] .offline-note{background:var(--surface);color:var(--muted);border-left-color:var(--accent)}:root[data-theme=light] .message-row:hover{background:var(--hover)}:root[data-theme=light] .composer{background:var(--composer);border-color:var(--line)}:root[data-theme=light] .chat-header{border-bottom-color:var(--line)}:root[data-theme=light] .rail-home{background:#d6e8da;color:#17633d}:root[data-theme=light] .rail-add{background:#d5e1d8;color:var(--accent-strong)}:root[data-theme=light] .rendered-message code,:root[data-theme=light] .rendered-message pre{background:var(--surface)}:root[data-theme=light] .modal-card,:root[data-theme=light] .notification-panel{background:var(--main);color:var(--text);border-color:var(--line)}:root[data-theme=light] .auth-screen,:root[data-theme=light] .auth-panel{background:var(--main);color:var(--text)}:root[data-theme=light] .auth-art{background:var(--sidebar);color:var(--text);border-right-color:var(--line)}:root[data-theme=light] .auth-card h1,:root[data-theme=light] .auth-art .brand-lockup strong{color:var(--text)}:root[data-theme=light] .auth-card>p,:root[data-theme=light] .auth-card label,:root[data-theme=light] .host-note{color:var(--muted)}:root[data-theme=light] .auth-card input{background:var(--control);color:var(--text);border-color:var(--line)}:root[data-theme=light] .rendered-message a,:root[data-theme=light] .reply-preview,:root[data-theme=light] .text-button{color:var(--accent-strong)}:root[data-theme=light] .settings-content input:not([type=checkbox]),:root[data-theme=light] .settings-content textarea,:root[data-theme=light] .settings-content select{background:var(--control);color:var(--text);border-color:var(--line)}.primary-button{background:var(--accent-strong)}.primary-button:hover{background:var(--accent)}.rendered-message a,.reply-preview:hover,.text-button,.channel-row.selected .hash,.members-toggle.selected{color:var(--accent)}.notification-dot{background:var(--accent-strong)}.offline-note{border-left-color:var(--accent)}.modal-backdrop{background:#080d0bcc}@media(max-width:640px){.mobile-nav{background:var(--rail);border-color:var(--line)}.mobile-nav button:focus-visible{color:var(--accent)}}@media(max-width:640px){.notification-backdrop{padding:62px 8px 64px;justify-content:center}.notification-panel{width:100%;max-height:calc(100dvh - 140px)}.channel-edit-bar{gap:5px;padding:7px}.channel-edit-bar .primary-button,.channel-edit-bar .danger-button{padding:7px 8px;font-size:10px}}:root{font-family:Inter,Aptos,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;--rail:#111a14;--sidebar:#17231b;--main:#1c2820;--surface:#24342a;--surface-high:#2d4033;--hover:#304236;--line:#304237;--text:#edf5ee;--muted:#afc0b2;--faint:#84978a;--accent:#55d98b;--accent-strong:#198651;--green:#62e29a;--composer:#26372c;--control:#18251c;--focus-ring:#83e9ad;--shadow:0 22px 64px #070e09bb}:root[data-theme=light] .channel-row.selected,:root[data-theme=light] .nav-row.selected,:root[data-theme=light] .dm-row.selected{background:#dcefe2;color:#203c2d;box-shadow:inset 3px 0 var(--accent)}.app-shell{transition:none}.server-rail{background:var(--rail);border-right-color:var(--line)}.rail-home,.server-icon,.rail-add{border-radius:8px}.rail-home:hover,.rail-home.active,.rail-add:hover{background:var(--accent-strong);box-shadow:none}.server-icon:hover,.server-icon.active{border-radius:8px}.server-icon.active:before,.rail-home.active:before{box-shadow:none}.server-icon:hover,.rail-add:not(:disabled):hover,.channel-row:not(:disabled):hover,.nav-row:hover,.dm-row:hover{transform:none}.composer,.composer:focus-within{box-shadow:none}.primary-button,.primary-button:hover{background:var(--accent-strong);box-shadow:none;transform:none}.modal-card,.notification-panel{background:var(--surface);border-radius:8px;box-shadow:var(--shadow)}.settings-layout{grid-template-columns:210px minmax(0,1fr);gap:28px;min-height:500px}.settings-tabs{gap:7px;padding:10px 16px 10px 0}.settings-tabs button{padding:12px 13px;font-size:13px;line-height:1.4}.settings-content{max-height:72vh;padding:5px 12px 18px 0}.settings-content h3{font-size:19px;margin:4px 0 20px}.settings-content label{gap:9px;font-size:12px;margin:20px 0}.settings-content input:not([type=checkbox]),.settings-content textarea,.settings-content select{min-height:42px;border-radius:6px;padding:10px 12px}.settings-content textarea{min-height:96px}.settings-check{padding:9px 0}.dm-row{min-height:52px;gap:10px;padding:7px 10px}.dm-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.dm-copy strong,.dm-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-copy small{color:var(--muted);font-size:11px;max-width:180px}.dm-row-actions{display:grid;place-items:center;color:var(--faint);opacity:.65}.dm-unread-count{min-width:22px;padding:3px 6px;border-radius:10px;background:var(--accent-strong);color:#fff;text-align:center;font-size:10px;font-weight:750}.friend-remove-button{width:34px;height:34px}.friend-row{min-height:64px;gap:13px;padding:12px 9px}.call-overlay{background:var(--surface);border-radius:9px;box-shadow:var(--shadow)}.call-heading-icon,.call-incoming-avatar,.call-avatar,.call-tile.local .call-avatar{background:var(--accent-strong);box-shadow:none}.call-heading-icon,.call-control,.call-control:hover,.call-control.is-active{transform:none;transition:none}.call-status i,.call-status i.connected,.call-status.failed i,.call-signal-state i,.call-signal-state i.online{box-shadow:none}.call-tile{background:var(--surface-high);border-radius:8px}.call-tile-name{border-radius:4px}.call-toast{animation:none;box-shadow:none}@media(max-width:640px){.settings-layout{grid-template-columns:1fr;gap:16px;min-height:0}.settings-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:0 0 10px}.settings-tabs button{white-space:nowrap;padding:10px 12px}.settings-content{max-height:calc(100dvh - 240px)}.dm-row{min-height:56px}.dm-copy small{max-width:calc(100vw - 190px)}}:root[data-theme=light] .dm-mode-tabs,:root[data-theme=light] .dm-search-row{background:var(--surface);border-color:var(--line)}:root[data-theme=light] .rail-home:hover,:root[data-theme=light] .rail-home.active{background:var(--accent-strong);color:#fff}:root[data-theme=light] .error-banner.success-banner{background:#d7f1e1;color:#145c39}.app-shell{grid-template-columns:76px clamp(252px,20vw,296px) minmax(0,1fr) 244px;background:var(--main)}.server-rail{gap:10px;padding-block:14px;background:linear-gradient(180deg,#121b15,var(--rail) 40%);border-right-color:#101812}.rail-home,.server-icon{width:46px;height:46px}.rail-home{border-radius:15px;background:#213127}.rail-home:hover,.rail-home.active{background:linear-gradient(145deg,#2dbb74,#167847);box-shadow:0 5px 16px #1b9a5b42}.server-icon{border-radius:15px}.server-icon.active:before,.rail-home.active:before{left:-15px;background:var(--accent);height:30px;box-shadow:0 0 12px #55d98b55}.rail-inbox-button{width:46px;height:50px;border:0;border-radius:12px;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.rail-inbox-button svg{width:19px;height:19px}.rail-inbox-button small{font-size:8px;letter-spacing:.05em}.rail-inbox-button:hover,.rail-inbox-button.active{background:#55d98b18;color:#e7fff0}.rail-section-caption{width:100%;text-align:center;color:#83988a;font-size:7px;font-weight:800;letter-spacing:.1em}.rail-add{background:#203127;color:var(--accent)}.rail-add:hover{background:#198651;color:#fff}.sidebar{background:var(--sidebar);border-right-color:var(--line)}.sidebar-header{height:58px;padding-inline:17px;border-color:var(--line);font-size:15px;letter-spacing:-.025em}.server-toolbar{min-height:43px;padding:7px 13px 7px 16px}.server-description{font-size:11px;color:var(--muted)}.channel-scroll{padding:11px 9px 14px;scrollbar-color:#435b49 transparent}.section-label{margin-top:15px;margin-bottom:6px;color:#95ad9a;font-size:9px;letter-spacing:.12em}.category-toggle{font-size:9px;letter-spacing:.1em}.category-heading>button:last-child{width:24px;height:24px;display:grid;place-items:center;border-radius:6px}.category-heading>button:last-child:hover{background:#55d98b18;color:var(--accent)}.channel-row,.nav-row,.dm-row{min-height:36px;padding:6px 10px;border-radius:7px;color:#b3c4b6;font-size:13px}.channel-row:hover,.nav-row:hover,.dm-row:hover{background:#55d98b12;color:var(--text)}.channel-row.selected,.nav-row.selected,.dm-row.selected{background:#55d98b18;box-shadow:inset 3px 0 var(--accent);color:#f0fff4}.hash{color:#879c8c}.channel-row.selected .hash{color:var(--accent)}.voice-channel-row .voice-glyph{background:#55d98b15;color:var(--accent)}.voice-channel-row.selected{background:#55d98b18;color:var(--text)}.sidebar-footer{padding-inline:14px;border-color:var(--line)}.sidebar-footer small,.dm-list-footer b{background:#198651;color:#effff4}.user-panel{height:62px;padding-inline:11px;background:#142019;border-top:1px solid #293c2e}.user-identity strong{font-size:12px;letter-spacing:-.01em}.user-identity span{font-size:10px}.status-button{color:var(--green)}.chat-header{height:58px;padding-inline:21px;gap:12px;background:var(--main);border-color:var(--line)}.header-hash{color:var(--accent);font-weight:500}.header-title strong{font-size:15px;letter-spacing:-.02em}.header-title span{font-size:11px}.icon-button{width:34px;height:34px;border-radius:7px}.icon-button:hover{background:#55d98b17;color:#eafff0}.message-list{padding:20px 0 18px;scrollbar-color:#405847 transparent}.message-row{min-height:50px;padding:7px clamp(24px,4vw,62px) 7px 24px;gap:13px}.message-row.grouped{min-height:26px;padding-top:2px;padding-bottom:2px}.message-row:hover{background:#55d98b0b}.message-meta strong{font-size:14px;font-weight:680;letter-spacing:-.01em}.message-handle,.message-meta time{font-size:11px;color:#91a496}.message-body p,.rendered-message{font-size:var(--message-size,14px);line-height:1.55;color:#dbe9dd}.rendered-message a{color:#74e7a1}.composer{min-height:54px;margin:0 clamp(16px,3vw,38px) 20px;border:1px solid #3b5542;border-radius:12px;background:#25372b;padding-inline:14px;gap:11px}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #55d98b20,0 8px 24px #0002}.composer input{height:50px;font-size:14px}.composer-add,.emoji-button{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#9bb09f}.composer-add:hover,.emoji-button:hover{background:#55d98b19;color:var(--accent)}.send-button{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#168653;color:#fff}.send-button:hover:not(:disabled){background:#21a466}.send-button:disabled{background:#33463a;color:#819386;opacity:.8}.welcome-hash{background:#294431;color:#a8edbe}.message-actions{right:20px;border-color:#30463a;background:#26372c;box-shadow:0 6px 18px #080d0a88}.message-actions button{display:grid;place-items:center;width:29px;height:28px;color:#b0c6b4}.message-actions button:hover{background:#55d98b1c;color:var(--accent)}.reaction-list button{background:#24372b;border-color:#38533e}.reaction-list button.reacted{background:#55d98b20;border-color:var(--accent)}.member-panel{background:var(--sidebar);border-color:var(--line);padding:21px 12px 15px}.member-section h3,.friends-view h3{color:#91a997;font-size:10px;letter-spacing:.1em}.member-row{height:40px;padding-inline:9px;border-radius:7px;color:#b5c7b8;font-size:13px}.member-row:hover{background:#55d98b12;color:var(--text)}.offline-note{background:#1b2b20;border-left-color:var(--accent);color:#adbfaf;border-radius:7px;font-size:10px}.friends-view{padding:30px clamp(20px,4vw,54px)}.friends-hero{border-color:#3a5b43;background:radial-gradient(ellipse at 82% 12%,#55d98b35,transparent 38%),linear-gradient(120deg,#26382b,#202e24 63%,#243c2b);border-radius:15px;min-height:154px;padding:25px 28px}.friends-hero h1{font-size:25px;letter-spacing:-.045em}.friends-hero p{font-size:12px;color:#b0c3b2}.friends-eyebrow{color:#75e8a0}.friends-hero-mark{border-color:#55d98b55;background:#55d98b17;color:#82e6a4;border-radius:20px}.friends-heading{border-color:var(--line)}.friends-heading p{color:var(--muted)}.primary-button{background:linear-gradient(135deg,#239b5e,#147847);border-radius:8px;box-shadow:0 4px 12px #16865325}.primary-button:hover{background:linear-gradient(135deg,#2bb66f,#198651);box-shadow:0 7px 18px #16865336}.secondary-button{background:#26382b;color:#e3f0e5;border-color:#3a5340;border-radius:8px}.secondary-button:hover{background:#2e4534}.danger-button{border-radius:8px}.modal-card,.notification-panel{background:#202e24;border-color:#3a5140;border-radius:12px}.modal-card input,.invite-copy input,.settings-content input:not([type=checkbox]),.settings-content textarea,.settings-content select{background:#17241b;border-color:#344b39}.notification-panel{background:#213127}.notification-row:hover{background:#304538}.notification-dot{background:#198651}.auth-screen,.auth-panel,.loading-screen{background:var(--main)}.auth-card h1{font-family:Inter,Aptos,ui-sans-serif,system-ui,sans-serif;font-weight:740;letter-spacing:-.04em}.auth-switch button,.host-note>span{color:#72e49e}.dm-mode-tabs{background:#132019;border:1px solid #304237;border-radius:8px}.dm-mode-tabs button.active{background:#2c4131;color:#ecfff1}.dm-search-row{background:#132019;border:1px solid #304237;border-radius:7px}.dm-row.selected{background:#55d98b18}.dm-copy strong{color:#e7f1e9}.rail-brand-logo{background:#09130c}@media(max-width:1280px){.app-shell{grid-template-columns:70px 238px minmax(0,1fr) 214px}}@media(min-width:641px)and (max-width:1120px){.app-shell{grid-template-columns:64px 218px minmax(0,1fr) 188px}.chat-header{padding-inline:14px}.message-row{padding-inline:20px}}@media(min-width:981px)and (max-width:1120px){.app-shell{grid-template-columns:64px 218px minmax(0,1fr) 188px}}@media(max-width:980px){.app-shell{grid-template-columns:64px 244px minmax(0,1fr)}.chat-header{padding-inline:16px}}@media(max-width:640px){.app-shell{grid-template-columns:50px minmax(0,1fr)}.server-rail{gap:7px;padding-top:9px}.rail-home,.server-icon,.rail-add{width:38px;height:38px}.rail-inbox-button{width:40px;height:43px}.rail-section-caption{font-size:6px}.sidebar-header{height:50px;padding-inline:13px}.channel-row,.nav-row{min-height:36px}.chat-header{height:52px;padding-inline:10px}.header-actions{gap:0}.message-list{padding-top:12px}.message-row{padding-left:12px;padding-right:10px;gap:9px}.mobile-chat .composer{min-height:47px;margin:0 9px 10px;padding-inline:7px;gap:4px}.mobile-chat .composer input{font-size:13px}.mobile-chat .friends-view{padding:17px 12px}.friends-hero{min-height:125px;padding:16px;border-radius:12px}.friends-hero h1{font-size:20px}.friends-hero-mark{width:49px;height:49px;border-radius:15px;font-size:27px}.mobile-nav{background:var(--rail);border-color:var(--line)}.mobile-nav button{border-radius:10px}.mobile-nav button:focus-visible{color:var(--accent)}.mobile-chat .chat-area{grid-column:1/-1}.mobile-chat .chat-header{height:52px}.mobile-chat .message-row{padding-left:12px;padding-right:10px}.mobile-chat .friends-view{padding:15px 11px}}@media(max-width:640px){.server-rail{padding-top:8px;gap:7px}.rail-home,.server-icon,.rail-add{width:37px;height:37px}.rail-inbox-button{width:39px;height:42px}.rail-divider{margin-block:0}.message-avatar,.message-avatar .avatar{width:32px}.message-avatar .avatar{height:32px}.mobile-chat .chat-header{padding-inline:8px}.mobile-chat .header-title strong{font-size:14px}.mobile-chat .icon-button{width:31px;height:31px}.mobile-chat .header-actions{gap:0}.mobile-chat .composer{border-radius:11px}.mobile-chat .composer-add,.mobile-chat .emoji-button{width:28px;height:30px}.mobile-nav button{min-width:58px}}@media(prefers-reduced-motion:reduce){.server-icon,.channel-row,.nav-row,.dm-row,.icon-button,.mobile-nav button{transition:none}}.call-overlay{position:fixed;z-index:8;right:20px;bottom:20px;width:min(500px,calc(100vw - 40px));max-height:min(76dvh,700px);overflow:auto;background:linear-gradient(145deg,var(--surface-high),var(--surface) 42%);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 80px #05050ab8;color:var(--text);display:flex;flex-direction:column}.voice-call-stage{right:24px;bottom:24px;width:min(740px,calc(100vw - 320px));min-width:min(480px,calc(100vw - 84px));max-height:min(82dvh,820px);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.call-stage-header{display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid #ffffff0c}.call-heading-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:13px;background:linear-gradient(145deg,#41cf87,#13804e);box-shadow:0 5px 18px #13804e44;color:#fff;font-size:22px;transition:transform .2s ease,box-shadow .2s ease}.call-overlay:hover .call-heading-icon{transform:translateY(-1px);box-shadow:0 7px 22px #13804e66}.call-heading-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.call-eyebrow{font-size:9px;letter-spacing:.14em;font-weight:800;color:var(--accent)}.call-heading-copy strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.call-status i{width:7px;height:7px;background:#e7b95b;border-radius:50%;box-shadow:0 0 9px #e7b95b66}.call-status i.connected{background:#56d69b;box-shadow:0 0 9px #56d69b77}.call-status.failed{color:#ff9aa5}.call-status.failed i{background:var(--danger);box-shadow:0 0 9px #f16b7877}.call-status b{color:var(--faint)}.call-private-note{padding:6px 9px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:10px;white-space:nowrap}.call-signal-state{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.call-signal-state i{width:7px;height:7px;flex:none;border-radius:50%;background:#e7b95b;box-shadow:0 0 8px #e7b95b55}.call-signal-state i.online{background:var(--green);box-shadow:0 0 9px color-mix(in srgb,var(--green) 55%,transparent)}.call-tiles{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-content:center;gap:12px;padding:18px;min-height:220px;flex:1}.voice-call-stage .call-tiles{min-height:300px}.call-tile{position:relative;min-height:140px;aspect-ratio:16/10;background:radial-gradient(ellipse at 50% 40%,#33313d,#17171e 75%);border:1px solid #ffffff10;border-radius:12px;overflow:hidden;display:grid;place-items:center}.call-tile video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.call-tile video[hidden]{display:none}.call-tile audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.call-avatar{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#43c982,#1d6947);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 9%,transparent);color:#fff;font-size:24px;font-weight:700}.call-tile.local .call-avatar{background:linear-gradient(145deg,#3eaa84,#234f50)}.call-tile-name{position:absolute;left:10px;bottom:10px;padding:6px 9px;background:#11121acc;border:1px solid #ffffff12;border-radius:7px;color:#fff;font-size:11px;font-weight:650}.call-tile-state{position:absolute;right:10px;bottom:12px;color:#d0cfda;font-size:9px}.call-empty-state{grid-column:1/-1;justify-self:center;max-width:300px;text-align:center;padding:15px 12px 6px}.call-empty-state>span{display:block;color:var(--accent);font-size:27px}.call-empty-state strong{font-size:14px}.call-empty-state p{margin:6px 0 12px;color:var(--muted);font-size:11px;line-height:1.5}.call-control-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;background:#16171d88;border-top:1px solid #ffffff0d}.call-controls{display:flex;align-items:center;gap:9px}.call-control{width:55px;min-height:55px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff08;color:var(--text);transition:transform .16s ease,background .16s ease,border-color .16s ease}.call-control>span{font-size:19px;line-height:20px}.call-control small{font-size:9px;color:var(--muted)}.call-control:hover,.call-control.is-active{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 42%,transparent);transform:translateY(-1px)}.call-control.is-danger,.call-control.is-muted{background:#bf526033;border-color:#d16a7388;color:#ffbec4}.call-leave-button{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #d9626d;background:#c94e5c;color:#fff;border-radius:10px;font-size:11px;font-weight:750;white-space:nowrap}.call-leave-button:hover{background:#df5d6b}.call-leave-button span:first-child{font-size:16px;transform:rotate(135deg)}.call-device-picker{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.call-device-picker>span{display:none}.call-device-picker select{max-width:150px;padding:6px;background:var(--control);color:var(--text);border:1px solid var(--line);border-radius:6px;font-size:10px}.call-footer-note{display:flex;justify-content:space-between;gap:10px;padding:0 18px 13px;color:var(--faint);font-size:9px}.call-footer-note span{max-width:70%;line-height:1.45}.call-tile.has-video .call-tile-state{padding:4px 6px;border-radius:6px;background:#11121acc;color:#fff}.call-toast{position:fixed;z-index:12;left:50%;bottom:20px;transform:translate(-50%);max-width:min(560px,calc(100vw - 24px));display:flex;align-items:center;gap:10px;padding:10px 13px;background:#513137;color:#ffe7e9;border:1px solid #75414a;border-radius:7px;box-shadow:var(--shadow);font-size:12px;animation:call-toast-in .2s ease-out}@keyframes call-toast-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.call-toast button{border:0;background:transparent;color:inherit;font-size:17px}.call-incoming-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;background:#090a0dcc;display:grid;place-items:center;padding:18px}.call-incoming-card{width:min(360px,100%);padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);text-align:center}.call-incoming-avatar{width:70px;height:70px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#41cf87,#13804e);color:#fff;font-size:24px;font-weight:750}.call-incoming-card p{color:var(--muted);font-size:12px}.call-incoming-card h2{font-size:22px;margin:7px 0 20px}.call-incoming-card>div:last-child{display:flex;justify-content:center;gap:10px}.voice-channel-row{margin:2px 0}.voice-channel-row.selected{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 17%,transparent),color-mix(in srgb,var(--accent) 4%,transparent));color:var(--text)}.call-live-label{margin-left:auto;padding:3px 7px;border-radius:9px;background:#1c7148;color:#c3f8dc;font-size:8px;letter-spacing:.08em}.voice-channel-row:not(.selected):hover .voice-glyph{color:var(--text)}.voice-channel-row.selected .voice-glyph{color:var(--accent)}.call-empty-state .secondary-button{font-size:10px}.call-incoming-card .primary-button,.call-incoming-card .danger-button{min-width:104px;min-height:38px;border-radius:9px}@media(max-width:860px){.voice-call-stage{right:14px;bottom:14px;width:min(600px,calc(100vw - 286px));min-width:min(460px,calc(100vw - 84px))}.voice-call-stage .call-tiles{min-height:260px}.call-private-note{display:none}}@media(max-width:640px){.call-overlay,.voice-call-stage,.dm-call-window{right:8px;bottom:66px;left:62px;width:auto;min-width:0;max-height:calc(100dvh - 82px);border-radius:15px}.voice-call-stage .call-tiles{min-height:0;max-height:44dvh;overflow:auto;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;padding:10px}.call-stage-header{padding:12px;gap:9px}.call-heading-icon{width:36px;height:36px;border-radius:11px}.call-heading-copy strong{font-size:14px}.call-tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;padding:10px;min-height:150px}.call-tile{min-height:94px}.call-avatar{width:49px;height:49px;font-size:18px}.call-tile-name{left:6px;bottom:6px;padding:4px 6px;font-size:9px}.call-tile-state{right:6px;bottom:8px;font-size:8px}.call-control-bar{gap:6px;padding:9px}.call-controls{gap:5px}.call-control{width:47px;min-height:49px;border-radius:10px}.call-control>span{font-size:16px}.call-control small{font-size:8px}.call-leave-button{padding:10px 11px;font-size:10px}.call-footer-note{padding:0 10px 10px;font-size:8px}.call-device-picker select{max-width:98px}.call-toast{bottom:64px}.call-incoming-card{padding:22px}}.channel-row,.nav-row,.dm-row,.member-row{min-height:36px;border-radius:6px}.modal-card:has(.settings-layout){width:min(960px,calc(100vw - 48px));max-height:min(820px,calc(100dvh - 48px));height:min(820px,calc(100dvh - 48px));display:flex;flex-direction:column;overflow:hidden;padding:24px}.settings-layout{grid-template-columns:205px minmax(0,1fr);gap:24px;min-height:0;height:100%}.notification-panel{border-radius:9px}.server-member-admin>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.auth-art{background:linear-gradient(145deg,#13251a,#1a3825 58%,#13251a);border-right:1px solid var(--line)}.auth-card input{background:var(--control);border-color:var(--line);border-radius:6px}.auth-submit{background:linear-gradient(135deg,#35d07f,#168653);border-radius:7px}@media(max-width:980px){.modal-card:has(.settings-layout){width:calc(100vw - 32px);height:min(820px,calc(100dvh - 32px));max-height:calc(100dvh - 32px)}.server-admin-panel{grid-template-columns:150px minmax(0,1fr);gap:16px}.settings-layout{grid-template-columns:174px minmax(0,1fr);gap:18px}}@media(max-width:680px){.modal-backdrop{padding:0}.modal-card,.modal-card:has(.settings-layout){width:100%;height:100dvh;max-height:100dvh;padding:60px 16px 16px;border:0;border-radius:0}.modal-card:has(.settings-layout){overflow:hidden}.modal-card:has(.settings-layout)>h2{position:absolute;top:19px;left:16px;right:68px;margin:0;font-size:18px}.settings-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px}.settings-tabs{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px;scrollbar-width:thin}.settings-tabs button{white-space:nowrap;min-height:40px}.settings-tabs button.active{box-shadow:inset 0 -3px var(--accent)}.settings-content{max-height:none;padding:0 4px 20px 0}.server-admin-panel{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px}.server-admin-tabs{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px}.server-admin-tabs button{white-space:nowrap;min-height:40px}.server-admin-content{padding:0 4px 20px 0}.server-admin-grid,.server-permissions{grid-template-columns:1fr}.server-role-create>*{flex:1 1 100%;min-width:0}.settings-color-row{align-items:flex-start}.settings-color-row>*{min-width:calc(50% - 8px)}.call-overlay,.voice-call-stage,.dm-call-window{left:8px;right:8px;bottom:68px;max-height:calc(100dvh - 82px)}}@media(max-width:420px){.chat-header{padding-inline:7px;gap:6px}.header-actions{gap:0}.mobile-chat .icon-button{width:32px;height:32px}.message-meta{flex-wrap:wrap;column-gap:6px}.message-row{gap:8px}.modal-card:has(.settings-layout){padding-inline:12px}.modal-card:has(.settings-layout)>h2{left:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--rail:#121319;--sidebar:#1c1d25;--main:#22232b;--surface:#2b2d36;--surface-high:#363842;--hover:#343640;--line:#3b3d47;--text:#f0f1f6;--muted:#aaacb8;--faint:#7f8290;--composer:#2c2e37;--control:#1b1c23;--accent:#55d98b;--accent-strong:#168653;--green:#55d98b;--danger:#f16b78;--shadow:0 22px 64px #08090db8;--focus-ring:#83e9ad}.app-shell{grid-template-columns:78px clamp(250px,21vw,306px) minmax(0,1fr) 252px;background:var(--main)}.server-rail{gap:11px;padding:14px 0;background:var(--rail);border-right:1px solid #101116}.rail-home{border-radius:16px;background:#25262e}.rail-divider{width:34px;background:#34353e;margin:1px 0 0}.rail-inbox-button{width:48px;height:51px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;border-radius:14px;background:transparent;color:#a5a7b4}.rail-inbox-button span{font-size:19px;line-height:20px}.rail-inbox-button small{font-size:8px;letter-spacing:.06em;color:#858794}.rail-inbox-button:hover,.rail-inbox-button.active{background:#292b33;color:#fff}.rail-inbox-button.active{box-shadow:inset 3px 0 var(--accent)}.rail-section-caption{width:100%;margin:3px 0 -4px;text-align:center;color:#727480;font-size:7px;font-weight:800;letter-spacing:.11em}.server-icon{border-radius:16px;background:color-mix(in srgb,var(--server-color,#575a68) 68%,#25262d);font-size:14px}.server-icon.active:before,.rail-home.active:before{left:-15px;width:4px;height:30px;border-radius:0 5px 5px 0}.rail-add{width:44px;height:44px;background:#25262d;color:var(--accent)}.rail-add:hover{background:var(--accent-strong);color:#fff}.sidebar{background:var(--sidebar);border-right:1px solid #191a20}.sidebar-header{height:62px;padding:0 17px;border-bottom:1px solid #191a20;font-size:16px}.server-header{gap:9px}.community-header-mark{width:25px;height:25px;flex:none;border-radius:8px}.server-toolbar{min-height:39px;padding:6px 12px 6px 16px}.server-description{font-size:10px}.channel-scroll{padding:8px 9px 14px;scrollbar-color:#41434d transparent}.section-label{margin:13px 0 6px;color:#878995;font-size:9px;letter-spacing:.11em}.category-heading>.category-toggle{gap:5px}.category-heading>button:last-child{width:22px;height:22px;border-radius:5px;font-size:17px}.category-heading>button:last-child:hover{background:#30313a;color:#fff}.channel-row,.nav-row,.dm-row{border-radius:6px;color:#b2b4bf}.channel-row{min-height:34px;padding-inline:10px}.channel-row.selected,.nav-row.selected,.dm-row.selected{background:#33353e;box-shadow:none;color:#f4f4f7}.channel-row.selected .hash{color:#c9cbd3}.voice-label{margin-top:17px}.sidebar-footer{min-height:44px;padding:7px 12px;border-top:1px solid #30313a}.sidebar-footer button{font-size:10px}.sidebar-footer small{background:#258653}.dm-mode-tabs{height:42px;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 13px 12px;padding:4px;border:1px solid #343640;border-radius:8px;background:#17181e}.dm-mode-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:5px;background:transparent;color:#a8aab6;font-size:10px;font-weight:650}.dm-mode-tabs button span{font-size:14px}.dm-mode-tabs button.active{background:#343640;color:#fff;box-shadow:0 1px 4px #090a0f66}.friends-hero{position:relative;min-height:142px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 26px;padding:22px 25px;overflow:hidden;border:1px solid #3b3c46;border-radius:12px;background:radial-gradient(ellipse at 82% 12%,#55d98b2a,transparent 38%),linear-gradient(120deg,#272a32,#24252d 60%,#252a2d)}.friends-hero:after{content:"";position:absolute;right:54px;top:-92px;width:210px;height:210px;border:1px solid #55d98b25;border-radius:50%;box-shadow:0 0 0 24px #55d98b08,0 0 0 48px #55d98b06}.friends-hero>div:first-child{position:relative;z-index:1}.friends-eyebrow{font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--accent)}.friends-hero h1{margin:9px 0 7px;font-size:23px;letter-spacing:-.04em}.friends-hero p{margin:0;color:#a7a9b5;font-size:11px}.friends-hero-mark{position:relative;z-index:1;width:64px;height:64px;display:grid;place-items:center;border:1px solid #55d98b44;border-radius:20px;background:#55d98b13;color:#75e6a2;font-size:34px;transform:rotate(-8deg)}.friends-heading{margin:0 0 18px;padding-bottom:14px;align-items:center}.friends-heading h1{display:none}.friends-heading p{margin:0;color:#999ba8;font-size:10px}.community-header-mark{filter:drop-shadow(0 1px 5px #55d98b22)}.voice-channel-row .voice-glyph{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:#55d98b18;color:var(--accent);font-size:12px}.channel-row.selected{background:linear-gradient(90deg,#3a3c45,#33353e)}.message-row.grouped .message-body{padding-left:0}.member-panel{gap:5px}.member-section{margin-bottom:14px}.member-section h3{margin:5px 6px 8px}.presence.idle{background:#e0b458}.dm-search-row{height:37px;margin:0 13px 11px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid #373943;border-radius:7px;background:#17181e;color:#898b97}.dm-search-row input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}.dm-search-row input::placeholder{color:#81838f}.dm-search-row kbd{font:8px ui-monospace,monospace;color:#767885;white-space:nowrap}.nav-row{width:calc(100% - 20px);height:35px;min-height:35px;margin:2px 10px;padding:0 10px}.nav-row>span:first-child{width:18px;text-align:center;color:#a6a8b4}.nav-row>small{margin-left:auto;border-radius:10px;background:#40424d;color:#fff;padding:2px 7px;font-size:9px}.dm-list-heading{margin:19px 16px 7px;display:flex;align-items:center;justify-content:space-between;color:#858793;font-size:9px;font-weight:800;letter-spacing:.11em}.dm-list-heading button{width:23px;height:23px;border:0;border-radius:5px;background:transparent;color:#a1a3af;font-size:17px}.dm-list-heading button:hover{background:#33343d;color:#fff}.dm-row{height:54px;min-height:54px;padding:5px 9px;gap:10px}.dm-row.selected{background:#33353e;box-shadow:none;color:#fff}.dm-avatar-wrap .presence{position:absolute;right:-2px;bottom:-1px;width:11px;height:11px;border:2px solid var(--sidebar)}.dm-copy strong{font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-copy small{font-size:9px;color:#858793;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-row-actions{opacity:0;color:#999ba7;font-size:17px}.dm-list-footer{height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid #30313a;color:#9294a0;font-size:9px}.dm-list-footer b{min-width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#282a32;color:#d4d5dc;font-size:9px}.compact-empty{margin:23px 12px;align-content:start;text-align:left;font-size:11px}.user-panel{height:64px;background:#17181e;border-top:1px solid #292a32;padding:8px 10px}.user-identity span{font-size:9px}.chat-header{height:62px;padding:0 23px;border-bottom:1px solid #191a20;background:#22232b;gap:12px}.header-hash{color:#888a96;font-size:21px}.header-title span{font-size:10px}.header-actions{gap:4px}.message-list{padding:20px 0 15px;scrollbar-color:#41434d transparent}.message-row{padding:7px clamp(24px,4vw,70px) 7px clamp(22px,3vw,38px);gap:13px}.message-row:hover{background:#ffffff07}.message-meta strong{color:#f2f3f7}.message-meta time{color:#858794}.message-body p{color:#dedfe6}.message-actions{background:#373941;border-color:#464852;border-radius:7px}.channel-welcome{margin-left:28px}.welcome-hash{background:#34363f;border-radius:16px}.composer{min-height:56px;margin:0 clamp(16px,2.5vw,34px) 18px;border:1px solid #2d2f38;border-radius:10px;background:#2c2e37;box-shadow:none}.composer:focus-within{border-color:#4b4e59;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.composer input{font-size:12px}.member-panel{padding:20px 12px 14px;background:#1c1d25;border-left:1px solid #191a20}.member-section h3,.friends-view h3{font-size:9px;letter-spacing:.1em;color:#888a96}.member-row{height:39px;border-radius:6px;color:#b4b5c0}.offline-note{background:#24252d;border-color:#24814d;color:#adb0bb}.friends-view{padding:28px}.friend-row{padding:11px 8px}.modal-card{background:#292a32;border-color:#3b3c46;border-radius:10px}.notification-panel{background:#292a32;border-radius:10px}@media(max-width:1280px){.app-shell{grid-template-columns:70px clamp(236px,22vw,280px) minmax(0,1fr) 224px}}@media(min-width:641px)and (max-width:1120px){.app-shell{grid-template-columns:64px 226px minmax(0,1fr) 184px}.chat-header{padding-inline:15px}}@media(max-width:980px){.app-shell{grid-template-columns:64px 244px minmax(0,1fr)}.chat-header{padding-inline:16px}.dm-search-row{margin-inline:10px}}@media(max-width:640px){.app-shell{grid-template-columns:52px minmax(0,1fr)}.server-rail{gap:8px}.rail-home,.server-icon,.rail-add,.rail-inbox-button{width:39px}.rail-home,.server-icon,.rail-add{height:39px}.rail-inbox-button{height:47px}.rail-inbox-button small,.rail-section-caption{display:none}.server-icon.active:before,.rail-home.active:before{left:-8px}.dm-search-row,.dm-mode-tabs{margin-inline:8px}.dm-row{height:49px;min-height:49px}.chat-header{height:54px}.composer{min-height:48px;margin-inline:10px}.dm-list-footer{height:34px}.friends-hero{min-height:118px;margin-bottom:16px;padding:16px}.friends-hero h1{font-size:19px}.friends-hero-mark{width:48px;height:48px;font-size:26px}.mobile-nav{background:var(--rail)}}:root{--rail:#111216;--sidebar:#1b1c23;--main:#23242b;--surface:#2d2e36;--surface-high:#393a43;--hover:#363741;--line:#3b3c46;--text:#eeeff5;--muted:#a1a3b1;--faint:#7b7d8a;--composer:#2d2e36;--accent:#55d98b;--accent-strong:#168653}.app-shell{grid-template-columns:76px 286px minmax(0,1fr) 256px;background:var(--main)}.server-rail{gap:12px;padding:14px 0;background:#111216;border-right:1px solid #101115}.rail-home{padding:6px;border-radius:16px;background:#25262d}.rail-home:hover,.rail-home.active{border-radius:16px;background:var(--accent-strong)}.rail-divider{width:34px;margin:1px 0 0;background:#34353e}.rail-inbox-button{width:48px;height:56px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;border-radius:14px;background:#202127;color:#c2c4d0}.rail-inbox-button:hover{background:#2d2e36;color:#fff}.rail-inbox-button span{font-size:20px;line-height:22px}.rail-inbox-button small{font-size:9px;letter-spacing:.05em;color:#a5a6b2}.rail-section-caption{width:100%;margin:2px 0 -3px;text-align:center;color:#71737f;font-size:7px;font-weight:800;letter-spacing:.12em}.server-icon{border-radius:16px;background:color-mix(in srgb,var(--server-color,#55596a) 72%,#202127);font-size:14px}.server-icon:hover,.server-icon.active{border-radius:16px}.server-icon.active:before,.rail-home.active:before{left:-14px;width:4px;border-radius:0 5px 5px 0}.rail-add{width:43px;height:43px;background:#22232a;color:var(--accent)}.sidebar{background:#1b1c23;border-right:1px solid #191a20}.sidebar-header{height:62px;padding:0 19px;border-bottom:0;font-size:17px}.dm-search-row{height:37px;margin:0 14px 11px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid #373841;border-radius:7px;background:#15161b;color:#858793}.dm-search-row>span{font-size:18px}.dm-search-row input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.dm-search-row input::placeholder{color:#858793}.dm-search-row kbd{font:9px ui-monospace,monospace;color:#777986;white-space:nowrap}.nav-row{margin:2px 9px;width:calc(100% - 18px);height:37px;min-height:37px;padding:0 11px;border-radius:6px;color:#aaaab7}.nav-row.selected{background:#33343d;box-shadow:none;color:#fff}.nav-row>span:first-child{width:18px;text-align:center;font-size:15px;color:#a6a8b5}.nav-row>small{margin-left:auto;border-radius:10px;background:#3d4050;color:#e8e8f0;padding:2px 7px;font-size:9px}.dm-list-heading{margin:20px 17px 6px;display:flex;align-items:center;justify-content:space-between;color:#898b98;font-size:9px;font-weight:800;letter-spacing:.11em}.dm-list-heading button{width:24px;height:24px;border:0;border-radius:5px;background:transparent;color:#9b9daa;font-size:17px}.dm-list-heading button:hover{background:var(--hover);color:#fff}.dm-list-scroll{min-height:0;flex:1;overflow:auto;padding:0 8px 12px;scrollbar-width:thin;scrollbar-color:#41424c transparent}.dm-row{height:56px;min-height:56px;padding:6px 9px;border-radius:7px;gap:10px;color:#d7d8e0}.dm-row.selected{background:#34353e;box-shadow:none;color:#fff}.dm-avatar-wrap{position:relative;display:block;flex:none}.dm-avatar-wrap .presence{position:absolute;right:-2px;bottom:-1px;width:11px;height:11px;border:2px solid #1b1c23}.dm-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.dm-copy strong{font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-copy small{font-size:10px;color:#858793;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-row-actions{opacity:0;color:#9294a1;font-size:18px;letter-spacing:1px}.dm-list-footer{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-top:1px solid #30313a;color:#90919d;font-size:10px}.dm-list-footer b{min-width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#25262d;color:#cfd0d8;font-size:10px}.compact-empty{margin:24px 12px;align-content:start;text-align:left;font-size:11px}.chat-header{height:62px;padding:0 23px;border-bottom:1px solid #191a20;background:#23242b}.header-title strong{font-size:15px}.dm-presence-note{color:#8d8f9b!important;font-size:10px!important}.dm-presence-note:first-letter{color:var(--green)}.message-list{padding-top:21px}.message-row{padding:7px clamp(22px,4vw,66px) 7px 30px}.message-row:hover{background:#ffffff08}.composer{min-height:56px;margin:0 26px 20px;border-radius:10px;background:#2d2e36;border-color:#2d2e36}.composer:focus-within{border-color:#4a4c57;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.member-panel{background:#1b1c23;border-left:1px solid #191a20;padding:21px 12px 15px}.member-row{height:40px;border-radius:6px}.modal-card,.notification-panel{background:#282930;border-color:#3a3b45;border-radius:10px}@media(max-width:1280px){.app-shell{grid-template-columns:70px 260px minmax(0,1fr) 228px}}@media(min-width:641px)and (max-width:1120px){.app-shell{grid-template-columns:64px 232px minmax(0,1fr) 184px}}@media(max-width:980px){.app-shell{grid-template-columns:64px 250px minmax(0,1fr)}.dm-search-row{margin-inline:10px}.chat-header{padding-inline:15px}}@media(max-width:640px){.app-shell{grid-template-columns:52px minmax(0,1fr)}.rail-home,.server-icon,.rail-add,.rail-inbox-button{width:39px}.rail-home,.server-icon,.rail-add{height:39px}.rail-inbox-button{height:49px}.rail-inbox-button small,.rail-section-caption{display:none}.server-icon.active:before,.rail-home.active:before{left:-8px}.dm-search-row{margin-inline:8px}.dm-row{height:50px;min-height:50px}.chat-header{height:54px}.composer{min-height:48px;margin-inline:10px}.dm-list-footer{height:34px}.mobile-nav{background:var(--rail)}}.app-shell{grid-template-columns:70px clamp(236px,19vw,288px) minmax(0,1fr) 244px;background:var(--main)}.server-rail{gap:9px;padding-top:14px;border-color:#0d0e12}.rail-home,.server-icon,.rail-add{width:44px;height:44px}.rail-home{border-radius:15px;background:#25262d}.rail-home:hover,.rail-home.active{border-radius:15px;background:var(--accent-strong)}.server-icon{background:color-mix(in srgb,var(--server-color,#55596a) 72%,#202127);font-size:15px}.server-icon:hover,.server-icon.active{border-radius:15px}.server-icon.active:before,.rail-home.active:before{left:-12px;width:4px;border-radius:0 5px 5px 0}.rail-add{background:#22232a;color:var(--accent)}.rail-add:hover{background:var(--accent-strong)}.sidebar{border-color:#17181d}.sidebar-header{height:58px;padding:0 16px;border-bottom-color:#17181d}.server-header{font-size:14px}.server-toolbar{padding:8px 12px 2px 15px}.channel-scroll{padding:9px 8px 10px;scrollbar-color:#41424c transparent}.section-label{margin:12px 0 5px;color:#858793;font-size:9px;letter-spacing:.11em}.category-toggle{font-size:9px}.channel-row,.nav-row,.dm-row{min-height:32px;border-radius:5px;color:#a7a8b4}.channel-row.selected,.nav-row.selected,.dm-row.selected{background:#31333b;box-shadow:none;color:#f0f0f5}.channel-row.selected .hash{color:#c4c5ce}.voice-label{margin-top:15px}.user-panel{height:62px;background:#15161b;padding:8px 10px}.user-panel .avatar-small{width:33px;height:33px}.user-identity strong{font-size:12px}.chat-header{height:58px;padding:0 21px;border-bottom-color:#17181d;background:var(--main)}.header-hash{color:#878995}.header-title strong{font-size:14px}.message-list{padding-top:19px;scrollbar-color:#41424c transparent}.message-row{padding-top:6px;padding-bottom:6px}.message-row:hover{background:#ffffff05}.message-meta strong{color:#f2f2f6}.message-meta time{color:#858793}.message-body p{color:#d8d9e1}.channel-welcome{margin-left:24px}.welcome-hash{background:#33343c;color:#e3e4eb;border-radius:16px}.composer{min-height:54px;border-radius:9px;background:#2a2b33;border-color:#2a2b33;margin-bottom:18px;box-shadow:none}.composer:focus-within{border-color:#484a55;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.member-panel{padding:20px 12px 14px;background:var(--sidebar);border-left-color:#17181d}.member-section h3,.friends-view h3{font-size:9px;letter-spacing:.1em;color:#858793}.member-row{height:37px;border-radius:5px;color:#b1b2bd}.member-row:hover{background:#ffffff08}.offline-note{background:#202127;border-color:#278959;color:#aeb0bc}.friends-view{padding:26px}.friends-heading h1{font-size:24px;letter-spacing:-.025em}.modal-card{background:#272830;border-color:#3a3b45;border-radius:10px}.modal-card:has(.settings-layout){border-radius:12px}.notification-panel{background:#272830;border-radius:10px}@media(max-width:1280px){.app-shell{grid-template-columns:66px clamp(228px,22vw,272px) minmax(0,1fr) 224px}}@media(min-width:641px)and (max-width:1120px){.app-shell{grid-template-columns:62px 210px minmax(0,1fr) 184px}.chat-header{padding-inline:15px}}@media(max-width:980px){.app-shell{grid-template-columns:62px 236px minmax(0,1fr)}.chat-header{padding-inline:16px}}@media(max-width:640px){.app-shell{grid-template-columns:50px minmax(0,1fr)}.server-rail{gap:8px}.rail-home,.server-icon,.rail-add{width:38px;height:38px}.server-icon.active:before,.rail-home.active:before{left:-8px}.chat-header{height:54px}.composer{min-height:48px;border-radius:9px}.mobile-nav{background:var(--rail)}}:root{color-scheme:dark;--rail:#111a14;--sidebar:#17231b;--main:#1c2820;--surface:#24342a;--surface-high:#2d4033;--hover:#304236;--line:#304237;--text:#edf5ee;--muted:#afc0b2;--faint:#84978a;--accent:#55d98b;--accent-strong:#198651;--green:#62e29a;--danger:#f16b78;--composer:#26372c;--control:#18251c;--shadow:0 22px 64px #070e09bb;--focus-ring:#83e9ad}.app-shell{grid-template-columns:72px 240px minmax(0,1fr) 240px;background:var(--main)}.server-rail{gap:8px;padding:12px 0;background:var(--rail);border-color:#17181a}.rail-home,.server-icon,.rail-add{width:48px;height:48px}.rail-home{border-radius:50%;background:#313338;color:#fff}.rail-home:hover,.rail-home.active{border-radius:16px;background:#5865f2}.rail-divider{background:#3f4147;width:32px}.rail-inbox-button{width:48px;height:48px;border-radius:50%;background:#313338;color:#b5bac1}.rail-inbox-button:hover,.rail-inbox-button.active{border-radius:16px;background:#5865f2;color:#fff;box-shadow:none}.rail-inbox-button small{color:#dbdee1}.rail-section-caption{color:#949ba4;font-size:7px}.server-icon{border-radius:50%;background:var(--server-color,#313338);font-size:15px}.server-icon:hover,.server-icon.active{border-radius:16px;background:var(--server-color,#5865f2)}.server-icon.active:before,.rail-home.active:before{left:-12px;background:#f2f3f5}.rail-add{border-radius:50%;background:#313338;color:#23a559}.rail-add:hover{border-radius:16px;background:#23a559;color:#fff}.sidebar{background:var(--sidebar);border-color:#232428}.sidebar-header{height:48px;padding:0 16px;border-bottom:1px solid #232428;font-size:15px;box-shadow:0 1px #ffffff05}.server-header{font-size:15px}.server-toolbar{min-height:39px;padding:7px 12px;color:#b5bac1}.server-description{font-size:11px}.channel-scroll{padding:8px 8px 12px;scrollbar-color:#1a1b1e transparent}.section-label{margin:13px 0 5px;color:#949ba4;font-size:10px;letter-spacing:.08em}.section-label button{color:#b5bac1}.category-toggle{font-size:10px}.channel-row,.nav-row,.dm-row{min-height:34px;padding:5px 8px;border-radius:4px;color:#949ba4;font-size:14px}.channel-row:hover,.nav-row:hover,.dm-row:hover{background:#35373c;color:#dbdee1}.channel-row.selected,.nav-row.selected,.dm-row.selected{background:#404249;color:#fff;box-shadow:none}.hash,.channel-row.selected .hash{color:#b5bac1}.voice-channel-row .voice-glyph{background:transparent;color:#23a559}.voice-channel-row.selected{background:#404249;color:#fff}.sidebar-footer{min-height:42px;padding:7px 12px;border-color:#232428}.sidebar-footer button{font-size:12px;color:#b5bac1}.sidebar-footer small{background:#23a559}.user-panel{height:54px;padding:7px 8px;background:#232428}.user-panel .avatar-small{width:32px;height:32px}.user-identity strong{font-size:12px;color:#f2f3f5}.user-identity span{font-size:11px;color:#b5bac1}.status-button{color:#23a559}.dm-mode-tabs{height:39px;margin:3px 10px 9px;border:0;border-radius:5px;background:#232428;padding:3px}.dm-mode-tabs button{font-size:11px;color:#b5bac1}.dm-mode-tabs button.active{background:#404249;color:#fff;box-shadow:none}.dm-search-row{height:32px;margin:0 10px 10px;border:0;border-radius:4px;background:#1e1f22;color:#949ba4}.dm-search-row input{font-size:11px}.dm-search-row kbd{color:#777d86}.nav-row{width:calc(100% - 16px);height:34px;min-height:34px;margin:1px 8px;font-size:14px}.nav-row.selected{background:#404249}.dm-list-heading{margin:17px 14px 5px;color:#949ba4;font-size:10px}.dm-list-heading button{color:#b5bac1}.dm-list-scroll{padding:0 6px 8px;scrollbar-color:#1a1b1e transparent}.dm-row{height:44px;min-height:44px;gap:9px}.dm-row.selected{background:#404249}.dm-copy strong{font-size:13px;color:#dbdee1}.dm-copy small{font-size:10px;color:#949ba4}.dm-list-footer{height:37px;border-color:#232428;color:#b5bac1}.dm-list-footer b{background:#404249;color:#dbdee1}.chat-header{height:48px;padding:0 16px;gap:10px;background:var(--main);border-color:#28292e;box-shadow:0 1px #ffffff05}.header-hash{font-size:22px;color:#80848e}.header-title strong{font-size:15px;color:#f2f3f5}.header-title span{font-size:11px;color:#b5bac1}.icon-button{color:#b5bac1;border-radius:4px}.icon-button:hover{background:#404249;color:#f2f3f5}.members-toggle.selected{color:#f2f3f5}.message-list{padding:16px 0 14px;scrollbar-color:#1f2024 transparent}.message-row{min-height:46px;padding:6px 40px 6px 20px;gap:12px}.message-row:hover{background:#2e3035}.message-row.grouped{min-height:23px}.message-avatar{width:38px}.message-meta strong{font-size:14px;color:#f2f3f5}.message-handle,.message-meta time{font-size:11px;color:#949ba4}.message-body p,.rendered-message{color:#dbdee1;font-size:var(--message-size,15px);line-height:1.45}.rendered-message a{color:#00a8fc}.rendered-message code,.rendered-message pre{background:#2b2d31}.channel-welcome{margin:auto 24px 22px}.welcome-hash{width:54px;height:54px;background:#404249;border-radius:50%;color:#dbdee1}.channel-welcome h1{font-size:22px}.channel-welcome p{font-size:14px;color:#b5bac1}.composer{min-height:48px;margin:0 18px 22px;padding:0 13px;border:0;border-radius:8px;background:#383a40;box-shadow:none}.composer:focus-within{border:0;box-shadow:0 0 0 2px #5865f255}.composer input{height:46px;font-size:15px}.composer input::placeholder{color:#949ba4}.composer-add,.emoji-button{color:#b5bac1}.send-button{color:#5865f2}.message-actions{right:18px;top:-14px;border-color:#1e1f22;background:#2b2d31;border-radius:6px;box-shadow:0 4px 12px #0006}.message-actions button{padding:5px 7px;color:#b5bac1}.reaction-list button{background:#2b2d31;border-color:#404249}.reaction-list button.reacted{background:#5865f222;border-color:#5865f2}.attachment-download{background:#2b2d31;border-color:#404249}.member-panel{padding:20px 9px 12px;background:#2b2d31;border-color:#232428}.member-section h3,.friends-view h3{color:#949ba4;font-size:10px;letter-spacing:.08em}.member-row{height:38px;padding-inline:8px;color:#b5bac1;font-size:14px}.member-row:hover{background:#35373c;color:#dbdee1}.offline-note{background:#232428;border-left-color:#5865f2;color:#b5bac1;font-size:11px}.friends-view{padding:24px 28px}.friends-hero{border-color:#404249;background:radial-gradient(ellipse at 82% 12%,#5865f230,transparent 40%),linear-gradient(120deg,#383a40,#313338 70%,#2b2d31)}.friends-eyebrow{color:#aab3ff}.friends-hero-mark{border-color:#5865f255;background:#5865f222;color:#aab3ff}.friends-heading{border-color:#404249}.friends-heading p{color:#b5bac1}.friend-row{border-color:#404249}.primary-button{background:#5865f2;color:#fff}.primary-button:hover{background:#4752c4;box-shadow:none}.secondary-button{background:#404249;color:#f2f3f5;border-color:#404249}.secondary-button:hover{background:#4e5058}.danger-button{background:#da373c}.modal-card,.notification-panel{background:#313338;border-color:#1e1f22}.modal-card label,.auth-card label{color:#b5bac1}.modal-card input,.invite-copy input{background:#1e1f22;border-color:#1e1f22;color:#f2f3f5}.settings-content input:not([type=checkbox]),.settings-content textarea,.settings-content select{background:#1e1f22;border-color:#1e1f22}.notification-panel{background:#2b2d31}.notification-row:hover{background:#35373c}.notification-dot{background:#5865f2}.error-banner{background:#da373c;color:#fff}.error-banner.success-banner{background:#198651;color:#fff}.voice-failure-inline{background:#da373c;color:#fff}.auth-art{background:linear-gradient(145deg,#172a1e,#1b3827 56%,#172a1e);border-color:#31543d}.auth-art:before{background:radial-gradient(circle,#55d98b2b,#55d98b00 72%)}.auth-art:after{background:#55d98b12}.auth-art .brand-lockup{color:#f0fff4}.auth-art .brand-mark{background:#198651;box-shadow:0 0 0 5px #55d98b1b,0 8px 28px #0c160f80}.art-title p{color:#f2fff5}.art-title>span{color:#b7d2bd}.art-footer{color:#9cbea4}.art-orbit{border-color:#8fdaa32e}.art-star,.art-chat-bubble span{color:#74e49a}.art-chat-bubble{background:#203d2b;color:#e7f7eb;border-color:#3c6648;box-shadow:0 10px 30px #0b170e55}.auth-panel{background:linear-gradient(160deg,color-mix(in srgb,var(--main) 94%,var(--accent) 6%),var(--main) 55%)}.auth-card>p,.auth-card label,.host-note{color:var(--muted)}.auth-card input{background:var(--control);border-color:var(--line);color:var(--text)}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 17%,transparent)}.auth-submit{background:linear-gradient(135deg,#239b5e,#147847);box-shadow:0 7px 20px #1686532b}.auth-submit:hover{background:linear-gradient(135deg,#2bb66f,#198651)}.auth-switch button,.host-note>span{color:var(--accent)}.host-note{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}:root[data-theme=light] .auth-art{background:linear-gradient(145deg,#e4f5e8,#d6efdd 56%,#e8f7eb);border-color:#c0dec7}:root[data-theme=light] .auth-art .brand-lockup{color:#173b25}:root[data-theme=light] .art-title p{color:#173b25}:root[data-theme=light] .art-title>span,:root[data-theme=light] .art-footer{color:#496c52}:root[data-theme=light] .art-orbit{border-color:#30874c33}:root[data-theme=light] .art-chat-bubble{background:#f7fff8;color:#24452d;border-color:#c4e1ca;box-shadow:0 10px 26px #2c694318}:root[data-theme=light] .auth-panel{background:linear-gradient(160deg,#f5fbf6,#fff 55%)}.auth-switch button,.rendered-message a{color:var(--accent)}.host-note{border-color:#404249}.loading-screen{background:#313338}:root[data-theme=light]{--rail:#e0eee3;--sidebar:#eff6f0;--main:#f7fbf7;--surface:#e9f2eb;--surface-high:#dfece2;--hover:#e2eee4;--line:#cfdfd2;--text:#203127;--muted:#596b5e;--faint:#738477;--accent:#178d54;--accent-strong:#147847;--green:#18824e;--composer:#fff;--control:#fff;--focus-ring:#147847}:root[data-theme=light] .user-panel,:root[data-theme=light] .auth-art{background:#e3e5e8}:root[data-theme=light] .user-identity strong,:root[data-theme=light] .header-title strong,:root[data-theme=light] .message-meta strong{color:#2e3338}:root[data-theme=light] .channel-row.selected,:root[data-theme=light] .nav-row.selected,:root[data-theme=light] .dm-row.selected{background:#e3e5e8;color:#2e3338}:root[data-theme=light] .composer,:root[data-theme=light] .dm-search-row,:root[data-theme=light] .settings-content input:not([type=checkbox]),:root[data-theme=light] .settings-content textarea,:root[data-theme=light] .settings-content select{background:#ebedef}:root[data-theme=light] .auth-screen,:root[data-theme=light] .auth-panel,:root[data-theme=light] .loading-screen{background:#fff}:root[data-theme=light] .auth-card input,:root[data-theme=light] .modal-card input{background:#fff;border-color:#d7d9dc;color:#2e3338}:root{--rail:#101b13;--sidebar:#17231a;--main:#1d2920;--surface:#26372a;--surface-high:#2c4030;--hover:#304435;--line:#394e3c;--text:#edf4ee;--muted:#b2c1b4;--faint:#87998a;--accent:#55d98b;--accent-strong:#187a49;--green:#55d98b;--composer:#26372a;--control:#17231a;--shadow:0 10px 28px #0005}:root[data-theme=light]{--rail:#dce9df;--sidebar:#edf4ee;--main:#f7faf7;--surface:#e8f0e9;--surface-high:#dce9de;--hover:#e1ece3;--line:#c8d8cb;--text:#1d3023;--muted:#53685a;--faint:#718477;--accent:#17834f;--accent-strong:#147847;--green:#18794e;--composer:#fff;--control:#fff;--shadow:0 8px 22px #19351f1a}.rail-home:hover,.rail-home.active,.rail-add:hover,.primary-button,.auth-submit,.send-button:not(:disabled),.call-heading-icon,.call-incoming-avatar,.notification-dot{background:linear-gradient(135deg,#35d07f,#168653);box-shadow:none}.rail-home:hover,.rail-home.active{border-radius:14px}.primary-button:hover,.auth-submit:hover{background:linear-gradient(135deg,#54e69a,#188651);box-shadow:none;transform:none}.secondary-button,.secondary-button:hover{background:var(--surface);border-color:var(--line);transform:none;box-shadow:none}.friends-hero{background:var(--surface);border:1px solid var(--line);border-radius:8px}.friends-eyebrow,.friends-hero-mark{color:var(--accent)}.friends-hero-mark{background:transparent;border-color:var(--line);border-radius:8px}.modal-backdrop,.call-incoming-backdrop{background:#090d0acc}.modal-card,.notification-panel,.call-incoming-card{background:var(--surface);border-color:var(--line);border-radius:8px;box-shadow:var(--shadow)}.call-overlay{background:var(--surface);border-color:var(--line);border-radius:10px;box-shadow:var(--shadow)}.call-tile{background:#18251b;border-color:var(--line);border-radius:8px}.call-avatar,.call-tile.local .call-avatar{background:#245b39;box-shadow:none}.call-control-bar{background:var(--sidebar);border-color:var(--line)}.call-control,.call-control:hover,.call-control.is-active{background:var(--surface-high);border-color:var(--line);transform:none}.auth-art{background:#1b3122;color:var(--text);border-color:var(--line)}.auth-art:before,.auth-art:after,.art-orbit,.art-star{display:none}.auth-art .brand-mark{box-shadow:none}.art-chat-bubble{background:#263b2c;color:var(--text);border-color:var(--line);border-radius:7px;box-shadow:none;transform:none}.auth-submit{background:var(--accent-strong)}.mobile-nav{background:var(--rail);backdrop-filter:none;-webkit-backdrop-filter:none}.dm-mode-tabs,.dm-search-row,.composer,.modal-card input,.auth-card input,.settings-content input:not([type=checkbox]),.settings-content textarea,.settings-content select{backdrop-filter:none;-webkit-backdrop-filter:none}.emoji-picker-popover{position:absolute;right:18px;bottom:70px;z-index:6;width:min(320px,calc(100vw - 24px));filter:drop-shadow(0 12px 28px #0008)}.emoji-picker-popover .EmojiPickerReact{--epr-highlight-color:var(--accent-strong);--epr-hover-bg-color:color-mix(in srgb,var(--accent) 13%,var(--surface));--epr-focus-bg-color:color-mix(in srgb,var(--accent) 20%,var(--surface));--epr-search-input-bg-color:var(--main);--epr-search-input-bg-color-active:var(--main);--epr-category-label-bg-color:var(--surface);--epr-picker-border-color:var(--line);--epr-bg-color:var(--surface);--epr-text-color:var(--text);--epr-category-label-text-color:var(--muted);--epr-search-input-text-color:var(--text);border-radius:10px;overflow:hidden}.server-icon{font-family:Inter,Aptos,ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.045em;text-shadow:0 1px 2px #0007}.server-icon-label{display:block;max-width:42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.server-header .truncate{font-family:Inter,Aptos,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:750;letter-spacing:-.035em;line-height:1.2}.server-icon.active:before{background:var(--accent)}.rail-section-caption{color:var(--muted)}.danger-button{background:#8e4447}.danger-button:hover{background:#a34f50}.error-banner{background:#713b44}.voice-failure-inline{background:#522d34}.unread-count{background:#486b4f}.presence.idle{background:#8e8151}.presence.dnd{background:#8e4447}.call-control.is-danger,.call-control.is-muted{background:#5b3035;border-color:#82454a}@media(prefers-reduced-motion:reduce){.call-toast{animation:none}}@media(max-width:1280px){.app-shell{grid-template-columns:68px 232px minmax(0,1fr) 220px}}@media(min-width:641px)and (max-width:1120px){.app-shell{grid-template-columns:62px 220px minmax(0,1fr) 184px}.chat-header{padding-inline:12px}.member-panel{padding-inline:7px}}@media(min-width:981px)and (max-width:1120px){.app-shell{grid-template-columns:64px 218px minmax(0,1fr) 188px}.chat-header{padding-inline:14px}.member-panel{padding-inline:7px}}@media(max-width:980px){.app-shell{grid-template-columns:62px 236px minmax(0,1fr)}.member-panel{display:none}.chat-header{padding-inline:14px}}@media(max-width:680px){.app-shell{grid-template-columns:50px minmax(0,1fr);padding-bottom:60px}.server-rail{gap:7px}.rail-home,.server-icon,.rail-add,.rail-inbox-button{width:38px;height:38px}.rail-inbox-button{height:42px}.sidebar-header{height:48px}.channel-row,.nav-row{min-height:40px}.chat-area{grid-column:2;grid-row:1;display:none}.chat-header{height:52px}.composer{min-height:50px;margin:0 9px 10px}.message-list{padding-top:12px}.mobile-nav{background:var(--rail)}.mobile-chat .sidebar,.mobile-chat .server-rail{display:none}.mobile-chat .chat-area{grid-column:1/-1;grid-row:1;display:flex}.mobile-chat .chat-header{height:52px}.mobile-chat .mobile-back{display:block}.mobile-chat .message-row{padding-left:12px;padding-right:10px}.mobile-chat .friends-view{padding:15px 11px}.friends-hero{min-height:116px;padding:15px}.friends-hero h1{font-size:19px}.modal-backdrop{padding:0}.modal-card,.modal-card:has(.settings-layout){width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:0;padding:56px 18px 24px}.modal-close{top:14px;right:15px;z-index:2;width:40px;height:40px;border-radius:8px;background:var(--surface-high)}.modal-card h2{position:absolute;top:20px;left:18px;font-size:18px}.settings-layout{min-height:0;height:100%;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:12px}.settings-tabs{flex-direction:row;overflow-x:auto;overscroll-behavior-x:contain;border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px;scrollbar-width:thin}.settings-tabs button{white-space:nowrap;min-height:40px;padding:9px 12px}.settings-tabs button.active{box-shadow:inset 0 -3px var(--accent)}.settings-content{max-height:none;overflow:auto;padding:0 4px 20px 0}.server-admin-panel{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.server-admin-tabs{display:flex;overflow-x:auto;gap:4px;border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px;scrollbar-width:thin}.server-admin-tabs button{white-space:nowrap;min-height:40px}.server-admin-content{min-height:0;max-height:none;overflow:auto}.server-admin-grid{grid-template-columns:1fr}.server-role-create{flex-wrap:wrap}.server-role-create>*{min-width:0;flex:1 1 100%}}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.primary-button{border-radius:7px;font-weight:650}.secondary-button,.danger-button{border-radius:7px}.channel-row,.nav-row,.dm-row,.member-row{border-radius:6px}.channel-row.selected,.nav-row.selected,.dm-row.selected{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),var(--surface));box-shadow:inset 3px 0 var(--accent)}.composer{border-radius:9px}.modal-card,.notification-panel,.call-incoming-card{border-radius:10px}.modal-card:has(.settings-layout){width:min(960px,calc(100vw - 48px));height:min(820px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;padding:24px}.modal-card:has(.settings-layout)>h2{flex:none;margin-bottom:18px}.modal-card:has(.settings-layout)>.settings-layout,.modal-card:has(.settings-layout)>.server-admin-panel{flex:1;min-height:0}.settings-layout{grid-template-columns:205px minmax(0,1fr);gap:24px;height:100%;min-height:0}.settings-tabs{overflow-y:auto;min-height:0;gap:5px;padding-right:14px}.settings-tabs button{min-height:40px;padding:10px 12px;border-radius:6px;text-transform:none;letter-spacing:0;font-size:12px}.settings-content{max-height:none;min-height:0;overflow:auto;padding:2px 12px 18px 0}.settings-content h3,.server-admin-content h3{font-size:18px;margin:2px 0 18px;letter-spacing:-.02em}.settings-content label,.server-admin-content label{gap:7px;margin:14px 0;color:var(--muted);font-size:12px;text-transform:none;letter-spacing:0}.settings-content input:not([type=checkbox]),.settings-content textarea,.settings-content select,.server-admin-content input,.server-admin-content textarea,.server-admin-content select{min-height:40px;width:100%;border:1px solid var(--line);border-radius:6px;background:var(--control);color:var(--text);padding:9px 11px;font:inherit;text-transform:none;letter-spacing:normal}.settings-content textarea,.server-admin-content textarea{min-height:84px;resize:vertical}.settings-content input[type=color],.server-admin-content input[type=color]{height:40px;padding:4px}.settings-check input{width:17px;height:17px;accent-color:var(--accent)}.settings-actions{position:sticky;bottom:-1px;background:var(--main);padding:12px 0 3px;border-color:var(--line)}.profile-badge-picker{border:1px solid var(--line);border-radius:7px;padding:12px}.profile-badge-picker legend{padding:0 5px}.settings-error,.auth-error{border:1px solid #9a4950;border-radius:6px;background:#44272b;color:#ffdadd;padding:10px 12px;font-size:12px}.settings-success,.auth-notice[role=status]{border:1px solid #34724d;border-radius:6px;background:#203b2a;color:#d4f5dd;padding:10px 12px;font-size:12px}.modal-card input,.auth-card input,.invite-copy input{border-radius:6px;background:var(--control);border-color:var(--line)}.server-admin-panel{height:100%;min-height:0;display:grid;grid-template-columns:172px minmax(0,1fr);gap:22px}.server-admin-tabs{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:12px;border-right:1px solid var(--line)}.server-admin-tabs button{min-height:38px;padding:8px 11px;text-align:left;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px}.server-admin-tabs button:hover,.server-admin-tabs button.active{background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--text)}.server-admin-tabs button.active{box-shadow:inset 3px 0 var(--accent)}.server-admin-content{min-width:0;min-height:0;overflow:auto;padding:2px 12px 18px 0}.server-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.server-role-create{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.server-role-create input,.server-role-create select{flex:1;min-width:130px}.server-member-admin{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.server-member-admin>div,.server-member-admin>span{flex:1;min-width:0}.server-member-admin small{color:var(--muted)}.server-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.server-role-list{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.server-role-chip{padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text)}.server-role-chip.selected{border-color:var(--role-color,var(--accent));box-shadow:inset 0 0 0 1px var(--role-color,var(--accent))}.server-admin-panel .danger-button{flex:none}.auth-screen,.auth-panel{background:var(--main)}.art-chat-bubble{background:var(--surface);border-color:var(--line)}.auth-submit{background:linear-gradient(135deg,#35d07f,#168653)}.danger-button{background:#a8444b;color:#fff}.danger-button:hover{background:#bf4f56}.unread-count,.call-live-label{color:#fff}.call-incoming-card{max-height:calc(100dvh - 32px);overflow:auto}.call-incoming-card input,.call-incoming-card select{border-radius:6px}@media(max-width:1120px){.app-shell{grid-template-columns:64px 228px minmax(0,1fr)}.member-panel{display:none}.chat-header{padding-inline:16px}}@media(max-width:680px){.modal-backdrop{padding:0}.modal-card,.modal-card:has(.settings-layout){width:100%;height:100dvh;max-height:100dvh;padding:60px 16px 16px;border:0;border-radius:0}.modal-card:has(.settings-layout){overflow:hidden}.modal-card:has(.settings-layout)>h2{position:absolute;top:19px;left:16px;right:68px;margin:0;font-size:18px}.modal-card .modal-close{top:14px;right:15px;z-index:2;width:40px;height:40px;border-radius:8px;background:var(--surface-high)}}:root{color-scheme:dark;font-family:Inter,Aptos,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;--rail:#0a100c;--sidebar:#101a13;--main:#121c15;--surface:#19281e;--surface-high:#22352a;--hover:#243a2c;--line:#283a2d;--text:#f0f5f1;--muted:#a1b0a5;--faint:#748279;--accent:#35d07f;--accent-strong:#188651;--green:#35d07f;--danger:#e76870;--warning:#d9a84e;--composer:#19281e;--control:#101a13;--focus-ring:#54e69a;--shadow:0 20px 56px #030905c4;--radius:8px}:root[data-theme=light]{color-scheme:light;--rail:#e4eee6;--sidebar:#eef5ef;--main:#f7faf7;--surface:#eaf2eb;--surface-high:#dce9de;--hover:#e2eee4;--line:#cbdacd;--text:#1e3024;--muted:#506457;--faint:#6f8074;--accent:#167e4a;--accent-strong:#126b3e;--green:#167e4a;--danger:#b8323c;--warning:#805400;--composer:#fff;--control:#fff;--focus-ring:#126b3e;--shadow:0 18px 48px #15361f20}.app-shell{grid-template-columns:72px minmax(232px,264px) minmax(0,1fr) 248px;background:var(--main);transition:none}.server-rail{background:var(--rail);border-color:var(--line);gap:9px;padding-block:12px}.sidebar,.member-panel{background:var(--sidebar);border-color:var(--line)}.member-panel{padding:18px 12px}.sidebar-header,.chat-header{border-color:var(--line);background:var(--main)}.sidebar-header{height:52px;padding-inline:14px}.chat-header{height:54px;padding-inline:20px}.server-toolbar{min-height:36px;padding-block:7px}.channel-scroll{padding:8px}.section-label{color:var(--muted);font-size:10px;margin-top:14px}.channel-row,.nav-row,.dm-row{color:var(--muted)}.channel-row:hover,.nav-row:hover,.dm-row:hover,.member-row:hover{background:var(--hover);color:var(--text)}.channel-entry.selected,.channel-row.selected,.nav-row.selected,.dm-row.selected{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 15%,var(--surface)),var(--surface));color:var(--text);box-shadow:inset 3px 0 var(--accent)}.message-list{padding-top:18px;scrollbar-color:var(--surface-high) transparent}.message-row{padding-left:clamp(18px,3vw,44px);padding-right:clamp(18px,3vw,44px);gap:12px}.message-row:hover{background:color-mix(in srgb,var(--hover) 65%,transparent)}.message-body p,.rendered-message{color:var(--text);line-height:1.5}.message-meta strong,.header-title strong{color:var(--text)}.message-meta time,.message-handle{color:var(--muted)}.rendered-message a,.reply-preview:hover,.text-button{color:var(--accent)}.rendered-message code,.rendered-message pre{background:var(--control)}.composer{background:var(--composer);border:1px solid var(--line);border-radius:9px;min-height:52px;margin-bottom:14px;box-shadow:none}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.composer-add,.emoji-button{min-width:32px;min-height:36px;color:var(--muted)}.send-button{color:var(--accent)}.primary-button,.auth-submit{background:linear-gradient(120deg,#2cb86e,#187846);color:#fff;border-color:transparent}.primary-button:hover,.auth-submit:hover{background:linear-gradient(120deg,#38cb7e,#208c53);box-shadow:none;transform:none}.secondary-button{background:var(--surface-high);color:var(--text);border-color:var(--line)}.secondary-button:hover{background:var(--hover);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.danger-button{background:#873b41;color:#fff}.danger-button:hover{background:#a8464e}.modal-backdrop,.call-incoming-backdrop{background:#050b07cc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card,.notification-panel,.call-incoming-card{background:var(--surface);border-color:var(--line);border-radius:10px;color:var(--text);box-shadow:var(--shadow)}.modal-card:has(.settings-layout),.modal-card:has(.server-admin-panel){width:min(960px,calc(100vw - 48px));height:min(820px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;padding:24px}.modal-card:has(.settings-layout)>h2,.modal-card:has(.server-admin-panel)>h2{flex:none;margin:0 0 18px;font-size:19px;letter-spacing:-.02em}.modal-card:has(.settings-layout)>.settings-layout,.modal-card:has(.server-admin-panel)>.server-admin-panel{flex:1;min-height:0}.modal-close{width:34px;height:34px;border-radius:6px;color:var(--muted)}.modal-close:hover{background:var(--surface-high);color:var(--text)}.modal-card label,.auth-card label{color:var(--muted)}.modal-card input,.auth-card input,.invite-copy input,.settings-content input:not([type=checkbox]),.settings-content textarea,.settings-content select,.server-admin-content input,.server-admin-content textarea,.server-admin-content select{background:var(--control);color:var(--text);border:1px solid var(--line);border-radius:6px}.settings-layout{grid-template-columns:204px minmax(0,1fr);gap:24px;min-height:0;height:100%}.settings-tabs{gap:4px;padding:4px 12px 4px 0;border-color:var(--line)}.settings-tabs button{min-height:40px;padding:9px 11px;border-radius:6px;color:var(--muted);font-size:12px;text-align:left}.settings-tabs button:hover,.settings-tabs button.active{background:color-mix(in srgb,var(--accent) 12%,var(--surface-high));color:var(--text)}.settings-tabs button.active{box-shadow:inset 3px 0 var(--accent)}.settings-content{min-height:0;max-height:none;overflow:auto;padding:4px 12px 20px 0}.settings-content h3,.server-admin-content h3{font-size:17px;margin:2px 0 18px;color:var(--text)}.settings-content label,.server-admin-content label{margin:14px 0;gap:7px;color:var(--muted);font-size:12px}.settings-content input:not([type=checkbox]),.settings-content select,.server-admin-content input,.server-admin-content select{min-height:40px;padding:9px 11px}.settings-content textarea,.server-admin-content textarea{min-height:84px;padding:10px 11px;resize:vertical}.settings-content input[type=color],.server-admin-content input[type=color]{min-height:40px;padding:4px}.settings-actions{background:var(--surface);border-color:var(--line)}.settings-error,.auth-error{border:1px solid #9f4b51;background:#48292e;color:#ffe0e2;border-radius:6px}.settings-success{border:1px solid #36754e;background:#203a29;color:#d5f4dd;border-radius:6px}.server-admin-panel{grid-template-columns:170px minmax(0,1fr);gap:20px}.server-admin-tabs{border-color:var(--line)}.server-admin-tabs button{min-height:38px;color:var(--muted);border-radius:6px}.server-admin-tabs button:hover,.server-admin-tabs button.active{background:color-mix(in srgb,var(--accent) 12%,var(--surface-high));color:var(--text)}.server-admin-content{padding:4px 12px 20px 0}.server-admin-grid{gap:8px 14px}.server-member-admin{flex-wrap:wrap;border-color:var(--line)}.server-member-admin small{display:block;margin-top:4px;color:var(--muted)}.notification-panel>header,.notification-panel>footer,.notification-row{border-color:var(--line)}.notification-row:hover{background:var(--hover)}.auth-screen{background:var(--main)}.auth-art{background:linear-gradient(145deg,#101a13,#173b27 58%,#101a13);border-color:var(--line)}.auth-panel{background:var(--main)}.auth-card h1{color:var(--text)}.auth-card input,.auth-submit{min-height:42px}.host-note{border-color:var(--line)}.presence.online{background:#48cf83}.presence.idle{background:#d4ad52}.presence.dnd{background:#e76870}.presence.offline{background:#748279}.unread-count{background:#8e4b30;color:#fff}.call-live-label{background:#a63b43;color:#fff}.icon-button:focus-visible,.settings-tabs button:focus-visible,.server-admin-tabs button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:root[data-theme=light] .user-panel{background:var(--rail)}:root[data-theme=light] .user-identity strong,:root[data-theme=light] .message-meta strong,:root[data-theme=light] .header-title strong{color:var(--text)}:root[data-theme=light] .auth-art{background:linear-gradient(145deg,#e8f5ea,#d8eddd);color:var(--text)}:root[data-theme=light] .auth-art .brand-lockup strong,:root[data-theme=light] .art-title p{color:var(--text)}:root[data-theme=light] .auth-art .art-title>span,:root[data-theme=light] .art-footer{color:var(--muted)}:root[data-theme=light] .modal-backdrop,:root[data-theme=light] .call-incoming-backdrop{background:#10221670}@media(max-width:1280px){.app-shell{grid-template-columns:68px 240px minmax(0,1fr) 220px}.member-panel{padding-inline:9px}}@media(max-width:1120px){.app-shell{grid-template-columns:64px 224px minmax(0,1fr)}.member-panel{display:none}.chat-header{padding-inline:15px}}@media(max-width:680px){.settings-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px}.settings-tabs{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 0 8px;border-right:0;border-bottom:1px solid var(--line)}.settings-tabs button{white-space:nowrap;min-height:42px}.settings-tabs button.active{box-shadow:inset 0 -3px var(--accent)}.settings-content{padding:0 4px 20px 0}.server-admin-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px}.server-admin-tabs{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 0 8px;border-right:0;border-bottom:1px solid var(--line)}.server-admin-tabs button{white-space:nowrap;min-height:42px}.server-admin-content{padding:0 4px 20px 0}.server-admin-grid,.server-permissions{grid-template-columns:minmax(0,1fr)}.server-role-create>*{min-width:0;flex:1 1 100%}}@media(max-width:420px){.message-row{padding-inline:11px;gap:8px}.chat-header{gap:6px}.header-actions{gap:0}.mobile-chat .icon-button{width:34px;height:34px}.modal-card:has(.settings-layout),.modal-card:has(.server-admin-panel){padding-inline:12px}.modal-card:has(.settings-layout)>h2,.modal-card:has(.server-admin-panel)>h2{left:12px}}:root{--rail:#090f0b;--sidebar:#111a14;--main:#0f1711;--surface:#17231a;--surface-high:#1e3022;--hover:#223a29;--line:#26372b;--text:#f1f5f2;--muted:#a3b0a6;--faint:#77857b;--accent:#29b86e;--accent-strong:#16824a;--green:#50e394;--composer:#17231a;--control:#111a14;--focus-ring:#50e394;--shadow:0 24px 70px #020704c7;--radius:8px}:root[data-theme=light]{--rail:#dce9df;--sidebar:#edf4ee;--main:#f7faf7;--surface:#e8f0e9;--surface-high:#dce9de;--hover:#e1ece3;--line:#c8d8cb;--text:#1d3023;--muted:#53685a;--faint:#718477;--accent:#16834f;--accent-strong:#147847;--green:#18794e;--composer:#fff;--control:#fff;--focus-ring:#126b3e;--shadow:0 18px 48px #15361f20}.app-shell{grid-template-columns:72px 264px minmax(0,1fr) 248px;background:var(--main)}.server-rail{gap:8px;padding:12px 0;background:var(--rail);border-right:1px solid var(--line)}.member-panel{background:var(--sidebar);border-left:1px solid var(--line);padding:18px 12px 14px}.sidebar-header{height:52px;padding-inline:14px;background:var(--sidebar);border-bottom:1px solid var(--line);font-size:15px;letter-spacing:-.02em}.server-header .truncate{font-size:15px;font-weight:700;letter-spacing:-.02em}.server-toolbar{min-height:38px;padding:6px 10px 4px 14px}.server-description{font-size:11px;color:var(--faint)}.channel-scroll{padding:8px 8px 10px;scrollbar-color:var(--surface-high) transparent}.section-label{margin:14px 0 5px;color:var(--faint);font-size:10px;font-weight:700;letter-spacing:.075em}.category-toggle{gap:5px;padding:3px 4px;font-size:10px;letter-spacing:.075em}.category-chevron{width:10px;color:var(--faint)}.category-heading>button:last-child{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;color:var(--muted);font-size:15px}.category-heading>button:last-child:hover{background:var(--hover);color:var(--text)}.channel-row,.nav-row,.dm-row{min-height:32px;gap:8px;padding:4px 9px;border-radius:5px;color:var(--muted);font-size:12px}.channel-entry.selected{background:color-mix(in srgb,var(--accent) 13%,var(--surface))}.channel-entry.selected .channel-row,.channel-row.selected,.nav-row.selected,.dm-row.selected{color:var(--text);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 13%,var(--surface)),var(--surface));box-shadow:inset 2px 0 var(--accent)}.channel-entry.selected .channel-row{background:transparent;box-shadow:none}.hash{width:15px;font-size:17px;color:var(--faint)}.voice-glyph{display:grid;place-items:center}.server-icon{width:42px;height:42px;border-radius:13px;background:var(--surface-high);color:var(--text);font-size:13px}.server-icon:hover,.server-icon.active{border-radius:13px;background:linear-gradient(145deg,#2fc77c,#16794a)}.server-icon.active:before,.rail-home.active:before{left:-11px;top:8px;height:26px;width:3px;background:var(--green)}.rail-home{width:44px;height:44px;border-radius:14px;background:var(--surface);color:var(--text)}.rail-home:hover,.rail-home.active,.rail-add:hover{background:linear-gradient(145deg,#2fc77c,#16794a)}.rail-add{width:40px;height:40px;background:var(--surface);color:var(--green)}.rail-divider{background:var(--line);margin:2px}.rail-section-caption{font-size:8px;letter-spacing:.09em;color:var(--faint)}.user-panel{height:58px;gap:7px;padding:7px 8px;background:var(--rail);border-top:1px solid var(--line)}.user-identity strong{font-size:11px}.user-identity span{font-size:9px;color:var(--faint)}.chat-header{height:54px;padding-inline:20px;gap:10px;background:var(--main);border-bottom:1px solid var(--line)}.header-hash{font-size:19px;color:var(--faint)}.header-title strong{font-size:13px;font-weight:650}.header-title span{font-size:10px;color:var(--faint)}.icon-button{width:32px;height:32px;border-radius:6px;color:var(--muted)}.message-list{padding-top:14px;scrollbar-color:var(--surface-high) transparent}.message-row{gap:12px;padding-top:6px;padding-bottom:6px;padding-left:clamp(20px,3vw,46px);padding-right:clamp(20px,3vw,46px)}.message-row.grouped{padding-top:1px;padding-bottom:1px}.message-row:hover{background:color-mix(in srgb,var(--hover) 54%,transparent)}.message-meta{gap:7px;margin-bottom:2px}.message-meta strong{font-size:13px}.message-meta time,.message-handle{font-size:10px;color:var(--faint)}.message-body p,.rendered-message{font-size:var(--message-size,14px);line-height:1.5;color:var(--text)}.message-actions{background:var(--surface-high);border-color:var(--line);box-shadow:0 8px 20px #0004;border-radius:7px}.message-actions button:hover{background:var(--hover);color:var(--text)}.composer{min-height:50px;margin:0 clamp(16px,3vw,42px) 14px;border-radius:8px;background:var(--composer);border-color:var(--line);box-shadow:none}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.composer input{font-size:13px}.send-button{color:var(--green)}.member-section h3{margin:3px 0 7px 7px;font-size:10px;letter-spacing:.06em;color:var(--faint)}.member-row{height:36px;gap:8px;padding:3px 7px;border-radius:5px;font-size:12px;color:var(--muted)}.offline-note{background:var(--surface);border-left-color:var(--accent);color:var(--muted);border-radius:6px}.app-shell{grid-template-columns:72px minmax(232px,264px) minmax(0,1fr) 248px}.app-shell.members-hidden{grid-template-columns:72px minmax(232px,264px) minmax(0,1fr)}.app-shell.members-hidden .chat-header{padding-right:24px}@media(max-width:1280px){.app-shell{grid-template-columns:68px 240px minmax(0,1fr) 220px}.app-shell.members-hidden{grid-template-columns:68px 240px minmax(0,1fr)}}@media(max-width:1120px){.app-shell,.app-shell.members-hidden{grid-template-columns:64px 224px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.server-rail{background:var(--rail);border-right:1px solid var(--line)}.sidebar{background:var(--sidebar);border-right:1px solid var(--line)}.chat-area{background:var(--main)}.member-panel{background:var(--sidebar);border-left:1px solid var(--line)}.sidebar-header{height:52px;background:var(--sidebar);border-bottom:1px solid var(--line);font-size:15px}.chat-header{height:54px;min-width:0;background:var(--main);border-bottom:1px solid var(--line);padding-inline:18px}.header-title{min-width:0}.header-actions{flex:none;gap:2px}.icon-button{border-radius:6px}.channel-scroll{padding:8px 8px 12px;scrollbar-color:var(--surface-high) transparent}.section-label{margin:14px 0 5px;color:var(--faint);font-size:10px;letter-spacing:.075em}.category-heading{padding-inline:3px}.category-heading>button:last-child{border-radius:5px}.channel-entry{margin:1px 0;border-radius:5px}.channel-row,.nav-row,.dm-row{min-height:33px;border-radius:5px;font-size:12px}.channel-entry.selected{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.channel-entry.selected .channel-row{color:var(--text)}.channel-row.selected,.nav-row.selected,.dm-row.selected{background:color-mix(in srgb,var(--accent) 14%,var(--surface));box-shadow:inset 2px 0 var(--accent)}.user-panel{background:var(--rail);border-top:1px solid var(--line)}.message-list{padding-top:16px;scrollbar-color:var(--surface-high) transparent}.message-row{gap:12px;padding-left:clamp(18px,2.6vw,40px);padding-right:clamp(18px,2.6vw,40px)}.message-meta{gap:7px}.message-meta time,.message-handle{color:var(--faint)}.member-panel{padding:16px 10px 12px}.member-section h3{margin:4px 0 7px 7px;color:var(--faint);font-size:10px;letter-spacing:.06em}.member-row{height:36px;border-radius:5px;font-size:12px}.offline-note{border-radius:6px;background:var(--surface);color:var(--muted)}.composer{min-height:50px;margin:0 clamp(12px,2.5vw,34px) 14px;border:1px solid var(--line);border-radius:8px;background:var(--composer);box-shadow:none}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.modal-card:has(.settings-layout),.modal-card:has(.server-admin-panel){width:min(980px,calc(100vw - 40px));height:min(840px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:22px 24px;overflow:hidden;border-radius:9px}.modal-card:has(.settings-layout)>h2,.modal-card:has(.server-admin-panel)>h2{position:static;flex:none;margin:0 44px 16px 0;font-size:18px;line-height:1.3}.modal-card:has(.settings-layout)>.settings-layout,.modal-card:has(.server-admin-panel)>.server-admin-panel{flex:1;min-height:0;height:auto}.modal-card .modal-close{top:17px;right:18px;width:34px;height:34px;border-radius:6px}.settings-layout{grid-template-columns:200px minmax(0,1fr);gap:20px;height:100%;min-height:0}.settings-tabs{min-width:0;gap:3px;padding:3px 12px 8px 0;border-right:1px solid var(--line);border-bottom:0;overflow-x:hidden;overflow-y:auto}.settings-tabs button{min-height:38px;padding:8px 11px;border-radius:5px;font-size:12px;line-height:1.35;text-align:left;white-space:normal;color:var(--muted)}.settings-tabs button:hover,.settings-tabs button.active{background:color-mix(in srgb,var(--accent) 11%,var(--surface-high));color:var(--text)}.settings-tabs button.active{box-shadow:inset 2px 0 var(--accent)}.settings-content,.server-admin-content{min-width:0;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;padding:2px 10px 22px 0;scrollbar-color:var(--surface-high) transparent}.settings-content h3,.server-admin-content h3{margin:2px 0 18px;color:var(--text);font-size:17px;line-height:1.35;letter-spacing:-.015em}.settings-content p,.server-admin-content p{color:var(--muted);font-size:12px;line-height:1.55}.settings-content label,.server-admin-content label{display:flex;min-width:0;flex-direction:column;gap:7px;margin:15px 0;color:var(--muted);font-size:12px;font-weight:550;line-height:1.4;text-transform:none;letter-spacing:normal}.settings-content input:not([type=checkbox]),.settings-content textarea,.settings-content select,.server-admin-content input,.server-admin-content textarea,.server-admin-content select{width:100%;min-width:0;min-height:40px;padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:var(--control);color:var(--text);font:inherit;font-size:13px;line-height:1.4}.settings-content textarea,.server-admin-content textarea{min-height:88px;resize:vertical}.settings-content input[type=color],.server-admin-content input[type=color]{height:40px;min-height:40px;padding:4px}.settings-content input[type=range]{min-height:24px;padding:0;accent-color:var(--accent)}.settings-content input[type=file],.server-admin-content input[type=file]{height:auto;min-height:40px;padding:7px;font-size:11px}.settings-content label small,.server-admin-content label small,.settings-hint{color:var(--faint);font-size:11px;font-weight:400;line-height:1.5}.settings-content .settings-color-row{gap:12px}.settings-color-row>*{min-width:0}.settings-check{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;line-height:1.45!important}.settings-check input{width:16px;height:16px;flex:none;accent-color:var(--accent)}.settings-actions{position:sticky;bottom:-1px;z-index:1;justify-content:flex-end;padding:12px 0 4px;border-top:1px solid var(--line);background:var(--surface)}.settings-error,.auth-error,.settings-success{border-radius:6px}.profile-badge-picker{min-width:0;margin:14px 0;border:1px solid var(--line);border-radius:7px;padding:12px}.server-admin-panel{grid-template-columns:164px minmax(0,1fr);gap:18px}.server-admin-tabs{min-width:0;gap:3px;padding:2px 10px 8px 0}.server-admin-tabs button{min-height:36px;padding:8px 10px;border-radius:5px;font-size:12px}.server-admin-content .server-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.server-role-create{min-width:0}.server-role-create>*{min-width:0}.modal-card input,.modal-card textarea,.modal-card select,.auth-card input{min-width:0}:root[data-theme=light] .settings-tabs button.active,:root[data-theme=light] .settings-tabs button:hover,:root[data-theme=light] .server-admin-tabs button.active,:root[data-theme=light] .server-admin-tabs button:hover{background:color-mix(in srgb,var(--accent) 9%,var(--surface-high))}:root[data-theme=light] .settings-actions{background:var(--surface)}@media(min-width:981px)and (max-width:1120px){.app-shell:not(.members-hidden){grid-template-columns:64px minmax(196px,218px) minmax(0,1fr) 188px}.app-shell:not(.members-hidden) .member-panel{display:flex}.app-shell.members-hidden{grid-template-columns:64px minmax(196px,218px) minmax(0,1fr)}.app-shell.members-hidden .member-panel{display:none}.chat-header{padding-inline:13px}}@media(max-width:980px)and (min-width:681px){.app-shell{grid-template-columns:62px minmax(220px,244px) minmax(0,1fr)}.member-panel{display:none}.chat-header{padding-inline:14px}.modal-card:has(.settings-layout),.modal-card:has(.server-admin-panel){width:calc(100vw - 32px);height:min(840px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:20px}.settings-layout{grid-template-columns:176px minmax(0,1fr);gap:16px}.settings-tabs{padding-right:9px}}@media(max-width:680px){.app-shell{grid-template-columns:50px minmax(0,1fr)}.server-rail{border-right:1px solid var(--line)}.chat-header{padding-inline:10px}.header-actions{gap:0}.mobile-chat .header-title strong{font-size:12px}.mobile-chat .message-row{gap:8px}.member-panel{display:none}.modal-card:has(.settings-layout),.modal-card:has(.server-admin-panel){width:100%;height:100dvh;max-height:100dvh;padding:60px 14px 14px;border:0;border-radius:0}.modal-card:has(.settings-layout)>h2,.modal-card:has(.server-admin-panel)>h2{position:absolute;top:19px;left:15px;right:60px;margin:0;font-size:18px}.modal-card .modal-close{top:13px;right:13px;width:38px;height:38px}.settings-layout,.server-admin-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px}.settings-tabs,.server-admin-tabs{flex-direction:row;gap:4px;overflow-x:auto;overflow-y:hidden;padding:0 0 8px;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:thin}.settings-tabs button,.server-admin-tabs button{min-height:40px;flex:none;white-space:nowrap}.settings-tabs button.active,.server-admin-tabs button.active{box-shadow:inset 0 -2px var(--accent)}.settings-content,.server-admin-content{padding:1px 3px 20px 0}.settings-content h3,.server-admin-content h3{margin-bottom:14px}.settings-content label,.server-admin-content label{margin:13px 0}.settings-actions{bottom:-1px}.server-admin-content .server-admin-grid,.server-admin-grid,.server-permissions{grid-template-columns:minmax(0,1fr)}.server-role-create{flex-wrap:wrap}.server-role-create>*{flex:1 1 100%}}@media(max-width:420px){.mobile-chat .chat-header{gap:4px;padding-inline:7px}.mobile-chat .icon-button{width:30px;height:32px}.mobile-chat .message-row{padding-left:10px;padding-right:8px}.mobile-chat .composer{margin:0 7px 8px;padding-inline:6px}.modal-card:has(.settings-layout),.modal-card:has(.server-admin-panel){padding-inline:11px}.modal-card:has(.settings-layout)>h2,.modal-card:has(.server-admin-panel)>h2{left:12px}.settings-color-row{flex-direction:column;gap:0!important}.settings-actions .primary-button,.settings-actions .secondary-button{flex:1}}:root{color-scheme:dark;--rail: #07100b;--sidebar: #101a14;--main: #111a14;--surface: #17231a;--surface-high: #1c2b20;--hover: #223a29;--line: #26372b;--text: #edf4ee;--muted: #9eafa3;--faint: #728177;--accent: #50d58a;--accent-strong: #167b48;--green: #57e49a;--composer: #18251c;--control: #101a14;--focus-ring: #6be6a2;--shadow: 0 26px 80px #030905c9;--workspace-rail: 72px;--workspace-nav: 264px;--workspace-members: 240px;font-family:Inter,Aptos,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--main)}:root[data-theme=light]{color-scheme:light;--rail: #e2ede4;--sidebar: #edf4ee;--main: #f6faf7;--surface: #e8f0e9;--surface-high: #dce9de;--hover: #e0ece3;--line: #c9d8cc;--text: #203127;--muted: #52665a;--faint: #728278;--accent: #198250;--accent-strong: #147345;--green: #147d4c;--composer: #fff;--control: #fff;--focus-ring: #147345;--shadow: 0 24px 64px #173a201f}html,body,#root{min-width:320px;width:100%;height:100%;min-height:0}body{color:var(--text);background:var(--main)}button,input,textarea,select{font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--focus-ring)}.app-shell{display:grid;grid-template-columns:var(--workspace-rail) var(--workspace-nav) minmax(0,1fr) var(--workspace-members);grid-template-rows:minmax(0,1fr);align-items:stretch;width:100%;height:100dvh;min-height:0;overflow:hidden;background:var(--main)}.server-rail,.sidebar,.chat-area,.member-panel{align-self:stretch;height:100%;min-height:0;margin-block:0}.server-rail{grid-column:1;grid-row:1;z-index:2;display:flex;min-height:0;align-items:center;flex-direction:column;gap:10px;padding:14px 0;overflow-y:auto;scrollbar-width:none;background:linear-gradient(180deg,#102117,#09130d 38%,#07100b);border-right:1px solid var(--line)}.server-rail::-webkit-scrollbar{display:none}.rail-home,.server-icon,.rail-add{width:46px;height:46px;flex:none;position:relative;display:grid;place-items:center;border:0;color:var(--text)}.rail-home{padding:6px;border-radius:15px;background:linear-gradient(145deg,#183423,#12251a)}.rail-home img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.rail-home{overflow:visible}.ping-count-badge{position:absolute;top:-6px;left:-7px;z-index:2;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border:2px solid var(--rail);border-radius:999px;background:#e5484d;color:#fff;font-size:10px;font-weight:800;line-height:1;box-shadow:0 2px 7px #0007}.ping-popover{position:absolute;z-index:12;left:58px;top:16px;width:min(340px,calc(100vw - 78px));max-height:min(480px,calc(100dvh - 32px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 16px 48px #0009}.ping-popover>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--text);font-size:13px}.ping-popover>header button{width:25px;height:25px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:19px;cursor:pointer}.ping-list{overflow:auto}.ping-row{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--text);cursor:pointer}.ping-row:hover{background:var(--hover)}.ping-row.read{opacity:.62}.ping-row-icon{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:50%;background:#e5484d;color:#fff;font-weight:800}.ping-row>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.ping-row strong{font-size:12px}.ping-row small{overflow:hidden;color:var(--muted);font-size:10px;white-space:nowrap;text-overflow:ellipsis}.ping-row>i{width:8px;height:8px;flex:none;border-radius:50%;background:#e5484d}.ping-list>p{margin:0;padding:20px;color:var(--muted);text-align:center;font-size:12px}@media(max-width:640px){.ping-popover{left:48px;top:8px;width:min(340px,calc(100vw - 58px))}}.rail-home:hover,.rail-home.active,.rail-add:hover{color:#fff;background:linear-gradient(145deg,#39c77c,#16794a)}.rail-divider{width:30px;height:1px;margin:1px;background:var(--line)}.rail-section-caption{width:100%;text-align:center;color:#779283;font-size:7px;font-weight:800;letter-spacing:.11em}.server-icon{overflow:hidden;border-radius:15px;background:color-mix(in srgb,var(--server-color, #30543b) 68%,#15221a);color:#f2fbf4;font-size:13px;font-weight:750}.server-icon:hover,.server-icon.active{border-radius:15px;box-shadow:inset 0 0 0 1px #ffffff16}.server-icon.has-image{background-color:var(--server-color, #30543b);background-image:none}.server-icon-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover}.server-icon-label{display:grid;width:100%;height:100%;place-items:center}.server-icon-image:not([hidden]){z-index:1}.server-rack-list{display:flex;width:100%;align-items:center;flex-direction:column;gap:8px}.server-rack-folder{display:flex;width:100%;align-items:center;flex-direction:column;gap:7px}.server-rack-folder:has(.server-folder-toggle:not(.collapsed)){padding-bottom:5px;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent)}.server-folder-toggle{display:flex;width:40px;min-height:40px;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:4px 2px;border:0;border-radius:12px;background:#13251a;color:var(--muted);cursor:pointer}.server-folder-toggle:hover{color:var(--text);background:var(--hover)}.server-folder-toggle>span{max-width:38px;overflow:hidden;color:var(--muted);font-size:7px;font-weight:650;line-height:1;text-overflow:ellipsis;white-space:nowrap}.server-folder-toggle.collapsed>svg{color:var(--green)}.server-folder-add{margin-top:2px}.server-icon.active:before,.rail-home.active:before{content:"";position:absolute;left:-13px;top:9px;width:3px;height:28px;border-radius:0 4px 4px 0;background:var(--green);box-shadow:0 0 15px #57e49a66}.server-icon i{position:absolute;right:0;bottom:0;width:9px;height:9px;border:2px solid var(--rail);border-radius:50%;background:var(--green)}.server-icon i:empty{display:none}.rail-add{width:40px;height:40px;border-radius:13px;background:#13251a;color:var(--green)}.rail-add.join-button{font-size:18px}.rail-bottom{margin-top:auto;padding:5px 0}.rail-brand-logo{display:block;width:32px;height:32px;border-radius:50%;object-fit:contain;background:#0a100c}.sidebar{grid-column:2;grid-row:1;display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--line)}.sidebar-header{height:54px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);color:var(--text);font-size:15px;font-weight:700;letter-spacing:-.02em}.server-header{gap:8px}.community-header-mark{width:20px;height:20px;flex:none}.server-header .truncate{flex:1;min-width:0;font-size:15px;font-weight:700;letter-spacing:-.025em}.icon-button{border-radius:7px;color:var(--muted)}.icon-button:hover{background:var(--hover);color:var(--text)}.server-toolbar{min-height:37px;padding:5px 10px 3px 15px}.server-description{color:var(--faint);font-size:10px}.channel-scroll{min-height:0;padding:9px 8px 12px;scrollbar-color:var(--surface-high) transparent}.section-label{margin:15px 0 6px;color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.09em}.category-heading{padding-inline:4px}.category-toggle{gap:5px;color:var(--muted);font-size:9px}.category-toggle:hover,.section-label button:hover{color:var(--text)}.section-label button{border-radius:5px}.channel-entry{position:relative;display:flex;align-items:center;margin:1px 0;border-radius:6px}.channel-entry .channel-row{flex:1;min-width:0}.channel-entry[draggable=true],.category-heading[draggable=true]{cursor:grab}.channel-entry[draggable=true]:active,.category-heading[draggable=true]:active{cursor:grabbing}.uncategorized-drop-zone{min-height:8px;margin:3px 8px;border-radius:5px;transition:min-height .12s,background .12s}.uncategorized-drop-zone:has(+.channel-entry[draggable=true]){min-height:8px}.resource-context-menu{position:fixed;z-index:30;min-width:156px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--surface-high);box-shadow:var(--shadow)}.resource-context-menu button{display:flex;width:100%;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:5px;background:transparent;color:var(--text);text-align:left;font-size:12px}.resource-context-divider{height:1px;margin:4px 5px;background:var(--line)}.resource-context-menu button:hover,.resource-context-menu button:focus-visible{background:var(--hover);color:var(--green)}.server-directory{display:flex;min-width:min(720px,80vw);max-height:min(72vh,760px);flex-direction:column;gap:14px}.directory-search{display:flex;gap:8px}.directory-search input{flex:1;min-width:0}.directory-results,.directory-review{display:grid;gap:8px;overflow-y:auto}.directory-server-card,.directory-review article{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.directory-server-icon{display:grid;width:42px;height:42px;flex:none;place-items:center;overflow:hidden;border-radius:13px;color:#fff;font-weight:800}.directory-server-icon img{width:100%;height:100%;object-fit:cover}.directory-server-card>div,.directory-review article>div:first-child{flex:1;min-width:0}.directory-server-card p,.directory-review p,.directory-apply p{margin:4px 0;color:var(--muted);font-size:12px}.directory-server-card small,.directory-review small{color:var(--faint);font-size:11px}.directory-review h3{margin:5px 0;font-size:14px}.directory-review article>div:last-child{display:flex;gap:6px}.directory-empty{padding:22px;color:var(--muted);text-align:center}.directory-apply{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}@media(max-width:680px){.server-directory{min-width:0;max-height:68vh}.directory-review article{align-items:flex-start;flex-direction:column}}.forum-tag-select{display:flex;align-items:center;gap:8px;margin:0 clamp(16px,3vw,48px) 8px;color:var(--muted);font-size:11px}.forum-tag-select select{min-height:30px;padding:3px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text)}.channel-row,.nav-row,.dm-row{min-height:34px;gap:9px;border-radius:6px;color:var(--muted);font-size:12px}.channel-row:hover,.nav-row:hover,.dm-row:hover{background:var(--hover);color:var(--text)}.channel-entry.selected,.channel-row.selected,.nav-row.selected,.dm-row.selected{background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 15%,var(--surface)),var(--surface));box-shadow:inset 3px 0 var(--accent);color:var(--text)}.channel-entry.selected .channel-row{background:transparent;box-shadow:none;color:var(--text)}.hash,.header-hash{color:var(--faint)}.channel-mute{border-radius:5px}.voice-channel-row .voice-glyph{color:var(--accent)}.sidebar-footer{min-height:42px;border-top:1px solid var(--line)}.sidebar-footer button{color:var(--muted);font-size:11px}.sidebar-footer small{background:var(--accent-strong)}.rail-my-reports{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--muted)}.rail-my-reports:hover{background:var(--hover);color:var(--green)}.user-panel{height:60px;flex:none;gap:8px;padding:7px 8px;background:linear-gradient(100deg,color-mix(in srgb,var(--rail) 90%,var(--accent-strong)),var(--rail));border-top:1px solid var(--line)}.user-panel .avatar-small{width:34px;height:34px}.user-identity{gap:3px}.user-identity strong{color:var(--text);font-size:11px}.user-identity span{color:var(--faint);font-size:9px}.user-identity:hover strong{color:var(--green)}.dm-mode-tabs{margin:8px 12px 7px;border:1px solid var(--line);border-radius:7px;background:var(--rail);padding:3px}.dm-mode-tabs button{border-radius:5px;color:var(--muted);font-size:11px}.dm-mode-tabs button.active{background:var(--surface-high);color:var(--text);box-shadow:inset 0 0 0 1px #ffffff0b}.dm-search-row{height:34px;margin:0 12px 9px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--rail) 76%,var(--sidebar));color:var(--faint)}.dm-search-row input{color:var(--text);font-size:11px}.dm-search-row input::placeholder{color:var(--faint)}.dm-search-row kbd{border:1px solid var(--line);border-radius:4px;padding:2px 4px;color:var(--faint);font-size:8px}.dm-list-heading{margin:18px 14px 6px;color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.105em}.dm-list-heading button{border-radius:5px}.dm-list-scroll{min-height:0;padding:0 7px 10px;scrollbar-color:var(--surface-high) transparent}.dm-row{height:48px;min-height:48px;gap:9px;padding:6px 8px}.dm-row .avatar-small{width:32px;height:32px}.dm-copy{gap:4px}.dm-copy strong{color:var(--text);font-size:11px;font-weight:650}.dm-copy small{color:var(--faint);font-size:9px}.dm-avatar-wrap .presence{border-color:var(--sidebar)}.dm-row-actions{opacity:0}.dm-row:hover .dm-row-actions{opacity:1}.dm-list-footer{min-height:38px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.dm-list-footer b{background:var(--surface-high);color:var(--green)}.chat-area{grid-column:3;grid-row:1;position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 78% -20%,#1a6d3c16,transparent 46%),var(--main)}.chat-header{height:58px;min-height:58px;flex:none;gap:10px;padding:0 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--main) 94%,var(--surface));box-shadow:0 1px #ffffff05}.header-hash{font-size:21px}.header-title strong{color:var(--text);font-size:14px;font-weight:700}.header-title span{color:var(--muted);font-size:10px}.header-actions{gap:3px}.members-toggle.selected{color:var(--green);background:color-mix(in srgb,var(--accent) 12%,transparent)}.message-list{padding:24px 0 16px;scrollbar-color:var(--surface-high) transparent}.message-row{gap:14px;padding:7px clamp(26px,3.6vw,60px)}.message-row.grouped{padding-top:2px;padding-bottom:2px}.message-row:hover{background:color-mix(in srgb,var(--hover) 48%,transparent)}.message-sending{opacity:.72;animation:message-send-in .2s ease-out both}.message-failed{border-left:2px solid var(--danger);background:color-mix(in srgb,var(--danger) 5%,transparent)}.message-send-failure{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:11px;color:var(--danger)}.message-send-failure>span{flex:1 1 180px}.message-send-failure button{padding:4px 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:11px}.message-send-failure button:hover{border-color:var(--accent)}.composer-feedback{display:flex;align-items:center;flex:none;min-height:22px;gap:6px;margin:-12px clamp(20px,3.5vw,56px) 8px;font-size:10px;color:var(--muted)}.connection-dot{width:5px;height:5px;border-radius:50%;background:var(--faint);flex:none}.connection-dot.connected{background:var(--accent)}.composer-shortcut{margin-left:auto;color:var(--faint)}@media(max-width:680px){.composer-feedback{margin:-5px 14px 6px}.composer-shortcut{display:none}}.message-sending .delivery-status,.delivery-attachments{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;font-weight:550}.message-sending .delivery-status:before{content:"";width:7px;height:7px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:message-send-spin .75s linear infinite}.reaction-list button{transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.reaction-list button:active{transform:scale(.92)}.send-button{min-width:34px;min-height:34px;display:grid;place-items:center;transition:transform .14s ease,color .14s ease,background-color .14s ease}.send-button:not(:disabled):active{transform:scale(.9)}.send-spinner{width:16px;height:16px;border:2px solid color-mix(in srgb,var(--green) 35%,transparent);border-top-color:var(--green);border-radius:50%;animation:message-send-spin .7s linear infinite}@keyframes message-send-spin{to{transform:rotate(360deg)}}@keyframes message-send-in{0%{opacity:.35;transform:translateY(5px)}to{opacity:.72;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.message-sending,.message-sending .delivery-status:before,.send-spinner{animation:none!important}.reaction-list button,.send-button{transition:none!important}}.message-avatar .avatar{box-shadow:0 0 0 2px color-mix(in srgb,var(--surface) 92%,transparent)}.avatar.avatar-transparent{background:transparent!important;border:0;box-shadow:none}.message-profile-trigger{display:inline-flex;min-width:0;align-items:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.message-profile-trigger:hover .nameplate{color:var(--green)}.message-profile-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:4px}.message-avatar-trigger{border-radius:50%}.message-meta{gap:8px;margin-bottom:3px}.message-meta strong{color:var(--text);font-size:13px;font-weight:680}.nameplate{font-family:inherit}.nameplate-font-serif{font-family:Georgia,Times New Roman,serif!important}.nameplate-font-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:-.025em}.nameplate-font-rounded{font-family:Trebuchet MS,Verdana,sans-serif!important;letter-spacing:.015em}.nameplate-font-display{font-family:Arial Black,Impact,sans-serif!important;letter-spacing:-.045em}.nameplate.nameplate-gradient{background:linear-gradient(110deg,var(--nameplate-primary),var(--nameplate-accent));background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}.message-meta time,.message-handle{color:var(--faint);font-size:10px}.message-body p,.rendered-message{color:#d8e4db;line-height:1.55}:root[data-theme=light] .message-body p,:root[data-theme=light] .rendered-message{color:var(--text)}.message-actions{border-color:var(--line);border-radius:7px;background:var(--surface-high);box-shadow:0 8px 26px #0005}.message-actions button:hover{border-radius:5px;background:var(--hover);color:var(--green)}.channel-welcome{padding-top:24px}.welcome-hash{background:linear-gradient(135deg,#214b32,#172c1e);color:#a9eac0;box-shadow:inset 0 0 0 1px #57e49a22}.channel-welcome p{color:var(--muted)}.composer{min-height:56px;gap:10px;margin:0 clamp(20px,3.5vw,56px) 20px;border:1px solid #2b4231;border-radius:11px;background:linear-gradient(125deg,#17251b,#16231a 72%,#1a2b20);box-shadow:0 10px 30px #0002}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent),0 12px 32px #0003}.composer input{color:var(--text);font-size:12px}.composer input::placeholder{color:var(--faint)}.composer-add,.emoji-button{color:var(--muted)}.composer-add:hover,.emoji-button:hover,.send-button:hover,.send-button{color:var(--green)}.member-panel{grid-column:4;grid-row:1;display:flex;min-width:0;min-height:0;flex-direction:column;gap:10px;padding:19px 12px 15px;overflow:auto;background:linear-gradient(160deg,#132018,var(--sidebar) 35%);border-left:1px solid var(--line)}.member-section{padding:0 2px}.member-section h3{margin:3px 0 8px 7px;color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.09em}.member-row{height:38px;gap:9px;border-radius:6px;color:var(--muted);font-size:11px}.member-row:hover{background:var(--hover);color:var(--text)}.member-row .presence{order:3;flex:none;margin-left:0}.member-row .member-name{order:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row .identity-badges{order:2;flex:none;max-width:none;overflow:visible;margin-left:auto}.member-row .identity-badges.compact{justify-content:flex-end}.member-row .identity-badges.compact .identity-badge{flex:none}.member-row .member-name+.identity-badges.compact{margin-left:auto}.member-row .presence{margin-left:0}.offline-note{margin-top:auto;border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:7px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);font-size:9px;line-height:1.55}.mobile-nav{background:color-mix(in srgb,var(--rail) 95%,transparent);border-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav button{color:var(--muted)}.mobile-nav button:hover,.mobile-nav button:focus-visible{background:var(--surface-high);color:var(--green)}.error-banner{border-bottom:1px solid #733941;background:#49272d}.primary-button,.auth-submit{border:0;border-radius:7px;background:linear-gradient(120deg,#31bb72,#167847);color:#fff;font-weight:650}.primary-button:hover:not(:disabled),.auth-submit:hover:not(:disabled){background:linear-gradient(120deg,#45d58a,#1b8b52);box-shadow:0 7px 22px #20a45b38}.secondary-button{border-radius:7px;border-color:var(--line);background:var(--surface-high);color:var(--text)}.danger-button{border-radius:7px}.modal-backdrop:has(.server-admin-panel){position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:block;padding:0;background:#111713;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-card:has(.server-admin-panel){position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100dvh;max-height:100dvh;overflow:hidden;padding:0;border:0;border-radius:0;background:#151d17;box-shadow:none}.modal-card:has(.server-admin-panel)>h2{display:none}.modal-card:has(.server-admin-panel)>.modal-close{display:none}.settings-layout,.server-admin-panel{display:grid;position:relative;width:100%;height:100%;min-height:0;grid-template-columns:240px minmax(0,1fr) 88px;gap:0;overflow:hidden;background:#151d17;color:#f2f5f2}.settings-tabs,.server-admin-tabs{display:flex;min-width:0;min-height:0;flex-direction:column;gap:0;overflow:auto;padding:26px 14px 16px;border:0;border-right:1px solid #2a382d;background:#0c120e}.settings-nav-heading{display:flex;align-items:center;gap:11px;min-height:49px;margin:0 4px 21px}.settings-nav-mark{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid #3d8056;border-radius:10px;background:linear-gradient(145deg,#245a38,#153021);color:#a6f2c0;font-size:17px;font-weight:800;box-shadow:0 4px 16px #37ca7430}.server-settings-mark{font-size:20px}.settings-nav-heading>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}.settings-nav-heading strong{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em}.settings-nav-heading small{overflow:hidden;color:var(--text);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.settings-tab-list{display:flex;flex-direction:column;gap:4px}.settings-tabs .settings-tab-list button,.server-admin-tabs .settings-tab-list button{display:flex;min-height:40px;align-items:center;gap:10px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:550;text-align:left}.settings-tabs .settings-tab-list button:hover,.server-admin-tabs .settings-tab-list button:hover{background:#1a2a20;color:var(--text)}.settings-tabs .settings-tab-list button.active,.server-admin-tabs .settings-tab-list button.active{border-color:#2a5539;background:linear-gradient(100deg,#1a3926,#17291e);box-shadow:inset 2px 0 var(--green),0 4px 16px #06110a40;color:#e4f8e9}.settings-tab-index{min-width:19px;color:#64806c;font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px;font-weight:700}.settings-tabs button.active .settings-tab-index,.server-admin-tabs button.active .settings-tab-index{color:var(--green)}.settings-nav-footer{display:flex;align-items:center;gap:8px;margin:auto 4px 2px;padding-top:16px;border-top:1px solid #203127;color:var(--faint);font-size:9px}.settings-live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #55e49588}.settings-content,.server-admin-content{min-width:0;min-height:0;max-height:none;overflow:auto;padding:82px 43px 30px;scrollbar-color:var(--surface-high) transparent}.modal-card:has(.settings-layout),.modal-card:has(.server-admin-panel){box-shadow:0 32px 100px #000c}.modal-card .modal-close:focus-visible,.settings-tabs button:focus-visible,.server-admin-tabs button:focus-visible{outline-offset:2px}@media(min-width:681px){.app-shell:not(.members-hidden) .chat-area{border-right:0}}.settings-content-heading{margin:0 0 23px;padding-bottom:18px;border-bottom:1px solid var(--line)}.settings-kicker{color:var(--green);font-size:8px;font-weight:850;letter-spacing:.16em}.settings-content-heading h3{margin:7px 0 6px;color:var(--text);font-size:20px;letter-spacing:-.03em}.settings-content-heading p{margin:0;color:var(--faint);font-size:10px;line-height:1.5}.settings-content>h3,.server-admin-content>h3{color:var(--text)}.settings-content label,.server-admin-content label{gap:7px;margin:14px 0;color:var(--muted);font-size:11px;font-weight:600;text-transform:none;letter-spacing:normal}.settings-content input:not([type=checkbox]),.settings-content textarea,.settings-content select,.server-admin-content input,.server-admin-content textarea,.server-admin-content select{min-height:39px;border:1px solid #304536;border-radius:7px;background:#0d1711;color:var(--text);font-size:12px}.settings-content textarea,.server-admin-content textarea{min-height:84px}.settings-content label small,.server-admin-content label small,.settings-hint{color:var(--faint);font-size:9px}.settings-content input[type=color],.server-admin-content input[type=color]{min-height:39px;padding:4px}.account-security-block{display:grid;gap:7px;margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-high) 50%,transparent)}.account-security-block h4,.account-security-block p{margin:0}.account-security-block p,.account-security-block small{color:var(--muted);font-size:11px;line-height:1.5}.account-security-block button{justify-self:start}.settings-check{flex-direction:row!important;align-items:center}.settings-check input{accent-color:var(--accent)}.settings-profile-preview{border:1px solid #304536;border-radius:9px;background:linear-gradient(140deg,#203b29,var(--surface) 72%)}.preview-banner{background-image:radial-gradient(ellipse at 78% 0%,#68eaa638,transparent 65%),linear-gradient(120deg,#1c4a2d,#183122 58%,#183b26)}.preview-banner.has-banner-gradient{background-image:linear-gradient(var(--profile-banner-gradient-angle,135deg),color-mix(in srgb,var(--profile-primary) 58%,transparent),color-mix(in srgb,var(--profile-accent) 62%,transparent)),radial-gradient(ellipse at 78% 0%,#68eaa638,transparent 65%),linear-gradient(120deg,#1c4a2d,#183122 58%,#183b26)}.preview-banner.has-banner-image{background-image:linear-gradient(var(--profile-banner-gradient-angle,135deg),color-mix(in srgb,var(--profile-primary) 42%,transparent),color-mix(in srgb,var(--profile-accent) 48%,transparent)),var(--profile-banner-image)}.preview-banner.has-banner-image:not(.has-banner-gradient){background-image:var(--profile-banner-image)}.preview-banner.has-banner-image{background-position:center;background-size:cover}.settings-content input[type=file]{height:auto;min-height:42px;padding:8px 10px;cursor:pointer}.profile-image-upload input[type=file]{width:100%;border:1px dashed #45614d;background:linear-gradient(120deg,#142219,#101a13)}.profile-image-upload input[type=file]::file-selector-button{margin-right:10px;padding:8px 12px;border:1px solid #3a6f4c;border-radius:6px;background:#1c3a27;color:#dff8e8;font:inherit;cursor:pointer}.profile-image-upload input[type=file]:hover{border-color:var(--accent)}.image-editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:18px;background:#030b06dc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.image-editor{width:min(570px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:19px;border:1px solid #385340;border-radius:13px;background:linear-gradient(145deg,#17271c,#101a13);box-shadow:0 28px 90px #000b}.image-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.image-editor>header h3{margin:5px 0 0;color:var(--text);font-size:18px}.image-editor>p{margin:10px 0 14px;color:var(--muted);font-size:11px}.image-crop-frame{width:min(100%,480px);margin:0 auto;overflow:hidden;border:2px solid #7be3a2;background-color:#0a120c;background-repeat:no-repeat;background-position:50% 50%;cursor:grab;touch-action:none;box-shadow:0 0 0 999px #02050377,0 0 0 4px #18271d}.image-crop-frame.avatar-crop{width:min(100%,320px);aspect-ratio:1 / 1;border-radius:50%}.image-crop-frame.banner{aspect-ratio:8 / 3;border-radius:9px}.image-crop-frame:active{cursor:grabbing}.image-zoom-control{display:grid;grid-template-columns:auto minmax(80px,1fr) 45px;align-items:center;gap:12px;margin:19px 0 14px!important;color:var(--muted);font-size:11px}.image-zoom-control input[type=range]{width:100%;accent-color:var(--accent)}.image-zoom-control span{color:var(--text);text-align:right}.image-editor-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:12px;border-top:1px solid var(--line)}.settings-actions{background:var(--main);border-color:var(--line)}.server-admin-tabs{padding-top:26px}.server-admin-content{width:min(100%,900px);min-width:0;margin:0 auto;padding:42px clamp(24px,5vw,72px) 34px}.settings-tab-group{display:flex;flex-direction:column;gap:3px}.settings-tab-group>span{margin:0 8px 7px;color:#7d897f;font-size:10px;font-weight:750;letter-spacing:.1em}.server-admin-tabs .settings-tab-list button,.settings-tab-group button{display:flex;min-height:36px;align-items:center;gap:10px;padding:0 9px;border:1px solid transparent;border-radius:5px;background:transparent;color:#a5b0a7;font-size:13px;font-weight:500;text-align:left}.settings-tab-group button:hover{background:#18221b;color:#f2f5f2}.settings-tab-group button.active{background:#1b3324;color:#e9fff0;box-shadow:inset 2px 0 #2dbe73}.settings-tab-icon{width:18px;color:#8f9d92;text-align:center;font-size:14px}.settings-tab-group button.active .settings-tab-icon{color:#50e395}.settings-tab-group button small{margin-left:auto;color:#7d897f}.settings-nav-footer{margin-top:auto;padding-top:12px;border-top:1px solid #243127}.settings-nav-footer button{width:100%;padding:9px 7px;border:0;border-radius:5px;background:transparent;color:#a5b0a7;text-align:left;font-size:12px}.settings-nav-footer button:hover{background:#18221b;color:#f2f5f2}.settings-nav-footer button span{margin-right:8px;color:#50e395;font-size:18px;vertical-align:-1px}.settings-content-heading{padding:0 0 20px;border-bottom:1px solid #2a382d}.settings-content-heading h1{margin:0 0 8px;color:#f2f5f2;font-size:24px;line-height:1.2;letter-spacing:-.025em}.settings-content-heading p{margin:0;color:#a5b0a7;font-size:13px;line-height:1.5}.settings-exit{display:flex;position:absolute;top:26px;right:27px;width:50px;min-height:54px;align-items:center;flex-direction:column;justify-content:center;gap:4px;border:1px solid #2a382d;border-radius:7px;background:#111713;color:#a5b0a7;cursor:pointer}.settings-exit:hover{border-color:#50e395;background:#1d2920;color:#f2f5f2}.settings-exit span{font-size:27px;line-height:22px}.settings-exit small{font-size:8px;letter-spacing:.08em}.server-admin-loading{display:grid;height:100%;place-items:center;color:#a5b0a7}.settings-section{margin-top:26px;padding-bottom:22px;border-bottom:1px solid #2a382d}.settings-section h2,.roles-list h2,.role-editor h2,.invite-list-heading h2{margin:0;color:#f2f5f2;font-size:16px;font-weight:700}.danger-zone{max-width:740px;padding:18px;border:1px solid #71383e;border-radius:8px;background:#241719}.danger-zone p{max-width:560px;margin:9px 0 15px;color:#c89b9f;font-size:12px;line-height:1.5}.danger-zone .danger-button{min-height:36px;padding:0 13px;border-color:#93464e;background:#642b32;color:#ffe3e5;font-size:12px}.danger-zone .danger-button:hover:not(:disabled){background:#7d333c}.server-icon-editor{display:flex;align-items:center;gap:19px;margin-top:16px}.community-icon-preview{width:92px;height:92px;flex:none;border:3px solid #26372b;border-radius:50%;background-color:#254b32;background-position:center;background-size:cover;color:#e4f5e9;display:grid;place-items:center;font-size:27px;font-weight:700}.server-icon-actions{display:flex;align-items:flex-start;flex-direction:column;gap:9px}.server-icon-actions .secondary-button{position:relative;display:inline-flex;min-height:36px;align-items:center;padding:0 13px;overflow:hidden;cursor:pointer}.server-icon-actions input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.server-icon-actions small,.settings-field small{color:#7d897f;font-size:11px;font-weight:400}.settings-field{display:flex;max-width:620px;flex-direction:column;gap:7px;margin:15px 0 0!important;color:#d7dfd8!important;font-size:12px!important}.settings-field>span,.invite-create-controls label>span{color:#a5b0a7;font-size:10px;font-weight:750;letter-spacing:.06em}.settings-field input,.settings-field textarea,.settings-field select,.invite-create-controls select,.settings-member-row select,.settings-search input,.role-create-form input{width:100%;min-height:40px;padding:0 11px;border:1px solid #2a382d;border-radius:5px;background:#0e1510;color:#f2f5f2;font-size:13px}.settings-field textarea{padding:10px 11px;resize:vertical}.settings-color-control{width:64px!important;padding:4px!important}.settings-savebar{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:20px}.settings-savebar>span:first-child{margin-right:auto;color:#a5b0a7;font-size:12px}.settings-savebar .secondary-button,.settings-savebar .primary-button,.settings-savebar .danger-button{min-height:36px;padding:0 13px;font-size:12px}.roles-manager{display:grid;grid-template-columns:minmax(180px,235px) minmax(0,1fr);gap:22px;margin-top:22px}.roles-list{min-width:0;padding-right:16px;border-right:1px solid #2a382d}.roles-list header,.invite-list-heading{display:flex;align-items:center;gap:8px;margin-bottom:11px}.roles-list header span,.invite-list-heading>span{color:#7d897f;font-size:11px}.role-create-form{display:flex;gap:6px;margin-bottom:9px}.role-create-form input{min-width:0;min-height:35px;font-size:11px}.role-create-form button{width:36px;flex:none;font-size:19px}.role-list-item{display:flex;width:100%;min-height:36px;align-items:center;gap:9px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:#a5b0a7;text-align:left;font-size:12px}.role-list-item:hover,.role-list-item.selected{background:#1d2920;color:#f2f5f2}.role-list-item i{width:10px;height:10px;border-radius:50%}.role-list-item small{margin-left:auto;color:#7d897f;font-size:9px}.role-editor{min-width:0}.role-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid #2a382d}.role-editor-heading p{margin:6px 0 0;color:#7d897f;font-size:11px}.role-editor-heading button{padding:0 10px;min-height:34px;font-size:11px}.role-capability-note{margin-top:20px;padding:12px;border:1px solid #2a382d;border-radius:5px;background:#111713}.role-capability-note strong{color:#dce5de;font-size:12px}.role-capability-note p{margin:6px 0 0;color:#a5b0a7;font-size:11px;line-height:1.5}.settings-empty-state{padding:30px 12px;color:#7d897f;text-align:center;font-size:12px}.settings-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 12px;color:#d9e2da;font-size:12px}.settings-search{display:flex;width:min(250px,55%);min-height:34px;align-items:center;gap:7px;padding:0 9px;border:1px solid #2a382d;border-radius:5px;background:#0e1510;color:#7d897f}.settings-search input{min-height:30px;padding:0;border:0;outline:0;background:transparent}.members-table-head,.settings-member-row{display:grid;grid-template-columns:minmax(170px,1.4fr) minmax(100px,.8fr) minmax(88px,.7fr) minmax(130px,1fr);align-items:center;gap:12px}.members-table-head{padding:9px 8px;border-bottom:1px solid #2a382d;color:#7d897f;font-size:9px;font-weight:750;letter-spacing:.06em}.settings-member-row{min-height:62px;padding:7px 8px;border-bottom:1px solid #243127;color:#c8d1c9;font-size:11px}.settings-member-identity{display:flex;min-width:0;align-items:center;gap:9px}.settings-member-avatar{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:50%;background-position:center;background-size:cover;font-weight:700}.settings-member-identity>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}.settings-member-identity strong,.settings-member-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-member-identity small{color:#7d897f}.member-status-label{display:flex;align-items:center;gap:6px;text-transform:capitalize}.owner-badge{color:#50e395}.settings-member-row select{min-height:33px;font-size:11px}.invite-create>div:first-child p{margin:7px 0 0;color:#a5b0a7;font-size:12px}.invite-create-controls{display:flex;align-items:flex-end;gap:12px;margin-top:17px}.invite-create-controls label{display:flex;min-width:125px;flex-direction:column;gap:6px;margin:0!important}.invite-create-controls select{min-height:36px}.invite-create-controls button{min-height:36px;padding:0 12px;white-space:nowrap}.invite-created{display:flex;align-items:flex-end;gap:9px;margin-top:15px}.invite-created>span{display:flex;min-width:0;flex:1;flex-direction:column;gap:6px}.invite-created strong{font-size:11px}.invite-created input{height:35px;min-width:0;padding:0 8px;border:1px solid #2a382d;border-radius:5px;background:#0e1510;color:#a5b0a7;font-size:11px}.invite-created button{min-height:35px;padding:0 10px}.invite-list-section{border:0}.invite-table-head,.invite-row{display:grid;grid-template-columns:minmax(120px,1.7fr) minmax(90px,1fr) minmax(65px,.6fr) minmax(80px,.8fr) 70px;gap:10px;align-items:center}.invite-table-head{padding:9px 7px;border-bottom:1px solid #2a382d;color:#7d897f;font-size:9px;font-weight:750}.invite-row{min-height:58px;padding:7px;border-bottom:1px solid #243127;color:#c8d1c9;font-size:11px}.invite-code-cell{display:flex;min-width:0;flex-direction:column;gap:4px}.invite-code-cell strong,.invite-code-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-code-cell small{color:#7d897f;font-size:9px}.invite-row button{min-height:29px;padding:0 7px;font-size:10px}.settings-readonly-note{margin-top:24px;color:#a5b0a7;font-size:11px}.settings-exit:focus-visible,.settings-nav-footer button:focus-visible,.settings-tab-group button:focus-visible{outline:2px solid #50e395;outline-offset:2px}@media(max-width:900px){.settings-layout,.server-admin-panel{grid-template-columns:215px minmax(0,1fr) 64px}.server-admin-content{padding-inline:24px}.members-table-head,.settings-member-row{grid-template-columns:minmax(130px,1.4fr) minmax(80px,.8fr) minmax(70px,.7fr) minmax(95px,1fr);gap:7px}}@media(max-width:680px){.modal-backdrop:has(.server-admin-panel){padding:0}.settings-layout,.server-admin-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.server-admin-tabs{display:flex;grid-row:1;padding:16px 16px max(14px,env(safe-area-inset-bottom));border:0;border-bottom:1px solid #2a382d}.settings-nav-heading{min-height:38px;margin:0 3px 11px}.settings-nav-mark{width:30px;height:30px}.settings-tab-group{display:flex;flex-direction:row;gap:5px;overflow-x:auto;padding-bottom:3px}.settings-tab-group>span{display:none}.settings-tab-group button{min-width:max-content;min-height:34px;padding-inline:8px}.settings-tab-icon,.settings-tab-group button small,.settings-nav-footer{display:none}.server-admin-content{grid-row:2;padding:20px 16px max(24px,env(safe-area-inset-bottom))}.settings-content-heading{padding-right:53px}.settings-content-heading h1{font-size:21px}.settings-exit{top:15px;right:14px;width:42px;min-height:44px}.settings-exit small{display:none}.roles-manager{grid-template-columns:minmax(0,1fr);gap:15px}.roles-list{padding:0 0 12px;border:0;border-bottom:1px solid #2a382d}.role-list-item{width:auto;display:inline-flex;margin:3px}.members-table-head{display:none}.settings-member-row{grid-template-columns:minmax(0,1fr) minmax(95px,.8fr);gap:8px}.settings-member-row>.member-status-label{display:none}.invite-create-controls{flex-wrap:wrap}.invite-create-controls label{min-width:calc(50% - 8px);flex:1}.invite-create-controls button{width:100%}.invite-table-head{display:none}.invite-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.invite-row>span:nth-child(n+2){display:none}}.server-admin-grid{gap:9px 14px}.settings-error,.auth-error{border:1px solid #87434a;border-radius:7px;background:#42282c;color:#ffdadd}.settings-success{border:1px solid #34754f;border-radius:7px;background:#1c3927;color:#d7f3df}.modal-card:has(.settings-layout)>h2,.modal-card:has(.server-admin-panel)>h2{display:none}:root[data-theme=light] .server-rail{background:linear-gradient(180deg,#edf6ef,var(--rail) 45%,#e1ece4)}:root[data-theme=light] .chat-area{background:radial-gradient(ellipse at 80% -25%,#5dab7020,transparent 48%),var(--main)}:root[data-theme=light] .composer{border-color:var(--line);background:linear-gradient(125deg,#fff,#f3f8f4)}:root[data-theme=light] .settings-tabs,:root[data-theme=light] .server-admin-tabs{background:linear-gradient(180deg,#f0f6f1,#e9f1ea)}:root[data-theme=light] .settings-tabs .settings-tab-list button.active,:root[data-theme=light] .server-admin-tabs .settings-tab-list button.active{color:#1c4b2c}@media(max-width:1280px){:root{--workspace-rail: 68px;--workspace-nav: 250px;--workspace-members: 220px}}@media(min-width:681px)and (max-width:1120px){.app-shell{grid-template-columns:var(--workspace-rail) var(--workspace-nav) minmax(0,1fr)}.member-panel{display:none}.app-shell:not(.members-hidden) .chat-area{border-right:0}}@media(max-width:1120px)and (min-width:681px){:root{--workspace-rail: 68px;--workspace-nav: 232px;--workspace-members: 0px}}@media(max-width:980px)and (min-width:681px){:root{--workspace-rail: 64px;--workspace-nav: 220px}.chat-header{padding-inline:14px}.app-shell{grid-template-columns:var(--workspace-rail) var(--workspace-nav) minmax(320px,1fr)}.user-menu-trigger .user-identity-copy{display:none}}@media(max-width:820px)and (min-width:681px){:root{--workspace-rail: 60px;--workspace-nav: 208px}.sidebar-header{padding-inline:11px}.header-title span{display:none}.chat-header{padding-inline:9px}.header-actions{gap:0}.message-row{padding-inline:22px}}@media(max-width:680px){.app-shell{grid-template-columns:56px minmax(0,1fr);padding-bottom:60px}.server-rail{grid-column:1;grid-row:1}.sidebar,.chat-area,.member-panel{grid-column:2;grid-row:1}.chat-area,.member-panel,.mobile-chat .server-rail,.mobile-chat .sidebar{display:none}.mobile-chat .chat-area{grid-column:1 / -1;grid-row:1;display:flex}.mobile-chat .chat-header{padding-left:9px}.mobile-back{display:grid;width:34px;height:34px;flex:none;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted)}.mobile-back:hover{background:var(--hover);color:var(--text)}.rail-home,.server-icon,.rail-add{width:40px;height:40px}.server-icon.active:before,.rail-home.active:before{left:-8px}.mobile-channels .server-rail{display:none}.mobile-channels .sidebar{grid-column:1 / -1;grid-row:1}.mobile-servers .sidebar{display:none}.mobile-servers .server-rail{grid-column:1 / -1;grid-row:1;width:100%;align-items:stretch;padding:10px 12px 14px;border-right:0}.mobile-servers .rail-home{width:auto;height:42px;display:flex;justify-content:flex-start;gap:10px;border-radius:9px;padding:4px 9px}.mobile-servers .rail-home:after{content:"Direct Messages";font-size:13px;font-weight:650}.mobile-servers .rail-home img{width:30px;height:30px}.mobile-servers .rail-divider{width:100%;margin:4px 0}.mobile-servers .rail-section-caption{text-align:left;padding:8px 9px 3px;font-size:9px}.mobile-servers .server-icon,.mobile-servers .rail-add{width:100%;height:42px;display:flex;justify-content:flex-start;gap:12px;border-radius:8px;padding:6px 10px}.mobile-servers .server-icon:after{content:attr(title);font-size:12px;font-weight:600}.mobile-servers .server-icon.active{background:var(--surface-high);color:var(--text);box-shadow:inset 3px 0 var(--accent)}.mobile-servers .server-icon.active:before{display:none}.mobile-servers .server-icon i{right:auto;left:29px}.mobile-servers .rail-add:after{font-size:12px}.mobile-servers .rail-add[aria-label="Create a community"]:after{content:"Create a Server"}.mobile-servers .rail-add[aria-label="Join a community"]:after{content:"Join a Server"}.mobile-servers .rail-bottom{display:none}.chat-header{height:50px;min-height:50px;padding-inline:10px}.mobile-chat .message-row{gap:8px;padding-inline:12px}.mobile-chat .composer{margin:0 10px 10px;padding-bottom:max(0px,env(safe-area-inset-bottom))}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:5;display:flex;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.modal-backdrop:has(.settings-layout),.modal-backdrop:has(.server-admin-panel){display:block;padding:0}.modal-card:has(.settings-layout),.modal-card:has(.server-admin-panel){width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.settings-layout,.server-admin-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.settings-tabs,.server-admin-tabs{display:flex;grid-row:1;padding:58px 17px max(18px,env(safe-area-inset-bottom));border-right:0}.settings-subpage .settings-tabs{display:none}.settings-tabs .settings-nav-heading{margin-bottom:16px}.settings-tab-list{gap:5px}.settings-tabs .settings-tab-list button{min-height:48px;font-size:13px}.settings-mobile-back{display:flex;min-height:42px;align-items:center;gap:6px;margin:0 0 13px;border:0;border-radius:7px;background:transparent;color:var(--green);text-align:left;font-size:13px}.settings-mobile-back:not(:focus-visible){display:none}.settings-content,.server-admin-content{padding:58px 20px max(24px,env(safe-area-inset-bottom))}.settings-subpage .settings-content{padding-top:58px}.settings-content-heading{margin-bottom:18px}.server-admin-tabs,.server-admin-content{padding-top:58px}}@media(max-width:420px){.chat-header{gap:5px;padding-inline:7px}.mobile-chat .icon-button{width:31px}.mobile-chat .message-row{padding-inline:10px}.mobile-chat .composer{margin-inline:7px;padding-inline:6px}.settings-content,.server-admin-content{padding-inline:14px}.settings-color-row{gap:8px}}@media(prefers-reduced-motion:reduce){.channel-row,.nav-row,.dm-row,.icon-button,.message-row,.mobile-nav button{transition:none!important}}.server-settings-open{overflow:hidden}.server-settings-open .app-shell{display:none}.server-admin-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;grid-template-columns:240px minmax(0,1fr) 76px;grid-template-rows:minmax(0,1fr);background:#151d17}.server-admin-tabs{grid-column:1;grid-row:1;width:auto;padding:26px 14px 16px;border-right:1px solid #2a382d}.server-admin-content{grid-column:2;grid-row:1;width:min(100%,840px);padding:42px clamp(28px,5vw,72px) 34px}.settings-exit{grid-column:3;grid-row:1;position:sticky;top:26px;justify-self:center;align-self:start;margin-top:26px}.server-admin-content .settings-section,.roles-manager,.server-admin-content .settings-content-heading{width:min(100%,740px)}@media(max-width:900px){.server-admin-panel{grid-template-columns:220px minmax(0,1fr) 58px}.server-admin-content{padding-inline:24px}}@media(max-width:680px){.server-admin-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.server-admin-tabs{grid-column:1;grid-row:1;max-height:33dvh;padding:12px 14px 9px;border-right:0;border-bottom:1px solid #2a382d}.server-admin-content{grid-column:1;grid-row:2;width:100%;padding:17px 16px max(20px,env(safe-area-inset-bottom))}.settings-exit{position:fixed;top:12px;right:12px;z-index:2;margin:0}.settings-nav-heading{margin-right:52px}}:root{--workspace-rail: 72px;--workspace-nav: 240px;--workspace-members: 240px}.app-shell{grid-template-columns:var(--workspace-rail) var(--workspace-nav) minmax(0,1fr) var(--workspace-members)}.sidebar-header{height:48px;padding-inline:12px}.server-menu-anchor,.user-menu-anchor{position:relative;min-width:0}.server-header-trigger{display:flex;width:100%;min-width:0;height:47px;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:var(--text);text-align:left}.server-header-trigger:hover .server-menu-chevron{color:var(--text)}.server-menu-chevron{flex:none;color:var(--muted);font-size:16px;transition:transform .14s ease}.server-menu-chevron.open{transform:rotate(180deg)}.server-popout,.user-popout{position:absolute;z-index:12;display:flex;width:224px;flex-direction:column;gap:3px;padding:7px;border:1px solid var(--line);border-radius:9px;background:#101912;box-shadow:0 14px 45px #0009}.server-popout-title,.user-popout-heading{padding:8px 9px 9px;border-bottom:1px solid var(--line);color:var(--text);font-size:12px;font-weight:700}.server-popout button,.user-popout>button,.user-status-options button{display:flex;min-height:34px;align-items:center;gap:8px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:var(--muted);text-align:left;font-size:11px}.server-popout button:hover,.user-popout>button:hover,.user-status-options button:hover{background:var(--hover);color:var(--text)}.user-panel{gap:5px;padding-inline:7px}.user-menu-anchor{display:flex;min-height:0;flex:1;align-items:center}.user-menu-trigger{display:flex;width:100%;min-width:0;height:42px;min-height:42px;flex:1 1 auto;align-items:center;flex-direction:row;gap:8px;padding:3px 2px;border-radius:6px}.user-menu-trigger:hover{background:var(--hover)}.user-identity-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px;overflow:hidden}.user-identity-copy strong,.user-identity-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-identity-copy small{color:var(--faint);font-size:9px}.user-menu-chevron{color:var(--faint);font-size:13px}.user-status-dot,.presence-dot{width:10px;height:10px;flex:none;border:2px solid var(--sidebar);border-radius:50%;background:#78827a}.user-status-dot{position:absolute;left:27px;bottom:5px}.status-online{background:#35bd73}.status-idle{background:#e2ad49}.status-dnd{background:#e55762}.status-invisible{background:#818b84}.user-popout{bottom:48px;left:0;width:236px}.user-popout-heading{display:flex;flex-direction:column;gap:4px}.user-popout-heading small{color:var(--faint);font-size:10px;font-weight:450}.user-status-options{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:5px 0;border-bottom:1px solid var(--line)}.user-status-options button{min-height:32px;font-size:10px}.user-status-options button>span{margin-left:auto;color:var(--green)}.user-menu-signout{border-top:1px solid var(--line)!important;color:#ff9a9c!important}.quick-switcher-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-start;justify-content:center;padding:min(18vh,150px) 16px 20px;background:#030805b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.quick-switcher{width:min(580px,100%);max-height:min(620px,75vh);overflow:hidden;border:1px solid #38513f;border-radius:11px;background:#121b15;box-shadow:0 30px 100px #000b}.quick-switcher-search{display:flex;height:58px;align-items:center;gap:12px;padding:0 17px;border-bottom:1px solid var(--line);color:var(--muted)}.quick-switcher-search input{min-width:0;flex:1;border:0;outline:none;background:transparent;color:var(--text);font-size:14px}.quick-switcher kbd{border:1px solid var(--line);border-radius:4px;padding:2px 5px;color:var(--faint);font-size:9px}.quick-switcher-results{max-height:min(510px,60vh);overflow:auto;padding:7px}.quick-switcher-results>button{display:flex;width:100%;min-height:48px;align-items:center;gap:11px;padding:5px 9px;border:0;border-radius:6px;background:transparent;color:var(--text);text-align:left}.quick-switcher-results>button:hover,.quick-switcher-results>button.active{background:#203529}.quick-result-icon{display:grid;width:32px;height:32px;flex:none;place-items:center;border-radius:8px;background:var(--surface-high);color:var(--green);font-size:17px;font-weight:700}.quick-result-icon.channel{font-size:21px}.quick-switcher-results>button>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.quick-switcher-results strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.quick-switcher-results small{color:var(--muted);font-size:10px}.quick-switcher-results>button>kbd{font-size:8px}.quick-switcher-results>p{padding:24px 12px;color:var(--muted);text-align:center;font-size:12px}.quick-switcher>footer{display:flex;gap:18px;padding:10px 15px;border-top:1px solid var(--line);color:var(--faint);font-size:9px}.quick-switcher>footer span{display:flex;align-items:center;gap:4px}.signup-captcha{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.signup-captcha small{color:var(--muted);font-size:10px}.settings-mobile-back{display:none}@media(min-width:681px){.app-shell.members-hidden{grid-template-columns:var(--workspace-rail) var(--workspace-nav) minmax(0,1fr) 0}.app-shell.members-hidden .member-panel{display:none}.channel-row,.nav-row{min-height:32px;font-size:12px}.chat-header{height:48px;min-height:48px;padding-inline:16px}.message-list{padding-top:15px}.message-row{padding-block:6px}.composer{min-height:50px;margin-bottom:14px;border-radius:9px}.composer input{height:44px}}@media(max-width:1280px)and (min-width:1121px){.app-shell:not(.members-hidden){grid-template-columns:68px 232px minmax(0,1fr) 220px}.app-shell.members-hidden{grid-template-columns:68px 232px minmax(0,1fr) 0}}@media(max-width:680px){.mobile-nav button[aria-current=page]{color:var(--green)}.mobile-servers .server-rail{gap:5px}.server-header-trigger{height:47px}.server-popout{position:fixed;top:60px;left:12px}.user-panel{min-height:57px}.user-popout{position:fixed;bottom:65px;left:10px}.quick-switcher-backdrop{padding-top:max(42px,env(safe-area-inset-top))}.quick-switcher{max-height:calc(100dvh - 105px)}.quick-switcher-results{max-height:calc(100dvh - 190px)}.settings-layout.settings-subpage .settings-mobile-back{display:flex}.settings-layout.settings-subpage .settings-content-heading{margin-top:0}}@media(max-width:680px){.app-shell.mobile-chat,.app-shell.mobile-channels,.app-shell.mobile-servers,.app-shell.mobile-chat.members-hidden{grid-template-columns:minmax(0,1fr);width:100%}.mobile-chat .chat-area{grid-column:1 / -1;width:100%;min-width:0}.mobile-chat .channel-welcome{width:calc(100% - 48px);max-width:calc(100% - 48px);box-sizing:border-box}.mobile-chat .channel-welcome h1,.mobile-chat .channel-welcome p{max-width:100%;overflow-wrap:anywhere}.settings-layout:not(.settings-subpage) .settings-mobile-back{display:none}.server-admin-panel{grid-template-rows:auto minmax(0,1fr)}.server-admin-tabs{max-height:40dvh;border-bottom:1px solid var(--line)}.server-admin-content{grid-row:2;padding-top:18px}}@media(max-width:680px){.settings-layout.settings-subpage{grid-template-rows:minmax(0,1fr)}.settings-layout.settings-subpage .settings-tabs{display:flex}.settings-layout.settings-subpage .settings-content{grid-row:1}.settings-layout.settings-subpage .settings-tab-list{display:none}.settings-layout.settings-subpage .settings-tabs{min-height:54px;max-height:54px;padding:8px 14px}.settings-layout.settings-subpage .settings-nav-heading{min-height:36px;margin:0}.settings-layout.settings-subpage .settings-nav-footer{display:none}.settings-layout.settings-subpage .settings-mobile-back{display:flex}.settings-layout.settings-subpage .settings-content{padding-top:16px}}.settings-fields{min-width:0;margin:0;padding:0;border:0}.settings-loading{margin:auto;padding:32px;color:var(--muted)}.settings-save-state{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:20px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:11px}.settings-save-state.is-dirty{color:var(--text);background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.appearance-section{margin:0 0 24px}.appearance-section h4{margin:0 0 6px;font-size:13px}.appearance-section>p{margin:0 0 12px;font-size:11px}.appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.appearance-choice{display:flex;min-width:0;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--control);text-align:left}.appearance-choice:hover,.appearance-choice.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--control))}.appearance-choice.selected{box-shadow:inset 0 0 0 1px var(--accent)}.appearance-choice strong{font-size:12px}.appearance-choice small{font-size:10px;color:var(--muted);line-height:1.4}.theme-sample{display:grid;grid-template-columns:22% 1fr;grid-template-rows:repeat(3,1fr);gap:5px;height:52px;width:100%;padding:8px;margin-bottom:4px;border-radius:5px;background:#17211c}.theme-sample:before{content:"";grid-row:1 / 4;border-radius:2px;background:#415449}.theme-sample i{border-radius:2px;background:#678171}.theme-light{background:#eef4ef}.theme-light:before{background:#b2c6b7}.theme-light i{background:#869f8d}.theme-system{background:linear-gradient(90deg,#17211c 50%,#eef4ef 50%)}.accent-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.accent-options button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 4px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--control);font-size:10px}.accent-options button.selected{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.accent-options button>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#102018;font-weight:800;font-size:16px}.appearance-preview{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--main)}.appearance-preview>header{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px}.appearance-preview header small{font-size:9px;letter-spacing:.08em;color:var(--accent)}.appearance-preview-message{display:flex;gap:10px;padding-inline:14px}.appearance-preview-message strong{font-size:12px}.appearance-preview-message small{font-size:10px;color:var(--muted)}.appearance-preview-message p{margin:5px 0 8px;color:var(--text)}.appearance-preview-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:var(--accent);border-radius:50%;font-size:11px}.appearance-preview-reaction{padding:3px 8px;border:1px solid var(--accent);border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:11px}.appearance-preview>footer{display:flex;justify-content:space-between;margin:0 12px 12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--composer);color:var(--muted);font-size:11px}.appearance-preview footer span{color:var(--accent)}.appearance-actions>.text-button{margin-right:auto}.app-shell .primary-button,.modal-card .primary-button{background:var(--accent-strong);color:#fff}.app-shell .primary-button:hover,.modal-card .primary-button:hover{background:color-mix(in srgb,var(--accent-strong) 85%,white)}.server-icon.active,.rail-home.active,.rail-add:hover{background:var(--accent-strong)}:root[data-density=compact] .chat-area .message-row{padding-block:3px;min-height:42px}:root[data-density=compact] .chat-area .message-row.grouped{padding-block:1px;min-height:22px}:root[data-density=spacious] .chat-area .message-row{padding-block:13px}:root[data-density=spacious] .chat-area .message-row.grouped{padding-block:5px}@media(max-width:480px){.accent-options{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-choice{padding:9px 7px}.appearance-choice small{font-size:9px}.appearance-actions{flex-wrap:wrap}.appearance-actions>.text-button{flex:1 0 100%;text-align:left;margin-bottom:6px}}@media(min-width:681px){.app-shell{gap:10px;padding:12px;background:radial-gradient(ellipse at 56% -24%,#4de18a12,transparent 55%),linear-gradient(145deg,#0a120d,#0b150f 55%,#0a120d)}.server-rail,.sidebar,.chat-area,.member-panel{border:1px solid color-mix(in srgb,var(--line) 78%,#6fe59a 22%);border-radius:20px;box-shadow:0 14px 42px #0208055c,inset 0 1px #ffffff08}.server-rail{background:linear-gradient(180deg,#13271a,#0a150e 72%,#0a130d)}.sidebar{overflow:visible;background:linear-gradient(165deg,color-mix(in srgb,var(--sidebar) 92%,#193c25),var(--sidebar) 38%)}.sidebar-header{border-radius:19px 19px 0 0;border-bottom-color:color-mix(in srgb,var(--line) 75%,transparent)}.user-panel{border-radius:0 0 19px 19px;background:color-mix(in srgb,var(--rail) 90%,var(--accent) 10%)}.chat-area{background:radial-gradient(ellipse at 78% -18%,#43dd831c,transparent 45%),radial-gradient(ellipse at 8% 100%,#1b74330d,transparent 46%),var(--main)}.chat-header{border-radius:19px 19px 0 0;background:color-mix(in srgb,var(--main) 82%,var(--surface))}.member-panel{background:linear-gradient(155deg,color-mix(in srgb,var(--sidebar) 88%,#1c4429),var(--sidebar) 46%)}.channel-row,.nav-row,.dm-row{border-radius:10px;transition:background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.chat-header,.sidebar-header,.member-panel,.friends-hero,.report-case{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.message-row{animation:workspace-message-in .2s ease both}.channel-welcome,.friends-view{animation:workspace-view-in .24s cubic-bezier(.2,.75,.25,1) both}@keyframes workspace-message-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes workspace-view-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.channel-entry.selected{border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.channel-row.selected,.nav-row.selected,.dm-row.selected{border-radius:10px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}.channel-row:not(:disabled):hover,.nav-row:hover,.dm-row:hover,.member-row:hover{border-radius:10px;transform:translate(2px)}.server-icon,.rail-add,.rail-home{transition:transform .18s ease,border-radius .18s ease,box-shadow .18s ease,background .18s ease}.server-icon{border-radius:16px;box-shadow:0 5px 13px #0003}.server-icon:hover,.server-icon.active{border-radius:13px;transform:translateY(-1px);box-shadow:0 7px 18px #0005,inset 0 0 0 1px #ffffff20}.rail-home,.rail-add{border-radius:15px}.rail-home:hover,.rail-add:hover{transform:translateY(-1px);box-shadow:0 7px 20px #36c87935}.composer{min-height:58px;border-radius:18px;border-color:color-mix(in srgb,var(--line) 68%,var(--accent) 32%);background:linear-gradient(130deg,color-mix(in srgb,var(--surface) 92%,var(--accent) 8%),var(--composer) 72%);box-shadow:0 12px 34px #0003,inset 0 1px #ffffff08}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 75%,white 25%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent),0 14px 38px #0004}.icon-button{border-radius:10px}.icon-button:hover{border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.member-row{border-radius:10px;transition:background-color .16s ease,transform .16s ease}.offline-note{border-radius:12px}.server-popout,.user-popout,.ping-popover,.quick-switcher{border-radius:16px}}:root[data-theme=light] .app-shell{background:radial-gradient(ellipse at 55% -25%,#55b77520,transparent 58%),linear-gradient(145deg,#e7f0e8,#edf4ee 55%,#e4eee6)}:root[data-theme=light] .server-rail{background:linear-gradient(180deg,#f6fbf6,#e3eee5 74%,#eaf3eb)}:root[data-theme=light] .user-panel{background:color-mix(in srgb,var(--rail) 90%,var(--accent) 10%)}.app-shell button:not(:disabled),.modal-card button:not(:disabled),.auth-screen button:not(:disabled){transition:transform .16s cubic-bezier(.2,.75,.25,1),color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .18s ease,filter .16s ease}.app-shell button:not(:disabled):active,.modal-card button:not(:disabled):active,.auth-screen button:not(:disabled):active{transform:scale(.975)}.app-shell input,.app-shell textarea,.app-shell select,.modal-card input,.modal-card textarea,.modal-card select{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.app-shell input:focus-visible,.app-shell textarea:focus-visible,.app-shell select:focus-visible,.modal-card input:focus-visible,.modal-card textarea:focus-visible,.modal-card select:focus-visible{border-color:color-mix(in srgb,var(--accent) 78%,white 22%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 17%,transparent)}.modal-backdrop{animation:workspace-backdrop-in .2s ease both}.modal-card{animation:workspace-card-in .24s cubic-bezier(.2,.75,.25,1) both}.user-popout,.server-popout,.quick-switcher,.ping-popover{transform-origin:top left;animation:workspace-popover-in .16s cubic-bezier(.2,.75,.25,1) both}@keyframes workspace-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes workspace-card-in{0%{opacity:0;transform:translateY(9px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes workspace-popover-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.app-shell button,.modal-card button,.auth-screen button,.app-shell input,.app-shell textarea,.app-shell select,.modal-card input,.modal-card textarea,.modal-card select,.modal-backdrop,.modal-card,.user-popout,.server-popout,.quick-switcher,.ping-popover,.message-row,.channel-welcome,.friends-view,.chat-header,.sidebar-header,.member-panel,.friends-hero,.report-case{animation:none!important;transition:none!important}}.modal-card:has(.profile-studio){width:min(1190px,calc(100vw - 40px))}.profile-studio{display:grid;grid-template-columns:minmax(230px,.86fr) minmax(270px,1.14fr);gap:24px;align-items:start}.studio-preview{position:sticky;top:0;min-width:0}.studio-preview-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;color:var(--muted);font-size:9px;letter-spacing:.13em}.studio-preview-heading small{display:flex;align-items:center;gap:5px;color:var(--studio-primary);font-size:8px}.studio-preview-heading i{width:5px;height:5px;border-radius:50%;background:currentColor}.identity-card{position:relative;isolation:isolate;min-width:0;overflow:hidden;padding:0;border:1px solid color-mix(in srgb,var(--profile-accent) 28%,var(--line));border-radius:17px;background:var(--surface);box-shadow:0 14px 40px #0002}.identity-card.profile-gradient{background:linear-gradient(150deg,color-mix(in srgb,var(--profile-primary) 13%,var(--surface)),var(--surface) 55%,color-mix(in srgb,var(--profile-accent) 11%,var(--surface)))}.identity-card.transparent-profile{border-color:transparent;background:transparent;box-shadow:none}.identity-card.transparent-profile.profile-gradient{background:transparent}.identity-card .identity-avatar.transparent-profile-avatar{border-color:transparent;background:transparent!important;box-shadow:none}.identity-card .identity-banner{position:relative;isolation:isolate;overflow:hidden;inset:auto;height:105px;min-height:105px;border-radius:0;background-color:var(--profile-banner);background-image:none}.identity-card .identity-banner-image{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.identity-card .identity-banner.has-banner-gradient:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--profile-banner-gradient-angle),color-mix(in srgb,var(--profile-primary) 40%,transparent),color-mix(in srgb,var(--profile-accent) 40%,transparent));pointer-events:none}.identity-card .identity-banner.has-banner-gradient{background-image:linear-gradient(var(--profile-banner-gradient-angle),color-mix(in srgb,var(--profile-primary) 70%,transparent),color-mix(in srgb,var(--profile-accent) 70%,transparent))}.identity-card .identity-banner.has-banner-image,.identity-card .identity-banner.has-banner-image.has-banner-gradient{background-image:none}.identity-card-content{position:relative;display:flex;flex-direction:column;gap:8px;padding:0 20px 22px}.identity-card .identity-avatar{position:relative;display:grid;place-items:center;width:68px;height:68px;margin:-30px 0 7px;border:5px solid var(--surface);border-radius:50%;background:var(--profile-primary);color:#fff;font-size:22px;font-weight:700;box-sizing:content-box}.identity-avatar>img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.identity-card .identity-card-content>.nameplate{font-size:24px;line-height:1.25;overflow-wrap:anywhere}.identity-card-content>small{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.identity-badges{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:4px 0}.identity-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--surface-high) 65%,transparent);color:var(--text);font-size:9px;line-height:1.3;white-space:nowrap}.identity-badge b{color:var(--profile-accent,var(--accent));font-size:13px}.identity-badge.verified{border-color:color-mix(in srgb,#65baff 35%,var(--line))}.identity-badge.verified b{color:#65baff}.identity-badge.owner-badge,.identity-badges.compact .owner-badge{position:relative;isolation:isolate;overflow:hidden;padding:4px 8px;gap:5px;border:1px solid #d3ac5366;border-radius:7px;background:linear-gradient(115deg,#4d3518,#251e15 50%,#513c1d);color:#ffe5a0;font-size:9px;font-weight:800;letter-spacing:.1em;box-shadow:0 0 14px #e3b65720,inset 0 1px #fff1}.identity-badge.owner-badge b{color:#ffdc87}.identity-badges.compact .identity-badge.owner-badge{overflow:visible;border:0;background:none;box-shadow:none;padding:0;color:#ffdc87;font-size:15px;letter-spacing:normal;filter:drop-shadow(0 0 5px #ffcb55) drop-shadow(0 0 10px #e3b657)}.identity-badges.compact .identity-badge.beta-tester-badge{overflow:visible;border:0;background:none;box-shadow:none;padding:0;color:#b8ecff;font-size:15px;filter:none}.identity-badges.compact .identity-badge:after{display:none}.identity-badge.owner-badge:after,.identity-badge.beta-tester-badge:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;pointer-events:none;background:linear-gradient(115deg,transparent 36%,#fff8 49%,transparent 61%);transform:translate(-120%);animation:profile-shimmer 4.5s ease-in-out infinite}.identity-badge.beta-tester-badge{position:relative;isolation:isolate;overflow:hidden;border-color:#74caff60;background:linear-gradient(115deg,#17384a,#172736 50%,#283653);color:#c5eaff;font-weight:750;box-shadow:0 0 14px #61c7ff19,inset 0 1px #fff1}.identity-badge.beta-tester-badge b{color:#93dcff}.member-row .identity-badges:has(.owner-badge){max-width:none;overflow:visible}.message-meta .identity-badges.compact .identity-badge:after{animation:none;display:none}@media(prefers-reduced-motion:reduce){.identity-badge.owner-badge:after,.identity-badge.beta-tester-badge:after{animation:none;display:none}}.identity-badges.compact{display:inline-flex;flex:none;gap:4px;margin:0}.identity-badges.compact .identity-badge{padding:0;border:0;background:none}.identity-bio{margin-top:10px;padding-top:15px;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.identity-bio>span,.studio-chat-preview>span{color:var(--faint);font-size:9px;letter-spacing:.12em;font-weight:700}.identity-bio p{margin:8px 0 0;color:var(--text);font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.studio-chat-preview{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--main)}.studio-chat-preview>div{display:flex;align-items:flex-start;gap:10px;margin-top:14px}.studio-chat-preview>div>div{min-width:0}.studio-chat-name{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;overflow-wrap:anywhere}.studio-chat-preview p{font-size:11px;color:var(--muted);margin:6px 0 0}.studio-mini-avatar{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--studio-primary);color:var(--main);font-size:10px;font-weight:750}.studio-mini-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.studio-preview-note{font-size:10px;line-height:1.65;color:var(--faint);padding:0 6px}.studio-controls{min-width:0}.studio-section{padding:0 0 22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.studio-section>header{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.studio-section>header>span{display:grid;place-items:center;width:27px;height:27px;flex:none;border:1px solid var(--line);border-radius:8px;color:var(--studio-primary);background:color-mix(in srgb,var(--studio-primary) 7%,var(--surface));font-size:9px}.studio-section h4{margin:0;color:var(--text);font-size:14px;font-weight:650;letter-spacing:-.015em}.studio-section header p{margin:5px 0 0;color:var(--muted);font-size:10px}.studio-section h5{display:flex;justify-content:space-between;gap:8px;margin:20px 0 10px;color:var(--text);font-size:11px}.studio-section h5 span{color:var(--faint);font-size:8px;font-weight:500;letter-spacing:.08em}.studio-palettes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studio-palettes button{display:flex;flex-direction:column;gap:6px;padding:4px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted)}.studio-palettes button>span{width:100%;height:32px;border-radius:6px}.studio-palettes small{font-size:9px}.studio-palettes button[aria-pressed=true]{border-color:var(--studio-primary);background:color-mix(in srgb,var(--studio-primary) 8%,transparent);color:var(--text)}.studio-fonts,.studio-effects{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.studio-fonts button,.studio-effects button{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:12px 3px;border:1px solid var(--line);border-radius:9px;background:var(--control);color:var(--muted)}.studio-fonts button>span{font-size:23px;line-height:1.25}.studio-effects button>span{font-size:22px;color:var(--studio-accent)}.studio-fonts small,.studio-effects small{font-family:ui-sans-serif,system-ui,sans-serif;font-size:8px;letter-spacing:0}.studio-fonts [aria-pressed=true],.studio-effects [aria-pressed=true]{border-color:var(--studio-primary);color:var(--text);background:color-mix(in srgb,var(--studio-primary) 9%,var(--control));box-shadow:0 0 15px color-mix(in srgb,var(--studio-primary) 7%,transparent)}.studio-earned{display:grid;gap:7px}.studio-earned>div{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--control)}.studio-earned>div>b{color:var(--studio-primary);font-size:19px}.studio-earned>div>div{flex:1;min-width:0}.studio-earned strong{display:block;color:var(--text);font-size:10px}.studio-earned small{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.5}.studio-earned>div>span{color:var(--muted);font-size:8px}.studio-earned .unlocked{border-color:color-mix(in srgb,var(--studio-primary) 30%,var(--line))}.studio-earned .unlocked>span{color:var(--studio-primary)}.studio-earned .locked>b{color:var(--faint)}.studio-badge-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.studio-badge-picker button{display:flex;align-items:center;gap:6px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--control);color:var(--muted);font-size:10px}.studio-badge-picker button b{color:var(--studio-accent);font-size:15px}.studio-badge-picker button>span{margin-left:auto}.studio-badge-picker [aria-pressed=true]{border-color:var(--studio-primary);background:color-mix(in srgb,var(--studio-primary) 8%,var(--control));color:var(--text)}.studio-badge-picker button:disabled{opacity:.4;cursor:not-allowed}.studio-save-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;z-index:3;border-top:1px solid var(--line);background:var(--main)}.studio-save-bar>.text-button{margin-right:auto}.chat-profile-avatar{position:relative;display:inline-flex;isolation:isolate;--profile-primary: var(--profile-accent)}.chat-profile-avatar>.avatar{position:relative;z-index:0}.member-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-name .nameplate{font-weight:550}.member-row .identity-badges{max-width:none;overflow:visible}.effect-glow:is(.identity-card,.chat-profile-avatar){box-shadow:0 0 24px color-mix(in srgb,var(--profile-accent) 19%,transparent)}.identity-card.effect-glow .identity-avatar{box-shadow:0 0 20px color-mix(in srgb,var(--profile-accent) 40%,transparent)}.identity-card.effect-glow .identity-avatar.transparent-profile-avatar{border-color:transparent;background:transparent!important;box-shadow:none}.effect-pulse:is(.identity-card,.chat-profile-avatar){animation:identity-pulse 3.5s ease-in-out infinite}.effect-shimmer:is(.identity-card,.chat-profile-avatar):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffffff24 50%,transparent 65%);transform:translate(-120%);animation:profile-shimmer 4s ease-in-out infinite;border-radius:inherit}.effect-sparkle:is(.identity-card,.chat-profile-avatar):after{content:"✦";position:absolute;right:9px;top:10px;z-index:1;pointer-events:none;color:var(--profile-accent);text-shadow:0 0 10px currentColor;animation:profile-sparkle 3s ease-in-out infinite}.chat-profile-avatar.effect-sparkle:after{right:-5px;top:-6px;font-size:14px}@keyframes identity-pulse{0%,to{box-shadow:0 0 6px color-mix(in srgb,var(--profile-accent) 8%,transparent)}50%{box-shadow:0 0 24px color-mix(in srgb,var(--profile-accent) 30%,transparent)}}@media(max-width:1040px){.profile-studio{grid-template-columns:1fr}.studio-preview{position:static}.studio-chat-preview,.studio-preview-note{display:none}}@media(max-width:680px){.modal-card:has(.profile-studio){width:100%}.profile-studio{gap:20px}.studio-save-bar{flex-wrap:wrap}.studio-save-bar>button{font-size:11px}}@media(prefers-reduced-motion:reduce){.identity-card,.chat-profile-avatar,.identity-avatar,.identity-card:after,.chat-profile-avatar:after{animation:none!important}.effect-shimmer:is(.identity-card,.chat-profile-avatar):after{display:none}}@media(max-width:680px){.composer{border-radius:16px}.channel-row,.nav-row,.dm-row,.member-row{border-radius:9px}.icon-button{border-radius:10px}}.modal-card:has(.report-workspace){width:min(1360px,calc(100vw - 40px));height:min(860px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden;padding:30px}.modal-card:has(.report-workspace)>h2{flex:none;margin:0 36px 22px 0;font-size:22px}.report-workspace{display:flex;flex:1;flex-direction:column;min-height:0;gap:18px}.report-tabs{display:flex;gap:8px;flex:none;border-bottom:1px solid var(--line)}.report-tabs button{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 17px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13px;font-weight:650;cursor:pointer}.report-tabs button:hover,.report-tabs button.active{color:var(--text)}.report-tabs button.active{border-bottom-color:var(--accent)}.report-tabs button span{min-width:20px;padding:3px 6px;border-radius:999px;background:var(--surface-high);color:var(--muted);text-align:center;font-size:10px}.report-layout{display:grid;grid-template-columns:minmax(340px,.92fr) minmax(0,1.55fr);flex:1;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 55%,var(--main))}.report-list{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:auto;border-right:1px solid var(--line);scrollbar-width:thin}.report-list-item{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;padding:18px 16px;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:transparent;color:var(--text);text-align:left;cursor:pointer}.report-list-item:hover{background:color-mix(in srgb,var(--hover) 70%,transparent)}.report-list-item.selected{background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:inset 3px 0 var(--accent)}.report-status-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--faint)}.report-status-dot.open{background:#e6aa56;box-shadow:0 0 9px #e6aa563d}.report-status-dot.resolved{background:#45c782}.report-list-copy{display:flex;min-width:0;flex-direction:column;gap:7px}.report-list-copy strong{overflow:hidden;color:var(--text);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.report-list-copy small{color:var(--muted);font-size:11px;text-transform:capitalize}.report-list-copy>span{display:-webkit-box;overflow:hidden;color:var(--faint);font-size:12px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-wrap:anywhere}.report-status-label{align-self:start;padding:4px 7px;border-radius:999px;background:var(--surface-high);color:var(--muted);font-size:9px;font-weight:750;text-transform:capitalize;white-space:nowrap}.report-status-label.open{background:#7d54251f;color:#e6b76a}.report-status-label.resolved{background:#23804b22;color:#70d69a}.report-empty-list,.report-detail-empty{display:flex;min-height:200px;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--muted);text-align:center}.report-empty-list>span,.report-detail-empty>span{margin-bottom:10px;color:var(--accent);font-size:28px}.report-empty-list strong,.report-detail-empty strong{color:var(--text);font-size:14px}.report-empty-list p,.report-detail-empty p{max-width:280px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.report-detail{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:auto;padding:28px;scrollbar-width:thin}.report-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}.report-detail-header>div{min-width:0}.report-eyebrow{margin-bottom:6px;color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.11em}.report-detail-header h3{margin:0;color:var(--text);font-size:21px;overflow-wrap:anywhere}.report-detail-header p{margin:7px 0 0;color:var(--muted);font-size:10px;text-transform:capitalize}.report-detail-header p span{padding:0 5px;color:var(--faint)}.report-detail-header>.secondary-button{flex:none;min-height:34px}.report-summary{display:grid;grid-template-columns:112px minmax(0,1fr);gap:11px 16px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px}.report-summary>span{color:var(--faint)}.report-summary>strong{min-width:0;color:var(--text);font-weight:550;overflow-wrap:anywhere;text-transform:capitalize}.report-target-quote{margin:13px 0 0;padding:11px 13px;border-left:3px solid var(--accent);border-radius:0 7px 7px 0;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.report-conversation{display:flex;flex:1;min-height:130px;flex-direction:column;gap:14px;padding:20px 0 14px}.report-conversation h4{margin:0 0 4px;color:var(--text);font-size:13px}.report-message{align-self:flex-start;max-width:min(88%,680px);padding:13px 16px;border:1px solid var(--line);border-radius:4px 13px 13px;background:var(--surface)}.report-message.mine{align-self:flex-end;border-color:color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:11px 4px 11px 11px;background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.report-message strong{color:var(--text);font-size:10px}.report-message p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.report-message time{display:block;margin-top:6px;color:var(--faint);font-size:9px}.report-no-replies{color:var(--faint);font-size:11px}.report-reply-form{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.report-reply-form textarea{width:100%;min-height:92px;resize:vertical;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:var(--control);color:var(--text);font:inherit;font-size:13px;line-height:1.6}.report-reply-form>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.report-reply-form small,.report-privacy-note{color:var(--faint);font-size:10px;line-height:1.45}.report-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.report-actions>span{margin-right:auto;color:var(--faint);font-size:10px;font-weight:700}.report-compose .modal-copy{margin:3px 0 20px;font-size:12px;line-height:1.6}.report-compose label{margin:17px 0;color:var(--muted);font-size:11px;text-transform:none;letter-spacing:0}.report-compose textarea{min-height:132px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--control);color:var(--text);font:inherit;font-size:12px;line-height:1.5;resize:vertical}.report-compose select{min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--control);color:var(--text);font:inherit;font-size:12px}.report-compose .report-privacy-note{display:block;margin:2px 0 10px}@media(max-width:760px){.modal-card:has(.report-workspace){width:calc(100vw - 24px);height:min(850px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:20px 16px}.report-layout{grid-template-columns:minmax(290px,.92fr) minmax(0,1.35fr)}.report-detail{padding:20px}.report-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.report-detail{padding:14px}.report-list-item{grid-template-columns:8px minmax(0,1fr);padding:12px 9px}.report-list-item>.report-status-label{display:none}}@media(max-width:560px){.modal-card:has(.report-workspace){width:100%;height:100dvh;max-height:100dvh;padding:58px 12px 12px;border:0;border-radius:0}.report-detail{padding:16px 12px}.modal-card:has(.report-workspace)>h2{position:absolute;top:19px;left:12px;font-size:18px}.report-workspace{gap:9px}.report-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,.7fr) minmax(0,1.3fr)}.report-list{border-right:0;border-bottom:1px solid var(--line)}.report-list-item{grid-template-columns:8px minmax(0,1fr) auto;padding:9px}.report-list-item>.report-status-label{display:inline-flex}.report-list-copy>span{-webkit-line-clamp:1}.report-detail{padding:12px 9px}.report-detail-header h3{font-size:15px}.report-detail-header>.secondary-button{padding:6px 8px;font-size:10px}.report-summary{grid-template-columns:68px minmax(0,1fr)}.report-reply-form>div{align-items:flex-start;flex-direction:column}.report-compose textarea{min-height:115px}}