@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e8e4dd;background:#141519;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit;cursor:pointer}.app-shell{display:flex;height:100dvh;overflow:hidden;background:#191a1f}.rail{width:76px;background:#111216;display:flex;align-items:center;flex-direction:column;padding:20px 0 16px;gap:14px;flex-shrink:0}.rail-logo,.rail-active,.rail>button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:15px;color:#84878e;background:transparent;transition:.18s}.rail-logo{color:#17191c;background:#ddbd99;border-radius:15px;margin-bottom:4px}.rail>button:hover,.rail-active{color:#e8c49d;background:#27282d}.rail-sep{width:28px;height:1px;background:#2a2b30;margin:2px}.rail-bottom{margin-top:auto}.avatar{display:grid;place-items:center;border-radius:50%;font-family:Manrope,sans-serif;font-weight:800;color:#25231f;flex-shrink:0}.avatar.self{width:38px;height:38px;background:#dcb58f}.sidebar{width:278px;display:flex;flex-direction:column;background:#1c1d22;border-right:1px solid #292a2f;flex-shrink:0}.side-head{height:94px;padding:22px 18px 16px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a2b30}.eyebrow{font:700 10px DM Sans,sans-serif;letter-spacing:1.65px;color:#8c8c88}.side-head h2{font:700 20px Manrope,sans-serif;margin:5px 0 0;color:#f1eee8;display:flex;align-items:center;gap:8px}.online-dot{width:7px;height:7px;border-radius:50%;background:#90aa87;display:inline-block;box-shadow:0 0 0 3px #90aa871c}.icon-btn{border:0;background:transparent;color:#8f908e;display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.icon-btn:hover{background:#2b2c31;color:#f1eee8}.add-btn{background:#2a2b30;color:#dfbd98}.side-label{margin:24px 17px 10px 23px;font-size:9px;font-weight:700;letter-spacing:1.2px;color:#74767c;display:flex;justify-content:space-between}.side-label span{font-size:10px;color:#777980}.room-list{display:flex;flex-direction:column;gap:4px;padding:0 10px}.room{height:59px;width:100%;border:0;background:transparent;border-radius:11px;display:flex;align-items:center;text-align:left;gap:11px;padding:8px 10px;color:#bdbab3}.room:hover{background:#25262b}.room.selected{background:#2a2b30;color:#f0ede7}.room-icon{width:37px;height:37px;background:#34353a;color:#c2ae94;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.room.selected .room-icon{background:#4a423a;color:#e9c79f}.room-icon.group{color:#a6b299;background:#353b35}.room.selected .room-icon.group{background:#42483e;color:#c4d0b8}.room-info{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}.room-info strong{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-info small{font-size:10px;color:#84858b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-dot{width:5px;height:5px;border-radius:50%;background:#8fa889}.empty-side{margin:auto 20px;display:flex;align-items:center;text-align:center;flex-direction:column;color:#e4e0d7}.empty-icon{width:44px;height:44px;border-radius:14px;background:#2a2b30;color:#ccb18f;display:grid;place-items:center;margin-bottom:14px}.empty-side b{font:600 12px Manrope,sans-serif}.empty-side p{max-width:175px;color:#85868c;font-size:11px;line-height:1.6}.empty-side button{border:0;background:transparent;color:#dbb991;font-size:11px;font-weight:600;margin-top:7px}.side-footer{margin-top:auto;height:69px;border-top:1px solid #2a2b30;display:flex;align-items:center;padding:0 14px 0 18px;gap:10px}.self-name{display:flex;flex-direction:column;gap:3px;flex:1}.self-name b{font-size:11px;font-weight:600}.self-name small{font-size:10px;color:#7f8086}.logout{width:30px}.chat{flex:1;min-width:0;display:flex;flex-direction:column;background:#1a1b20}.chat-head{height:81px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a2b30;padding:0 34px}.chat-title{display:flex;align-items:center;gap:12px}.room-icon.big{width:40px;height:40px;background:#33343a;color:#ccb18f;border-radius:12px}.chat-title h2{font:700 15px Manrope,sans-serif;margin:0 0 5px;color:#eeebe5}.chat-title p{font-size:10px;color:#8b8d90;margin:0;display:flex;align-items:center;gap:7px}.chat-title p .online-dot{width:6px;height:6px;box-shadow:none}.head-actions{display:flex;align-items:center;gap:18px}.privacy{font-size:10px;color:#92918b;display:flex;align-items:center;gap:7px}.privacy span{width:6px;height:6px;border-radius:50%;background:#91a689}.call-btn{height:36px;padding:0 13px;border:1px solid #444039;border-radius:9px;background:#302d29;color:#e3c29d;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.call-btn:hover{background:#3a3530}.call-btn.calling{color:#edaaa2;border-color:#513d3b;background:#342b2b}.messages{flex:1;overflow-y:auto;padding:30px max(6%,calc((100% - 820px)/2)) 24px;display:flex;flex-direction:column;gap:22px;scrollbar-color:#42434a transparent;scrollbar-width:thin}.welcome{margin:auto;max-width:400px;text-align:center;display:flex;align-items:center;flex-direction:column;padding:30px 0}.welcome-symbol{width:58px;height:58px;border:1px solid #47423c;border-radius:19px;color:#dfba91;background:#2d2a26;display:grid;place-items:center;margin-bottom:24px}.welcome .eyebrow{font-size:9px;color:#c5a984}.welcome h2{font:700 23px Manrope,sans-serif;letter-spacing:-.7px;margin:11px 0 8px;color:#efede7}.welcome>p,.no-room p{font-size:12px;line-height:1.75;color:#92928f;max-width:340px;margin:0}.starter-chips{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap;justify-content:center}.starter-chips span{display:flex;align-items:center;gap:6px;padding:8px 11px;background:#25262b;border:1px solid #33343a;border-radius:20px;color:#b8b4ab;font-size:10px}.message{display:flex;align-items:flex-start;gap:11px;max-width:85%;align-self:flex-start}.message.mine{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:31px;height:31px;font-size:12px;margin-top:2px}.msg-content{min-width:0}.msg-meta{display:flex;align-items:baseline;gap:9px;margin-bottom:6px}.msg-meta b{font-size:11px;color:#ddd9d1;font-weight:600}.msg-meta time{font-size:9px;color:#73757a}.bubble{padding:10px 13px;background:#292a30;color:#dfdcd5;border-radius:3px 12px 12px;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.mine .bubble{background:#39352f;border-radius:12px 3px 12px 12px}.file-card{min-width:225px;max-width:320px;display:flex;align-items:center;gap:10px;text-align:left;padding:11px;border:1px solid #3c3b37;background:#292a2d;border-radius:10px;color:#ddd9d1}.file-icon{width:34px;height:34px;border-radius:9px;background:#38332d;color:#dab78f;display:grid;place-items:center}.file-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.file-meta b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta small{font-size:9px;color:#8a8a88}.download{color:#bba98f}.composer-wrap{padding:8px max(6%,calc((100% - 820px)/2)) 17px}.composer{height:53px;background:#27282d;border:1px solid #34353b;border-radius:12px;display:flex;align-items:center;padding:0 8px;gap:9px}.composer:focus-within{border-color:#695a48}.attach,.send-btn{border:0;background:transparent;color:#898a8e;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;flex-shrink:0}.attach:hover{background:#35363b;color:#e1bd95}.message-input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#ebe7df;font-size:12px}.message-input::placeholder{color:#797b81}.composer-hint{color:#73757a;font-size:9px;border:1px solid #44454a;border-radius:4px;padding:3px 5px}.send-btn{background:#d7b38d;color:#28241f;width:34px;height:34px}.send-btn:disabled{opacity:.35;cursor:default}.composer-foot{display:flex;justify-content:space-between;color:#77797d;font-size:9px;padding:9px 4px 0}.composer-foot b{color:#d1a986}.status-line{font-size:10px;color:#bda47f;margin:0 0 8px 6px}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d29c78;margin-right:8px;animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.35}}.no-room{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.no-room .welcome-symbol{margin-bottom:18px}.no-room h2{font:700 20px Manrope;margin:0 0 8px}.no-room .primary{margin-top:20px}.primary{height:43px;background:#d7b38d;border:0;border-radius:9px;color:#27231e;font-size:12px;font-weight:700;padding:0 17px;display:flex;justify-content:center;align-items:center;gap:14px}.primary:hover{background:#e6c49e}.primary:disabled{opacity:.5}.wide{width:100%}.login{height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 47%,#24231f 0,#17181c 53%,#121316);padding:20px}.login-card{width:min(100%,390px);padding:36px 38px 32px;background:#1e1f23;border:1px solid #343331;border-radius:18px;box-shadow:0 30px 100px #0006}.brand-mark{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;background:#dfbd99;color:#24211d;margin-bottom:26px}.login-card>.eyebrow{color:#c4a783}.login h1{font:800 31px/1.25 Manrope,sans-serif;letter-spacing:-1.3px;margin:10px 0 12px;color:#f0ece5}.login h1 em{font-style:normal;color:#d8b38c}.muted{color:#999994;font-size:12px;line-height:1.7}.login form{display:flex;flex-direction:column;margin-top:27px}.login label,.modal label{font-size:10px;font-weight:600;color:#c7c4bd;margin-bottom:8px}.login input,.modal input{height:43px;background:#17181c;border:1px solid #37383c;border-radius:8px;padding:0 12px;outline:0;color:#efede8;font-size:12px;margin-bottom:12px}.login input:focus,.modal input:focus{border-color:#b69774}.login input::placeholder,.modal input::placeholder{color:#696b70}.login .primary{margin-top:7px}.tiny{font-size:9px;color:#75767b;text-align:center;margin:17px 0 0}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#0b0c0fb8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}.modal{width:min(100%,400px);background:#222327;border:1px solid #3b3935;border-radius:17px;padding:29px;position:relative;box-shadow:0 24px 80px #0008}.close{position:absolute;right:14px;top:14px}.modal-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#35322d;color:#dbb991;margin-bottom:19px}.modal>.eyebrow{color:#bea07c}.modal h2{font:700 22px Manrope;margin:8px 0 5px}.modal>.muted{margin:0 0 20px}.switcher{height:38px;background:#191a1e;border-radius:8px;padding:3px;display:flex;margin-bottom:19px}.switcher button{flex:1;border:0;background:transparent;border-radius:6px;color:#8d8d8c;font-size:10px}.switcher button.on{background:#34343a;color:#e3dfd8}.modal form{display:flex;flex-direction:column}.modal form input{margin-bottom:15px}.form-note{font-size:9px;color:#858681;margin:-5px 0 16px}.mobile-nav{display:none}audio{display:none}@media(max-width:760px){.rail{display:none}.sidebar{width:225px}.chat-head{padding:0 18px}.messages{padding:22px 18px}.composer-wrap{padding:8px 14px 12px}.privacy{display:none}.head-actions{gap:0}.chat-head{height:70px}.welcome h2{font-size:20px}.composer-foot span{display:none}}@media(max-width:540px){.app-shell{position:relative}.sidebar{width:72px;align-items:center}.side-head{width:100%;height:70px;padding:0;justify-content:center}.side-head>div,.side-label,.room-info,.room-dot,.empty-side,.side-footer .self-name,.side-footer .logout{display:none}.add-btn{display:grid}.room-list{padding:12px 0;align-items:center}.room{width:54px;height:54px;padding:8px;justify-content:center}.room.selected{background:#2b2c31}.room-icon{width:38px;height:38px}.side-footer{width:100%;height:62px;justify-content:center;padding:0}.chat{min-width:0}.chat-head{padding:0 13px}.chat-title{gap:9px}.room-icon.big{width:36px;height:36px}.chat-title h2{font-size:13px}.chat-title p{font-size:9px}.call-btn{height:34px;padding:0 9px;gap:5px}.call-btn span{font-size:10px}.messages{padding:18px 12px}.message{max-width:94%}.file-card{min-width:190px;max-width:240px}.composer-wrap{padding:6px 9px 10px}.composer{gap:4px;padding:0 5px}.composer-hint{display:none}.message-input{font-size:11px}.attach,.send-btn{width:32px}.welcome{padding:10px}.welcome>p{font-size:11px}.starter-chips{gap:5px}.starter-chips span{font-size:9px;padding:7px 8px}.mobile-nav{display:none}}.access-error{color:#e4a7a1;font-size:11px;margin:0 0 12px}.contact-picks{margin:-4px 0 17px}.contact-picks>span{display:block;font-size:9px;font-weight:700;letter-spacing:1px;color:#888a8d;margin-bottom:8px}.contact-picks>div{display:flex;flex-wrap:wrap;gap:6px}.contact-picks button{border:1px solid #49433b;border-radius:20px;background:#302d29;padding:6px 10px;color:#e0c19a;font-size:10px}.contact-picks button:hover{background:#413b33}.contact-empty{background:#292a30;border:1px solid #37383d;border-radius:9px;padding:10px 12px;color:#a5a49f;font-size:10px;line-height:1.5;margin:-4px 0 16px}.tool-btn{height:34px;padding:0 9px;border:1px solid #393a3f;border-radius:9px;background:#25262b;color:#bcb8ae;display:flex;align-items:center;gap:6px;font-size:10px}.tool-btn:hover,.tool-btn.tool-on{border-color:#756047;color:#e7c399;background:#322e28}.volume-control{height:34px;display:flex;align-items:center;gap:7px;color:#b8b3a9;border:1px solid #393a3f;background:#25262b;border-radius:9px;padding:0 8px}.volume-control input{width:72px;accent-color:#d7b38d}.volume-control span{font-size:9px;min-width:25px}.screen-stage{margin:12px 20px 0;padding:10px;background:#111216;border:1px solid #32333a;border-radius:12px;flex-shrink:0}.screen-stage-head{display:flex;justify-content:space-between;align-items:center;color:#e2ded7;font-size:10px;padding:1px 4px 9px}.screen-stage-head span{display:flex;align-items:center;gap:7px}.screen-stage-head small{color:#92928f;font-size:9px}.screen-stage video{display:block;width:100%;max-height:min(48dvh,560px);object-fit:contain;background:#050506;border-radius:7px}.status-error{color:#e6a6a0}@media(max-width:760px){.tool-btn span,.volume-control span{display:none}.tool-btn{padding:0 7px}.volume-control{gap:5px;padding:0 6px}.volume-control input{width:52px}.screen-stage{margin:8px 10px 0}.screen-stage-head small{display:none}}@media(max-width:540px){.chat-head{height:auto;min-height:70px;flex-wrap:wrap;padding:10px 12px;gap:8px}.head-actions{width:100%;justify-content:flex-end;gap:5px}.call-btn span{display:none}.volume-control input{width:44px}.screen-stage video{max-height:35dvh}}.tool-btn:disabled{opacity:.45;cursor:not-allowed}.call-btn.incoming{animation:incoming-call 1.1s ease-in-out infinite}@keyframes incoming-call{50%{box-shadow:0 0 0 5px #dfbd9930;transform:scale(1.04)}}.sidebar{overflow:hidden}.online-friends{max-height:150px;overflow-y:auto;padding:0 10px 4px;display:flex;flex-direction:column;gap:3px}.online-friend{width:100%;min-height:42px;padding:5px 9px;border:0;border-radius:9px;background:transparent;color:#c4c1b9;display:flex;align-items:center;gap:9px;text-align:left}.online-friend:hover:not(:disabled){background:#292a2f;color:#f0ede7}.online-friend:disabled{opacity:.55;cursor:wait}.online-avatar{width:29px;height:29px;background:#3a4138;color:#c9d5bc;font-size:11px}.online-friend-name{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.online-friend-name b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-friend-name small{font-size:9px;color:#8f9e88;display:flex;align-items:center;gap:5px}.online-friend-name i{width:6px;height:6px;border-radius:50%;background:#92b985;display:inline-block;box-shadow:0 0 0 2px #92b98522}.online-friend>svg{color:#a99a82}.online-empty{margin:3px 12px 7px;color:#777980;font-size:10px}.room-list{flex:1;min-height:0;overflow-y:auto}.unread-badge{min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#d97562;color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center}.incoming-call-toast{position:fixed;top:16px;right:18px;z-index:20;min-height:68px;padding:10px 12px;border:1px solid #706048;border-radius:14px;background:#24231f;box-shadow:0 12px 44px #0009;display:flex;align-items:center;gap:10px;animation:incoming-call 1.1s ease-in-out infinite}.incoming-call-icon{width:38px;height:38px;border-radius:12px;background:#353229;color:#e7c399;display:grid;place-items:center}.incoming-call-copy{min-width:115px;display:flex;flex-direction:column;gap:4px}.incoming-call-copy strong{font-size:12px;color:#f0ede7}.incoming-call-copy small{font-size:10px;color:#a3a097}@media(max-width:540px){.online-friends{max-height:120px;padding:0 6px}.online-friend{padding:5px;gap:6px;justify-content:center}.online-friend-name,.online-empty{display:none}.incoming-call-toast{top:8px;right:8px;left:8px;justify-content:flex-start;padding:8px}.incoming-call-copy{flex:1;min-width:0}.incoming-call-toast .call-btn{height:32px}.incoming-call-toast .call-btn span{display:inline}}.screen-stage{max-height:60dvh;display:flex;flex-direction:column;min-height:0}.screen-stage-head{flex:none;gap:10px}.screen-controls{display:flex;align-items:center;gap:5px}.screen-controls button{width:30px;height:28px;border:1px solid #3a3b41;border-radius:7px;background:#25262b;color:#d8d1c5;display:grid;place-items:center}.screen-controls button:hover{background:#393a40;color:#fff}.screen-controls span{font-size:10px;color:#b7b0a4;min-width:34px;text-align:center}.screen-video-viewport{flex:1;min-height:90px;overflow:auto;background:#050506;border-radius:7px;display:grid;place-items:center}.screen-stage video{width:100%;height:auto;max-height:calc(60dvh - 72px);object-fit:contain;transform-origin:center center;transition:transform .15s ease}.screen-stage.screen-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:14px;border-radius:0;background:#101114;box-sizing:border-box}.screen-stage.screen-fullscreen .screen-video-viewport{min-height:0}.screen-stage.screen-fullscreen video{width:100%;height:100%;max-height:none;object-fit:contain}@media(max-width:540px){.screen-stage{max-height:48dvh}.screen-stage video{max-height:calc(48dvh - 72px)}.screen-controls{gap:3px}.screen-controls button{width:27px;height:26px}}.auth-switch{border:0;background:transparent;color:#dfbd99;font-size:11px;margin:13px auto 0;display:block}.auth-switch:hover{text-decoration:underline}.room-row{display:flex;align-items:center;border-radius:11px}.room-row.selected{background:#2a2b30}.room-row .room{flex:1;min-width:0}.room-row .room:hover,.room-row.selected .room{background:transparent}.room-delete{width:30px;height:32px;margin-right:6px;border:0;border-radius:8px;background:transparent;color:#85858a;display:grid;place-items:center;opacity:0}.room-row:hover .room-delete,.room-row.selected .room-delete{opacity:1}.room-delete:hover{background:#49302e;color:#efa69b}.admin-modal h3{font:600 12px Manrope,sans-serif;color:#eae6df;margin:20px 0 8px}.admin-counts{display:flex;gap:10px;margin-top:18px}.admin-counts div{flex:1;padding:13px;border:1px solid #37383e;background:#27282d;border-radius:10px;display:flex;flex-direction:column;gap:3px}.admin-counts b{font:700 20px Manrope,sans-serif;color:#e8c49d}.admin-counts span{font-size:10px;color:#a19e96}.admin-accounts{max-height:220px;overflow:auto}.admin-accounts>div{display:flex;align-items:center;gap:9px;padding:8px 2px;border-bottom:1px solid #33343a}.admin-accounts .avatar{width:28px;height:28px;background:#3b3c41;color:#e1c29d;font-size:10px}.admin-accounts b{font-size:11px;flex:1}.admin-accounts small{font-size:9px;color:#9a9a93}@media(hover:none){.room-delete{opacity:1}}.room-delete{opacity:.65}.avatar img,.profile-photo-preview img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.profile-open{min-width:0;flex:1;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;padding:0;color:inherit}.profile-open:hover .self-name b{color:#dfbd99}.profile-open .self-name{min-width:0}.profile-open .self-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal textarea,.modal select{width:100%;border:1px solid #37383c;border-radius:8px;background:#17181c;color:#efede8;padding:10px 12px;outline:0;font:inherit;font-size:12px;margin-bottom:12px}.modal textarea{resize:vertical;min-height:86px;line-height:1.5}.modal textarea:focus,.modal select:focus{border-color:#b69774}.modal form .profile-hint{font-size:9px;color:#888982;margin:-8px 0 12px}.modal form .bio-count{text-align:right;margin-top:-9px}.profile-photo-row{display:flex;align-items:center;gap:10px;margin:0 0 18px}.profile-photo-preview{width:66px;height:66px;flex:none;display:grid;place-items:center;border:1px solid #4b443b;border-radius:50%;background:#34353a;color:#e6c39b;font:700 22px Manrope,sans-serif;overflow:hidden}.secondary-btn{height:34px;padding:0 11px;border:1px solid #4a453d;border-radius:8px;background:#2e2c28;color:#e4c29b;display:flex;align-items:center;gap:7px;font-size:10px}.secondary-btn:hover{background:#3c3730}.remove-photo{border:0;background:transparent;color:#e09e97;font-size:10px}.profile-modal{max-height:min(92dvh,720px);overflow:auto}.presence-text i{background:#91b386}.online-friend:has(.presence-text) .presence-text{color:#94a98e}.msg-author{padding:0;border:0;background:transparent;color:#dedbd3;font:inherit;font-weight:700;text-align:left}.msg-author:hover{color:#e3c29d;text-decoration:underline}.view-profile-modal{text-align:center;padding-top:36px}.view-profile-modal h2{margin:12px 0 3px}.profile-view-avatar{width:78px;height:78px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:#dcb58f;color:#25231f;font:800 25px Manrope,sans-serif;overflow:hidden}.profile-handle{margin:0 0 12px;color:#92928f;font-size:10px}.profile-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #3c3d42;border-radius:20px;padding:5px 9px;color:#aaa9a2;font-size:9px}.profile-status i{width:6px;height:6px;border-radius:50%;background:#85868a}.profile-bio{margin:18px 0 0;padding:14px;border-radius:10px;background:#1b1c20;color:#ccc9c2;font-size:11px;line-height:1.6;white-space:pre-wrap;text-align:left}.online-friend-profile{min-width:0;padding:0;border:0;background:transparent;color:#c4c1b9;font-size:11px;font-weight:700;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-friend-profile:hover{color:#e5c59e;text-decoration:underline}.online-message-btn{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#a99a82;display:grid;place-items:center}.online-message-btn:hover{background:#34353a;color:#e7c49b}.online-message-btn:disabled{opacity:.5;cursor:wait}.online-friend{cursor:default}.side-head-actions{display:flex;gap:5px;align-items:center}.inline-panel{flex-shrink:0;padding:12px max(6%,calc((100% - 820px)/2));background:#202126;border-bottom:1px solid #2a2b30}.search-panel form{display:flex;align-items:center;gap:9px;color:#92928f}.search-panel input{flex:1;min-width:0;background:#17181c;border:1px solid #3b3c41;border-radius:8px;padding:10px 12px;color:#eee;outline:0}.search-panel .primary{height:36px}.search-results{display:flex;flex-direction:column;max-height:180px;overflow:auto;margin-top:8px}.search-results button,.pin-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:transparent;border:0;border-radius:8px;padding:9px;color:#ddd;text-align:left}.search-results button:hover,.pin-row:hover{background:#2b2c31}.search-results span,.pin-row span{font-size:11px;color:#aaa;overflow-wrap:anywhere}.replying-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:7px;background:#292a30;border-left:3px solid #d7b38d;border-radius:7px;color:#c4ad91;font-size:11px}.replying-bar small{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8f9094}.replying-bar button{border:0;background:transparent;color:#999}.message-tools{display:flex;align-items:center;gap:3px;opacity:0;transition:opacity .15s;margin-top:5px}.message:hover .message-tools,.message:focus-within .message-tools{opacity:1}.message-tools button,.message-reactions button{min-width:27px;height:25px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #3b3c42;border-radius:7px;background:#232429;color:#aaa;font-size:12px}.message-tools button:hover,.message-reactions button:hover{background:#37383e;color:#eee}.message-reactions{display:flex;gap:5px;margin-top:5px}.reply-preview{display:flex;align-items:center;gap:6px;max-width:100%;border:0;border-left:2px solid #b69572;background:transparent;color:#d1b28f;padding:3px 6px;margin-bottom:5px;font-size:10px;text-align:left}.reply-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999}.edit-message-form textarea{width:min(520px,75vw);min-height:75px;background:#17181c;border:1px solid #51483e;border-radius:9px;padding:10px;color:#eee}.edit-message-form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.edit-message-form>div button:not(.primary){border:0;background:transparent;color:#bbb}.message a{color:#dbb991}.image-attachment{display:block;max-width:min(420px,65vw);padding:0;margin:6px 0;border:1px solid #45423d;background:#202126;border-radius:10px;overflow:hidden}.image-attachment img{display:block;max-width:100%;max-height:360px;object-fit:contain}.image-viewer{position:fixed;z-index:12;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#050507ed;padding:35px}.image-viewer img{max-width:95vw;max-height:92vh;object-fit:contain}.image-viewer .close{position:absolute;top:16px;right:18px;background:#25262b}.feature-modal{width:min(100%,560px);max-height:min(86dvh,820px);overflow:auto}.friend-request-form{display:flex;flex-direction:row!important;align-items:center;gap:8px;margin:10px 0 14px}.friend-request-form input{flex:1;min-width:0;margin:0!important}.friend-request-form .primary{height:43px;white-space:nowrap}.feature-list{display:flex;flex-direction:column;gap:5px;max-height:44dvh;overflow:auto;margin-top:12px}.friend-row,.moderation-row{display:flex;align-items:center;gap:8px;padding:9px 7px;border-bottom:1px solid #33343a}.friend-name{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:transparent;border:0;color:#e5e2dc;text-align:left}.friend-name small,.moderation-row small{color:#8b8c91;font-size:10px}.friend-row select,.admin-accounts select{background:#17181c;border:1px solid #414247;border-radius:7px;color:#ddd;padding:7px;font-size:10px}.secondary-btn{height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #4a463f;border-radius:8px;background:#302e2a;color:#dfc09d;font-size:10px;font-weight:600}.secondary-btn:hover{background:#3b3832}.rename-group{margin:0 0 8px}.settings-list{display:flex;flex-direction:column;margin-top:15px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0!important;padding:12px 2px;border-bottom:1px solid #34353a}.setting-row span{display:flex;flex-direction:column;gap:4px}.setting-row b{font-size:11px;color:#e0ddd6}.setting-row small{font-size:10px;color:#85868b;font-weight:400}.setting-row input{width:17px;height:17px;accent-color:#d7b38d;margin:0;flex:none}.pin-row{width:100%;border-bottom:1px solid #35363b}.moderation-row{display:grid;grid-template-columns:1fr auto;gap:4px}.moderation-row span{font-size:10px;color:#c5c2bb}.moderation-row small{grid-column:1/-1}.admin-accounts>div{display:grid;grid-template-columns:35px minmax(80px,1fr) auto auto;align-items:center;gap:8px;padding:10px 4px;border-bottom:1px solid #34353a}.admin-accounts>div>b{font-size:11px}.admin-accounts>div>small{font-size:9px;color:#929397}.admin-accounts .secondary-btn{height:30px}.profile-actions{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:16px}.video-row{display:flex;gap:10px;padding:12px 5%;overflow:auto;background:#17181c}.video-tile{position:relative;width:min(320px,38vw);min-width:180px;aspect-ratio:16/9;background:#090a0c;border:1px solid #3b3c41;border-radius:10px;overflow:hidden}.video-tile video{width:100%;height:100%;object-fit:cover}.video-tile>span{position:absolute;left:8px;bottom:7px;padding:4px 7px;background:#111b;color:#eee;border-radius:5px;font-size:10px}.video-tile.local{margin-left:auto}.screen-video-viewport{min-height:150px}.unread-badge{min-width:20px;padding:3px 5px;border-radius:9px;background:#d6b18b;color:#211e19;font-size:9px;text-align:center;font-weight:700}@media(max-width:700px){.head-actions{gap:5px}.privacy,.tool-btn span{display:none}.tool-btn{width:32px;height:32px;padding:0}.volume-control{gap:3px}.volume-control input{width:55px}.volume-control span{font-size:8px}.feature-modal{padding:23px 17px}.friend-request-form{align-items:stretch}.friend-request-form .primary{padding:0 8px;font-size:9px}.admin-accounts>div{grid-template-columns:28px minmax(60px,1fr) auto;gap:5px}.admin-accounts>div select{grid-column:2}.admin-accounts>div .secondary-btn{grid-column:3;grid-row:2}.video-tile{min-width:150px}.inline-panel{padding:10px 12px}}.composer{height:auto;min-height:53px;padding-top:8px;padding-bottom:8px}.message-input{height:31px;min-height:31px;max-height:160px;resize:none;overflow:auto;line-height:1.45;padding:5px 0}.file-dragging{outline:2px dashed #d7b38d;outline-offset:-8px;background:#222126}.drop-hint{position:sticky;top:4px;z-index:2;align-self:center;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#3a342d;border:1px solid #685845;border-radius:10px;color:#ecd1ad;font-size:12px}.server-label{margin-top:17px;margin-bottom:4px;align-items:center}.server-add{width:25px;height:25px;margin-right:-4px;color:#d7b38d}.server-list{padding:0 10px;max-height:33vh;overflow-y:auto;flex:none;scrollbar-color:#42434a transparent;scrollbar-width:thin}.server-card{margin:2px 0 5px}.server-heading{width:100%;height:36px;display:flex;align-items:center;gap:9px;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:#d6d2ca;text-align:left}.server-heading:hover{background:#28292e}.server-heading strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.server-mark{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#39352f;color:#e1bd95;font:700 11px Manrope,sans-serif}.server-chevron{color:#84858b}.server-content{padding:2px 0 6px 12px}.server-category{margin-top:5px}.server-category-title{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 3px;color:#777980;font-size:9px;font-weight:700;letter-spacing:.5px}.server-category-title button{width:20px;height:18px;border:0;border-radius:5px;background:transparent;color:#92928f;font-size:15px}.server-category-title button:hover{background:#34353a;color:#eee}.channel-link{width:100%;height:29px;display:flex;align-items:center;gap:7px;padding:0 7px;border:0;border-radius:6px;background:transparent;color:#929397;text-align:left;font-size:10px}.channel-link span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-link:hover,.channel-link.active{background:#2b2c31;color:#e5e2dc}.channel-link.active{color:#e8c49d}.channel-link small{font-size:8px;color:#8e9d84}.server-actions{display:flex;flex-wrap:wrap;gap:4px;margin:8px 3px 2px}.server-actions button{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #393a40;border-radius:6px;background:#24252a;color:#aaa9a2;font-size:9px}.server-actions button:hover{color:#e8c49d;border-color:#654}.dm-label{margin-top:14px}.sidebar{min-height:0}.room-list{overflow-y:auto;min-height:0;scrollbar-color:#42434a transparent;scrollbar-width:thin}.server-modal{max-width:480px}.server-modal form{margin-top:14px}.server-modal-separator{display:flex;align-items:center;gap:10px;margin:18px 0 2px;color:#777980;font-size:9px}.server-modal-separator:before,.server-modal-separator:after{content:"";height:1px;flex:1;background:#38393e}.server-modal .form-note{margin-top:12px}.search-filters{display:flex;gap:6px;flex:1}.search-filters input,.search-filters select{min-width:0;background:#17181c;border:1px solid #3b3c41;border-radius:7px;padding:8px;color:#ddd;font-size:10px}.load-older{align-self:center;padding:8px 12px;border:1px solid #3c3d42;border-radius:8px;background:#24252a;color:#c5b49d;font-size:10px}.load-older:disabled{opacity:.55}.device-select{width:100%;height:38px;background:#17181c;border:1px solid #37383c;border-radius:8px;padding:0 10px;color:#eee;font-size:11px;margin-bottom:12px}@media(max-width:700px){.server-list{max-height:26vh}.server-actions{gap:3px}.server-actions button{font-size:8px;padding:5px}.search-panel form{flex-wrap:wrap}.search-filters{flex-basis:100%;flex-wrap:wrap}.search-filters>*{flex:1 1 110px}}.channel-row{display:flex;align-items:center;gap:2px}.channel-row .channel-link{flex:1;min-width:0}.channel-mini-action{width:23px;height:23px;flex:none;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#73757a;font-size:12px}.channel-mini-action:hover{background:#34353a;color:#e4c39d}.server-members{margin:8px 3px 2px;border-top:1px solid #34353a;color:#aaa;font-size:10px}.server-members summary{padding:8px 4px;cursor:pointer;color:#96979a}.server-members>div{max-height:190px;overflow:auto}.server-member{display:flex;align-items:center;gap:6px;padding:6px 3px;border-top:1px solid #2e2f34}.server-member-presence{width:7px;height:7px;flex:none;border-radius:50%;background:#777}.server-member-presence[data-online=true]{background:#91b386;box-shadow:0 0 0 2px #91b38622}.server-member-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;color:#ddd;font-size:10px;overflow:hidden;text-overflow:ellipsis}.server-member-name small{color:#818287;font-size:8px}.server-member select{max-width:90px;background:#1a1b20;border:1px solid #3c3d42;border-radius:5px;color:#bbb;padding:4px;font-size:8px}.voice-channel{color:#91a187}.desktop-update-banner{position:fixed;z-index:1000;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:9px 12px 9px 15px;border:1px solid #6f5b43;border-radius:10px;background:#302a23;color:#f0dfc9;box-shadow:0 8px 30px #0008;font-size:12px}.desktop-update-banner button{height:30px;padding:0 11px;border:0;border-radius:7px;background:#d8b48e;color:#241f19;font-size:11px;font-weight:700;cursor:pointer}.messages{padding:28px max(6%,calc((100% - 920px)/2)) 24px;gap:14px}.message{max-width:90%;gap:10px}.message.grouped{margin-top:-8px}.message.grouped .msg-meta{height:0;margin:0;overflow:visible;position:relative}.message.grouped .msg-meta time{position:absolute;top:2px;opacity:0;transition:opacity .14s ease;pointer-events:none;white-space:nowrap}.message.grouped:not(.mine) .msg-meta time{left:calc(100% + 8px)}.message.grouped.mine .msg-meta time{right:calc(100% + 8px)}.message.grouped:hover .msg-meta time,.message.grouped:focus-within .msg-meta time{opacity:1}.avatar-spacer{width:31px;height:31px;flex:none;visibility:hidden}.bubble{padding:11px 15px;font-size:13px;line-height:1.58;letter-spacing:.01em}.msg-meta{margin-bottom:5px}.composer-wrap{padding:12px max(6%,calc((100% - 920px)/2)) 17px}.composer{min-height:58px;padding:5px 10px;gap:8px;border-radius:14px;background:#24252a;border-color:#393a40;box-shadow:0 8px 22px #0002;transition:border-color .18s ease,box-shadow .18s ease}.composer:focus-within{border-color:#78634c;box-shadow:0 0 0 3px #d7b38d12,0 10px 26px #0003}.message-input{font-size:13px;padding:7px 0}.send-btn:not(:disabled){background:#d7b38d;color:#28241f;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.send-btn:not(:disabled):hover{transform:translateY(-1px);background:#e2c19b;box-shadow:0 4px 12px #d7b38d30}.send-btn:not(:disabled):active{transform:scale(.94)}.message.fresh{animation:message-arrive .2s cubic-bezier(.2,.75,.25,1) both}@keyframes message-arrive{0%{opacity:0;transform:translateY(5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.messages{padding:20px 18px 18px}.composer-wrap{padding:8px 14px 12px}}@media(max-width:540px){.messages{padding:18px 12px}.message{max-width:96%}.bubble{padding:10px 13px;font-size:12px}.composer-wrap{padding:6px 9px 10px}.composer{min-height:53px;padding:5px 7px;gap:5px}.message-input{font-size:12px}}.add-btn{position:relative}.friend-request-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 3px;border:2px solid #1d1e23;border-radius:10px;display:grid;place-items:center;background:#d9b58a;color:#201c17;font-size:9px;font-weight:800;line-height:1}.friend-context-menu{position:fixed;z-index:1000;width:205px;padding:7px;border:1px solid #42434a;border-radius:10px;background:#24252a;box-shadow:0 12px 36px #0009}.friend-context-menu strong{display:block;overflow:hidden;padding:8px 9px 9px;color:#e7c399;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.friend-context-menu button{width:100%;height:34px;display:flex;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#d1cfc8;text-align:left;font-size:11px}.friend-context-menu button:hover{background:#34353b;color:#fff}.friend-context-menu button.context-danger{color:#e5a49c}.friend-context-menu button.context-danger:hover{background:#462f30}.friend-context-menu hr{height:1px;margin:5px 3px;border:0;background:#3b3c42}.incoming-request{background:#2b2925;border:1px solid #4a4035;border-radius:9px}.incoming-request .secondary-btn{background:#3a342d}.rail{width:68px;flex:0 0 68px;padding:16px 0 14px;gap:10px;background:#141519;border-right:1px solid #25262b}.server-rail-list{display:flex;flex:1;min-height:0;width:100%;flex-direction:column;align-items:center;gap:10px;overflow-y:auto;scrollbar-width:none}.server-rail-list::-webkit-scrollbar{display:none}.server-rail-item,.server-rail-add{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid #34353b;border-radius:15px;background:#24252a;color:#d8c2a5;transition:background .18s ease,border-color .18s ease,border-radius .18s ease,color .18s ease,transform .18s ease}.server-rail-item span{font:700 16px Manrope,sans-serif}.server-rail-item:hover{transform:translateY(-1px);border-radius:12px;background:#393a40;color:#fff}.server-rail-item.active{border-color:#d9b58a;border-radius:12px;background:#d9b58a;color:#211e19;box-shadow:0 5px 16px #d9b58a24}.server-rail-item.active:before{position:absolute;left:-13px;width:4px;height:27px;border-radius:0 4px 4px 0;background:#d9b58a;content:""}.server-rail-add{border:1px dashed #56594f;background:#202126;color:#a8bb9c;cursor:pointer}.server-rail-add:hover{transform:translateY(-1px);border-color:#91a77f;background:#292e27;color:#d3e4c4}.server-label{color:#d5b28b}.server-list{padding:4px 8px 7px}.messages{background:radial-gradient(ellipse at 50% 0%,#d7b38d0b,transparent 58%),linear-gradient(180deg,#1c1d22,#191a1f);padding:30px clamp(22px,6vw,112px) 24px;gap:17px}.message{max-width:min(88%,900px);transition:transform .16s ease}.message:hover{transform:translateY(-1px)}.msg-avatar{width:34px;height:34px}.msg-meta{margin-bottom:6px}.bubble{padding:11px 15px;border:1px solid #ffffff0a;box-shadow:0 5px 19px #0002;font-size:13px;line-height:1.65;transition:background .18s,border-color .18s}.message:not(.mine) .bubble{background:linear-gradient(145deg,#2d2e34,#292a30)}.mine .bubble{background:linear-gradient(145deg,#403b34,#35312c)}.server-modal button:disabled{cursor:wait;opacity:.65}@media(max-width:760px){.rail{width:56px;flex-basis:56px}.server-rail-item,.server-rail-add{width:40px;height:40px}.server-rail-item.active:before{left:-9px}.messages{padding:20px 18px 18px}}@media(max-width:540px){.rail{width:50px;flex-basis:50px}.server-rail-item,.server-rail-add{width:37px;height:37px;border-radius:12px}.messages{padding:18px 12px}.message{max-width:96%}.bubble{padding:10px 13px;font-size:12px}}.rail>.server-rail-add{width:44px;height:44px;flex:0 0 44px;border:1px solid #626c57;border-radius:15px;background:#293027;color:#c9ddb8;box-shadow:0 5px 16px #0003;cursor:pointer}.rail>.server-rail-add:hover{transform:translateY(-1px);border-color:#a5bd91;border-radius:13px;background:#3b4935;color:#efffdf;box-shadow:0 0 0 3px #a5bd9120,0 7px 20px #0005}.rail>.server-rail-add svg{width:21px;height:21px;stroke-width:2.5}.server-context-backdrop{position:fixed;z-index:1190;top:0;right:0;bottom:0;left:0;background:transparent}.server-context-menu{position:fixed;z-index:1191;width:210px;padding:7px;border:1px solid #44454c;border-radius:11px;background:#24252a;box-shadow:0 14px 40px #0009}.server-context-menu strong{display:block;overflow:hidden;padding:9px 10px 10px;color:#e7c399;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.server-context-menu button{width:100%;height:35px;display:flex;align-items:center;gap:9px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#d1cfc8;text-align:left;font-size:11px}.server-context-menu button:hover{background:#34353b;color:#fff}.server-context-menu .server-danger-action{color:#e5a49c}.server-context-menu .server-danger-action:hover,.server-actions .server-danger-action:hover{background:#462f30;color:#ffb7ad}.server-actions button.server-danger-action{color:#dc958e;border-color:#533737}.server-actions button.server-danger-action:hover{background:#3c2b2d;color:#ffb7ad;border-color:#774747}.app-shell{--theme-rail:#111216;--theme-sidebar:#1c1d22;--theme-chat:#1a1b20;--theme-chat-bg:radial-gradient(ellipse at 50% 0%,#d7b38d0b,transparent 58%),linear-gradient(180deg,#1c1d22,#191a1f);--theme-surface:#24252a;--theme-border:#2a2b30;--theme-text:#e8e4dd;--theme-muted:#92918b;--theme-accent:#d9b58a;--theme-other:#2d2e34;--theme-mine:#403b34;color:var(--theme-text);background:var(--theme-chat)}.app-shell .rail{background:var(--theme-rail);border-color:var(--theme-border)}.app-shell .sidebar{background:var(--theme-sidebar);border-color:var(--theme-border)}.app-shell .side-head,.app-shell .side-footer,.app-shell .chat-head{border-color:var(--theme-border)}.app-shell .chat{background:var(--theme-chat)}.app-shell .messages{background:var(--theme-chat-bg)}.app-shell .message.mine{align-self:flex-start;flex-direction:row}.app-shell .message:not(.mine){align-self:flex-end;flex-direction:row-reverse}.app-shell .message:not(.mine) .msg-meta{justify-content:flex-end}.app-shell .message:not(.mine) .bubble{background:var(--theme-other);color:var(--theme-text)}.app-shell .message.mine .bubble{background:var(--theme-mine);color:var(--theme-text)}.app-shell .room.selected,.app-shell .server-rail-item.active{background:color-mix(in srgb,var(--theme-accent) 23%,var(--theme-surface));border-color:color-mix(in srgb,var(--theme-accent) 55%,var(--theme-border))}.app-shell .room.selected .room-info strong,.app-shell .server-rail-item.active{color:var(--theme-accent)}.app-shell .server-rail-item.active:before{background:var(--theme-accent)}.app-shell .server-rail-add{border-color:color-mix(in srgb,var(--theme-accent) 55%,var(--theme-border));background:color-mix(in srgb,var(--theme-accent) 12%,var(--theme-surface));color:var(--theme-accent)}.app-shell .side-label,.app-shell .chat-title h2,.app-shell .msg-author{color:var(--theme-text)}.app-shell .online-dot,.app-shell .privacy span{background:var(--theme-accent)}.app-shell .composer{background:var(--theme-surface);border-color:var(--theme-border)}.app-shell .tool-btn:hover,.app-shell .icon-btn:hover{background:color-mix(in srgb,var(--theme-accent) 15%,var(--theme-surface));color:var(--theme-accent)}.app-shell .bubble{border-color:color-mix(in srgb,var(--theme-accent) 13%,transparent)}.app-shell[data-theme=retro]{--theme-rail:#130d24;--theme-sidebar:#1b1230;--theme-chat:#110d1e;--theme-chat-bg:radial-gradient(ellipse at 50% 0%,#983dff30,transparent 53%),linear-gradient(145deg,#130e22,#100d1b);--theme-surface:#261a3b;--theme-border:#44315f;--theme-text:#f0e9ff;--theme-muted:#b1a2cf;--theme-accent:#70e3ff;--theme-other:#30234a;--theme-mine:#452750}.app-shell[data-theme=nature]{--theme-rail:#465343;--theme-sidebar:#697b62;--theme-chat:#f1eddf;--theme-chat-bg:radial-gradient(ellipse at 80% 10%,#96aa7830,transparent 48%),linear-gradient(135deg,#f5f1e5,#e7e2d2);--theme-surface:#e5dfcf;--theme-border:#8c9b83;--theme-text:#26352b;--theme-muted:#586a5b;--theme-accent:#d5b47a;--theme-other:#f5f0e2;--theme-mine:#ded3b9}.app-shell[data-theme=mech]{--theme-rail:#292d31;--theme-sidebar:#45494b;--theme-chat:#35393c;--theme-chat-bg:linear-gradient(135deg,#3d4244,#292d30);--theme-surface:#292d30;--theme-border:#686b69;--theme-text:#eee9df;--theme-muted:#b3b1a8;--theme-accent:#d69a4f;--theme-other:#555a5c;--theme-mine:#554638}.app-shell[data-theme=deco]{--theme-rail:#071426;--theme-sidebar:#0c1c34;--theme-chat:#08172d;--theme-chat-bg:radial-gradient(ellipse at 50% -10%,#c39a4230,transparent 54%),linear-gradient(145deg,#091b36,#071328);--theme-surface:#112644;--theme-border:#344969;--theme-text:#f3ead4;--theme-muted:#b5b7bb;--theme-accent:#e0bd72;--theme-other:#173356;--theme-mine:#23436a}.app-shell[data-theme=nature] .side-head h2,.app-shell[data-theme=nature] .side-label,.app-shell[data-theme=nature] .room-info strong,.app-shell[data-theme=nature] .msg-author{color:#f8f5e9}.app-shell[data-theme=nature] .room.selected{background:#53664f;border-color:#87977d}.app-shell[data-theme=nature] .room.selected .room-info strong{color:#fff8e8}.app-shell[data-theme=nature] .composer,.app-shell[data-theme=nature] .composer input,.app-shell[data-theme=nature] .composer textarea{color:#26352b}.theme-trigger{color:var(--theme-accent)}.theme-trigger.active{background:color-mix(in srgb,var(--theme-accent) 18%,transparent);color:var(--theme-accent)}.theme-menu-backdrop{position:fixed;z-index:1290;top:0;right:0;bottom:0;left:0;background:transparent}.theme-menu{position:fixed;z-index:1291;top:76px;left:68px;width:255px;padding:10px;border:1px solid var(--theme-border,#42434a);border-radius:13px;background:var(--theme-sidebar,#202126);box-shadow:0 16px 44px #0009;color:var(--theme-text,#eee)}.theme-menu-heading{display:flex;flex-direction:column;gap:4px;padding:7px 9px 10px;border-bottom:1px solid var(--theme-border,#42434a)}.theme-menu-heading span{font-size:9px;font-weight:800;letter-spacing:1.3px;color:var(--theme-accent,#d9b58a)}.theme-menu-heading small,.theme-option small{font-size:10px;color:var(--theme-muted,#92918b)}.theme-option{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:3px;padding:6px 9px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left}.theme-option:hover,.theme-option.selected{background:color-mix(in srgb,var(--theme-accent) 13%,transparent)}.theme-swatch{width:23px;height:23px;flex:none;border:2px solid #ffffff55;border-radius:50%;box-shadow:0 0 0 2px #0002}.theme-option-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.theme-option strong{font-size:11px;font-weight:700}.theme-option svg{color:var(--theme-accent)}.profile-preview-panel{width:310px;flex:0 0 310px;height:100dvh;position:relative;display:flex;flex-direction:column;overflow:auto;background:var(--theme-sidebar,#202126);border-left:1px solid var(--theme-border,#2a2b30);color:var(--theme-text,#e8e4dd);transition:width .22s ease,flex-basis .22s ease;scrollbar-color:#55565c transparent;scrollbar-width:thin}.profile-preview-panel.maximized{width:410px;flex-basis:410px}.profile-preview-cover{height:118px;flex:none;position:relative;background:radial-gradient(ellipse at 70% 0%,color-mix(in srgb,var(--theme-accent,#d9b58a) 32%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--theme-accent,#d9b58a) 18%,#17181d),#111216 78%);border-bottom:1px solid var(--theme-border,#2a2b30)}.profile-preview-controls{position:absolute;top:12px;right:12px;display:flex;gap:7px}.profile-panel-control{width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff21;border-radius:50%;background:#111216ad;color:#eee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-panel-control:hover{background:var(--theme-accent,#d9b58a);border-color:transparent;color:#1b1b1b}.profile-preview-identity{position:relative;margin-top:-51px;padding:0 19px 15px}.profile-preview-avatar-wrap{position:relative;width:86px;height:86px;margin-bottom:14px}.profile-preview-avatar{width:86px;height:86px;display:grid;place-items:center;overflow:hidden;border:6px solid var(--theme-sidebar,#202126);border-radius:50%;background:var(--theme-accent,#d9b58a);color:#201f1c;font:800 27px Manrope,sans-serif}.profile-preview-avatar img{width:100%;height:100%;object-fit:cover}.profile-preview-presence{position:absolute;right:0;bottom:0;width:21px;height:21px;border:5px solid var(--theme-sidebar,#202126);border-radius:50%;background:#73767b}.profile-preview-presence.online{background:#90b27f}.profile-preview-identity h2{margin:0 0 4px;font:750 21px Manrope,sans-serif;color:var(--theme-text,#f1eee8);overflow-wrap:anywhere}.profile-preview-handle{margin:0;color:var(--theme-muted,#97989d);font-size:11px;overflow-wrap:anywhere}.profile-preview-body{padding:15px 19px;border-top:1px solid var(--theme-border,#34353a);display:flex;flex-direction:column;gap:16px}.profile-preview-bio{margin:0;color:var(--theme-text,#dedbd3);font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.profile-preview-bio.muted{color:var(--theme-muted,#92918b)}.profile-preview-mutuals{display:flex;flex-direction:column;gap:10px;color:var(--theme-muted,#aaa9a2);font-size:11px}.profile-preview-mutuals span{display:flex;align-items:center;gap:8px}.profile-preview-mutuals svg{color:var(--theme-accent,#d9b58a)}.profile-preview-since{padding-top:15px;border-top:1px solid var(--theme-border,#34353a);display:flex;flex-direction:column;gap:8px}.profile-preview-since small{font-size:9px;font-weight:800;letter-spacing:1px;color:var(--theme-muted,#92918b)}.profile-preview-since span{font-size:12px;color:var(--theme-text,#dedbd3)}.profile-preview-full{min-height:42px;margin:auto 15px 16px;padding:0 12px;flex:none;border:1px solid var(--theme-border,#3a3b40);border-radius:9px;background:color-mix(in srgb,var(--theme-accent,#d9b58a) 11%,var(--theme-sidebar,#202126));color:var(--theme-text,#eee);font-size:12px;font-weight:700}.profile-preview-full:hover{background:color-mix(in srgb,var(--theme-accent,#d9b58a) 24%,var(--theme-sidebar,#202126));border-color:var(--theme-accent,#d9b58a)}.profile-preview-group-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:14px;border:1px solid var(--theme-border,#34353a);border-radius:22px;background:color-mix(in srgb,var(--theme-accent,#d9b58a) 18%,var(--theme-sidebar,#202126));color:var(--theme-accent,#d9b58a)}.group-preview-identity{margin-top:24px}.profile-preview-empty{margin:auto;padding:25px;display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;color:var(--theme-muted,#92918b)}.profile-preview-empty svg{color:var(--theme-accent,#d9b58a)}.profile-preview-empty p{max-width:230px;margin:0;font-size:12px;line-height:1.6}.profile-preview-loading{padding:20px;display:flex;flex-direction:column;gap:12px}.profile-preview-loading span{height:12px;border-radius:8px;background:color-mix(in srgb,var(--theme-muted,#92918b) 20%,transparent);animation:profile-preview-pulse 1.1s ease-in-out infinite alternate}.profile-preview-loading span:nth-child(2){width:70%}.profile-preview-loading span:nth-child(3){width:45%}@keyframes profile-preview-pulse{to{opacity:.42}}.app-shell[data-theme=nature] .profile-preview-cover{background:radial-gradient(ellipse at 65% 0%,#c7cfaa 0,transparent 54%),linear-gradient(135deg,#4d604b,#74856b)}.app-shell[data-theme=deco] .profile-preview-cover{background:repeating-conic-gradient(from 0deg at 50% 0%,#c29d4a22 0deg 2deg,transparent 2deg 12deg),linear-gradient(135deg,#0b2242,#071328)}.app-shell[data-theme=retro] .profile-preview-cover{background:radial-gradient(ellipse at 70% 20%,#ce3aff66,transparent 47%),linear-gradient(135deg,#1b1233,#0d1830)}.app-shell[data-theme=mech] .profile-preview-cover{background:repeating-linear-gradient(135deg,#ffffff08 0 2px,transparent 2px 12px),linear-gradient(135deg,#62686a,#282d30)}.profile-panel-trigger.active{color:var(--theme-accent,#d9b58a);background:color-mix(in srgb,var(--theme-accent,#d9b58a) 16%,transparent)}@media(max-width:1150px){.profile-preview-panel{width:265px;flex-basis:265px}.profile-preview-panel.maximized{width:330px;flex-basis:330px}}@media(max-width:900px){.profile-preview-panel,.profile-preview-panel.maximized{position:fixed;z-index:80;right:0;top:0;bottom:0;width:min(88vw,350px);height:100dvh;box-shadow:-18px 0 50px #0008}}.profile-panel-toggle{width:38px;height:38px;flex:none;display:grid;place-items:center;margin-left:12px;border:1px solid var(--theme-border,#3b3c42);border-radius:11px;background:var(--theme-surface,#24252a);color:var(--theme-muted,#a6a7aa);transition:background .16s,border-color .16s,color .16s,transform .16s}.profile-panel-toggle:hover,.profile-panel-toggle.active{border-color:color-mix(in srgb,var(--theme-accent,#d9b58a) 60%,var(--theme-border,#3b3c42));background:color-mix(in srgb,var(--theme-accent,#d9b58a) 18%,var(--theme-surface,#24252a));color:var(--theme-accent,#d9b58a)}.profile-preview-controls{right:12px}@media(max-width:540px){.profile-panel-toggle{width:34px;height:34px;margin-left:4px}.head-actions{gap:3px}.privacy{display:none}}.friends-dashboard{width:min(100%,1120px);height:100%;margin:0 auto;padding:clamp(26px,5vh,54px) clamp(22px,5vw,70px);overflow-y:auto;scrollbar-color:#42434a transparent;scrollbar-width:thin}.friends-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:0 0 35px;padding-bottom:24px;border-bottom:1px solid var(--theme-border,#2a2b30)}.friends-dashboard-head h1{margin:7px 0 6px;font:750 clamp(25px,3vw,34px) Manrope,sans-serif;letter-spacing:-.7px;color:var(--theme-text,#f1eee8)}.friends-dashboard-head p{margin:0;color:var(--theme-muted,#92918b);font-size:13px}.friends-dashboard-count{display:flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--theme-accent,#d9b58a);font-size:12px;font-weight:700;white-space:nowrap}.friends-dashboard-count i,.presence-dot{width:8px;height:8px;border-radius:50%;background:#8f9692;display:inline-block}.friends-dashboard-count i,.presence-dot.online{background:#92b784;box-shadow:0 0 0 4px #92b7841c}.friends-dashboard-count span{color:var(--theme-muted,#92918b);font-weight:500}.friends-dashboard-section{margin-bottom:30px}.friends-dashboard-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--theme-muted,#92918b);font-size:10px;font-weight:800;letter-spacing:1.15px}.friends-dashboard-section-head>span{display:flex;align-items:center;gap:9px}.friends-dashboard-section-head small{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:7px;background:var(--theme-surface,#24252a);font-size:10px;letter-spacing:0}.friends-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:10px}.friends-dashboard-card{min-width:0;min-height:70px;display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--theme-border,#303137);border-radius:13px;background:color-mix(in srgb,var(--theme-surface,#24252a) 82%,transparent);transition:transform .16s,border-color .16s,background .16s}.friends-dashboard-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent,#d9b58a) 42%,var(--theme-border,#303137));background:color-mix(in srgb,var(--theme-accent,#d9b58a) 8%,var(--theme-surface,#24252a))}.dashboard-friend-avatar{width:42px;height:42px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--theme-accent,#d9b58a);color:#24221f;font:800 14px Manrope,sans-serif}.dashboard-friend-avatar img{width:100%;height:100%;object-fit:cover}.dashboard-friend-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.dashboard-friend-copy strong{overflow:hidden;color:var(--theme-text,#eee);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dashboard-friend-copy small{color:#94b486;font-size:10px}.offline-card .dashboard-friend-avatar{filter:grayscale(.72);opacity:.76}.offline-card .dashboard-friend-copy small{color:var(--theme-muted,#92918b)}.dashboard-message{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--theme-muted,#92918b)}.dashboard-message:hover{border-color:var(--theme-border,#303137);background:var(--theme-sidebar,#1c1d22);color:var(--theme-accent,#d9b58a)}.friends-dashboard-empty{max-width:400px;margin:clamp(35px,12vh,120px) auto;display:flex;align-items:center;flex-direction:column;text-align:center}.friends-dashboard-empty h2{margin:15px 0 3px;font:700 18px Manrope,sans-serif;color:var(--theme-text,#eee)}.friends-dashboard-empty p{margin:5px 0 16px;color:var(--theme-muted,#92918b);font-size:12px;line-height:1.6}.friends-dashboard-empty .primary{display:flex;align-items:center;gap:8px}.app-shell[data-theme=nature] .friends-dashboard-card{border-color:#a7b29d}.app-shell[data-theme=nature] .friends-dashboard-section-head small{color:#eef1e8;background:#52644e}@media(max-width:700px){.friends-dashboard{padding:24px 18px}.friends-dashboard-head{align-items:flex-start;flex-direction:column;margin-bottom:24px}.friends-dashboard-count{margin:0}.friends-dashboard-grid{grid-template-columns:1fr}}@media(max-width:700px){.app-shell{position:relative;display:block;width:100%;height:100dvh;min-width:320px;overflow:hidden}.rail,.sidebar{display:none}.chat{position:relative;width:100%;height:calc(100dvh - 62px - env(safe-area-inset-bottom));min-width:0;min-height:0}.mobile-nav{position:fixed;z-index:90;left:0;right:0;bottom:0;height:calc(62px + env(safe-area-inset-bottom));padding:5px 16px calc(5px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around;gap:18px;border-top:1px solid #34353b;background:color-mix(in srgb,#17181c 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-nav button{min-width:96px;height:46px;padding:5px 14px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:13px;background:transparent;color:#aaa9a3;font-size:12px;font-weight:650}.mobile-nav button:hover,.mobile-nav button.mobile-nav-active{border-color:#50483e;background:#302d29;color:#e5c39d}.mobile-menu-backdrop{display:none}.app-shell.mobile-menu-open .mobile-menu-backdrop{position:fixed;z-index:70;inset:0 0 calc(62px + env(safe-area-inset-bottom));display:block;border:0;background:#090a0db8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-shell.mobile-menu-open .rail{position:fixed;z-index:76;inset:0 auto calc(62px + env(safe-area-inset-bottom)) 0;width:54px;height:auto;display:flex;align-items:center;flex-direction:column;gap:9px;padding:12px 6px;background:#111216;border-right:1px solid #292a30;overflow:hidden}.app-shell.mobile-menu-open .server-rail-add,.app-shell.mobile-menu-open .server-rail-item{width:40px;height:40px;flex:none;border-radius:13px}.app-shell.mobile-menu-open .server-rail-list{width:100%;min-height:0;flex:1;align-items:center;overflow-y:auto;gap:8px}.app-shell.mobile-menu-open .sidebar{position:fixed;z-index:75;top:0;right:0;bottom:calc(62px + env(safe-area-inset-bottom));left:54px;width:auto;max-width:390px;display:flex;align-items:stretch;overflow:hidden;border-right:0;box-shadow:14px 0 36px #0006;visibility:visible;transform:translate(0)}.side-head{height:76px;min-height:76px;padding:12px 14px 10px 16px}.side-head h2{font-size:18px}.side-head-actions{gap:4px}.side-label{margin:17px 14px 8px 17px}.online-friends{max-height:30dvh;overflow-y:auto;padding:0 8px 4px}.online-friend{min-height:44px;padding:5px 8px;gap:8px;justify-content:flex-start}.online-friend-name{display:flex;min-width:0;flex:1}.online-empty{display:block}.server-list{max-height:32dvh;overflow-y:auto}.room-list{overflow-y:auto;min-height:0;padding-bottom:8px}.room{width:100%;height:54px;padding:7px 9px;justify-content:flex-start}.room-info{display:flex;min-width:0}.room-dot{display:block}.empty-side{display:flex}.side-footer{height:62px;min-height:62px;padding:0 10px;gap:7px}.side-footer .self-name{display:flex;min-width:0}.side-footer .logout{display:grid}.chat-head{height:auto;min-height:64px;flex-wrap:wrap;gap:5px;padding:8px 10px}.chat-title{min-width:0;flex:1;gap:8px}.room-icon.big{width:34px;height:34px;flex:none}.chat-title h2{max-width:52vw;margin-bottom:3px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title p{max-width:55vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.head-actions{width:100%;min-width:0;justify-content:flex-start;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:2px}.head-actions::-webkit-scrollbar{display:none}.head-actions>*{flex:none}.head-actions .privacy{display:none}.head-actions .tool-btn,.head-actions .icon-btn,.head-actions .call-btn{height:32px;min-width:32px}.head-actions .volume-control{height:32px}.messages{min-height:0;padding:14px 10px 10px;gap:15px;overscroll-behavior:contain}.message{max-width:96%;gap:8px}.msg-avatar{width:28px;height:28px}.msg-meta{gap:7px;margin-bottom:4px}.bubble{padding:9px 11px;font-size:13px;line-height:1.55}.file-card{width:min(78vw,300px);min-width:0;max-width:100%}.screen-stage{max-height:42dvh;margin:6px 8px 0;padding:7px}.screen-stage video{max-height:calc(42dvh - 58px)}.composer-wrap{flex:none;padding:7px 9px 9px}.composer{min-height:49px;height:auto;padding:4px 6px;gap:5px}.message-input{min-height:36px;font-size:13px}.composer-hint{display:none}.composer-foot{gap:8px;padding-top:7px;font-size:8px}.composer-foot span{display:none}.friends-dashboard{height:100%;padding:24px 15px 22px;overflow-y:auto}.friends-dashboard-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:17px}.friends-dashboard-head h1{font-size:25px}.friends-dashboard-head p{font-size:12px}.friends-dashboard-count{margin:0}.friends-dashboard-section{margin-bottom:22px}.friends-dashboard-grid{grid-template-columns:1fr;gap:8px}.friends-dashboard-card{min-height:64px;padding:9px 10px}.modal-back{align-items:flex-end;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.modal,.feature-modal{width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;padding:22px 17px;border-radius:18px 18px 12px 12px}.feature-modal h2{font-size:20px}.friend-request-form{flex-wrap:wrap;gap:8px}.friend-request-form input{min-width:0;flex:1 1 100%}.friend-request-form .primary{min-height:40px;flex:1 1 auto;font-size:12px}.feature-list{max-height:42dvh;overflow-y:auto}.admin-accounts{max-height:40dvh;overflow-y:auto}.desktop-update-banner{left:8px;right:8px;top:8px;width:auto;max-width:none}.profile-preview-panel,.profile-preview-panel.maximized{position:fixed;top:auto;right:0;bottom:calc(62px + env(safe-area-inset-bottom));left:0;width:100%;height:min(54dvh,440px);max-height:60dvh;border:0;border-top:1px solid var(--theme-border,#2a2b30);border-radius:18px 18px 0 0;box-shadow:0 -18px 46px #0009;overscroll-behavior:contain;touch-action:pan-y}.profile-preview-panel.maximized{height:min(74dvh,640px);max-height:calc(100dvh - 92px - env(safe-area-inset-bottom))}}@media(max-width:390px){.mobile-nav{padding-left:8px;padding-right:8px;gap:8px}.mobile-nav button{min-width:84px;padding:4px 10px}.chat-head{padding-left:8px;padding-right:8px}.head-actions{gap:3px}.head-actions .tool-btn,.head-actions .icon-btn{min-width:30px;width:30px;padding:0 5px}.messages{padding-left:8px;padding-right:8px}.composer-wrap{padding-left:7px;padding-right:7px}}@media(max-width:700px){.mobile-nav{display:none!important}.chat{height:100dvh}.mobile-menu-toggle{position:relative;z-index:78;display:grid;width:36px;height:36px;flex:none;place-items:center;border:1px solid var(--theme-border,#393a40);border-radius:10px;background:var(--theme-surface,#24252a);color:var(--theme-muted,#b5b3ad)}.mobile-menu-toggle[aria-expanded=true]{color:var(--theme-accent,#d9b58a);border-color:var(--theme-accent,#d9b58a)}.chat-head{padding-top:calc(8px + env(safe-area-inset-top))}.app-shell.mobile-menu-open .mobile-menu-backdrop{top:0;right:0;bottom:0;left:0}.app-shell.mobile-menu-open .rail{bottom:0;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}.app-shell.mobile-menu-open .sidebar{bottom:0}.side-head{height:auto;min-height:calc(76px + env(safe-area-inset-top));padding-top:calc(12px + env(safe-area-inset-top))}.composer-wrap{padding-bottom:calc(9px + env(safe-area-inset-bottom))}.friends-dashboard{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.profile-preview-panel,.profile-preview-panel.maximized{bottom:0;padding-bottom:env(safe-area-inset-bottom)}}