@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--graphite-1000:#100f0e;--graphite-950:#151311;--graphite-900:#191715;--graphite-850:#1e1b19;--graphite-800:#241f1d;--graphite-750:#2b2623;--graphite-700:#35302c;--graphite-600:#47403b;--ink:#ece7e1;--ink-2:#ece7e1a3;--ink-3:#ece7e166;--ink-4:#ece7e13d;--line:#fff6ec0f;--line-2:#fff6ec1a;--accent:#f0a45c;--accent-strong:#f6b06d;--accent-dim:#f0a45c24;--accent-ink:#241505;--online:#5ac57f;--idle:#e6b455;--dnd:#e5645d;--offline:#6f6862;--bg:var(--graphite-900);--rail:var(--graphite-1000);--surface:var(--graphite-850);--surface-2:var(--graphite-800);--surface-hover:var(--graphite-750);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--shadow-sm:0 1px 2px #0a060266;--shadow-md:0 8px 24px -12px #0a0602b3;--shadow-lg:0 24px 60px -24px #080401d9;--font-ui:"Hanken Grotesk Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--dur-fast:.13s;--dur-mid:.2s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-synthesis:none;font-size:15px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit;color:inherit}::selection{background:var(--accent-dim);color:var(--ink)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}*{scrollbar-width:thin;scrollbar-color:var(--graphite-700) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--graphite-700);border-radius:var(--r-pill);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--graphite-600);background-clip:padding-box}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.btn{border-radius:var(--r-md);letter-spacing:-.01em;height:44px;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--line-2)}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--graphite-600)}.icon-btn{border-radius:var(--r-sm);width:34px;height:34px;color:var(--ink-2);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);place-items:center;display:grid}.icon-btn:hover{color:var(--ink);background:var(--surface-hover)}.icon-btn:active{transform:scale(.94)}.icon-btn[data-on=false]{color:var(--dnd)}.avatar{border-radius:var(--r-pill);color:#fff;-webkit-user-select:none;user-select:none;flex:none;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-dot{border-radius:var(--r-pill);border:2.5px solid var(--surface);width:34%;min-width:10px;height:34%;min-height:10px;position:absolute;bottom:-1px;right:-1px}.login{place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.login:before{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(60% 60% at 50% 40%,#f0a45c1f,#f0a45c00 70%);height:70vh;position:absolute;inset:-30% -10% auto -20%}.login:after{content:"";opacity:.025;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");position:absolute;inset:0}.login-inner{z-index:1;text-align:center;width:min(360px,100%);animation:rise var(--dur-mid) var(--ease-out) both;position:relative}.login-mark{align-items:center;gap:10px;margin-bottom:22px;display:inline-flex}.login-mark .glyph{background:linear-gradient(150deg, var(--accent-strong), var(--accent));width:38px;height:38px;color:var(--accent-ink);box-shadow:var(--shadow-md);border-radius:11px;place-items:center;font-weight:800;display:grid}.wordmark{letter-spacing:-.045em;font-size:40px;font-weight:800;line-height:1}.tagline{color:var(--ink-2);margin-top:4px;margin-bottom:28px;font-size:15px}.btn-steam{width:100%;height:50px}.login-foot{color:var(--ink-3);letter-spacing:.01em;margin-top:22px;font-size:12px}.login-foot .dot{opacity:.5;margin:0 7px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.shell{grid-template-columns:72px 248px minmax(0,1fr) 240px;height:100dvh;display:grid;overflow:hidden}.rail{background:var(--rail);border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:10px;padding:12px 0;display:flex}.rail-logo{background:linear-gradient(150deg, var(--accent-strong), var(--accent));width:46px;height:46px;color:var(--accent-ink);box-shadow:var(--shadow-md);border-radius:14px;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid}.rail-sep{background:var(--line-2);border-radius:2px;flex:none;width:32px;height:2px}.rail-item{border-radius:var(--r-pill);background:var(--surface-2);width:46px;height:46px;color:var(--ink-2);transition:border-radius var(--dur-mid) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex:none;place-items:center;display:grid}.rail-item:hover{background:var(--accent);color:var(--accent-ink);border-radius:15px}.rail-item:active{transform:scale(.94)}.rail-spacer{flex:1}.sidebar{background:var(--surface);border-right:1px solid var(--line);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.sidebar-head{letter-spacing:-.01em;border-bottom:1px solid var(--line);height:52px;box-shadow:var(--shadow-sm);align-items:center;padding:0 16px;font-weight:700;display:flex}.sidebar-body{padding:12px 8px;overflow-y:auto}.section-label{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:8px 8px 6px;font-size:11px;font-weight:700;display:flex}.channel{border-radius:var(--r-sm);height:36px;color:var(--ink-2);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:0 10px;display:flex}.channel:hover{background:var(--surface-hover);color:var(--ink)}.channel[data-active=true]{background:var(--surface-2);color:var(--ink)}.empty-note{border-radius:var(--r-md);border:1px dashed var(--line-2);color:var(--ink-3);margin:8px;padding:16px;font-size:13px;line-height:1.5}.user-panel{background:var(--graphite-900);border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 10px;display:flex}.user-panel .meta{flex:1;min-width:0}.user-panel .name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.user-panel .status{color:var(--ink-3);font-size:12px}.user-actions{gap:2px;display:flex}.main{background:var(--surface-2);grid-template-rows:52px minmax(0,1fr);display:grid;overflow:hidden}.main-head{border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--ink);align-items:center;gap:10px;padding:0 18px;font-weight:600;display:flex}.main-body{place-items:center;padding:24px;display:grid;overflow-y:auto}.welcome{text-align:center;max-width:400px}.welcome .badge{background:var(--accent-dim);width:64px;height:64px;color:var(--accent);border-radius:20px;place-items:center;margin:0 auto 18px;display:grid}.welcome h2{letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:700}.welcome p{color:var(--ink-2);font-size:15px;line-height:1.55}.members{background:var(--surface);border-left:1px solid var(--line);padding:12px 10px;overflow-y:auto}.member{border-radius:var(--r-sm);height:42px;color:var(--ink-2);transition:background var(--dur-fast) var(--ease-out);align-items:center;gap:10px;padding:0 8px;display:flex}.member:hover{background:var(--surface-hover);color:var(--ink)}.member .name{font-size:14px;font-weight:500}.splash{place-items:center;min-height:100dvh;display:grid}.splash .pulse{background:linear-gradient(150deg, var(--accent-strong), var(--accent));width:40px;height:40px;animation:breathe 1.4s var(--ease-in-out) infinite;border-radius:12px}@keyframes breathe{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.rail-guild{border-radius:var(--r-pill);transition:border-radius var(--dur-mid) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex:none;position:relative}.rail-guild .avatar{transition:border-radius var(--dur-mid) var(--ease-out)}.rail-guild[data-active=true] .avatar,.rail-guild:hover .avatar{border-radius:16px}.rail-guild:active{transform:scale(.94)}.rail-guild:before{content:"";background:var(--ink);width:4px;height:0;transition:height var(--dur-mid) var(--ease-out);border-radius:0 4px 4px 0;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.rail-guild[data-active=true]:before{height:28px}.rail-guild:hover:before{height:16px}.sidebar-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section-add{color:var(--ink-3);transition:color var(--dur-fast) var(--ease-out);place-items:center;display:grid}.section-add:hover{color:var(--ink)}.channel{text-align:left;width:100%}.chat{grid-template-rows:minmax(0,1fr) auto auto;min-height:0;display:grid}.chat-scroll{flex-direction:column;padding:16px 18px 8px;display:flex;overflow-y:auto}.chat-intro{padding:28px 0 16px}.chat-intro-badge{background:var(--accent-dim);width:56px;height:56px;color:var(--accent);border-radius:18px;place-items:center;margin-bottom:12px;font-size:26px;font-weight:800;display:grid}.chat-intro h3{letter-spacing:-.02em;font-size:22px;font-weight:700}.chat-intro p{color:var(--ink-2);margin-top:4px}.day-divider{color:var(--ink-3);align-items:center;gap:12px;margin:16px 0 8px;font-size:12px;font-weight:600;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--line);flex:1;height:1px}.msg{border-radius:var(--r-sm);animation:msg-in var(--dur-mid) var(--ease-out);grid-template-columns:46px minmax(0,1fr);gap:4px 8px;padding:3px 0;display:grid}.msg.grouped{padding:1px 0}.msg:hover{background:#ffffff05}.msg.pending{opacity:.55}.msg-gutter{justify-content:center;padding-top:2px;display:flex}.msg-time-hover{color:var(--ink-3);opacity:0;font-variant-numeric:tabular-nums;align-self:center;font-size:10px}.msg.grouped:hover .msg-time-hover{opacity:1}.msg-head{align-items:baseline;gap:8px;display:flex}.msg-author{letter-spacing:-.01em;font-size:14.5px;font-weight:700}.msg-time{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}.msg-content{color:var(--ink);word-wrap:break-word;white-space:pre-wrap;font-size:15px;line-height:1.42}.msg-attachment{border-radius:var(--r-md);border:1px solid var(--line);background:var(--graphite-950);width:-moz-fit-content;width:fit-content;max-width:400px;margin-top:4px;display:block;overflow:hidden}.msg-attachment img{object-fit:contain;width:auto;max-width:400px;height:auto;max-height:320px;display:block}.composer-attach{border-radius:var(--r-md);width:40px;height:40px;color:var(--ink-2);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);place-items:center;display:grid}.composer-attach:hover{color:var(--ink);background:var(--surface-hover)}.composer-attach:disabled{color:var(--ink-3);cursor:default}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes msg-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.typing-line{height:20px;color:var(--ink-2);align-items:center;gap:8px;padding:0 18px;font-size:12px;display:flex}.typing-dots{gap:3px;display:inline-flex}.typing-dots i{background:var(--ink-3);width:5px;height:5px;animation:typing 1s var(--ease-in-out) infinite;border-radius:50%}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.composer{background:var(--graphite-850);border:1px solid var(--line-2);border-radius:var(--r-lg);transition:border-color var(--dur-fast) var(--ease-out);align-items:flex-end;gap:8px;margin:0 18px 18px;padding:8px 8px 8px 16px;display:flex}.composer:focus-within{border-color:var(--graphite-600)}.composer textarea{resize:none;background:0 0;border:none;outline:none;flex:1;max-height:160px;padding:10px 0;font-size:15px;line-height:1.4}.composer textarea::placeholder{color:var(--ink-3)}.composer-send{border-radius:var(--r-md);background:var(--accent);width:40px;height:40px;color:var(--accent-ink);transition:transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);place-items:center;display:grid}.composer-send:hover{background:var(--accent-strong)}.composer-send:active{transform:scale(.92)}.composer-send:disabled{opacity:.4;background:var(--surface-hover);color:var(--ink-3);cursor:default}.modal-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;animation:fade var(--dur-mid) var(--ease-out);background:#0805029e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-xl);width:min(440px,100%);box-shadow:var(--shadow-lg);animation:pop var(--dur-mid) var(--ease-out);overflow:hidden}.modal-head{justify-content:space-between;align-items:center;padding:18px 18px 12px;display:flex}.modal-head h3{letter-spacing:-.02em;font-size:18px;font-weight:700}.modal-body{padding:0 18px 20px}.modal-hint{color:var(--ink-2);margin-bottom:14px;font-size:14px}.field{border-radius:var(--r-md);background:var(--graphite-950);border:1px solid var(--line-2);width:100%;height:46px;transition:border-color var(--dur-fast) var(--ease-out);outline:none;padding:0 14px;font-size:15px}.field:focus{border-color:var(--accent)}.modal-cta{width:100%;margin-top:16px}.seg{background:var(--graphite-950);border-radius:var(--r-md);grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;padding:4px;display:grid}.seg button{border-radius:var(--r-sm);height:38px;color:var(--ink-2);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.seg button[data-active=true]{background:var(--surface-hover);color:var(--ink)}.invite-row{gap:8px;display:flex}.invite-row .field{font-size:13px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}.voice-members{flex-direction:column;gap:1px;padding:2px 0 6px 22px;display:flex}.voice-member{border-radius:var(--r-sm);height:30px;color:var(--ink-2);align-items:center;gap:8px;padding:0 8px;display:flex}.voice-member:hover{background:var(--surface-hover)}.voice-avatar{border-radius:var(--r-pill);transition:box-shadow var(--dur-fast) var(--ease-out);padding:2px}.voice-avatar.speaking{box-shadow:0 0 0 2px var(--online)}.voice-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.voice-muted-ico{color:var(--dnd);flex:none}.voice-vol{opacity:0;width:0;transition:width var(--dur-mid) var(--ease-out), opacity var(--dur-fast) var(--ease-out);accent-color:var(--accent);height:4px}.voice-member:hover .voice-vol{opacity:1;width:56px}.voice-bar{background:var(--graphite-950);border-top:1px solid var(--line)}.voice-bar-main{align-items:center;gap:10px;padding:8px 10px 8px 12px;display:flex}.voice-status-dot{border-radius:var(--r-pill);flex:none;width:9px;height:9px;box-shadow:0 0 8px}.voice-bar-meta{flex:1;min-width:0}.voice-bar-title{color:var(--online);letter-spacing:-.01em;font-size:13px;font-weight:700}.voice-bar-sub{color:var(--ink-2);align-items:center;gap:5px;font-size:11px;display:flex}.voice-ping{color:var(--ink-3)}.voice-leave:hover{color:var(--dnd)!important;background:#e5645d1f!important}.device-picker{flex-direction:column;gap:8px;padding:4px 12px 12px;display:flex}.device-picker label{color:var(--ink-3);flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.device-picker select{border-radius:var(--r-sm);background:var(--graphite-850);border:1px solid var(--line-2);height:34px;color:var(--ink);padding:0 8px;font-size:13px}.device-done{height:34px;margin-top:2px}.shell.no-members{grid-template-columns:72px 248px minmax(0,1fr)}.rail-home{border-radius:var(--r-pill);background:var(--surface-2);width:46px;height:46px;color:var(--ink-2);transition:border-radius var(--dur-mid) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex:none;place-items:center;display:grid;position:relative}.rail-home:hover{color:var(--ink);border-radius:15px}.rail-home[data-active=true]{background:var(--accent);color:var(--accent-ink);border-radius:15px}.rail-home:active{transform:scale(.94)}.rail-badge,.channel-badge{border-radius:var(--r-pill);background:var(--dnd);color:#fff;border:2px solid var(--rail);place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-3px;right:-3px}.channel-badge{border:none;margin-left:auto;position:static}.friends-body{overflow-y:auto;place-items:unset!important;padding:20px 24px!important;display:block!important}.friends-view{max-width:640px;margin:0 auto}.friends-add{margin-bottom:24px}.friends-add label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.friends-add-row{gap:8px;display:flex}.friends-add-row .field{flex:1}.friends-add-row .btn{white-space:nowrap;height:46px}.friends-msg{color:var(--dnd);margin-top:8px;font-size:13px}.friends-msg.ok{color:var(--online)}.friends-section{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin:18px 0 8px;font-size:12px;font-weight:700}.friend-row{border-radius:var(--r-md);border-top:1px solid var(--line);align-items:center;gap:12px;height:56px;padding:0 10px;display:flex}.friend-row:hover{background:var(--surface)}.friend-row.muted{opacity:.6}.friend-name{flex:1;font-weight:600}.friend-pending{color:var(--ink-3);font-size:12px}.friend-accept:hover{color:var(--online)!important;background:#5ac57f1f!important}.friend-decline:hover{color:var(--dnd)!important;background:#e5645d1f!important}.admin-view{max-width:760px;margin:0 auto}.admin-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}.admin-card-ico{color:var(--accent);margin-bottom:10px}.admin-card-val{letter-spacing:-.02em;font-size:28px;font-weight:800}.admin-card-label{color:var(--ink-3);margin-top:2px;font-size:12px}@media (max-width:700px){.admin-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.shell,.shell.no-members{grid-template-columns:64px minmax(0,1fr)}.sidebar,.members{display:none}}