:root{color-scheme:dark;--bg:#15161c;--panel:#1c1d25;--muted:#858594;--text:#eeeef5;--accent:#b4a5fc;--line:#ffffff0d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Segoe UI',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit;border-radius:9px;transition:background .16s,transform .16s}button:hover{background:#ffffff0b}button:disabled{opacity:.5;cursor:wait}input,textarea,select{width:100%;border:1px solid #ffffff13;border-radius:10px;background:#17181f;color:var(--text);padding:13px 14px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}label{display:block;font-size:13px;font-weight:600;margin:20px 0}label input,label select,label textarea{margin-top:9px}h1,h2,p{margin-top:0}h2{font-size:29px;letter-spacing:-.8px}.muted{color:var(--muted);line-height:1.7}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#aaa2bd}.primary{background:var(--accent);color:#211b37;font-weight:700;padding:14px 20px}.primary:hover{background:#c4b9ff;transform:translateY(-1px)}.wide{width:100%}.error{color:#ff9fae;font-size:13px;min-height:5px}.link{color:var(--muted);font-size:12px}.auth-screen{height:100vh;min-height:650px;display:grid;grid-template-columns:1.08fr 1fr;padding:18px}.auth-art{position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 65% 80%,#494064 0,transparent 60%),#24232f;padding:36px 42px}.wordmark{display:flex;align-items:center;font-size:28px;font-weight:650;letter-spacing:-1px;gap:10px}.logo{font-size:43px;color:#c4b7ff}.beta{font-size:9px;letter-spacing:1.5px;border:1px solid #ffffff20;border-radius:5px;padding:5px;margin-left:7px;color:#b3abcb}.art-copy{position:relative;margin-top:100px;z-index:1}.art-copy h1{font-size:clamp(60px,6.5vw,100px);line-height:1.02;font-weight:600;letter-spacing:-5px;margin:25px 0}.art-copy p{font-size:16px;line-height:1.8;color:#b9b3c6}.feature-pills{display:flex;gap:8px;margin-top:35px;flex-wrap:wrap}.feature-pills span{border:1px solid #ffffff16;border-radius:22px;padding:9px 12px;font-size:11px;color:#d7cee8}.art-bottom{position:absolute;bottom:28px;font-size:11px;color:#9d94b0}.orbit{position:absolute;width:660px;height:660px;border:1px solid #c6b3ff19;border-radius:50%;right:-270px;bottom:-265px}.orbit-two{width:810px;height:810px;right:-345px;bottom:-340px}.planet{position:absolute;width:270px;height:270px;border-radius:50%;right:-30px;bottom:-55px;background:radial-gradient(circle at 27% 20%,#b7a1ec,#655283 42%,#282234 76%);box-shadow:-20px -20px 90px #9a75cc18}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:35px}.auth-form-wrap form{width:360px}.auth-form-wrap h2{margin:13px 0 12px}.tabs{display:flex;background:#1e1f28;border-radius:10px;padding:4px;margin:30px 0 24px}.tabs button{width:50%;padding:10px;color:#93909f}.tabs .selected{background:#33313f;color:#ece6ff}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;right:8px;top:17px;padding:8px;color:#8f8a9c}.auth-note{text-align:center;font-size:12px;line-height:1.8;color:#706d7d;margin:25px 0 14px}#connection-button{display:block;margin:auto}#auth-submit{display:flex;justify-content:space-between}.app{height:100vh;display:grid;grid-template-columns:76px 245px minmax(300px,1fr) 220px;overflow:hidden}.rail{background:#111218;padding:22px 12px;display:flex;align-items:center;flex-direction:column;gap:12px}.brand-icon{font-size:38px;color:var(--accent);width:52px;height:52px}.rail-line{height:1px;width:30px;background:#ffffff12;margin:2px 0 6px}.rail #spaces{display:flex;flex-direction:column;gap:12px}.space-icon{width:48px;height:48px;border-radius:16px;background:#2a2935;font-size:17px;font-weight:700;color:#d1c7e8;position:relative}.space-icon.active{background:var(--accent);color:#29203d;border-radius:14px}.space-icon.active:before{content:'';position:absolute;width:4px;height:28px;background:var(--accent);left:-13px;top:10px;border-radius:3px}.add-space,.join-space{width:45px;height:45px;background:#202329;color:#b4cfbf;font-size:26px}.join-space{font-size:22px;background:transparent;color:#7f828e}.rail-bottom{margin-top:auto;color:#454451;font-size:10px;letter-spacing:4px}.rail-bottom span{color:#87808f}.sidebar{background:#1b1c24;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sidebar-header{height:74px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:5px}.sidebar-header strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-header button{font-size:20px}.search-launch{margin:20px 16px 25px;display:flex;align-items:center;background:#121319;padding:11px 10px;color:#7f7e8d;gap:9px;font-size:19px}.search-launch span{font-size:11px}.search-launch kbd{margin-left:auto;font-size:11px;border:1px solid #ffffff15;border-radius:4px;padding:1px 4px}.side-section{display:flex;justify-content:space-between;align-items:center;padding:0 22px 10px;font-size:9px;letter-spacing:1.3px;color:#7c7b8b;font-weight:700}.side-section button{font-size:19px}.channels{padding:0 12px;overflow:auto;flex:1}.channel{width:100%;padding:11px 12px;display:flex;align-items:center;text-align:left;gap:10px;margin-bottom:3px;color:#9795a5;font-size:13px}.channel .symbol{font-size:19px;color:#6f6d7d;width:20px}.channel.active{color:#dcd3ff;background:#b4a5fc13}.channel.active .symbol{color:#b4a5fc}.channel small{margin-left:auto;color:#94d1b1}.channel-separator{font-size:9px;color:#7c7b8b;letter-spacing:1.4px;margin:27px 10px 10px}.sidebar-note{margin:18px 18px 24px;padding:16px;background:linear-gradient(135deg,#35303e77,#202129);border:1px solid #b9a5e211;border-radius:12px}.sidebar-note>span{color:#c7b2f2;font-size:22px;display:block;margin-bottom:8px}.sidebar-note strong{font-size:11px}.sidebar-note p{font-size:11px;color:#8d859b;line-height:1.6;margin:7px 0 12px}.sidebar-note button{font-size:10px;color:#c8b6ee;padding:0}.user-bar{height:75px;display:flex;align-items:center;padding:14px;gap:10px;background:#171820}.avatar{flex-shrink:0;width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#ad9aee25;color:var(--accent);font-size:13px;font-weight:700}.user-bar strong{font-size:12px;max-width:115px;display:block;overflow:hidden;text-overflow:ellipsis}.user-bar small{display:block;font-size:10px;color:#838392;margin-top:3px}.online-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#84c9a2;margin-right:3px}.user-bar>button:last-child{margin-left:auto;font-size:20px;color:#878492}.main{min-width:0;display:flex;flex-direction:column;background:#202129}.chat-header{height:74px;min-height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:10px}.chat-title{display:flex;align-items:center;gap:13px;min-width:0}.chat-title>span:first-child{font-size:26px;color:#777284}.chat-title strong{font-size:14px;white-space:nowrap}#room-topic{font-size:11px;color:#74727f;border-left:1px solid #ffffff14;padding-left:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:9px}.header-actions button{font-size:22px;color:#9f99ad;padding:6px}#connection-state{font-size:10px;color:#8cbaa1;white-space:nowrap}.members-panel{border-left:1px solid var(--line);padding:28px 18px;background:#1c1d25}.members-panel>.eyebrow{font-size:9px;letter-spacing:1.4px;color:#7e7b8c;margin-bottom:20px}.member{display:flex;align-items:center;gap:11px;padding:9px 2px;width:100%;text-align:left}.member strong{display:block;font-size:12px}.member small{display:block;font-size:10px;color:#777383;margin-top:4px}.member .avatar{position:relative}.member .avatar:after{content:'';position:absolute;bottom:-1px;right:-2px;width:9px;height:9px;border:3px solid #1c1d25;border-radius:50%;background:#646071}.member.is-online .avatar:after{background:#83c9a1}.member-tip{margin-top:50px;text-align:center;border-top:1px solid var(--line);padding-top:30px;color:#696676}.member-tip>div{font-size:30px;margin-bottom:12px}.member-tip b{font-size:11px;font-weight:500}.member-tip p{font-size:10px;line-height:1.7;margin-top:8px}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.welcome-orb{font-size:70px;color:#b4a5fc;background:radial-gradient(circle,#b4a5fc12,transparent 70%);width:150px;height:130px;padding:5px}.welcome>.eyebrow{font-size:9px}.welcome h1{font-size:35px;letter-spacing:-1.5px;margin:20px 0 13px}.welcome p{font-size:13px;color:#8b859a;line-height:1.9}.welcome-cards{display:flex;gap:14px;margin-top:30px;width:100%;max-width:590px}.welcome-cards button{position:relative;background:#292832;border:1px solid #ffffff0b;text-align:left;padding:22px;flex:1}.welcome-cards button>span{display:block;color:#c8b7ee;font-size:25px;margin-bottom:22px}.welcome-cards strong{display:block;font-size:13px}.welcome-cards small{display:block;color:#898295;font-size:10px;margin-top:7px}.welcome-cards b{position:absolute;right:17px;top:22px;color:#716781}#chat-area{display:flex;flex-direction:column;flex:1;min-height:0}.messages{overflow-y:auto;flex:1;padding:24px 28px 10px;scroll-behavior:smooth}.channel-intro{padding:35px 0 20px}.channel-intro .intro-icon{width:60px;height:60px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:35px;background:#b4a5fc17;color:#b4a5fc}.channel-intro h2{font-size:27px;margin:20px 0 8px}.channel-intro p{font-size:12px;color:#8b8599}.day-line{display:flex;align-items:center;gap:15px;color:#726c7e;font-size:10px;margin:22px 0}.day-line:before,.day-line:after{content:'';height:1px;flex:1;background:var(--line)}.message{display:flex;gap:13px;padding:12px 0;position:relative}.message:hover .delete-message{opacity:1}.message-content{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:9px;margin-bottom:5px}.message-meta strong{font-size:12px}.message-meta time{font-size:9px;color:#77717e}.message p{margin:0;color:#c9c4d1;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.delete-message{opacity:0;color:#c17e8b;font-size:10px;position:absolute;right:0;top:3px;background:#29232e;padding:5px}.typing{height:24px;min-height:24px;padding:3px 30px;color:#aaa0bb;font-size:10px}.composer{display:flex;align-items:center;margin:0 26px;background:#2b2c36;border:1px solid #ffffff07;border-radius:12px;padding:7px 10px}.composer textarea{background:transparent;border:0;resize:none;max-height:120px;padding:9px 7px;font-size:13px;line-height:1.5}.composer>button{width:34px;height:34px;flex-shrink:0;font-size:23px;color:#92889f}.composer>.send{background:var(--accent);color:#34284a;font-size:23px;margin-left:8px}.composer-hint{padding:9px 30px 18px;font-size:9px;color:#64616f}.composer-hint span{margin-left:15px}dialog{background:#24232d;border:1px solid #494052;color:var(--text);border-radius:18px;width:440px;padding:27px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#08090daf;backdrop-filter:blur(6px)}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:23px;margin:0}.modal-head button{font-size:26px;color:#aaa0b7}.danger{color:#f59aaa}.secondary{padding:12px;background:#34313f;width:100%;margin-top:12px}.profile-large{text-align:center;padding:24px 0 12px}.profile-large .avatar{width:76px;height:76px;font-size:28px;border-radius:24px}.profile-large h3{margin:14px 0 5px}.profile-large p{color:#a59aaf;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.profile-large small{color:#8a8297}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#3e354c;color:#f2eaff;border:1px solid #776188;border-radius:11px;padding:14px 22px;z-index:99;max-width:80%;box-shadow:0 8px 40px #0005;font-size:13px}#voice-status{margin:0 12px 12px;padding:13px;border:1px solid #88cdaa20;border-radius:10px;background:#24342c44}#voice-status b{display:block;font-size:11px;color:#8cd2ab}#voice-status span{font-size:10px;color:#8fa598;display:block;margin:6px 0}#voice-status button{font-size:10px;padding:7px}#call-panel{padding:30px;background:radial-gradient(ellipse at top,#343044,#24232d);border-bottom:1px solid #ffffff0a;overflow:auto;max-height:70vh}.call-top{display:flex;justify-content:space-between;align-items:center}.call-top h2{font-size:23px;margin:8px 0 18px}#call-info{font-size:11px;color:#9b8eaa}.videos{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.video-tile{background:#1b1a23;min-width:160px;flex:1;max-width:360px;height:170px;border:1px solid #b4a5fc20;border-radius:13px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-tile video{width:100%;height:100%;object-fit:cover;position:absolute}.video-tile .avatar{width:65px;height:65px;font-size:23px;border-radius:22px}.video-tile small{position:absolute;bottom:10px;left:12px;font-size:10px;z-index:1;background:#15141bbb;border-radius:5px;padding:4px 7px}.call-controls{display:flex;gap:10px}.call-controls button:not(.primary){padding:12px;background:#ffffff0b;font-size:12px}#call-hint{font-size:11px;margin:15px 0 0}.load-more{display:block;margin:0 auto;color:#aa9cc5;font-size:11px;padding:9px}.empty-side{color:#716b80;line-height:1.8;font-size:11px;padding:10px}.app.no-members{grid-template-columns:76px 245px minmax(300px,1fr)}.app.no-members .members-panel{display:none}[hidden]{display:none!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#48424f;border-radius:5px}@media(max-width:1150px){.app{grid-template-columns:68px 220px minmax(300px,1fr)}.members-panel{display:none}#room-topic{display:none}.sidebar-note{margin-bottom:15px}.art-copy h1{font-size:70px}}@media(max-width:760px){.auth-screen{grid-template-columns:1fr}.auth-art{display:none}.auth-form-wrap{padding:20px}.app,.app.no-members{grid-template-columns:58px 165px minmax(260px,1fr)}.rail{padding:15px 5px}.sidebar-header{padding:0 12px}.search-launch{margin:14px 9px}.search-launch span{font-size:10px}.sidebar-note{display:none}.side-section{padding:5px 10px}.chat-header{padding:0 15px}.welcome{padding:20px}.welcome h1{font-size:27px}.welcome-cards{flex-direction:column}.user-bar{padding:8px;gap:5px}.user-bar strong{max-width:70px}#connection-state{display:none}.messages{padding:15px}.composer{margin:0 12px}.channels{padding:0 5px}}

.download-link{display:block;text-align:center;margin:18px auto;color:#bdade9;font-size:12px;text-decoration:none}#incoming-call{position:fixed;top:25px;right:25px;z-index:80;display:flex;align-items:center;gap:14px;padding:20px;background:#30283d;border:1px solid #9a82b5;border-radius:16px;box-shadow:0 15px 60px #0009}#incoming-call>span{font-size:30px;color:#b4a5fc}#incoming-call small{display:block;color:#a698b5;margin-top:5px;font-size:11px}#incoming-call button{padding:10px;font-size:12px}#voice-room-name{cursor:pointer}