:root{color-scheme:dark;--bg:#11121d;--panel:#191a2b;--muted:#8b8da8;--text:#eeedf8;--accent:#8975ff;--blue:#638cff;--border:#ffffff0b}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;transition:.18s}button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:wait}input,textarea{outline:none;color:var(--text);background:#121321;border:1px solid #ffffff12;border-radius:9px;padding:14px;width:100%}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8975ff12}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}label{display:block;font-size:11px;font-weight:700;letter-spacing:1px;color:#b7b6cd;margin:23px 0 0}label input,label select,label textarea{margin-top:10px}select{background:#131423;border:1px solid var(--border);color:var(--text);padding:12px;border-radius:8px;width:100%}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted);line-height:1.7}.primary{background:linear-gradient(110deg,#8a6df2,#597de9);padding:14px 22px;border-radius:9px;font-weight:600;box-shadow:0 6px 25px #7559ee23}.wide{width:100%;display:flex;justify-content:space-between}.pill{display:inline-block;background:#9580ff16;color:#b7a7ff;font-size:10px;font-weight:700;letter-spacing:1.4px;padding:8px 11px;border:1px solid #a089ff22;border-radius:6px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#a599d4}.auth-page{display:grid;grid-template-columns:1.12fr 1fr;min-height:100dvh}.auth-story{padding:45px 60px;background:radial-gradient(ellipse at 40% 60%,#55429b40,transparent 65%),linear-gradient(140deg,#19182f,#16182a);position:relative;overflow:hidden;border-right:1px solid var(--border)}.brand{font-size:27px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.logo,.rail-brand{background:linear-gradient(135deg,#9c7fff,#6086ff);border-radius:14px;font-size:31px;font-weight:850;font-style:italic;display:grid;place-items:center;width:48px;height:48px}.brand-dot{color:#8975ff;font-size:9px;align-self:end;margin-bottom:9px;margin-left:-7px}.story-body{max-width:530px;margin:80px auto 40px}.story-body h1{font-size:clamp(35px,3.8vw,58px);letter-spacing:-2px;line-height:1.15;margin:20px 0}.story-body h1 span{background:linear-gradient(90deg,#aa8fff,#78a6ff);background-clip:text;color:transparent}.story-body p{color:#a5a0bd;line-height:1.8;font-size:16px}.orbit{height:240px;position:relative;display:grid;place-items:center}.orbit-ring{width:230px;height:230px;border:1px solid #a18bff20;border-radius:50%;transform:rotate(-20deg) scaleY(.7);box-shadow:0 0 0 35px #b093ff04,0 0 0 70px #b093ff03}.orbit-center{position:absolute;top:63px;left:calc(50% - 48px);width:95px;height:95px;display:grid;place-items:center;font-size:64px;font-style:italic;font-weight:850;border-radius:28px;background:linear-gradient(135deg,#9b7cf8,#5972e7);box-shadow:0 15px 80px #7859ff55;transform:rotate(-9deg)}.floating{position:absolute;background:#302747;border:1px solid #b693ff33;border-radius:17px;padding:15px;font-size:25px;color:#c4aaff}.f1{left:15%;top:22px;transform:rotate(-14deg)}.f2{right:14%;top:66px;background:#232d50;color:#91b3ff;transform:rotate(12deg)}.mini-chat{position:absolute;bottom:28px;background:#242339e8;border:1px solid #b29bff22;padding:14px 18px;border-radius:12px;font-size:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #0003}.mini-chat i,.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#66d6ae}.mini-chat b{color:#9b8eff}.story-tags{display:flex;justify-content:space-between;color:#a8a1c0;font-size:11px;gap:10px}.auth-story>small{color:#706a89;font-size:11px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;position:relative;padding:50px 35px}.auth-form-wrap form{width:100%;max-width:370px}.auth-form-wrap h2{font-size:32px;letter-spacing:-1px;margin:24px 0 10px}.auth-form-wrap .muted{font-size:13px}.error{color:#ff9faa;font-size:12px;min-height:16px;margin:15px 0}.auth-switch{text-align:center;font-size:12px;color:var(--muted);margin:24px 0}.link{color:#b39aff;padding:0;font-weight:600}.auth-note{text-align:center;border-top:1px solid var(--border);padding-top:22px;font-size:11px;line-height:1.8;color:#696b85}.auth-footer{position:absolute;bottom:25px;font-size:9px;letter-spacing:2px;color:#62627b}.app{display:grid;grid-template-columns:76px 244px minmax(0,1fr) 224px;height:100dvh}.server-rail{background:#0d0e18;display:flex;align-items:center;flex-direction:column;padding:18px 10px;gap:12px}.rail-brand{width:46px;height:46px;font-size:31px}.rail-divider{height:1px;width:30px;background:#ffffff12;margin:2px 0}.server-icon{width:46px;height:46px;border-radius:16px;background:#242439;color:#b3afcc;font-weight:700;font-size:16px;position:relative;margin-bottom:10px}.server-icon.selected{background:linear-gradient(135deg,#9878ff,#6284f5);color:white;border-radius:13px;box-shadow:0 4px 20px #7757eb30}.server-icon.selected:before{content:'';position:absolute;left:-15px;top:10px;height:26px;width:4px;border-radius:4px;background:#b5a0ff}.server-icon.add{font-size:28px;background:#8276ff14;color:#b29aff}.plus-icon{color:#bb9afa;margin-top:0;background:#a779ff12;font-size:24px}.rail-bottom{margin-top:auto;font-size:8px;letter-spacing:2px;color:#66667e}.channel-sidebar{background:#171825;display:flex;flex-direction:column;border-right:1px solid var(--border);min-height:0}.server-heading{height:68px;border-bottom:1px solid var(--border);text-align:left;padding:0 20px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.server-heading span{color:var(--muted)}.server-banner{margin:20px 14px 23px;padding:17px 14px;border:1px solid #a08bff18;border-radius:12px;background:radial-gradient(at right bottom,#7859c63b,transparent),#222139;position:relative;overflow:hidden}.server-banner .pill{font-size:8px;padding:5px 7px}.server-banner h3{font-size:15px;margin:14px 0 7px}.server-banner p{font-size:10px;color:#a09bb6;margin:0}.banner-star{position:absolute;font-size:63px;right:5px;top:11px;color:#9275f326;transform:rotate(12deg)}.channel-tools{padding:0 19px 12px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:#75758f;font-weight:700}.channel-tools button{font-size:20px;padding:0;color:#9f9bb9}#channels{overflow:auto}.channel-group{font-size:9px;letter-spacing:1px;font-weight:700;color:#71728c;padding:14px 20px 8px}.channel{width:calc(100% - 20px);margin:2px 10px;padding:11px 12px;display:flex;align-items:center;gap:10px;color:#9695b0;text-align:left;border-radius:7px;font-size:13px}.channel .symbol{font-size:19px;color:#72728d}.channel.active{background:linear-gradient(90deg,#8770ec24,#7877ef12);color:#c5b8ff}.channel.active .symbol{color:#a28df9}.channel:hover{background:#ffffff05}.channel em{margin-left:auto;font-size:10px;font-style:normal;color:#6bd2b0}.invite-button{font-size:11px;text-align:left;padding:17px 20px;color:#9d90cf}.sidebar-bottom{margin-top:auto}.user-bar{display:flex;align-items:center;padding:14px 12px;background:#12131f;gap:9px}.avatar{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;background:#8276ff;border-radius:12px;color:white;font-size:14px;font-weight:700}.user-info{flex:1;min-width:0}.user-info b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info small{display:block;font-size:9px;margin-top:5px;color:#8a8aa1}.user-info .online-dot{width:5px;height:5px;margin-right:3px}.user-bar button{color:#9893ad;font-size:18px;padding:2px}#voice-status{display:flex;align-items:center;justify-content:space-between;padding:13px;background:#62d5ad08;font-size:11px;color:#6bdab4;border-top:1px solid #62d5ad15}#voice-status small{display:block;font-size:9px;color:#9295a9;margin:5px 0 0 12px}.chat-main{min-width:0;display:flex;flex-direction:column;background:radial-gradient(at 50% 100%,#7060cf06,transparent 60%),#1c1d2d}.chat-header{height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--border)}.chat-header>div{display:flex;align-items:center;gap:12px;min-width:0}.channel-symbol{font-size:26px;color:#77758f}.chat-header b{font-size:14px}.header-divider{width:1px;height:20px;background:#ffffff0e;margin:0 5px}.chat-header small{font-size:11px;color:#77778f}.chat-header button{color:#85819d;font-size:20px}.empty-state{margin:auto;padding:35px;text-align:center;width:100%}.welcome-logo{width:90px;height:90px;background:linear-gradient(135deg,#9274f733,#5c7deb22);border:1px solid #aa91ff30;border-radius:27px;display:grid;place-items:center;font-size:58px;font-weight:850;font-style:italic;color:#ae94ff;margin:0 auto 30px;box-shadow:0 0 80px #8770ff12}.empty-state h1{font-size:32px;letter-spacing:-1px;margin:16px 0}.empty-state p{color:#8a88a3;font-size:13px;line-height:1.8;margin-bottom:26px}.welcome-cards{display:flex;gap:15px;max-width:610px;margin:50px auto 0}.welcome-cards>div{flex:1;border:1px solid #ffffff08;background:#ffffff02;padding:20px 9px;border-radius:12px;color:#9d87e8;font-size:23px}.welcome-cards b{display:block;font-size:11px;color:#c7c1db;margin:13px 0 7px}.welcome-cards small{display:block;font-size:10px;color:#77758f}.members-sidebar{background:#181925;border-left:1px solid var(--border);padding:26px 18px;display:flex;flex-direction:column;overflow:auto}.members-title{font-size:10px;font-weight:700;letter-spacing:1px;color:#8a879f;margin-bottom:23px;display:flex;justify-content:space-between}.members-title span{background:#ffffff07;border-radius:4px;padding:2px 6px}.member{display:flex;align-items:center;gap:10px;margin-bottom:18px;text-align:left;width:100%}.member b{font-size:12px;font-weight:500;color:#b5afc8}.member small{display:block;margin-top:5px;font-size:9px;color:#77738d}.member .avatar{width:32px;height:32px;font-size:12px;border-radius:11px}.plus-card{margin-top:auto;padding:20px 15px;border:1px solid #a98bff20;border-radius:13px;background:linear-gradient(135deg,#4e367424,#39477624)}.plus-card>span{font-size:9px;letter-spacing:1px;color:#baa0f6;font-weight:700}.plus-card h3{font-size:16px;margin:15px 0 8px}.plus-card p{color:#9390a8;font-size:11px;line-height:1.8}.plus-card button{background:#a07cfb18;color:#baa6fa;border:1px solid #a07cfb25;border-radius:7px;width:100%;padding:10px;font-size:10px}#text-panel{flex:1;min-height:0;display:flex;flex-direction:column}.messages{flex:1;min-height:0;overflow-y:auto;padding:28px 26px}.channel-welcome{padding:25px 0 28px;border-bottom:1px solid var(--border);margin-bottom:22px}.channel-welcome .hash-bubble{width:57px;height:57px;border-radius:18px;background:#8276ff19;color:#aa96ee;display:grid;place-items:center;font-size:34px;margin-bottom:18px}.channel-welcome h2{font-size:25px;margin-bottom:8px;letter-spacing:-.6px}.channel-welcome p{font-size:12px;color:#8c87a3;margin:0}.message{display:flex;gap:13px;padding:10px 0}.message .avatar{margin-top:2px}.message-content{min-width:0;flex:1}.message-heading{display:flex;align-items:center;gap:10px;margin-bottom:6px}.message-heading b{font-size:12px}.message-heading time{font-size:9px;color:#6c697e}.message-body{font-size:13px;line-height:1.65;color:#c0bbd1;white-space:pre-wrap;overflow-wrap:anywhere}.composer{margin:0 24px;display:flex;align-items:center;background:#262739;border:1px solid #ffffff09;border-radius:11px;padding:5px 12px}.composer>span{background:#8c879d;color:#262739;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-weight:700}.composer textarea{resize:none;background:none;border:0;box-shadow:none;padding:13px;max-height:120px;font-size:12px}.composer button{font-size:20px;color:#a28ef4;padding:6px}.composer-hint{font-size:9px;color:#605d74;padding:9px 25px 14px}.voice-panel{margin:auto;text-align:center;padding:30px}.voice-art{margin:0 auto 28px;width:90px;height:90px;display:grid;place-items:center;border-radius:30px;background:#8371ef20;color:#b29afa;font-size:48px}.voice-panel h1{font-size:32px;margin:16px 0 8px}.voice-panel>small{display:block;margin-top:20px;font-size:10px}#voice-people{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:30px 0}.voice-person .avatar{width:60px;height:60px;font-size:24px;border-radius:22px;border:2px solid #6edab1}.voice-person small{display:block;margin-top:10px;font-size:11px;color:#b8b1ce}dialog{width:min(470px,calc(100% - 30px));background:#1e1e30;border:1px solid #a086ff25;border-radius:18px;color:var(--text);padding:32px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#070713b8;backdrop-filter:blur(5px)}dialog h2{font-size:25px;letter-spacing:-.5px;margin:10px 0}dialog p{line-height:1.7;font-size:12px;color:#9690ad}dialog .primary{margin-top:24px}dialog .actions{display:flex;gap:10px;margin-top:10px}.secondary{border:1px solid #ffffff15;border-radius:9px;padding:12px 18px;color:#b8b0ca}.close-dialog{position:absolute;top:13px;right:14px;font-size:26px;color:#8d839e}dialog .error{margin-bottom:0}.danger{color:#ffadb9;margin-top:20px;font-size:12px}.plus-hero{text-align:center}.plus-hero .spark{font-size:50px;color:#bb9eff;margin-bottom:15px}.feature-list{list-style:none;padding:14px 0;color:#c8bedf;font-size:12px}.feature-list li{padding:12px 0;border-bottom:1px solid var(--border)}.feature-list li:before{content:'✦';color:#a791ef;margin-right:10px}.notice{padding:13px;background:#8f73ef12;border:1px solid #9275ef20;border-radius:8px;color:#b6a7d9!important;font-size:11px!important}.settings-preview{display:flex;gap:15px;align-items:center;margin:20px 0}.settings-preview .avatar{width:54px;height:54px;font-size:24px;border-radius:18px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#333047;border:1px solid #a28bf544;border-radius:10px;box-shadow:0 8px 35px #0005;z-index:10;max-width:90vw;font-size:12px}[hidden]{display:none!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#47405c;border-radius:5px}@media(min-width:1600px){.app{grid-template-columns:80px 265px minmax(0,1fr) 250px}}@media(max-width:1100px){.app{grid-template-columns:68px 220px minmax(0,1fr)}.members-sidebar{display:none}.auth-story{padding:35px}.story-tags{font-size:9px}.chat-header small,.header-divider{display:none}}@media(max-width:700px){.auth-page{grid-template-columns:1fr}.auth-story{padding:20px 25px}.story-body,.auth-story>small{display:none}.auth-form-wrap{padding:40px 25px 70px;min-height:calc(100dvh - 88px)}.app{grid-template-columns:55px 160px minmax(0,1fr)}.server-rail{padding:14px 5px}.rail-brand,.server-icon{width:39px;height:39px;font-size:20px}.server-heading{font-size:12px;padding:0 10px}.server-banner{display:none}.channel-tools{padding:20px 12px 10px}.channel{font-size:11px;padding:10px 6px;gap:5px}.user-bar{padding:10px 7px;gap:5px;flex-wrap:wrap}.user-info{min-width:70px}.chat-header{padding:0 12px}.chat-header b{font-size:12px}.messages{padding:15px 12px}.composer{margin:0 10px}.composer textarea{padding:12px 8px}.welcome-cards{display:none}.empty-state{padding:20px 12px}.empty-state h1{font-size:22px}.empty-state p{font-size:11px}.welcome-logo{width:65px;height:65px;font-size:40px}.channel-welcome h2{font-size:20px}.message{gap:7px}.message .avatar{width:26px;height:26px;font-size:11px;border-radius:9px}.message-heading{gap:5px;flex-wrap:wrap}.voice-panel{padding:20px 10px}.voice-panel h1{font-size:24px}.voice-panel .primary{font-size:11px;padding:12px}.invite-button{font-size:10px;padding:15px 10px}}