:root{color-scheme:dark;--bg:#191a21;--panel:#14151b;--rail:#101116;--raised:#23242d;--line:#2b2c35;--text:#eeeef3;--muted:#9394a5;--purple:#b7a1fa;--purple-dark:#8b6de0;--green:#86d6b7;--font:'DM Sans',sans-serif;--heading:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--font);overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button,a,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--purple)}input:focus,textarea:focus{outline:0;border-color:var(--purple)}button:disabled{opacity:.45;cursor:default}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.app{display:grid;grid-template-columns:76px 240px minmax(0,1fr) 252px;height:100dvh;max-width:2000px;margin:auto}.server-rail{background:var(--rail);padding:22px 13px;display:flex;align-items:center;flex-direction:column;gap:20px}.rail-logo{color:var(--purple);display:grid;place-items:center;width:48px;height:43px}.rail-logo svg{width:33px;height:33px;stroke-width:2.8}.rail-rule{height:1px;width:30px;background:var(--line);margin:-2px 0}.server{background:#a68aeb;border-radius:17px;position:relative;width:48px;height:48px;color:#242031;font:bold 24px var(--heading);transition:background .2s}.server:hover{background:#c0acf8}.server.active:before{content:'';position:absolute;left:-13px;top:9px;width:4px;height:30px;background:#e5ddff;border-radius:0 4px 4px 0}.server i{position:absolute;background:var(--green);width:12px;height:12px;border:3px solid var(--rail);border-radius:50%;right:-2px;bottom:-2px}.rail-bottom{margin-top:auto;text-align:center;display:grid;gap:22px}.rail-help{color:#737583;display:grid;place-items:center;margin:auto}.rail-caption{font-size:8px;letter-spacing:2px;color:#535560;writing-mode:vertical-rl;margin:auto}.channel-sidebar{background:var(--panel);display:flex;flex-direction:column;min-height:0;border-right:1px solid #202129}.community-header{height:72px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262731;flex-shrink:0;font-weight:700;font-size:14px}.community-header>span{display:flex;align-items:center;gap:10px}.community-header svg{width:15px;color:#878995}.community-icon{width:24px;height:24px;border-radius:7px;background:#b5a0f7;color:#292233;display:grid;place-items:center;font:bold 14px var(--heading)}.community-cover{height:140px;flex-shrink:0;margin:18px 14px 14px;border-radius:10px;background:linear-gradient(120deg,#343042,#252431);padding:18px;position:relative;overflow:hidden}.tiny-label{font-size:8px;letter-spacing:1.65px;color:#bdb1d8;position:relative}.community-cover strong{display:block;margin-top:10px;font:700 18px var(--heading);position:relative}.community-cover p{font-size:11px;color:#a79ab9;margin:6px 0}.community-cover>svg{position:absolute;width:68px;height:68px;right:-5px;bottom:5px;opacity:.12;color:#e4d5ff;stroke-width:1}.cover-lines{position:absolute;width:170px;height:170px;border:1px solid #615472;border-radius:50%;right:-84px;top:-25px;box-shadow:0 0 0 17px #61547222,0 0 0 36px #61547218}.channel-scroll{padding:4px 13px;overflow:auto;flex:1}.channel-group-label{font-size:10px;letter-spacing:1px;font-weight:700;color:#707180;margin:15px 8px 11px;display:flex;justify-content:space-between;align-items:center}.channel-group-label svg{width:12px;height:12px}.channel{height:41px;width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:0 13px;color:#8e8f9f;border-radius:6px;margin:3px 0;transition:background .15s;color .15s}.channel svg{width:19px;height:19px;stroke-width:1.7;color:#656677}.channel:hover{background:#24242f;color:#c1bfcc}.channel.active{background:#302a42;color:#dfd3ff;font-weight:600}.channel.active svg{color:#b99aff}.channel-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#b39bf5}.voice-label{margin-top:30px}.live-label{background:#29433966;color:#80c5a9;font-size:8px;letter-spacing:.6px;padding:4px 6px;border-radius:3px}.voice-channel{font-size:12px}.voice-channel small{margin-left:auto;color:#676978;font-size:10px}.voice-channel.connected{color:var(--green)}.sidebar-tip{display:flex;align-items:center;gap:13px;margin:26px 10px 16px;font-size:11px;color:#797986;line-height:1.7}.sidebar-tip strong{color:#aaa6bb;font-weight:500}.tip-icon{font-size:27px;color:#6c577a}.user-dock{height:77px;background:#101116;display:flex;align-items:center;padding:12px;gap:4px;border-top:1px solid #23232e;flex-shrink:0}.user-profile{display:flex;align-items:center;gap:9px;min-width:0;flex:1;text-align:left;padding:0}.user-profile>span:last-child{overflow:hidden}.user-profile strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.user-profile small{display:block;font-size:9px;color:#747584;margin-top:4px}.avatar{height:36px;width:36px;flex-shrink:0;background:linear-gradient(135deg,#c3a6f8,#7064ac);color:#282234;border-radius:12px;display:grid;place-items:center;font:800 13px var(--heading);position:relative}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-self:after,.member-avatar:after{content:'';width:9px;height:9px;position:absolute;right:-2px;bottom:-2px;background:var(--green);border:2px solid #14151b;border-radius:50%}.icon-button{height:34px;width:30px;display:grid;place-items:center;color:#888a9a;border-radius:6px;flex-shrink:0}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:#ffffff0a;color:#dedbe8}.icon-button.active{color:var(--purple);background:#9f8cc214}.icon-button.danger{color:#ed989f}.main-area{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-header{height:72px;display:flex;align-items:center;gap:11px;padding:0 26px;border-bottom:1px solid #292a33;flex-shrink:0}.header-channel-icon{color:#92909f;width:22px}.chat-header>strong{font:700 14px var(--heading);white-space:nowrap}.header-divider{height:18px;width:1px;background:#383842;margin:0 4px}.channel-topic{font-size:11px;color:#777887;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.search-field{display:flex;gap:7px;align-items:center;padding:8px 10px;background:#101116;border:1px solid #25262f;border-radius:6px;width:170px}.search-field input{background:none;border:none;color:#ccc9d8;width:100%;font-size:10px;min-width:0}.search-field svg{width:13px;height:13px;color:#686a78}.search-field input::placeholder{color:#666877}.connection-banner{min-height:37px;padding:8px 27px;background:#242229;display:flex;align-items:center;gap:8px;font-size:10px;color:#a99ead;flex-shrink:0;border-bottom:1px solid #3b333f}.status-dot{display:inline-block;background:var(--green);width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.amber{background:#bdaa72}.connection-banner button{margin-left:auto;font-size:10px;color:#cfbaff;font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap}.connection-banner button svg{width:12px;height:12px}.connection-banner.online{background:#1b2825;color:#98b6a9;border-color:#2b3b35}.connection-banner.offline{background:#32242a;color:#dfa7b5}.chat-view{display:flex;flex-direction:column;min-height:0;flex:1}.messages{overflow:auto;flex:1;padding:32px 30px 24px;scrollbar-width:thin;scrollbar-color:#393943 transparent}.channel-intro{margin:5px 0 34px}.channel-intro .intro-icon{width:64px;height:64px;background:#34313e;border-radius:22px;display:grid;place-items:center;color:#c9b4f6;margin-bottom:21px}.intro-icon svg{width:33px;height:33px}.channel-intro .intro-eyebrow{font-size:9px;color:#8c7fa4;letter-spacing:1.9px;font-weight:700}.channel-intro h1{font:800 31px var(--heading);letter-spacing:-1.3px;margin:8px 0 11px}.channel-intro h1 span{color:var(--purple)}.channel-intro p{color:#898996;font-size:12px;line-height:1.75;margin:0}.intro-tags{display:flex;gap:8px;margin:18px 0 0}.intro-tag{padding:6px 9px;border:1px solid #33323d;border-radius:5px;color:#a19aaf;display:flex;align-items:center;gap:5px;font-size:9px}.intro-tag svg{width:12px;height:12px}.date-divider{display:flex;align-items:center;gap:15px;color:#666775;font-size:9px;margin:24px 0}.date-divider:before,.date-divider:after{content:'';height:1px;flex:1;background:#303039}.empty-chat{border:1px dashed #353440;border-radius:10px;padding:25px;text-align:center;margin:16px 0;background:#24222b50}.empty-chat strong{font-size:12px;color:#b4acbf}.empty-chat p{font-size:11px;color:#787785;margin-bottom:0}.message-row{display:flex;gap:12px;padding:11px 0;border-radius:6px}.message-row .avatar{width:35px;height:35px;border-radius:12px;font-size:12px}.message-body{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:9px;margin:1px 0 6px}.message-meta strong{font-size:12px;font-weight:700;color:#cec1ee}.message-meta time{font-size:9px;color:#666675}.self-tag{color:#96889e;background:#aaa0bd13;font-size:7px;letter-spacing:.5px;padding:2px 4px;border-radius:2px}.message-text{font-size:12px;color:#c6c5d1;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;margin:0}.message-text a{color:#bcacf2;text-decoration:underline}.message-image{display:block;border:0;padding:0;margin-top:10px;max-width:400px;border-radius:9px;overflow:hidden;background:#111}.message-image img{max-width:100%;max-height:320px;display:block;object-fit:contain}.composer-area{margin:0 28px 20px;position:relative;flex-shrink:0}.composer{background:#272832;border:1px solid #33343f;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;transition:border-color .2s}.composer:focus-within{border-color:#79699c}.attach-button{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#252630;background:#92909f;flex-shrink:0}.attach-button svg{width:16px;height:16px;stroke-width:2.5}.attach-button:hover{background:#b7a1fa}.composer textarea{resize:none;min-height:22px;max-height:110px;background:none;border:none;color:#ddd9e8;flex:1;min-width:0;font-size:12px;padding:4px;line-height:1.7;outline:none}.composer textarea::placeholder{color:#72717f}.composer .send-button{width:34px;height:32px;border-radius:7px;background:#b39bf1;color:#282132;display:grid;place-items:center;flex-shrink:0}.send-button svg{width:17px;height:17px}.send-button:hover{background:#c6afff}.composer-hint{display:flex;align-items:center;justify-content:space-between;margin:10px 2px 0;color:#595b69;font-size:8px}.composer-hint kbd{font:inherit;color:#747282}.hint-dot{margin:0 5px}.attachment-preview{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #34313f;background:#23222b;border-radius:9px 9px 0 0;margin-bottom:5px}.attachment-preview img{height:55px;max-width:100px;border-radius:5px;object-fit:cover}.attachment-preview span{font-size:11px;color:#bbb4c7;overflow:hidden;text-overflow:ellipsis}.attachment-preview button{margin-left:auto}.emoji-picker{position:absolute;bottom:80px;right:40px;background:#2b2934;border:1px solid #484151;padding:10px;border-radius:10px;grid-template-columns:repeat(5,1fr);display:grid;gap:5px;box-shadow:0 8px 25px #0004;z-index:10}.emoji-picker button{font-size:22px;padding:6px;border-radius:5px}.emoji-picker button:hover{background:#ffffff12}.members-sidebar{background:#16171d;padding:29px 21px;border-left:1px solid #24252e;display:flex;flex-direction:column;overflow:auto}.member-section-head{display:flex;gap:8px;font-size:9px;letter-spacing:1.1px;font-weight:700;color:#797b88;align-items:center}.member-section-head span{font-size:8px;min-width:16px;height:16px;display:grid;place-items:center;background:#292b33;border-radius:4px;letter-spacing:0}.member-list{margin-top:20px}.member-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.member-row strong{font-size:11px;display:block;font-weight:500;color:#b9b7c8;max-width:135px;overflow:hidden;text-overflow:ellipsis}.member-row small{font-size:9px;color:#656776;display:block;margin-top:4px}.member-row .avatar{width:32px;height:32px;border-radius:10px;font-size:11px}.invite-card{margin-top:30px;padding:20px 17px 18px;background:linear-gradient(160deg,#27242f,#1d1c24);border:1px solid #39303f;border-radius:10px;overflow:hidden;position:relative}.card-eyebrow{font-size:7px;letter-spacing:1.5px;color:#927aab}.mini-waves{display:flex;align-items:center;gap:5px;height:52px;margin-top:19px;color:#ad8ed6}.mini-waves i{width:5px;height:13px;background:currentColor;border-radius:5px}.mini-waves i:nth-child(2),.mini-waves i:nth-child(6){height:26px}.mini-waves i:nth-child(3),.mini-waves i:nth-child(5){height:37px}.mini-waves i:nth-child(4){height:49px}.invite-card h3{font:700 16px var(--heading);letter-spacing:-.4px;margin:15px 0 9px}.invite-card p{font-size:10px;color:#87828f;line-height:1.8;margin:0}.invite-card button{width:100%;margin-top:21px;padding:11px 0;border-top:1px solid #423548;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#c2a6df;font-weight:600;text-align:left}.invite-card button svg{width:13px;height:13px}.sidebar-bottom{margin-top:auto;padding-top:45px}.brand-word{font:800 22px var(--heading);letter-spacing:-1.2px;color:#595763}.brand-word span{color:#6c577d;font-size:20px;margin-left:4px}.sidebar-bottom p{font-size:9px;color:#484a56;margin:6px 0}.voice-dock{padding:12px 16px;background:#17352b40;display:flex;align-items:center;border-top:1px solid #273a33;gap:7px}.voice-dock>div{flex:1}.voice-dock strong{font-size:10px;color:var(--green);margin-left:6px}.voice-dock small{display:block;color:#777f81;font-size:9px;margin-top:5px}.voice-view{flex:1;overflow:auto;padding:62px 40px 28px;text-align:center;background:radial-gradient(ellipse at 50% 30%,#4e3e6917,transparent 70%)}.voice-kicker{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#9c89b2;letter-spacing:2px}.voice-heading h1{font:800 36px var(--heading);letter-spacing:-1px;margin:17px 0 12px}.voice-heading p{font-size:12px;color:#82828e}.voice-participants{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:45px auto 24px;max-width:640px}.participant-card{width:143px;height:177px;background:#25232e;border:1px solid #3b3448;border-radius:14px;padding:24px 12px;display:flex;flex-direction:column;align-items:center}.participant-card.connected{border-color:#86d6b7;box-shadow:0 0 0 2px #86d6b715}.participant-card.empty{background:#23212944;border:1px dashed #3a3446;justify-content:center;color:#695f79}.participant-card.empty>svg{height:35px;width:35px;stroke-width:1}.participant-card .avatar{width:60px;height:60px;border-radius:20px;font-size:22px}.participant-card strong{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;margin-top:18px;white-space:nowrap}.participant-card small{font-size:9px;color:#8d7da6;margin-top:7px}.participant-card.connected small{color:var(--green)}.voice-notice{font-size:11px;color:#9a91a8;max-width:460px;margin:20px auto;line-height:1.8}.voice-buttons{display:flex;justify-content:center;align-items:center;gap:12px}.voice-buttons .primary-button{width:auto;padding:13px 24px;font-size:12px}.voice-control{border-radius:50%;height:46px;width:46px;background:#30303a;color:#c5becf;display:grid;place-items:center}.voice-control:hover{background:#41414e}.voice-control.active{background:#a1778533;color:#f0a1b6}.voice-control.leave-control{background:#b6627733;color:#ef9cb0}.mic-test{font-size:10px!important;margin-top:21px}.voice-bottom{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#5f5c6c;margin-top:50px}.voice-bottom svg{width:12px;height:12px}.mic-meter{margin:20px auto;width:200px;height:5px;background:#383342;border-radius:3px;position:relative}.mic-meter>span{position:absolute;left:0;top:0;height:100%;background:var(--green);border-radius:inherit;max-width:100%}.mic-meter p{padding-top:15px;font-size:8px;color:#9c95a9}.mobile-menu{display:none}.sidebar-backdrop{display:none}
.auth-screen{display:grid;grid-template-columns:1.08fr 1fr;height:100dvh;overflow:auto;background:#18191f}.auth-art{background:radial-gradient(ellipse at 55% 52%,#443359 0,transparent 60%),linear-gradient(150deg,#27202f,#1d1a25 72%);position:relative;padding:40px 9%;display:flex;flex-direction:column;overflow:hidden;min-height:720px}.auth-brand{display:flex;align-items:center;gap:10px;font:800 29px var(--heading);letter-spacing:-1px;width:max-content}.brand-mark{height:38px;width:38px;border-radius:12px;background:#b7a1fa;color:#30253d;display:grid;place-items:center}.brand-mark svg{width:24px;height:24px;stroke-width:2.5}.brand-spark{font-size:25px;margin-left:-5px;color:#9e82c0}.auth-art-content{margin:auto 0;padding-top:35px}.auth-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:600;letter-spacing:2px;color:#a391b8}.auth-eyebrow i{width:6px;height:6px;border-radius:50%;background:#b496d4;box-shadow:0 0 0 4px #b496d414}.auth-art h1{font:800 clamp(46px,5.3vw,80px)/1.07 var(--heading);letter-spacing:-4px;margin:26px 0 25px;color:#efe9f4}.auth-art h1 em{font-style:normal;color:#bda3ec}.auth-art-content>p{font-size:13px;color:#a096ad;line-height:1.85;margin:0}.floating-scene{height:223px;position:relative;margin-top:27px;max-width:430px}.scene-wave{position:absolute;height:145px;width:145px;border-radius:45px;background:linear-gradient(150deg,#b998e7,#76598b);left:46%;top:33px;transform:rotate(-10deg);display:grid;place-items:center;box-shadow:0 10px 70px #9b7ca222,inset 0 1px 1px #dec2ff80}.scene-wave svg{height:86px;width:86px;color:#eee3f8;stroke-width:1.5}.scene-orbit{position:absolute;width:220px;height:220px;left:36%;top:-5px;border-radius:50%;border:1px solid #8e6c9a25;transform:rotate(-30deg) scaleY(.74)}.orbit-two{width:320px;height:290px;left:24%;top:-34px;border-color:#8e6c9a17;transform:rotate(30deg) scaleY(.8)}.scene-bubble{position:absolute;padding:15px 16px;border:1px solid #76618b55;background:#302939c9;backdrop-filter:blur(8px);border-radius:13px;display:flex;align-items:center;gap:11px;box-shadow:0 15px 30px #0c051a30}.scene-bubble strong{font-size:11px;font-weight:600;color:#e0d3ee;display:block}.scene-bubble span{font-size:9px;color:#9f8fad}.scene-bubble .bubble-avatar{width:32px;height:32px;background:#c3a3df;color:#463149;font:800 16px var(--heading);display:grid;place-items:center;border-radius:11px}.bubble-one{left:0;top:28px;transform:rotate(-4deg);min-width:230px}.bubble-one div>span{display:block;margin-top:5px}.scene-bubble .bubble-time{font-size:7px;align-self:flex-start;margin-left:10px}.bubble-two{left:30%;top:155px;transform:rotate(3deg);min-width:220px}.bubble-mic{background:#6c4e8244;color:#cfb5e2!important;padding:8px;border-radius:9px;display:flex}.bubble-mic svg{width:19px;height:19px}.example-tag{font-size:7px!important;letter-spacing:1px;margin-left:auto;padding-left:10px}.little-wave{display:flex;align-items:center;height:15px;gap:3px;margin-top:8px}.little-wave i{height:6px;width:3px;background:#b395ce;border-radius:2px}.little-wave i:nth-child(3n){height:14px}.little-wave i:nth-child(3n + 1){height:10px}.scene-star{position:absolute;right:3%;top:5px;color:#be9eda;font-size:44px;transform:rotate(-15deg)}.auth-art-footer{display:flex;gap:24px;color:#887691;white-space:nowrap;margin-top:30px;font-size:9px;letter-spacing:.2px}.auth-art-footer span{display:flex;align-items:center;gap:7px}.auth-art-footer svg{width:14px;height:14px}.auth-panel{padding:40px;display:flex;align-items:center;justify-content:center;position:relative;min-height:720px}.auth-panel-inner{width:100%;max-width:350px;margin-top:-5px}.form-eyebrow{font-size:8px;letter-spacing:1.7px;color:#8c7e9a;font-weight:600}.auth-panel h2{font:800 29px var(--heading);letter-spacing:-1px;margin:14px 0 8px}.auth-description{font-size:12px;color:#85828e;margin:0 0 28px}.google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;background:#eeecf1;color:#302c36;padding:13px;font-size:11px;font-weight:600;border:1px solid #eeecf1;transition:.2s}.google-button svg{width:17px;height:17px;stroke:none}.google-button:hover{background:white}.form-divider{display:flex;gap:12px;align-items:center;font-size:9px;color:#6f6b79;margin:21px 0}.form-divider:before,.form-divider:after{content:'';flex:1;height:1px;background:#30303a}label{display:block;font-size:8px;letter-spacing:1px;font-weight:700;color:#aaa1b5;margin-bottom:17px}label input,label textarea{display:block;width:100%;background:#121318;border:1px solid #34303d;border-radius:6px;padding:13px;color:#ded8e8;margin-top:9px;font-size:11px;letter-spacing:0;font-weight:400;transition:border .2s}label input::placeholder,label textarea::placeholder{color:#615b6d}.password-field{position:relative}.password-field input{padding-right:58px}.password-toggle{position:absolute;right:10px;top:13px;font-size:9px;color:#8a7c99}.remember-row{display:flex;align-items:center;justify-content:space-between;margin:2px 0 19px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400;font-size:10px;letter-spacing:0;margin:0;cursor:pointer;color:#96909f}.checkbox-label input{height:13px;width:13px;padding:0;margin:0;accent-color:var(--purple)}.text-button{font-size:10px;color:#b5a1ce;padding:0;line-height:1.6}.text-button:hover{text-decoration:underline;color:#d8bfff}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 16px;border-radius:6px;background:#b7a1f0;color:#28202f;font-size:11px;font-weight:700;border:1px solid #bea8f5;transition:.2s}.primary-button:hover{background:#c8b3ff;box-shadow:0 4px 20px #b199ee13}.primary-button svg{width:16px;height:16px}.auth-submit{justify-content:space-between}.auth-switch{font-size:10px;color:#777180;text-align:center;margin:19px 0 0}.auth-switch .text-button{font-weight:600;margin-left:4px}.preview-divider{height:1px;background:#2b2932;margin:23px 0 18px}.guest-button{border:1px solid #3a3444;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;width:100%;padding:11px;color:#aaa0ba;font-size:10px}.guest-button:hover{border-color:#807090;background:#a785b70a}.guest-button svg{width:13px;height:13px}.auth-footnote{font-size:8px;color:#615b6d;line-height:1.7;text-align:center;margin:10px 0}.setup-link{display:block;font-size:8px;margin:0 auto;color:#84708f}.auth-copyright{position:absolute;bottom:23px;display:flex;align-items:center;gap:8px;font-size:7px;color:#514b5d;letter-spacing:.4px}.auth-copyright i{height:3px;width:3px;background:#514b5d;border-radius:50%}.auth-mobile-brand{display:none;font:800 25px var(--heading);color:var(--purple);margin-bottom:30px}.form-error{font-size:10px;line-height:1.6;color:#e8a1ac;padding:10px;border-radius:5px;background:#c3687514;border:1px solid #c3687529;letter-spacing:0;font-weight:400}
dialog{color:var(--text);background:#202029;border:1px solid #403649;border-radius:16px;padding:28px;max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#08060fc9;backdrop-filter:blur(5px)}.modal{width:min(590px,calc(100vw - 32px))}.small-modal{width:min(405px,calc(100vw - 32px))}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.modal-eyebrow{font-size:8px;letter-spacing:1.4px;color:#9d85b5}.modal h2{font:800 24px var(--heading);letter-spacing:-.6px;margin:0 0 12px}.modal p{font-size:11px;color:#9790a5;line-height:1.8;margin:10px 0 23px}.small-modal form{margin-top:24px}.setup-steps{margin:25px 0;border-top:1px solid #37303e;border-bottom:1px solid #37303e;padding:8px 0}.setup-steps>div{display:flex;gap:12px;padding:10px 0;font-size:10px;line-height:1.8;color:#968ba2}.setup-steps b{font:800 11px var(--heading);color:#b695dd}.setup-steps strong{color:#c6b9d8}.settings-modal textarea{font:10px/1.75 monospace;resize:vertical;min-height:140px}.modal .setup-note{font-size:9px;line-height:1.8;margin:0 0 22px;color:#85778f}.modal-actions{display:flex;gap:12px;align-items:center}.modal-actions .primary-button{width:55%;margin-left:auto;white-space:nowrap}.secondary-button{border:1px solid #504454;border-radius:6px;padding:12px;font-size:10px;color:#b29cc2;display:flex;justify-content:center;align-items:center;gap:8px}.secondary-button:hover{background:#ffffff05}.secondary-button svg{width:15px;height:15px}.setup-domain{font-size:9px;color:#786b81;margin-top:20px}.setup-domain code{color:#bba8c8;font-size:9px;overflow-wrap:anywhere}.profile-preview{text-align:center;padding:12px 0 15px}.profile-preview .avatar{height:76px;width:76px;border-radius:23px;font-size:26px;margin:0 auto 20px}.profile-preview p{margin:0;font-size:10px;overflow-wrap:anywhere}.profile-preview h2{font-size:22px;overflow-wrap:anywhere}.small-modal>.secondary-button{width:100%}.logout-button{display:flex;gap:7px;align-items:center;justify-content:center;color:#db9fae;padding:15px;width:100%;font-size:11px;margin-top:5px}.logout-button svg{width:15px;height:15px}.image-modal{padding:18px;position:fixed;max-width:95vw;width:max-content;background:#17161e}.image-modal>button{position:absolute;right:22px;top:22px;background:#15131bc9;color:#fff}.image-modal>img{display:block;max-width:88vw;max-height:80dvh;border-radius:8px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:14px 22px;border:1px solid #524358;border-radius:8px;background:#2b2532;color:#decee9;font-size:11px;box-shadow:0 10px 40px #0006;z-index:100;max-width:min(500px,90vw);text-align:center;line-height:1.7}noscript{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:300;font-size:20px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{border-radius:4px;background:#393442}::selection{background:#b08be64d;color:#eee}
@media(min-width:1600px){.app{grid-template-columns:80px 260px minmax(0,1fr) 280px}.chat-header{padding:0 34px}.messages{padding:38px}.composer-area{margin:0 36px 25px}.channel-intro h1{font-size:37px}.channel-intro p,.message-text{font-size:14px}.channel-intro{margin-bottom:45px}.auth-art{padding:48px 11%}.floating-scene{margin-top:45px;height:250px}}
@media(max-width:1250px){.app{grid-template-columns:68px 218px minmax(0,1fr)}.members-sidebar{display:none;position:fixed;right:0;top:72px;bottom:0;width:252px;z-index:20;box-shadow:-15px 0 40px #0004}.members-sidebar.visible{display:flex}.server.active:before{left:-10px}.channel-topic{display:none}.header-divider{display:none}.community-header{padding:0 14px;font-size:12px}.community-cover{padding:16px}.community-cover strong{font-size:16px}.community-cover>svg{width:55px}.user-profile strong{max-width:85px}.auth-art{padding:35px 8%}.auth-art-footer{gap:16px}.bubble-two{left:20%}.scene-star{right:0}.auth-panel{padding:35px}.auth-art h1{letter-spacing:-2.5px}.connection-banner{font-size:9px}.connection-banner button{font-size:9px}}
@media(max-width:850px){.auth-screen{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100dvh;padding:40px 28px 75px;background:radial-gradient(ellipse at 15% 0,#3c2c4e40,transparent 70%)}.auth-mobile-brand{display:block}.auth-panel-inner{max-width:370px;margin-top:0}.auth-panel h2{font-size:30px}.form-eyebrow{font-size:8px}.auth-copyright{bottom:25px}.app{grid-template-columns:58px 200px minmax(0,1fr)}.server-rail{padding:20px 5px}.server{width:40px;height:40px;border-radius:13px}.server.active:before{left:-9px;top:8px;height:25px}.rail-logo svg{width:28px}.community-icon{display:none}.community-cover{margin:14px 10px;height:125px}.tiny-label{font-size:7px}.community-cover strong{font-size:15px}.community-cover p{font-size:10px}.channel-scroll{padding:4px 9px}.channel{font-size:12px}.user-dock{padding:10px 8px}.user-dock .avatar{width:30px;height:30px;border-radius:10px}.user-profile{gap:6px}.user-profile strong{max-width:65px;font-size:10px}.user-profile small{font-size:8px}.user-dock .icon-button{width:25px}.chat-header{padding:0 17px;gap:8px}.search-field{width:140px}.header-actions{gap:5px}.messages{padding:27px 22px}.composer-area{margin:0 18px 20px}.connection-banner{padding:8px 18px;gap:6px}.connection-banner button{font-size:8px}.voice-view{padding:46px 20px}.voice-heading h1{font-size:30px}.voice-participants{gap:10px}.participant-card{width:123px;height:160px;padding:22px 10px}.channel-intro h1{font-size:26px}.intro-tags{flex-wrap:wrap}}
@media(max-width:650px){.app{display:flex}.server-rail{display:none}.main-area{width:100%}.channel-sidebar{position:fixed;left:0;top:0;bottom:0;width:255px;z-index:31;transform:translateX(-100%);transition:transform .2s}.channel-sidebar.open{transform:translateX(0)}.sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#06040baa;z-index:30}.mobile-menu{display:grid;width:24px}.chat-header{height:60px;padding:0 14px;gap:9px}.search-field{width:132px;padding:7px}.chat-header>strong{font-size:12px}.header-channel-icon{width:16px}.header-actions{gap:2px}.connection-banner{padding:8px 16px;font-size:8px;flex-wrap:wrap;min-height:40px}.connection-banner button{margin-left:auto}.members-sidebar{top:60px;z-index:25;max-width:85vw}.messages{padding:25px 20px}.channel-intro h1{font-size:28px}.channel-intro{margin-bottom:26px}.channel-intro p{font-size:11px}.channel-intro .intro-icon{width:56px;height:56px;border-radius:19px;margin-bottom:20px}.message-text{font-size:12px}.composer-area{margin:0 14px 16px}.composer{gap:8px;padding:9px 10px}.composer textarea{font-size:12px}.composer-hint{font-size:7px;margin-top:8px}.composer .icon-button{width:23px}.composer .send-button{width:30px;height:30px}.intro-tags{gap:6px}.intro-tag{font-size:8px;padding:5px 7px}.voice-view{padding:42px 20px}.voice-heading h1{font-size:30px}.voice-heading p{font-size:11px}.voice-participants{margin-top:32px}.voice-bottom{font-size:8px;margin-top:35px}.community-icon{display:grid}.community-cover{height:135px;margin:18px 14px}.community-cover strong{font-size:18px}.channel-scroll{padding:4px 13px}.channel{height:43px;font-size:13px}.user-profile strong{max-width:115px;font-size:12px}.user-profile small{font-size:9px}.user-dock{padding:12px}.user-profile{gap:10px}.user-dock .avatar{width:36px;height:36px}.user-dock .icon-button{width:32px}.modal{padding:23px}.modal-actions{flex-direction:column-reverse;align-items:stretch;gap:10px}.modal-actions .primary-button{width:100%}.modal-actions .secondary-button{width:100%}.modal h2{font-size:22px}.auth-panel{padding:38px 28px 68px}.auth-panel-inner{max-width:350px}.auth-panel h2{font-size:30px}.modal .setup-note{font-size:9px}}
.google-button{font-size:13px}.auth-description{font-size:13px}.auth-panel label{font-size:9px}.auth-panel label input{font-size:12px}.checkbox-label,.remember-row .text-button{font-size:11px}.auth-submit{font-size:13px}.auth-switch,.auth-switch .text-button{font-size:11px}.guest-button{font-size:11px}.auth-footnote{font-size:9px}.setup-link{font-size:9px}.channel{font-size:14px}.voice-channel{font-size:13px}.message-text{font-size:14px}.message-meta strong{font-size:13px}.channel-intro p{font-size:13px}.composer textarea{font-size:13px}.member-row strong{font-size:12px}.connection-banner{font-size:10px}.connection-banner button{font-size:10px}
@media(max-width:650px){.connection-banner,.connection-banner button{font-size:9px}.composer textarea{font-size:13px}.message-text{font-size:14px}.channel-intro p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}