@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{color-scheme:dark;--bg:#0d0d13;--panel:#15151f;--panel2:#1b1b29;--border:#292936;--muted:#89899f;--text:#f4f2ff;--violet:#885df6;--violet2:#b49aff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.brand-title,h1,h2,h3{font-family:Space Grotesk,sans-serif}button{transition:.18s ease}.shell,.sidebar{display:flex;min-height:100vh}.sidebar{width:252px;flex:none;border-right:1px solid #242430;background:#111119;flex-direction:column;padding:27px 15px 18px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 32px}.logo-mark{display:inline-grid;place-items:center;width:41px;height:41px;flex:none;border-radius:13px;background:linear-gradient(140deg,#b897ff,#7042e8 72%);color:white;font-size:24px;font-weight:800;font-family:Space Grotesk;box-shadow:0 7px 30px #8455fc35}.brand-title{font-size:19px;font-weight:700;letter-spacing:-.7px}.auth-head strong span,.brand-title span{color:#b28bff}.brand-title small{display:block;font:700 9px DM Sans;letter-spacing:1.2px;margin-top:3px;color:#777588}.workspace{display:flex;gap:10px;align-items:center;border:1px solid #30303f;background:#1b1b27;border-radius:12px;padding:11px;margin-bottom:32px}.top-avatar,.workspace-avatar{display:grid;place-items:center;border-radius:10px;width:34px;height:34px;background:#44316b;color:#cfb9ff;font-weight:800;font-size:12px}.workspace>div:nth-child(2){min-width:0;flex:1 1}.workspace small,.workspace strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace strong{font-size:12px}.workspace small{font-size:10px;margin-top:4px}.workspace small,.workspace svg{color:var(--muted)}.eyebrow,.sidebar-label{font-size:10px;font-weight:800;letter-spacing:1.65px;color:#a790ed}.sidebar-label{margin:0 12px 13px;color:#656378}.sidebar nav{display:grid;grid-gap:4px;gap:4px}.nav-item{border:0;background:none;color:#9b98af;display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:10px;text-align:left;font-size:13px;font-weight:600;width:100%}.nav-item:hover{color:white;background:#222131}.nav-item.active{background:#29213d;color:#cbb6ff}.nav-item.active svg{color:#aa83ff}.nav-active-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#b692ff}.sidebar-bottom{margin-top:auto;border-top:1px solid #292937;padding-top:14px;display:grid;grid-gap:3px;gap:3px}.sidebar-bottom a,.sidebar-bottom button{border:0;background:none;color:#9290a4;display:flex;gap:13px;align-items:center;text-align:left;padding:11px 12px;font-size:12px}.sidebar-bottom a svg:last-child{margin-left:auto}.sidebar-bottom a:hover,.sidebar-bottom button:hover{color:white}.side-version{padding:19px 12px 0;color:#5f5f73;font-size:9px;font-weight:800;letter-spacing:1px}.side-version span{float:right}.main{flex:1 1;min-width:0}.topbar{height:73px;border-bottom:1px solid #252532;justify-content:space-between;padding:0 39px}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:12px;font-size:12px;color:#77768a}.breadcrumb strong{color:#e6e2f0;font-weight:600}.top-actions{display:flex;gap:18px;align-items:center}.top-actions>button{border:0;background:none;color:#9390a8}.connection{font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px;color:#a4a2b8}.connection span{width:7px;height:7px;border-radius:50%;background:#e36c7e}.connection.online span{background:#3cdb9a;box-shadow:0 0 12px #3cdb9a80}.top-avatar{border-radius:50%;width:32px;height:32px}.main-content{max-width:1330px;margin:auto;padding:41px 41px 90px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:16px}.page-head h1{font-size:32px;letter-spacing:-1.4px;margin:8px 0}.page-head p{color:#9996aa;font-size:13px;margin:0}.outline{display:inline-flex;gap:9px;align-items:center;justify-content:center;border:1px solid #343343;color:#dbd8ea;background:#1a1a25;border-radius:9px;padding:10px 15px;font-weight:700;font-size:12px}.outline:hover{background:#292639}.hero{min-height:285px;background:radial-gradient(ellipse at 85% 22%,#503488 0,#29203e 30%,transparent 65%),linear-gradient(115deg,#241d3a,#151622);border:1px solid #463362;border-radius:16px;display:flex;position:relative;overflow:hidden;margin-bottom:20px}.hero-content{padding:36px 42px;position:relative;z-index:1;max-width:550px}.hero-pill{display:inline-flex;gap:7px;align-items:center;color:#d0b8ff;border:1px solid #7559a07a;border-radius:99px;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:1px}.hero h2{font-size:39px;line-height:1.1;margin:15px 0 12px;letter-spacing:-1.8px}.hero h2 span{color:#b98aff}.hero p{font-size:12px;max-width:360px;color:#a9a2bf;line-height:1.8}.hero-button,.primary{border:0;color:white;background:#8052ed;padding:12px 16px;border-radius:9px;display:inline-flex;gap:13px;align-items:center;justify-content:center;font-size:12px;font-weight:800}.hero-button:hover,.primary:hover{background:#9469f7}.hero-art{position:absolute;right:11%;top:0;height:100%;width:300px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #a780fa2f;border-radius:50%;transform:rotate(-22deg) scaleY(.6)}.orbit-one{height:380px;width:380px}.orbit-two{height:270px;width:270px}.hero-glyph{font-family:Space Grotesk;font-size:155px;font-weight:800;color:#c2a3ff;text-shadow:0 0 90px #9c6dff;transform:rotate(-12deg)}.floating-dot{position:absolute;border-radius:50%;background:#bda4ff;box-shadow:0 0 24px #a780ff}.f1{width:11px;height:11px;top:52px;right:27px}.f2{width:6px;height:6px;bottom:37px;left:5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:17px;gap:17px;margin-bottom:20px}.panel,.stat{background:#161620;border:1px solid #2a2936;border-radius:13px}.stat{min-height:151px;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;margin-bottom:14px}.violet{background:#372652;color:#b895ff}.blue{background:#23314c;color:#81afff}.green{background:#1d4039;color:#57e7ba}.stat>span{font-size:11px;color:#9591a8}.stat strong{font:700 29px Space Grotesk;margin:5px 0}.stat small{font-size:10px;color:#666579}.two-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:19px;gap:19px}.panel{min-width:0;overflow:hidden}.panel-header{padding:21px 24px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #272733;gap:12px}.panel-header h3{font-size:15px;margin:0 0 5px}.panel-header p{margin:0;color:#77768d;font-size:11px}.link-btn{border:0;background:none;color:#b999ff;gap:6px;font-weight:700;font-size:11px}.link-btn,.server-line{display:flex;align-items:center}.server-line{padding:14px 24px;gap:12px;border-bottom:1px solid #242430}.server-line:last-child{border:0}.server-avatar,.tile-avatar{display:grid;place-items:center;flex:none;background-color:#41315e;background-size:cover;background-position:50%;color:#e1caff;font-weight:800;font-size:12px;border-radius:12px;width:37px;height:37px}.server-line>div:nth-child(2){flex:1 1;min-width:0}.server-line small,.server-line strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.server-line strong{font-size:12px}.server-line small{font-size:10px;color:#79768c;margin-top:5px}.server-status{font-size:10px;color:#55dca7;background:#1d3b32;padding:6px 9px;border-radius:99px}.quick{display:flex;width:100%;gap:13px;padding:14px 23px;border:0;border-bottom:1px solid #242430;background:transparent;color:inherit;align-items:center;text-align:left}.quick:hover{background:#201d2e}.quick-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#292239;color:#b59cff}.quick>span:nth-child(2){flex:1 1}.quick small,.quick strong{display:block}.quick strong{font-size:12px}.quick small{color:#77768d;font-size:10px;margin-top:5px}.quick>svg{color:#66647a}.empty{padding:53px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#847f98;text-align:center;gap:11px}.empty strong{font-size:13px;color:#e4e0f0}.empty p{font-size:12px;line-height:1.5;max-width:240px}.alert{background:#3e232d;border:1px solid #75394e;padding:13px;border-radius:8px;color:#ffa7b9;font-size:12px;margin:16px 0}.alert.wide{display:flex;justify-content:space-between}.alert button{background:none;border:0;color:inherit}.count{font:700 11px DM Sans;padding:4px 7px;border-radius:7px;background:#35294c;color:#c7a9ff}.search{display:flex;align-items:center;gap:7px;background:#20202d;border:1px solid #30303e;border-radius:9px;padding:9px;color:#79778b}.search input{outline:0;border:0;background:none;color:white;font-size:12px;width:150px}.server-grid{padding:23px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:14px;gap:14px}.server-tile{border:1px solid #30303f;border-radius:12px;background:#1b1b28;text-align:left;padding:22px 17px;display:flex;flex-direction:column;align-items:flex-start;min-height:160px;color:white}.server-tile.selected,.server-tile:hover{border-color:#9366ed;background:#242036}.tile-avatar{width:47px;height:47px;font-size:16px;margin-bottom:18px}.server-tile strong{font-size:12px;margin-bottom:8px}.server-tile small{display:flex;align-items:center;gap:5px;color:#b49bff;font-size:10px}.chat-layout{display:grid;grid-template-columns:270px minmax(0,1fr);grid-gap:16px;gap:16px;min-height:600px}.channels-panel{padding-bottom:24px}.select{background:#252331;color:#ede9fb;border:1px solid #393448;border-radius:9px;padding:11px;margin:18px;width:calc(100% - 36px);font-size:12px;min-width:0}.channels-list{padding:0 12px}.channels-list button{width:100%;display:flex;gap:9px;align-items:center;border:0;background:none;color:#9a95ab;text-align:left;padding:11px;border-radius:8px;font-size:12px}.channels-list button.chosen,.channels-list button:hover{background:#322747;color:#d2b7ff}.compact{padding:22px;font-size:11px}.chat-panel{display:flex;flex-direction:column;min-width:0}.chat-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid #292836;padding:22px;color:#bba4ed}.chat-top strong{font-size:13px;color:white}.chat-top span{font-size:10px;color:#77748d;margin-left:auto}.chat-body{flex:1 1;min-height:400px;max-height:650px;overflow-y:auto;padding:20px}.message{display:flex;gap:12px;margin-bottom:23px}.message-avatar{background:#36304e;color:#ceb8ff;display:grid;place-items:center;border-radius:50%;width:36px;height:36px;flex:none;font-size:11px;font-weight:800}.message-heading{display:flex;gap:12px;align-items:center}.message-heading strong{font-size:12px}.message-heading time{color:#646174;font-size:10px}.message p{font-size:12px;white-space:pre-wrap;word-break:break-word;color:#c3bfd0;margin:7px 0 0;line-height:1.6}.chat-empty{height:100%}.composer{margin:14px;padding:9px 9px 9px 17px;background:#222231;border:1px solid #353345;border-radius:11px;display:flex}.composer input{flex:1 1;border:0;outline:0;background:none;color:white;min-width:0;font-size:12px}.composer button{border:0;background:#7e51eb;color:white;border-radius:8px;padding:10px;display:grid;place-items:center}.command-list{padding:0 24px}.command-row{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid #2b2936}.command-icon{background:#30263f;color:#b99cff;padding:12px;border-radius:10px}.command-row label{min-width:0;flex:1 1}.command-row label.grow{flex:2 1}.command-row label small{display:block;color:#777189;font-size:9px;font-weight:800;letter-spacing:.7px;margin-bottom:6px}.command-row input,.profile-form input,.profile-form textarea{width:100%;outline:0;background:#222230;border:1px solid #353445;color:white;border-radius:8px;padding:11px;font-size:12px}.command-row input:focus,.profile-form input:focus,.profile-form textarea:focus{border-color:#986ef9}.remove{border:0;background:transparent;color:#89859b}.panel-footer{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-footer>div{display:flex;align-items:center;gap:8px;color:#89849b;font-size:11px}.profile-form{padding:24px;display:grid;grid-gap:21px;gap:21px}.profile-form label{display:grid;grid-gap:9px;gap:9px;font-size:12px;color:#ddd6ef;font-weight:700}.profile-form textarea{resize:vertical}.profile-form label small{font-size:10px;color:#777189;text-align:right}.profile-form button{justify-self:start}.preview-card{margin:23px;border:1px solid #343042;border-radius:13px;overflow:hidden;background:#1d1b29;padding-bottom:22px}.preview-banner{height:115px;background:radial-gradient(circle at 70% 20%,#8556ca,#47316a 35%,#2a213a 80%)}.preview-pfp{width:78px;height:78px;background-color:#59418a;background-position:50%;background-size:cover;border:5px solid #1d1b29;border-radius:50%;display:grid;place-items:center;margin:-39px 0 12px 20px;font-size:23px;font-weight:800}.preview-card h3{margin:0 20px 4px;font-size:19px}.preview-card>p{margin:0 20px;color:#8d869f;font-size:11px}.bot-badge{background:#8464f1;color:white;padding:3px 5px;font:800 9px DM Sans;border-radius:3px;vertical-align:middle}.preview-bio{margin:22px 20px 0;color:#b3acc4;font-size:12px;line-height:1.6}.hint{color:#858097;padding:0 23px 22px;font-size:11px;line-height:1.8}.setting-row{justify-content:space-between;padding:19px 23px;border-bottom:1px solid #292735;gap:14px}.setting-row,.setting-row span{display:flex;align-items:center}.setting-row span{gap:10px;font-size:12px}.setting-row span svg{color:#ab8df5}.setting-row strong{font-size:11px;color:#65ddae}.setting-row small{font-size:11px;color:#8b87a0}.resource{display:flex;gap:13px;align-items:center;padding:21px 23px;border-bottom:1px solid #292735;font-size:12px}.resource:hover{background:#242033}.resource svg:first-child{color:#af90ff}.resource svg:last-child{margin-left:auto;color:#777189}.toast{position:fixed;bottom:24px;right:25px;background:#263a31;color:#a6f5ce;border:1px solid #38684d;border-radius:10px;gap:12px;padding:15px 21px;box-shadow:0 15px 50px #0008;z-index:20;font-size:12px}.auth-page,.toast{display:flex;align-items:center}.auth-page{min-height:100vh;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 25%,#2b1d46,#11111a 54%,#0c0c11 85%);position:relative;overflow:hidden;padding:35px 20px}.auth-glow{position:absolute;width:580px;height:580px;border-radius:50%;border:1px solid #66478d29;box-shadow:0 0 0 80px #7150990c,0 0 0 160px #71509908}.auth-head{display:flex;align-items:center;gap:12px;margin-bottom:31px;position:relative}.auth-head strong{font:700 23px Space Grotesk;letter-spacing:-1px}.auth-card{position:relative;background:#171520ed;border:1px solid #4b3a61;border-radius:19px;padding:40px;width:100%;max-width:438px;box-shadow:0 27px 110px #0008}.auth-symbol{display:grid;place-items:center;width:53px;height:53px;border-radius:15px;background:#35224f;color:#c3a1ff;margin-bottom:22px}.auth-card h1{font-size:42px;letter-spacing:-2px;line-height:1.1;margin:12px 0}.auth-card h1 em{font-style:normal;color:#b897ff}.auth-card>p{color:#a6a0b9;font-size:13px;line-height:1.7}.auth-card form{display:grid;grid-gap:12px;gap:12px;margin-top:26px}.auth-card label{font-size:12px;font-weight:700}.password-wrap{display:flex;gap:10px;align-items:center;background:#211d2c;border:1px solid #3e344c;border-radius:10px;padding:13px;color:#8b7da6}.password-wrap input{border:0;outline:0;background:none;color:white;width:100%;font-size:13px}.full{width:100%;padding:14px;margin-top:3px}.auth-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;color:#6b6680;font-size:10px}.auth-bottom{position:relative;margin-top:35px;color:#656072;font-size:9px;font-weight:800;letter-spacing:1.2px}.auth-bottom span{padding:0 10px}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a9a1bf}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.hamburger,.mobile-close{display:none}@media(max-width:1100px){.hero-art{right:0;opacity:.65}.main-content{padding:32px 25px}.topbar{padding:0 25px}}@media(max-width:850px){.sidebar{position:fixed;z-index:30;transform:translateX(-100%);transition:transform .2s;box-shadow:20px 0 80px #0009}.sidebar.show{transform:none}.hamburger,.mobile-close{display:block;border:0;background:none;color:#ddd}.mobile-close{margin-left:auto}.chat-layout,.two-cols{grid-template-columns:1fr}.chat-layout{min-height:auto}.chat-body{min-height:320px}.hero-art{opacity:.25}.stats{gap:9px}.stat{padding:14px}.topbar{height:65px}}@media(max-width:540px){.main-content{padding:27px 16px}.topbar{padding:0 17px}.connection{font-size:0}.connection span{width:8px;height:8px}.top-actions{gap:10px}.page-head h1{font-size:28px}.page-head p{line-height:1.6}.page-head .outline{font-size:0;gap:0;padding:10px}.page-head .outline svg{width:17px}.hero-content{padding:28px}.hero h2{font-size:30px}.hero{min-height:255px}.stats{grid-template-columns:1fr}.stat{min-height:110px;display:grid;grid-template-columns:40px 1fr;grid-column-gap:10px;column-gap:10px;align-items:center}.stat-icon{grid-row:span 3;margin:0}.stat strong{font-size:23px}.stat small{font-size:9px}.command-row{flex-wrap:wrap}.command-icon{display:none}.command-row label{flex-basis:45%}.panel-footer{align-items:flex-start;flex-direction:column}.auth-card{padding:28px}.auth-card h1{font-size:35px}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}}