:root{font-family:DM Sans,Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:dark;--bg:#08090d;--panel:#0e1017;--panel-2:#12151e;--panel-3:#191d29;--line:rgba(255,255,255,.075);--text:#f3f4f8;--muted:#9299aa;--soft:#687083;--purple:#8b5cf6;--purple-2:#6d45db;--blue:#438bff;--green:#42d69a;--red:#f16b78;--gradient:linear-gradient(120deg,#9a6bff 0%,#6e6bff 52%,#398dff 100%);--shadow:0 24px 70px rgba(0,0,0,.42)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;min-width:320px}body{background:var(--bg);color:var(--text);font-size:14px}button,input,textarea,select{font:inherit;color:inherit}button{border:0;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,filter .18s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}button:disabled{opacity:.48;cursor:not-allowed;transform:none!important}a{color:#a99aff;cursor:pointer}::selection{background:#7655db66;color:#fff}.auth{min-height:100%;display:grid;place-items:center;padding:28px 18px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#38246d44 0,transparent 42%),radial-gradient(ellipse at 100% 100%,#173a7040 0,transparent 36%),#08090d}.auth:before,.auth:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(100px);opacity:.16;pointer-events:none}.auth:before{background:#8955ff;top:-220px;left:-140px}.auth:after{background:#277aff;right:-190px;bottom:-220px}.auth-card{position:relative;z-index:1;width:min(440px,100%);padding:38px;background:linear-gradient(160deg,#151823f2,#0e1119f5);border:1px solid #ffffff14;border-radius:25px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.auth-logo,.brand-symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:var(--gradient);font:700 24px Space Grotesk;box-shadow:0 8px 28px #7958e84d}.auth-brand strong{font:700 23px Space Grotesk;letter-spacing:-1px}.auth-brand small{display:block;margin-top:2px;color:var(--muted);font-size:10px;letter-spacing:1.7px}.auth-card h1{font:700 27px Space Grotesk;margin:0 0 8px;letter-spacing:-.8px}.auth-intro{color:var(--muted);margin:0 0 24px;line-height:1.6}.auth-card label,.modal label{display:block;margin:16px 0 0;color:#c2c7d3;font-size:12px;font-weight:600;letter-spacing:.2px}.auth-card input,.modal input,.modal textarea,.modal select{display:block;width:100%;margin-top:8px;padding:13px 14px;background:#090c13;border:1px solid #ffffff15;border-radius:11px;color:var(--text);outline:none;transition:border .2s,box-shadow .2s}.auth-card input:focus,.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf622}.auth-submit{width:100%;margin-top:24px;min-height:48px;border-radius:12px;background:var(--gradient);font-weight:700;box-shadow:0 9px 24px #7657db38}.auth-submit:hover{filter:brightness(1.12);transform:translateY(-1px)}.auth-card .links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;font-size:12px}.auth-card .links a{color:#b4a7ff}.auth-note{margin-top:23px;padding-top:17px;border-top:1px solid var(--line);color:#777f90;font-size:11px;text-align:center}.warning{color:#ffcc72}.notice{color:var(--muted);line-height:1.5}.auth-card .notice{padding:10px 12px;background:#211b35;border:1px solid #8b5cf633;border-radius:10px;font-size:12px}.auth-note span{display:inline-flex;align-items:center;gap:5px;margin:0 6px}.app{display:grid;grid-template-columns:76px 270px minmax(0,1fr);height:100dvh;min-height:0;background:var(--bg);overflow:hidden}.servers{grid-column:1;background:#08090d;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;overflow:auto;z-index:24}.rail-brand{width:46px;height:46px;border-radius:16px;background:var(--gradient);display:grid;place-items:center;font:700 26px Space Grotesk;box-shadow:0 8px 24px #7856e344;margin-bottom:4px}.rail-divider{height:1px;width:30px;background:#ffffff20;margin:2px 0 5px}.srv{width:46px;height:46px;min-height:46px;flex:none;border-radius:16px;background:#171b26;color:#aeb5c5;display:grid;place-items:center;font-weight:700;font-size:16px;position:relative}.srv:hover{background:#252a39;color:#fff;border-radius:13px;transform:translateY(-1px)}.srv.on{background:linear-gradient(145deg,#835cf1,#4f64d9);color:#fff;border-radius:13px;box-shadow:0 7px 22px #7658dc50}.srv.on:before{content:"";position:absolute;left:-10px;width:4px;height:23px;border-radius:0 5px 5px 0;background:#a78bfa}.srv.add{color:#65dca8;background:#14231f}.srv.join{color:#a99aff;background:#1d1a2d}.rail-spacer{flex:1}.rail-online{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px #42d69a88;margin:8px 0 2px}.sidebar{grid-column:2;background:linear-gradient(180deg,#10131b,#0d1017);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar-heading{height:76px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex:none}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-symbol{width:36px;height:36px;border-radius:12px;font-size:20px}.brand-lockup strong{display:block;font:700 18px Space Grotesk;letter-spacing:-.7px}.brand-lockup small{display:block;color:#747d90;font-size:8px;letter-spacing:1.4px;margin-top:1px}.sidebar-version{font-size:9px;font-weight:800;letter-spacing:1px;color:#b5a5ff;background:#8b5cf61c;border:1px solid #8b5cf633;border-radius:6px;padding:4px 6px}.channel{display:flex;align-items:center;gap:11px;width:calc(100% - 20px);margin:3px 10px;text-align:left;background:transparent;color:#929bad;padding:10px 12px;border-radius:9px;min-height:40px;font-size:13px}.channel:hover{background:#ffffff08;color:#e6e9f2}.channel.selected{background:linear-gradient(90deg,#7956db28,#5c6be512);color:#e6ddff}.channel.selected svg{color:#b49aff}.channel span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-link{margin-top:14px}.nav-shortcut{margin-left:auto;font-size:9px;color:#70798b;background:#ffffff0b;padding:3px 5px;border-radius:5px}.workspace{display:flex;align-items:center;gap:10px;margin:19px 14px 8px;padding:11px 10px;border-radius:12px;background:#ffffff06;border:1px solid #ffffff0a}.workspace-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#26213b;color:#b9a7ff;font-weight:700}.workspace-copy{min-width:0;flex:1}.workspace-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.workspace-copy small{display:block;color:#747d90;font-size:10px;margin-top:3px}.workspace-chevron{color:#747d90}.srv-actions{display:flex;gap:7px;padding:3px 15px 12px}.srv-actions button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;padding:7px 8px;min-height:32px;background:#242036;color:#c4b7ff;border:1px solid #ffffff0a;border-radius:8px;font-size:11px}.srv-actions button:hover{background:#332a51}.srv-actions button.danger{background:#321d28;color:#ff9ca8}.side-label{display:flex;align-items:center;justify-content:space-between;padding:13px 20px 6px;color:#737d91;font-size:9px;font-weight:800;letter-spacing:1.3px}.channel-tools{display:flex;gap:4px}.channel-tools button{display:flex;align-items:center;gap:0;padding:3px 4px;min-height:22px;background:transparent;color:#858da0}.channel-tools button:hover{color:#fff}.channel-list{overflow:auto;min-height:0;padding-bottom:12px}.channel-list .channel{margin-top:2px;margin-bottom:2px}.voice-live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);margin-left:auto;box-shadow:0 0 8px #42d69a88}.sidebar-empty{margin:8px 19px;color:#70798a;font-size:11px;line-height:1.6}.sidebar-bottom{margin-top:auto;padding:12px;border-top:1px solid var(--line);background:#0b0e14;flex:none}.profile-status{font-size:10px;color:#7f899b;padding:0 5px 9px;display:flex;align-items:center;gap:7px}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.profile{display:flex;align-items:center;gap:9px;padding:9px;background:#ffffff07;border:1px solid #ffffff0a;border-radius:12px;min-width:0}.avatar,.header-avatar,.msg-avatar,.modal-avatar{display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(145deg,#8b5cf6,#3f78d8);font-weight:800;color:#fff}.avatar{width:34px;height:34px;font-size:13px}.profile-copy{min-width:0;flex:1}.profile-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.profile-copy small{display:block;color:#7f899b;font-size:10px;margin-top:2px}.profile button{display:grid;place-items:center;width:29px;height:29px;min-height:29px;padding:0;background:transparent;color:#8790a2;border-radius:8px}.profile button:hover{background:#ffffff10;color:#fff}.main{display:flex;flex-direction:column;min-width:0;height:100%;background:radial-gradient(ellipse at 50% 0%,#24204420,transparent 50%),#0b0d13}.main-header{height:76px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#0d1017cc;backdrop-filter:blur(16px)}.main-title-wrap{display:flex;align-items:center;gap:12px}.main-title-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#8b5cf61b;color:#bba9ff}.main-header h2{font:600 15px Space Grotesk;margin:0}.main-header p{margin:3px 0 0;color:#788194;font-size:11px}.header-actions{display:flex;align-items:center;gap:16px}.secure-label{display:flex;align-items:center;gap:6px;color:#7f8d9b;font-size:10px}.secure-label svg{color:var(--green)}.header-avatar{width:31px;height:31px;font-size:12px}.messages{flex:1;overflow:auto;padding:25px clamp(18px,4vw,58px) 18px;scroll-behavior:smooth}.msg{position:relative;padding:12px 14px;margin:0 0 7px;border:1px solid transparent;border-radius:13px;transition:background .18s,border .18s}.msg:hover{background:#ffffff04;border-color:#ffffff09}.msg-head{display:flex;align-items:center;gap:10px}.msg-avatar{width:32px;height:32px;font-size:12px}.msg-head b{display:block;font-size:12px}.msg-head small{display:block;color:#778094;font-size:10px;margin-top:3px}.msg>p{margin:8px 0 2px 42px;color:#d4d8e2;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.quote{display:block;margin:0 0 8px 42px;padding:6px 10px;border-left:2px solid #8b5cf6;color:#9b91bd;background:#8b5cf60b;border-radius:0 6px 6px 0;font-size:11px}.chips{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0 0 42px}.chip{min-height:25px;padding:3px 8px;border-radius:8px;background:#222638;border:1px solid #ffffff12;font-size:11px}.chip:hover{background:#393052}.msg-actions{display:flex;gap:5px;align-items:center;margin:8px 0 0 42px;opacity:0;transition:opacity .15s}.msg:hover .msg-actions,.msg:focus-within .msg-actions{opacity:1}.msg-actions button{min-height:25px;padding:3px 8px;background:#1c202d;color:#aeb5c5;border-radius:7px;font-size:10px}.msg-actions button:hover{background:#34304b;color:#fff}.msg-actions .delete-action{color:#f18c99}.chat-empty{max-width:430px;margin:10vh auto 4vh;text-align:center}.empty-icon{width:62px;height:62px;border-radius:20px;margin:0 auto 17px;display:grid;place-items:center;background:#8b5cf61b;color:#b8a5ff;box-shadow:0 0 55px #7958db22}.chat-empty h3{font:600 19px Space Grotesk;margin:0 0 8px}.chat-empty p{color:#8790a1;font-size:12px}.composer{flex:none;padding:13px clamp(16px,4vw,58px) 17px;border-top:1px solid var(--line);background:#0b0d13}.composer-box{display:flex;gap:10px;padding:7px 8px 7px 15px;background:#151925;border:1px solid #ffffff13;border-radius:14px;box-shadow:0 7px 22px #0003}.composer-box:focus-within{border-color:#8b5cf666;box-shadow:0 0 0 3px #8b5cf615}.composer-box input{flex:1;min-width:0;background:transparent;border:0;outline:0;padding:8px 0;font-size:12px}.composer-box input:focus{outline:0}.composer-box button{display:flex;align-items:center;gap:9px;min-height:37px;padding:0 14px;border-radius:10px;background:var(--gradient);font-size:11px;font-weight:700}.send-icon{font-size:16px}.composer-hint{display:block;margin:8px 3px 0;color:#616b7d;font-size:9px}.replying{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:#b7a8f6;font-size:11px}.replying button{background:#28233b;color:#cbbcff;border-radius:7px;padding:4px 8px;min-height:25px;font-size:10px}.error{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#371e2a;border:1px solid #f16b7833;color:#ffb1ba;padding:10px 16px;font-size:12px}.error button{background:transparent;color:inherit;min-height:24px;padding:0 6px}.welcome-screen{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;text-align:center;padding:35px 24px}.welcome-glow{position:absolute;z-index:-1;width:440px;height:340px;top:15%;background:radial-gradient(ellipse,#7452d82b,transparent 68%);filter:blur(10px)}.welcome-icon{width:72px;height:72px;display:grid;place-items:center;border:1px solid #aa91ff44;border-radius:23px;background:linear-gradient(145deg,#8b5cf632,#397dff1b);color:#c5b4ff;box-shadow:0 18px 60px #6c50cb25;margin-bottom:25px}.eyebrow{color:#a995f7;font-size:9px;letter-spacing:2.4px;font-weight:800}.welcome-screen h1{max-width:550px;margin:14px 0 10px;font:700 clamp(27px,4vw,42px)/1.13 "Space Grotesk";letter-spacing:-1.7px}.welcome-screen>p{max-width:430px;color:#8d95a6;font-size:13px;line-height:1.7;margin:0}.welcome-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:27px}.welcome-actions button{display:flex;align-items:center;gap:8px;padding:0 17px;min-height:44px;border-radius:11px;background:var(--gradient);font-size:12px;font-weight:700;box-shadow:0 8px 24px #7355d638}.welcome-actions button:hover{transform:translateY(-2px);filter:brightness(1.1)}.welcome-actions button.secondary{background:#1c2030;border:1px solid #ffffff14;color:#d5d9e4;box-shadow:none}.welcome-foot{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:48px;color:#747e90;font-size:10px}.welcome-foot span{display:flex;align-items:center;gap:6px}.welcome-foot svg{color:#9c89ed}.social{background:#0b0d13}.social>header{height:76px;display:flex;align-items:center;padding:0 25px;border-bottom:1px solid var(--line)}.social>header h2{font:600 15px Space Grotesk}.social-body{flex:1;display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);min-height:0}.social-list{overflow:auto;border-right:1px solid var(--line);padding:10px 0}.social-chat{display:flex;flex-direction:column;min-height:0}.tabs{display:flex;gap:6px;padding:10px 14px;flex-wrap:wrap}.tabs button{padding:7px 10px;min-height:30px;border-radius:8px;background:#26223a;color:#c7b8ff;font-size:11px}.tabs button.secondary{background:#171b25;color:#8e97a8}.social-list .composer{padding:10px 13px;border:0;background:transparent}.social-list .composer input,.social-chat .composer input{min-width:0}.row{display:flex;gap:10px;align-items:center;padding:10px 15px;border-bottom:1px solid #ffffff08;font-size:11px}.row b{flex:1;min-width:0}.row a{font-size:10px}.social-chat .messages{padding:22px}.social-chat .composer{padding:13px 20px}.pad{padding:25px;color:#828b9d}.voice-stage{display:flex;flex-direction:column;min-width:0;flex:1;background:radial-gradient(ellipse at 50% 0%,#28204b25,transparent 50%),#0b0d13;color:var(--text);overflow:auto}.voice-stage>header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line)}.voice-stage h2{margin:0 0 4px;font:600 16px Space Grotesk}.voice-stage header small{color:#7e8799;font-size:10px}.voice-join{margin:auto;text-align:center;padding:30px;max-width:440px}.voice-join p{color:#939bad;margin-bottom:18px;line-height:1.6}.voice-join button,.voice-controls button{border:0;border-radius:10px;padding:10px 15px;min-height:40px;cursor:pointer;background:var(--gradient);color:#fff;font-size:11px;font-weight:700}.voice-participants{display:flex;flex-direction:column;gap:10px;padding:24px}.voice-participants>b{font-size:12px}.voice-person{font-size:12px;color:#b7c0cf}.voice-controls{display:flex;flex-wrap:wrap;gap:9px;padding:0 24px 20px}.voice-controls button.secondary{background:#242938;color:#c0c7d5}.voice-controls button.danger{background:#512432;color:#ffb0bb}.voice-media{display:flex;flex-wrap:wrap;gap:12px;padding:18px 24px}.voice-media audio{display:none}.voice-media video{width:min(360px,100%);aspect-ratio:16/9;object-fit:cover;background:#08090e;border:1px solid #ffffff18;border-radius:14px}.modal{position:fixed;inset:0;z-index:60;background:#03040bd9;backdrop-filter:blur(9px);display:grid;place-items:center;padding:18px}.modal form{width:min(440px,100%);padding:27px;background:#131722;border:1px solid #ffffff18;border-radius:20px;box-shadow:var(--shadow)}.modal-heading{display:flex;align-items:center;gap:13px;margin-bottom:19px}.modal-avatar{width:45px;height:45px;font-size:17px}.modal h3{font:600 19px Space Grotesk;margin:0 0 4px}.modal-heading p{margin:0;color:#828b9d;font-size:11px}.modal textarea{min-height:85px;resize:vertical}.modal .actions{display:flex;gap:8px;margin-top:22px}.modal .actions button{flex:1;min-height:42px;border-radius:10px;background:var(--gradient);font-size:11px;font-weight:700}.modal .actions button.secondary{background:#242938;color:#d0d5df}.mobile-menu-btn,.mobile-scrim{display:none}@media(max-width:900px){.app{grid-template-columns:68px 240px minmax(0,1fr)}.sidebar-heading{padding:0 13px}.main-header{padding:0 19px}.secure-label{display:none}.messages,.composer{padding-left:18px;padding-right:18px}}@media(max-width:680px){.app{grid-template-columns:minmax(0,1fr)}.servers,.sidebar{position:fixed;top:0;bottom:0;z-index:42;transition:transform .22s ease;box-shadow:var(--shadow)}.servers{left:0;width:68px;transform:translate(-110%)}.sidebar{left:68px;width:min(285px,calc(100vw - 68px));transform:translate(-120%)}.servers.open,.sidebar.open{transform:translate(0)}.mobile-menu-btn{display:grid;place-items:center;position:fixed;top:17px;left:13px;z-index:48;width:36px;height:36px;min-height:36px;padding:0;border-radius:10px;background:#1b2030;border:1px solid #ffffff16;color:#e6e9f2}.mobile-scrim{display:block;position:fixed;inset:0;z-index:40;background:#0009}.main-header{height:70px;padding-left:61px;padding-right:15px}.main-title-icon{width:33px;height:33px}.main-header h2{font-size:13px}.main-header p{font-size:10px}.header-actions{gap:8px}.header-avatar{width:28px;height:28px}.messages{padding:17px 10px}.msg{padding:10px 8px}.msg>p,.chips,.msg-actions{margin-left:41px}.msg-actions{opacity:1;flex-wrap:wrap}.composer{padding:10px 10px 12px}.composer-hint{display:none}.composer-box{gap:6px;padding-left:11px}.composer-box button{padding:0 10px}.welcome-screen{padding:25px 20px}.welcome-screen h1{font-size:30px}.welcome-foot{gap:12px;margin-top:35px}.social-body{grid-template-columns:1fr;grid-template-rows:minmax(180px,40%) minmax(0,1fr)}.social-list{border-right:0;border-bottom:1px solid var(--line);max-height:none}.social>header{padding-left:60px}.voice-stage>header{padding-left:62px}.voice-controls{padding:0 15px 16px}.voice-media{padding:15px}.modal form{padding:22px}}@media(max-width:380px){.welcome-actions{width:100%}.welcome-actions button{flex:1;justify-content:center}.welcome-foot{font-size:9px}.msg-actions button{font-size:9px;padding:3px 6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.social .composer input{flex:1;min-width:0;padding:10px 12px;background:#151925;border:1px solid var(--line);border-radius:9px;color:var(--text);font-size:11px}.social .composer input:focus{outline:0;border-color:#8b5cf666}.social .composer button{padding:0 14px;min-height:36px;background:var(--gradient);border-radius:9px;color:#fff;font-size:11px;font-weight:700}.social-list .row{flex-wrap:wrap}.social-list .row a:hover{color:#d2c5ff}.social-chat .msg{padding:10px 12px}.splash{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;background:radial-gradient(ellipse at 50% 38%,#3a1d7a45,transparent 58%),#08090d;color:#c9bdf5}.splash-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:#8b3dff;filter:blur(120px);opacity:.13;pointer-events:none;animation:splashpulse 3s ease-in-out infinite}.splash-logo{position:relative;width:min(260px,62vw);height:auto;filter:drop-shadow(0 0 30px #8b3dff55);animation:splashfloat 2.6s ease-in-out infinite}.splash-bar{position:relative;width:130px;height:3px;border-radius:3px;background:#ffffff14;overflow:hidden}.splash-bar span{display:block;width:40%;height:100%;border-radius:3px;background:linear-gradient(90deg,#8b3dff,#c084fc);animation:splashbar 1.2s ease-in-out infinite}.splash-msg{position:relative;margin:0;font-size:13px;color:#9a8fc4}.splash-error{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:360px;color:#ffb1ba}.splash-error p{margin:0;font-size:13px;line-height:1.6}.splash-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}.splash-actions button{min-height:40px;padding:0 18px;border-radius:10px;background:var(--gradient);font-size:12px;font-weight:700}.splash-actions button.secondary{background:#242938;color:#d0d5df}@keyframes splashfloat{50%{transform:translateY(-7px)}}@keyframes splashpulse{50%{opacity:.22;transform:scale(1.08)}}@keyframes splashbar{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media(prefers-reduced-motion:reduce){.splash-logo,.splash-glow,.splash-bar span{animation:none}}.auth-brand{justify-content:center;margin-bottom:18px}.auth-logo-img{width:min(210px,60%);height:auto;filter:drop-shadow(0 0 22px #8b3dff44)}img.rail-brand{object-fit:cover;background:#000;padding:0;box-shadow:0 8px 24px #7856e366;border:1px solid #8b5cf655}img.brand-symbol{width:36px;height:36px;border-radius:12px;object-fit:cover;background:#000;box-shadow:0 6px 18px #7958e855}.avatar,.header-avatar,.msg-avatar,.modal-avatar,.avatar-xl{overflow:hidden}.avatar img,.header-avatar img,.msg-avatar img,.modal-avatar img,.avatar-xl img{width:100%;height:100%;object-fit:cover;display:block}.avatar.sm{width:28px;height:28px;font-size:11px}.channel .avatar.sm{width:26px;height:26px}.avatar-xl{display:grid;place-items:center;flex:none;width:84px;height:84px;border-radius:50%;background:linear-gradient(145deg,#8b5cf6,#3f78d8);font:800 30px Space Grotesk;color:#fff;box-shadow:0 0 0 3px #8b5cf655,0 10px 30px #7958e840}.avatar-editor{display:flex;align-items:center;gap:16px;padding:6px 0 4px}.avatar-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.avatar-buttons button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:9px;font-size:11px;font-weight:700;background:#242938;color:#d0d5df}.avatar-buttons button.danger{color:#ff9ca8;background:#321d28}.avatar-buttons small{flex-basis:100%;color:#828b9d;font-size:10px;line-height:1.5}.modal-error{margin:14px 0 0;padding:9px 12px;background:#371e2a;border:1px solid #f16b7833;border-radius:10px;color:#ffb1ba;font-size:12px;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ringPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:not(:disabled):active{transform:scale(.97)}.channel:not(:disabled):active{transform:scale(.985)}.main{animation:fadeIn .2s ease-out}.messages{scroll-behavior:auto;overscroll-behavior:contain}.main-header{-webkit-backdrop-filter:none;backdrop-filter:none}.msg.fresh{animation:fadeUp .24s cubic-bezier(.2,.8,.2,1)}.chip.on{background:#2b2150;border-color:#8b5cf6aa}.composer{padding-bottom:max(14px,env(safe-area-inset-bottom))}.mobile-scrim{animation:fadeIn .2s ease-out}.modal{animation:fadeIn .16s ease-out}.modal form{animation:popIn .22s cubic-bezier(.2,.8,.2,1)}.error,.modal-error{animation:slideDown .2s ease-out}.pane-loading{flex:1;display:grid;place-items:center;min-height:0}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid #8b5cf633;border-top-color:#a78bfa;animation:spin .8s linear infinite}.toast{position:fixed;z-index:90;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));margin:auto;width:max-content;max-width:calc(100vw - 32px);padding:10px 16px;border-radius:12px;background:#241a3d;border:1px solid #8b5cf655;color:#e4dcff;font-size:12px;box-shadow:var(--shadow);animation:fadeUp .22s ease-out}.voice-person{display:flex;align-items:center;gap:9px}.voice-dot{position:relative;display:block;width:9px;height:9px;border-radius:50%;background:#5b6377;flex:none;transition:background .15s}.voice-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:#a855f7;opacity:0}.voice-person.speaking{color:#fff}.voice-person.speaking .voice-dot{background:#a855f7}.voice-person.speaking .voice-dot:after{animation:ringPulse 1.1s ease-out infinite}.voice-status{color:#ffcc72;font-style:normal;font-weight:500}.voice-media video{animation:popIn .25s ease-out}.voice-controls button:not(:disabled):hover{transform:translateY(-1px)}@media(max-width:680px){.servers,.sidebar{will-change:transform}.mobile-menu-btn{top:max(17px,calc(env(safe-area-inset-top) + 8px))}}.lite *,.lite *:before,.lite *:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.lite .auth:before,.lite .auth:after,.lite .splash-glow,.lite .welcome-glow{display:none}.lite .splash-logo,.lite .auth-logo-img{animation:none;filter:none}.lite .msg.fresh{animation-duration:.12s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinner{animation-duration:1.6s!important;animation-iteration-count:infinite!important}}
