@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Bricolage Grotesque", sans-serif;--heading:"Bricolage Grotesque", sans-serif;--mono:ui-monospace, Consolas, monospace;font-family:var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:145%}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;font-family:Bricolage Grotesque,sans-serif}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#e8ebf2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background:#0b0d12;--card:#151922;--input:#0d1119;--text:#e8ebf2;--muted:#858da0;--accent:#16365e;--accent-hover:#204875;background:#0b0d12;font-family:Bricolage Grotesque,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}html{background:var(--background)}body{min-height:100vh}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.login-page{isolation:isolate;background:var(--background);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.login-page:before,.login-page:after{z-index:-1;content:"";filter:blur(90px);pointer-events:none;border-radius:50%;width:48vw;max-width:600px;height:48vw;max-height:600px;position:absolute}.login-page:before{background:#0f2b566b;top:-35%;left:-12%}.login-page:after{background:#1a27493d;bottom:-48%;right:-15%}.auth-card{background:var(--card);border:1px solid #ffffff06;border-radius:14px;flex:none;width:460px;max-width:100%;margin:auto;padding:32px 34px 28px;box-shadow:0 12px 32px #0000003d}.brand{color:#f0f2f7;letter-spacing:-.3px;justify-content:center;align-items:center;gap:8px;min-height:22px;margin-bottom:24px;font-size:17px;font-weight:750;display:flex}.brand-mark{background:0 0;border:none;border-radius:6px;flex:0 0 22px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex;overflow:hidden}.brand-mark .brand-logo,.brand>.brand-logo{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;object-fit:contain;border-radius:30%;flex:0 0 48px;width:48px;min-width:50px;height:48px}.card-heading{text-align:center;margin-bottom:26px}.card-heading h1{color:var(--text);letter-spacing:-.3px;margin:0 0 8px;font-size:24px;font-weight:600;line-height:1.35}.card-heading p{color:#929bad;margin:0;font-size:13px;line-height:1.6}.field{flex-direction:column;gap:8px;min-width:0;margin-bottom:18px;display:flex}.field>span,.field-heading{color:#c5ccda;letter-spacing:.045em;font-size:11px;font-weight:700}.field-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.field input,.password-wrap input{background:var(--input);width:100%;min-width:0;height:42px;color:var(--text);border:1px solid #0000;border-radius:7px;outline:none;padding:0 12px;font-size:13px;transition:background .12s;display:block}.field input::placeholder,.password-wrap input::placeholder{color:#687386}.password-wrap{align-items:center;min-width:0;display:flex;position:relative}.password-wrap input{padding-right:52px}.password-toggle{color:#929bad;cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px;position:absolute;right:10px}.password-toggle:hover{color:#c5d8f2}.text-button,.switch-page button{color:#6b9edb;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0}.text-button{letter-spacing:0;white-space:nowrap;font-size:11px;font-weight:500}.text-button:hover,.switch-page button:hover{color:#a4c9f5;text-decoration:underline}.primary-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;width:100%;min-height:42px;margin-top:10px;padding:10px 14px;font-size:13px;font-weight:700;transition:background .12s,transform .12s;display:flex}.primary-button:hover{background:var(--accent-hover)}.primary-button:active{transform:translateY(1px)}.primary-button:focus-visible,.text-button:focus-visible,.password-toggle:focus-visible,.switch-page button:focus-visible{outline-offset:3px;outline:2px solid #507db5}.form-notice{color:#ffb6a8;overflow-wrap:anywhere;margin:14px 0 0;font-size:12px;line-height:1.6}.switch-page{color:#929bad;text-align:center;margin:22px 0 0;font-size:12px;line-height:1.6}.switch-page button{font-size:inherit;font-weight:600}.legal-links{color:#8993a5;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:10px;line-height:1.5;display:flex}.legal-links a{color:#8993a5;text-underline-offset:2px;text-decoration:underline}.legal-links a:hover{color:#dce6f5}a:focus-visible,input:focus-visible{outline-offset:2px}@media (width<=480px){.auth-card{width:100%;padding:28px 22px 24px}.card-heading h1{font-size:22px}}@media (width<=360px){.auth-card{padding-left:17px;padding-right:17px}}@media (height<=480px){.login-page{align-items:flex-start;overflow-y:auto}.auth-card{margin-top:12px;margin-bottom:12px}}.username-wrap{align-items:center;width:100%;min-width:0;display:flex;position:relative}.username-wrap input{width:100%;padding-right:58px}.username-tag{color:#687386;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:13px;position:absolute;right:12px}.app-loading{color:#e8ebf2;font-size:14px}.workspace{color:#e8ebf2;background:#0b0d12;width:100%;min-width:320px;height:100dvh;font-family:Bricolage Grotesque,sans-serif;display:flex;overflow:hidden}.server-rail{background:#090b10;border-right:1px solid #ffffff09;flex-direction:column;flex:0 0 68px;align-items:center;gap:10px;padding:16px 0;display:flex}.server-home,.server-icon,.server-add,.rail-avatar{color:#cbd5e5;cursor:pointer;background:#171c27;border:1px solid #ffffff0e;border-radius:15px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:15px;font-weight:750;transition:background .14s,border-radius .14s;display:flex}.server-home{background:#16365e;overflow:hidden}.server-home img{object-fit:cover;width:100%;height:100%}.server-home:hover,.server-icon:hover,.server-icon.active{color:#fff;background:#204875;border-radius:12px}.rail-divider{background:#252b37;width:30px;height:1px;margin:2px 0}.server-add{color:#79b4e8;background:0 0;border-style:dashed;font-size:25px;font-weight:400}.server-add:hover{background:#16365e}.rail-spacer{flex:1}.rail-avatar,.user-avatar,.message-avatar{color:#fff;background:#23456f;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.rail-avatar{flex-basis:38px;width:38px;height:38px}.channel-sidebar{background:#10141c;border-right:1px solid #ffffff0b;flex-direction:column;flex:0 0 238px;min-width:0;display:flex}.workspace-name{color:#f0f3fa;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;min-height:60px;padding:0 18px;font-size:15px;font-weight:750;display:flex}.workspace-chevron{color:#8590a3;font-size:19px}.sidebar-search{color:#8490a4;background:#0b0f16;border:1px solid #252c39;border-radius:7px;align-items:center;gap:8px;height:34px;margin:14px 12px 18px;padding:0 10px;display:flex}.sidebar-search>span{font-size:19px}.sidebar-search input{color:#e8ebf2;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:12px}.channel-scroll{flex:1;padding:0 10px 12px;overflow-y:auto}.sidebar-section-heading{color:#778399;letter-spacing:.09em;justify-content:space-between;align-items:center;gap:8px;margin:0 4px 8px;font-size:10px;font-weight:800;display:flex}.sidebar-section-heading button{color:#8894a9;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:20px}.sidebar-section-heading button:hover{color:#fff}.channel-item{color:#929db0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;min-height:36px;margin:2px 0;padding:0 10px;font-size:13px;display:flex}.channel-item:hover{color:#e4eaf5;background:#1a202c}.channel-item.selected{color:#f4f7fc;background:#1c2a3d;font-weight:650}.channel-hash{color:#75849b;font-size:20px;font-weight:400;line-height:1}.channel-item.selected .channel-hash{color:#8fc6ff}.direct-heading{margin-top:30px}.empty-dms{color:#717d91;padding:7px 5px;font-size:11px;line-height:1.7}.user-panel{background:#0c1017;border-top:1px solid #ffffff0e;align-items:center;gap:7px;min-height:68px;padding:10px;display:flex}.user-panel-profile{color:#e8ebf2;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:0;display:flex}.user-avatar{width:34px;height:34px;font-size:13px}.user-panel-name,.member-name{flex-direction:column;gap:3px;min-width:0;display:flex}.user-panel-name strong,.member-name strong{color:#e8ebf2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.user-panel-name small,.member-name small{color:#8490a3;font-size:10px}.logout-button{color:#929db0;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.logout-button:hover{color:#fff;background:#242c39}.chat-panel{background:#0d1118;flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{background:#10141ccc;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;min-height:60px;padding:0 20px;display:flex}.chat-header-title{align-items:center;gap:9px;min-width:0;display:flex}.chat-header-title strong{color:#eef2fa;font-size:14px}.chat-header-actions button{color:#8d99ad;cursor:pointer;background:0 0;border:0;border-radius:6px;width:34px;height:34px;font-size:20px}.chat-header-actions button:hover{color:#fff;background:#1d2431}.message-list{flex-direction:column;flex:1;gap:22px;padding:24px 24px 20px;display:flex;overflow-y:auto}.message-row{align-items:flex-start;gap:12px;max-width:900px;display:flex}.message-avatar{width:38px;height:38px;font-size:14px}.message-content{flex:1;min-width:0}.message-meta{flex-wrap:wrap;align-items:center;gap:8px;min-height:22px;display:flex}.message-meta strong{color:#e7edf8;font-size:13px;font-weight:700}.message-meta time{color:#707d91;font-size:10px}.bot-label{color:#a8d4ff;letter-spacing:.04em;background:#1c3a5c;border-radius:3px;padding:2px 4px;font-size:8px;font-weight:800}.message-content p{color:#c0c9d8;overflow-wrap:anywhere;white-space:pre-wrap;margin:4px 0 0;font-size:13px;line-height:1.7}.channel-welcome{margin-top:auto;padding:22px 0}.welcome-hash{color:#9bc9f6;background:#1b2636;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:29px;display:flex}.channel-welcome h2{color:#e9eef7;letter-spacing:-.5px;margin:0 0 8px;font-size:23px}.channel-welcome p{color:#8793a7;margin:0;font-size:13px}.workspace-notice{color:#b9d5f4;background:#111e2d;border:1px solid #263c57;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin:0 18px 10px;padding:10px 12px;font-size:11px;line-height:1.6;display:flex}.workspace-notice button{color:#a5b7cc;cursor:pointer;background:0 0;border:0;flex:none;font-size:18px}.message-composer{background:#151a24;border:1px solid #262d3a;border-radius:9px;align-items:center;gap:12px;min-height:48px;margin:0 18px 20px;padding:0 12px;transition:border-color .14s;display:flex}.message-composer:focus-within{border-color:#355d89}.message-composer>button{color:#9aa8bc;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:23px;display:flex}.message-composer>button:hover:not(:disabled){color:#fff;background:#253247}.message-composer input{color:#e8ebf2;background:0 0;border:0;outline:none;flex:1;min-width:0;height:42px;font-size:13px}.message-composer input::placeholder{color:#788499}.message-composer .send-button{font-size:21px}.message-composer .send-button:disabled{opacity:.35;cursor:default}.members-sidebar{background:#10141c;border-left:1px solid #ffffff0d;flex:0 0 205px;padding:24px 12px;overflow-y:auto}.members-sidebar h3{color:#778399;letter-spacing:.07em;margin:0 0 18px 4px;font-size:10px;font-weight:800}.member-item{border-radius:6px;align-items:center;gap:9px;min-width:0;padding:7px 4px;display:flex}.member-item:hover{background:#1a202c}.member-name{flex:1}.online-dot{background:#54c58a;border-radius:50%;flex:0 0 7px;width:7px;height:7px}@media (width<=900px){.members-sidebar{display:none}}@media (width<=620px){.server-rail{flex-basis:54px}.server-home,.server-icon,.server-add{flex-basis:38px;width:38px;height:38px}.channel-sidebar{flex-basis:185px}.message-list{padding:18px 14px}.chat-header{padding:0 14px}.message-composer{margin:0 10px 12px}}@media (width<=440px){.channel-sidebar{flex-basis:145px}.workspace-name{padding:0 12px;font-size:13px}.sidebar-search{margin:10px 7px 16px;padding:0 6px}.channel-scroll{padding-left:5px;padding-right:5px}.sidebar-section-heading{font-size:9px}.channel-item{gap:5px;padding:0 6px;font-size:11px}.user-panel{gap:3px;padding:7px 5px}.user-panel .user-avatar{width:28px;height:28px}.user-panel-name strong{font-size:10px}.user-panel-name small{font-size:9px}.logout-button{flex-basis:25px;width:25px}.message-avatar{width:32px;height:32px}.message-list{gap:18px;padding:16px 10px}}