.call-panel{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 45% 0%,#8170e410,transparent 60%),#18191f;isolation:isolate}.call-panel.is-theater{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:40;border:1px solid #ffffff15;border-radius:18px;box-shadow:0 0 0 30px #08090cda,0 25px 120px #0008;overflow:hidden}.call-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px 28px 19px;border-bottom:1px solid #ffffff07;flex-shrink:0}.call-heading-main{display:flex;align-items:center;gap:13px;min-width:0}.call-channel-icon{height:48px;width:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#a28af621,#8e73dd08);border:1px solid #a993f62a;color:#bca8ff;flex-shrink:0}.call-heading-main>div{min-width:0}.call-heading .eyebrow{font-size:8px;letter-spacing:1.6px;color:#81798f;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.call-heading h1{font-size:24px;letter-spacing:-.8px;margin:6px 0 0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-heading-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.call-status{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#7bdbb3;padding:8px 11px;border:1px solid #69d7a51c;background:#69d7a508;border-radius:30px;white-space:nowrap}.call-status>i{height:5px;width:5px;border-radius:50%;background:#69d7a5;box-shadow:0 0 8px #69d7a540}.call-duration{color:#81998e;font-variant-numeric:tabular-nums;font-size:9px;padding-left:8px;margin-left:2px;border-left:1px solid #69d7a526}.call-status.reconnecting{color:#e5bb76;border-color:#e5bb7630}.call-status.reconnecting>i{background:#e5bb76}.call-icon-button{height:36px;width:36px;border-radius:9px;display:grid;place-items:center;color:#8a8498;border:1px solid transparent;flex-shrink:0}.call-icon-button:hover{background:#ffffff06;border-color:#ffffff0c;color:#ded3f4}.call-body{flex:1;min-height:0;min-width:0;overflow:auto;padding:25px 28px 32px;scrollbar-width:thin;scrollbar-color:#3f354c transparent}.call-people-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 2px;margin:2px 0 17px}.call-people-heading>span{display:flex;align-items:center;gap:8px;font-size:8px;color:#898392;font-weight:600;letter-spacing:1.3px}.call-people-heading b{font-size:9px;color:#aea5c0;letter-spacing:0;background:#ffffff05;border:1px solid #ffffff0a;border-radius:4px;padding:2px 5px;font-weight:500}.call-people-heading .call-private{font-size:9px;color:#625f6d;letter-spacing:0;font-weight:400}.call-people-heading>button{color:#a99bc2;font-size:10px;min-height:30px}.call-participants{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:15px;max-width:980px;margin:0 auto}.call-person{position:relative;min-height:215px;background:linear-gradient(140deg,#ffffff04,#ffffff01);border:1px solid #ffffff0c;border-radius:15px;display:flex;flex-direction:column;align-items:center;padding:13px 14px 16px;transition:border-color .2s,background .2s,box-shadow .2s;overflow:hidden}.call-person.is-speaking{border-color:#66d4a97a;background:linear-gradient(140deg,#5cc7990a,#ffffff01);box-shadow:0 0 0 1px #66d4a90b,0 7px 25px #49be8e07}.call-person-top{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-bottom:18px}.call-person-tag{color:#6f6a7d;font-size:8px;letter-spacing:.3px;display:flex;align-items:center;gap:5px}.call-person-tag.is-sharing{color:#ad98eb}.person-mic{color:#86a499;display:grid;place-items:center}.person-mic.is-muted{color:#b4858b}.call-person-avatar{width:76px;height:76px;border-radius:50%;padding:5px;border:1px solid #ffffff0a;position:relative;display:grid;place-items:center;background:#ffffff02;margin:0 0 13px}.call-person-avatar>span:first-child{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,hsl(var(--person-hue) 28% 38%),hsl(var(--person-hue) 22% 23%));box-shadow:inset 0 1px 1px #ffffff13;color:#f2ecff;font-size:23px;font-weight:550;letter-spacing:-.7px}.is-speaking .call-person-avatar{border-color:#64d9a66b;box-shadow:0 0 0 4px #64d9a609}.person-speaking{position:absolute;right:-2px;bottom:-1px;width:25px;height:25px;background:#6cdbb0;color:#13372b;border:3px solid #1b2322;border-radius:50%;display:grid;place-items:center}.call-person-name{text-align:center;min-width:0;max-width:100%;margin-bottom:auto}.call-person-name b{display:block;font-size:13px;font-weight:550;color:#ded8e9;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.call-person-name>span{display:block;font-size:9px;color:#716b80;margin-top:6px}.is-speaking .call-person-name>span{color:#7ed8b7}.call-person-volume{display:flex;align-items:center;gap:8px;margin:15px 0 0;width:100%;max-width:160px;color:#5e586c;letter-spacing:0}.call-person-volume input{width:100%;min-width:0;height:14px;accent-color:#a58be3;cursor:pointer}.call-person-volume>span{font-size:8px;color:#8d829d;min-width:25px;text-align:right;font-variant-numeric:tabular-nums}.call-together-note{margin:38px auto 3px;display:flex;gap:11px;align-items:center;justify-content:center;color:#766783}.call-together-note>span{height:33px;width:33px;border:1px solid #aa8adc13;background:#aa8adc06;border-radius:11px;display:grid;place-items:center}.call-together-note p{font-size:11px;color:#9d93ad;margin:0}.call-together-note small{font-size:9px;color:#625c70;display:block;margin-top:6px;line-height:1.7}.call-error{margin:20px 0 0}.call-dock{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#131419e8;border-top:1px solid #ffffff0b;padding:15px 23px;flex-shrink:0;z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.call-dock-status{display:flex;align-items:center;gap:11px;min-width:0}.dock-mic{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#6acb9f0b;color:#6edbb0;border:1px solid #6acb9f18;flex-shrink:0}.dock-mic.muted{background:#da84900b;border-color:#da84901c;color:#db8a9a}.call-dock-status b{display:block;font-size:10px;font-weight:500;color:#b7b0c5;white-space:nowrap}.call-dock-status small{display:block;font-size:8px;color:#625d70;margin-top:5px}.call-dock-buttons{display:flex;align-items:center;gap:8px}.call-action{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-width:58px;min-height:55px;padding:10px 9px;border:1px solid #ffffff0c;border-radius:11px;background:#ffffff04;color:#beb4d0}.call-action>span{font-size:8px;white-space:nowrap}.call-action:hover{color:#eee6ff;background:#ffffff09;border-color:#ffffff1b}.call-action.is-off{color:#edacb6;background:#cf819513;border-color:#cf819529}.call-action.share-action{background:#a48ce811;border-color:#a48ce82b;color:#c3aefb;min-width:80px}.call-action.share-action.is-sharing{background:#8a6fd52b;border-color:#c3aefb4d;color:#e0d2ff}.call-action.end-call{background:#c1596b20;border-color:#e67b8b20;color:#f9a1af;min-width:57px}.call-action.end-call:hover{background:#cf63753b}.call-dock-divider{height:27px;width:1px;background:#ffffff10;margin:0 4px}.call-panel.has-screen .call-body{padding-top:20px}.call-participants.compact{display:flex;gap:10px;max-width:none;overflow-x:auto;padding:0 0 7px;scroll-snap-type:x proximity}.compact .call-person{min-width:155px;max-width:180px;min-height:155px;flex:1 0 155px;padding:10px 11px;border-radius:12px;scroll-snap-align:start}.compact .call-person-top{margin-bottom:6px}.compact .call-person-avatar{width:49px;height:49px;padding:3px;margin-bottom:9px}.compact .call-person-avatar>span:first-child{font-size:16px}.compact .call-person-name b{font-size:10px}.compact .call-person-name>span{font-size:8px;margin-top:4px}.compact .call-person-volume{margin-top:9px;max-width:140px}.compact .person-speaking{width:20px;height:20px;border-width:2px;right:-3px;bottom:-1px}.compact .person-speaking svg{width:10px}.compact .call-person-tag{font-size:7px}.screen-stage{border:1px solid #ffffff13;border-radius:13px;overflow:hidden;background:#0c0d11;box-shadow:0 12px 45px #0002;margin-bottom:23px;min-width:0;position:relative}.screen-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;background:#1b1b24;border-bottom:1px solid #ffffff09}.screen-stage-title{display:flex;align-items:center;gap:9px;min-width:0;color:#a38dcf}.screen-stage-title>div{min-width:0}.screen-stage-title b{font-size:11px;color:#d4c9e6;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-stage-title small{display:block;font-size:8px;color:#756783;margin-top:4px}.screen-live{display:flex;align-items:center;gap:4px;font-size:7px;font-weight:650;letter-spacing:.7px;color:#d5bbff;background:#aa7dfa1b;border:1px solid #aa7dfa23;border-radius:5px;padding:5px 6px;margin-right:3px;flex-shrink:0}.screen-stage-tools{display:flex;align-items:center;gap:3px;flex-shrink:0}.screen-stage-tools button{min-height:33px;min-width:33px;display:flex;align-items:center;justify-content:center;gap:6px;color:#9e8faf;border-radius:6px;padding:6px}.screen-stage-tools button:hover{background:#ffffff07;color:#e4d4fc}.screen-stage-tools button[aria-pressed=true]{color:#d2b6ff;background:#a086d918}.screen-stage-tools button span{font-size:9px}.screen-viewport{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(190px,43vw,58dvh);min-height:160px;background:#08090c;position:relative;overflow:hidden}.screen-viewport>video{display:block;object-fit:contain;width:100%;height:100%;max-width:100%;max-height:100%;background:#08090c}.screen-viewport.native-size{overflow:auto;display:block}.screen-viewport.native-size>video{width:auto;height:auto;max-width:none;max-height:none;object-fit:none;margin:0 auto}.screen-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#0b0c13e8;color:#8e78ba;font-size:11px;pointer-events:none}.screen-loading span{color:#8c809d}.screen-switcher{display:flex;gap:8px;overflow-x:auto;padding:10px 13px;border-top:1px solid #ffffff0a;background:#14141d}.screen-switcher button{display:flex;align-items:center;gap:7px;min-height:33px;border-radius:7px;padding:7px 11px;color:#85768f;border:1px solid #ffffff07;font-size:10px;flex-shrink:0}.screen-switcher button.selected{border-color:#b391f249;color:#d9c4ff;background:#9970d816}.screen-switcher button>i{width:4px;height:4px;border-radius:50%;background:#9476bc;margin-left:5px}.screen-switcher button.selected>i{background:#9be1bf}.screen-feedback{margin:0;background:#d6769012;padding:11px 14px;border-top:1px solid #d6769022;color:#e7b8c4;font-size:11px;line-height:1.6}.screen-stage:fullscreen,.screen-stage.is-expanded{display:flex;flex-direction:column;border:0;border-radius:0;margin:0;width:100%;height:100%;background:#08090c}.screen-stage.is-expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;width:100vw;height:100dvh}.screen-stage:fullscreen .screen-viewport,.screen-stage.is-expanded .screen-viewport{flex:1;height:auto;min-height:0}.screen-stage:fullscreen .screen-stage-heading,.screen-stage.is-expanded .screen-stage-heading{flex-shrink:0;padding:14px 20px}.screen-stage:fullscreen .screen-switcher,.screen-stage.is-expanded .screen-switcher{flex-shrink:0}.call-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;gap:15px;background:radial-gradient(ellipse at top,#7863b21a,transparent 70%),#18191f}.call-empty>svg{color:#a48acb}.call-empty h1{font-size:27px;letter-spacing:-1px;margin:5px 0 0}.call-empty p{font-size:12px;color:#84798f;line-height:1.8}.call-empty .error{max-width:500px}.call-panel button:focus-visible{outline:2px solid #bba1ff;outline-offset:3px}.screen-viewport::-webkit-scrollbar{width:9px;height:9px}.screen-viewport::-webkit-scrollbar-thumb{background:#4d3d64;border-radius:8px}.screen-viewport::-webkit-scrollbar-corner{background:#121019}@media(min-width:1500px){.call-heading{padding:27px 35px 22px}.call-body{padding:30px 35px}.call-person{min-height:245px;padding:17px 19px 19px}.call-person-avatar{width:88px;height:88px}.call-person-avatar>span:first-child{font-size:27px}.call-dock{padding:17px 32px}.screen-viewport{height:clamp(250px,36vw,62dvh)}}@media(max-width:1100px){.call-dock-status{display:none}.call-dock{justify-content:center;padding:13px 15px}.call-heading,.call-body{padding:20px}.call-status{font-size:9px}.call-duration{display:none}.call-heading-actions{gap:3px}.call-action{min-width:65px}.screen-stage-title small{display:none}.screen-live{font-size:6px}.screen-stage-tools button span{display:none}}@media(max-width:760px){.call-panel.is-theater{top:0;right:0;bottom:0;left:0;border:0;border-radius:0}.call-heading{padding:16px 14px;gap:8px}.call-channel-icon{height:39px;width:39px;border-radius:12px}.call-channel-icon svg{width:21px}.call-heading-main{gap:10px;flex:1}.call-heading .eyebrow{font-size:7px;letter-spacing:1.1px;max-width:155px}.call-heading h1{font-size:20px;max-width:160px;margin-top:5px}.call-status{font-size:8px;padding:7px 8px;gap:5px}.call-icon-button{width:29px;height:34px;border-radius:6px}.call-heading-actions{gap:1px}.call-body{padding:18px 14px 23px}.call-people-heading{margin-bottom:13px;gap:5px}.call-people-heading>span{font-size:7px;letter-spacing:1px;gap:6px}.call-people-heading .call-private{display:none}.call-people-heading button{font-size:9px;padding:5px 0}.call-participants{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.call-person{min-height:190px;padding:11px 10px 13px;border-radius:12px}.call-person-avatar{width:65px;height:65px;margin-bottom:11px}.call-person-avatar>span:first-child{font-size:21px}.call-person-top{margin-bottom:15px}.call-person-name b{font-size:11px}.call-person-name>span{font-size:8px}.call-person-tag{font-size:7px}.call-person-volume{margin-top:11px;gap:5px}.call-person-volume>span{font-size:7px;min-width:22px}.call-together-note{margin-top:25px;gap:9px;align-items:flex-start}.call-together-note p{font-size:10px}.call-together-note small{font-size:8px;max-width:230px;line-height:1.8}.call-dock{padding:11px 10px max(11px,env(safe-area-inset-bottom));gap:0}.call-dock-buttons{gap:8px;width:100%;justify-content:center}.call-action{flex:1;max-width:85px;min-width:0;min-height:54px;padding:9px 6px;border-radius:10px;gap:6px}.call-action>span{font-size:8px}.call-action.share-action{min-width:0;flex:1.2}.call-action.end-call{min-width:0}.call-dock-divider{margin:0;height:25px}.call-panel.has-screen .call-body{padding:14px 10px 18px}.screen-stage{border-radius:10px;margin-bottom:16px}.screen-stage-heading{padding:9px 8px;gap:5px}.screen-stage-title{gap:6px}.screen-stage-title b{font-size:10px;max-width:130px}.screen-stage-title>svg{display:none}.screen-live{font-size:6px;padding:4px 5px;gap:3px;margin:0}.screen-live svg{width:10px}.screen-stage-tools{gap:0}.screen-stage-tools button{min-width:30px;min-height:33px;padding:5px}.screen-viewport{height:clamp(190px,56vw,38dvh);min-height:160px}.screen-switcher{padding:8px;gap:6px}.screen-switcher button{font-size:9px;padding:6px 9px}.compact .call-person{min-width:133px;max-width:150px;flex-basis:133px;min-height:145px}.compact .call-person-name b{font-size:10px}.call-empty{padding:25px 16px}.call-empty h1{font-size:23px}.call-empty p{font-size:11px}.screen-stage:fullscreen .screen-stage-heading,.screen-stage.is-expanded .screen-stage-heading{padding:10px}.screen-stage:fullscreen .screen-stage-title b,.screen-stage.is-expanded .screen-stage-title b{max-width:none}}@media(max-width:360px){.call-status{font-size:7px;padding:6px}.call-channel-icon{display:none}.call-heading h1{max-width:145px}.screen-stage-title b{max-width:90px}.screen-stage-tools button{min-width:28px}.screen-live{font-size:5px}}@media(prefers-reduced-motion:reduce){.call-person{transition:none}}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ececf2;background:#111217;font-synthesis:none;--bg: #191a21;--panel: #15161c;--line: #ffffff0b;--muted: #878995;--purple: #8b7af9;--green: #52d6a0;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{cursor:default;opacity:.45}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:3px}button{transition:background .16s,color .16s,transform .16s}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{border-color:#8b7af988;box-shadow:0 0 0 3px #8b7af90c}button svg{flex-shrink:0}a{color:#a99aff}h1,h2,h3,p{margin-top:0}h2{letter-spacing:-.6px}small{font-size:11px}button.primary,.primary{background:#8270ef;border:1px solid #a493ff55;color:#fff;display:inline-flex;gap:10px;align-items:center;justify-content:center;border-radius:9px;padding:13px 18px;font-weight:600;font-size:13px;box-shadow:0 4px 18px #7562e517;min-height:46px}.primary:hover{background:#9684ff;transform:translateY(-1px)}.wide{width:100%}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #ffffff16;background:#ffffff05;padding:11px 15px;min-height:44px;border-radius:8px;font-size:13px}.secondary:hover{background:#ffffff0c}.muted{color:var(--muted);font-size:13px;line-height:1.7}.small{font-size:11px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#a59ac7;display:inline-flex;align-items:center;gap:8px}.brand{display:flex;align-items:center;gap:10px}.brand-symbol{color:#a597ff;display:flex}.brand b{font-size:18px;letter-spacing:3.5px}.beta{font-size:8px;letter-spacing:1px;padding:3px 5px;background:#8b7af918;border:1px solid #8b7af926;border-radius:4px;color:#a99aff}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;min-width:38px;min-height:38px;padding:8px;color:#989aa8}.icon-button:hover{color:#eee;background:#ffffff09}.danger{color:#f58b97!important}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(140deg,#665ca0,#34304d);color:#ded8ff;font-size:12px;font-weight:650;letter-spacing:.3px;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.boot{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.boot p{font-size:12px;color:var(--muted)}.auth-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 20% 40%,#35265c36,transparent 60%),#111217}.auth-intro{padding:50px 7vw;display:flex;flex-direction:column;border-right:1px solid var(--line)}.intro-copy{margin:auto 0;padding:70px 0}.intro-copy h1{font-size:clamp(44px,5.6vw,78px);line-height:1.1;letter-spacing:-3px;margin:22px 0}.intro-copy em{font-style:normal;color:#a99bff}.intro-copy p{color:#9a98ab;line-height:1.9;font-size:15px;max-width:360px}.intro-features{display:flex;flex-direction:column;gap:18px;margin-top:35px}.intro-features span{display:flex;align-items:center;gap:12px;font-size:12px;color:#b1adbf}.intro-features svg{width:18px;color:#9b8cea}.auth-intro>small{letter-spacing:2px;font-size:9px;color:#706c82}.auth-card{width:100%;max-width:460px;align-self:center;justify-self:center;padding:40px}.auth-card h2{font-size:29px;line-height:1.3;margin:15px 0 10px}.auth-card form{margin-top:32px}label{display:block;font-size:10px;color:#a2a1b0;letter-spacing:1px;font-weight:600;margin:18px 0}input:not([type=range]),select{display:block;margin-top:9px;background:#0d0e13;border:1px solid #ffffff12;border-radius:8px;padding:13px 14px;width:100%;color:#eee;font-size:14px;letter-spacing:0;min-height:46px}input::placeholder,textarea::placeholder{color:#626471}.auth-switch{font-size:12px;color:#9694a6;text-align:center;margin:25px 0}.auth-switch button{color:#b4a6ff;padding:5px}.auth-footnote{font-size:10px;line-height:1.9;color:#636371;text-align:center}.auth-footnote svg{vertical-align:middle;margin-right:4px}.auth-mobile-brand{display:none}.error{color:#ffc0c5;background:#f26d7a13;border:1px solid #f26d7a30;padding:12px;border-radius:8px;font-size:12px;line-height:1.6}.workspace{height:100dvh;display:grid;grid-template-columns:76px 250px minmax(300px,1fr) 224px;overflow:hidden}.server-rail{background:#101116;display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 0 15px;border-right:1px solid var(--line)}.rail-home{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;color:#a696ff;background:#7664e21b;border:1px solid #9481ff25}.rail-divider{width:26px;height:1px;background:#ffffff13;margin:4px 0}.server-icon,.server-add{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#23242e;color:#b3b3c2;font-weight:650;font-size:13px;position:relative}.server-icon.selected{background:#8270e6;color:#fff;border-radius:14px}.server-icon.selected:before{content:"";position:absolute;left:-15px;background:#ad9fff;width:3px;height:28px;border-radius:3px}.server-icon:hover{border-radius:14px;background:#7664bd}.server-add{background:transparent;border:1px dashed #ffffff1c;color:#a193dc}.server-add:hover{background:#8b7af912}.unread-dot{position:absolute;right:0;bottom:0;background:#b5a4ff;width:10px;height:10px;border:2px solid #101116;border-radius:50%}.rail-bottom{margin-top:auto}.channels-panel{background:#17181f;display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}.sidebar-brand{height:70px;display:flex;align-items:center;padding:0 21px;border-bottom:1px solid var(--line)}.sidebar-brand .brand b{font-size:15px}.sidebar-brand .brand{gap:8px}.server-heading{padding:24px 20px 17px;display:flex;text-align:left;align-items:center;justify-content:space-between;width:100%}.server-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:#737280}.server-heading h2{font-size:17px;margin:9px 0 0;letter-spacing:-.3px;max-width:175px;overflow:hidden;text-overflow:ellipsis}.server-heading>svg{color:#858491}.direct-nav{display:flex;align-items:center;gap:10px;margin:0 12px;padding:12px 10px;font-size:12px;color:#91919f;border-radius:7px}.direct-nav:hover,.direct-nav.active{background:#ffffff05;color:#ccc8e7}.channels-scroll{padding:6px 12px 20px;flex:1;overflow:auto;position:relative;display:flex;flex-direction:column}.channels-scroll section{margin-top:15px}.section-label{font-size:9px;letter-spacing:1.15px;color:#6e707e;font-weight:700;padding:14px 9px 10px;display:flex;justify-content:space-between;align-items:center}.section-label button{padding:0;color:#7b7d89;display:flex}.channel-row{display:flex;align-items:center;gap:9px;border-radius:7px;padding:10px 11px;font-size:13px;color:#8c8e9e;text-align:left;width:100%;min-height:40px;margin-bottom:3px}.channel-row>svg{color:#6b6d7d}.channel-row>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-row small{margin-left:auto;font-size:8px;display:flex}.channel-row:hover{background:#ffffff05;color:#cdcad9}.channel-row.active{background:#8b7af91c;color:#c8bcff}.channel-row.active>svg{color:#ad9fff}.channel-row.voice-active{color:var(--green);background:#52d6a009}.channel-row.voice-active>svg{color:var(--green)}.invite-sidebar{margin-top:auto;padding:15px 7px 0;display:flex;gap:10px;align-items:center;text-align:left;border-top:1px solid var(--line);color:#7c7c90}.invite-sidebar-icon{background:#8b7af912;border:1px solid #8b7af922;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#a696e4}.invite-sidebar b{font-size:10px;display:block;color:#b7b3cc;font-weight:500}.invite-sidebar small{font-size:9px;display:block;margin-top:5px;color:#626372}.invite-sidebar>svg{width:13px;margin-left:auto}.user-panel{display:flex;align-items:center;gap:9px;padding:13px 12px;background:#121319;border-top:1px solid var(--line);min-height:65px}.user-panel>div{flex:1;min-width:0}.user-panel b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis}.user-panel small{display:flex;align-items:center;gap:5px;color:#767c85;font-size:9px;margin-top:5px}.user-panel small i,.connection i{height:6px;width:6px;border-radius:50%;background:var(--green);display:inline-block}.user-panel .icon-button{min-width:30px}.main-panel{background:#1c1d25;display:flex;flex-direction:column;min-height:0;min-width:0}.main-header{height:70px;min-height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 25px;gap:11px;background:#1b1c23}.header-hash{color:#737383;display:flex}.main-header>b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-divider{height:18px;width:1px;background:#ffffff10;margin:0 5px}.header-description{font-size:11px;color:#727480;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-tools{margin-left:auto;display:flex;align-items:center;gap:13px}.private-label{font-size:9px;color:#777783;display:flex;align-items:center;gap:5px;white-space:nowrap}.header-tools .icon-button{display:none}.members-panel{background:#17181f;border-left:1px solid var(--line);padding:0 15px;overflow:auto}.members-heading{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:17px}.members-heading b{font-size:12px;font-weight:550}.members-heading>span{background:#ffffff06;color:#777b88;border:1px solid var(--line);font-size:10px;padding:3px 7px;border-radius:5px}.members-panel .section-label{font-size:8px;padding:15px 5px}.member{display:flex;align-items:center;gap:5px;padding:7px 4px}.member-profile{display:flex;align-items:center;gap:10px;padding:0;text-align:left;flex:1;min-width:0}.member-profile b{font-size:11px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;max-width:100px}.member-profile small{display:block;font-size:9px;color:#737480;margin-top:4px}.member-avatar{position:relative;display:flex}.member-avatar i{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;background:#5b5c68;border:3px solid #17181f;border-radius:50%}.member-avatar i.on{background:var(--green)}.member.offline{opacity:.55}.tiny-action{padding:5px;color:#8c879e}.members-note{margin-top:45px;border:1px solid #ffffff09;border-radius:10px;padding:17px 14px;background:linear-gradient(135deg,#7d68d508,transparent);color:#8d7ebc}.members-note b{display:block;color:#a7a2b7;font-size:10px;font-weight:500;margin:12px 0 7px}.members-note p{font-size:9px;color:#656572;line-height:1.8;margin:0}.chat{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.message-list{overflow:auto;flex:1;padding:0 28px;scrollbar-width:thin;scrollbar-color:#383844 transparent}.chat-welcome{padding-top:45px}.channel-icon{width:63px;height:63px;border-radius:20px;background:#8b7af912;border:1px solid #a293f524;color:#a799ed;display:grid;place-items:center}.chat-welcome h1{font-size:25px;letter-spacing:-.8px;margin:20px 0 8px}.chat-welcome p{font-size:12px;color:#81828f;line-height:1.7}.welcome-divider{border-bottom:1px solid #ffffff0a;text-align:center;position:relative;margin:35px 0 27px;height:1px}.welcome-divider span{position:relative;top:-8px;font-size:8px;letter-spacing:1.3px;background:#1c1d25;color:#5b5e6b;padding:0 14px}.message{display:flex;gap:12px;padding:12px 0;position:relative}.message-body{min-width:0;flex:1;position:relative}.message-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.message-meta b{font-size:12px;color:#dcd8e9;font-weight:600}.message-meta time,.message-meta small{font-size:9px;color:#626572}.message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.75;color:#bcbcc9;margin:5px 0 0}.message-actions{display:flex;gap:5px;justify-content:flex-end;opacity:0;height:0;position:relative;top:-26px;pointer-events:none}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1;pointer-events:auto}.message-actions button{border:1px solid #ffffff0c;border-radius:5px;display:grid;place-items:center;padding:6px;color:#a29db2;background:#242530}.message-image{display:block;max-width:min(100%,360px);max-height:300px;border-radius:10px;margin:8px 0}.reply-preview{font-size:10px;display:flex;gap:6px;color:#7d748f;border-left:2px solid #7465a4;margin-top:9px;padding:3px 9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.composer-area{padding:0 23px 15px;position:relative}.typing{font-size:10px;color:#8f849e;height:23px;padding:5px 0}.composer{background:#262731;border:1px solid #ffffff08;border-radius:10px;display:flex;align-items:center;padding:7px 9px;gap:5px}.composer:focus-within{border-color:#8b7af940}.composer textarea{flex:1;border:0;background:none;color:#dedbea;font-size:12px;padding:8px 4px;resize:none;line-height:1.6;max-height:120px;min-width:0;box-shadow:none}.send-button{background:#8774ed;color:#f4f0ff;display:grid;place-items:center;min-width:34px;min-height:34px;border-radius:7px}.composer-hint{font-size:8px;color:#555967;display:block;text-align:center;margin-top:10px}.compose-context{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b7a6e4;padding:8px;background:#8b7af913;border-radius:6px;margin-bottom:5px}.emoji-picker{position:absolute;bottom:90px;right:25px;background:#292a35;box-shadow:0 8px 30px #0005;padding:10px;display:grid;grid-template-columns:repeat(6,1fr);border-radius:9px;z-index:3}.emoji-picker button{padding:7px;font-size:22px}.load-more{display:block;margin:20px auto;font-size:11px;color:#a99aff;padding:10px}.loading{padding:50px 20px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:#92909f}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.main-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;background:radial-gradient(ellipse at 50% 45%,#66529412,transparent 60%)}.empty-orbit{width:135px;height:135px;border-radius:40px;border:1px solid #a391e91d;background:linear-gradient(135deg,#9e81ff10,#7f62d003);color:#9785d4;display:grid;place-items:center;margin-bottom:35px;box-shadow:0 0 80px #7257bb10}.main-empty h1{font-size:35px;line-height:1.25;letter-spacing:-1.3px;margin:19px 0 14px}.main-empty p{font-size:12px;line-height:1.9;color:#7c7e8d;margin-bottom:24px}.text-button{color:#a494d4;font-size:11px;padding:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.empty-servers{padding:30px 5px}.empty-servers .channel-icon{width:45px;height:45px;border-radius:14px}.empty-servers h3{font-size:14px;margin:17px 0 8px}.empty-servers p,.sidebar-empty{font-size:11px;line-height:1.9;color:#777786}.empty-servers button{font-size:11px;padding:9px 12px}.badge{font-size:9px;border-radius:5px;background:#8b7af92a;color:#baadff;padding:3px 5px;margin-left:auto}.connection-warning,.service-warning{display:flex;align-items:center;gap:9px;padding:9px 20px;font-size:10px;background:#bb914a10;color:#c2a76c;line-height:1.5;border-bottom:1px solid #ba954a14}.service-warning svg,.connection-warning svg{flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060bc9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:30;padding:20px;animation:fade .15s}.modal{width:100%;max-width:440px;background:#1b1c25;border:1px solid #ffffff12;border-radius:17px;padding:25px;box-shadow:0 30px 100px #0007;max-height:90dvh;overflow:auto}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.modal h2{font-size:21px;margin:0}.modal h3{font-size:13px;display:flex;align-items:center;gap:9px;color:#c6c0d6;margin-bottom:24px}.modal hr{border:0;border-top:1px solid var(--line);margin:24px 0}.profile-editor{display:flex;gap:18px;align-items:center}.upload-label{font-size:11px;cursor:pointer;letter-spacing:0}.volume-label{display:flex;align-items:center;gap:10px;font-size:9px}.volume-label input{flex:1;min-width:0}.settings-row{display:flex;align-items:center;gap:13px;padding:15px 0;width:100%;font-size:13px;color:#b4aec6;text-align:left}.settings-row:hover{color:#dfd5fa}.invite-illustration{width:95px;height:95px;border:1px solid #8b7af92c;border-radius:25px;background:#8b7af913;display:grid;place-items:center;margin:28px auto;color:#a28bf1}.manage-channel{display:flex;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:60;background:#33303e;border:1px solid #a796e53b;box-shadow:0 8px 30px #0005;color:#e4ddf4;border-radius:11px;padding:15px 17px;font-size:12px;line-height:1.6;display:flex;align-items:center;gap:16px;max-width:calc(100vw - 32px);width:max-content}.toast button{display:flex;color:#a294b9}.voice-view{flex:1;overflow:auto;padding:45px 28px;background:radial-gradient(ellipse at 50% 10%,#6450a817,transparent 70%)}.voice-heading{text-align:center}.voice-heading h1{font-size:30px;letter-spacing:-1px;margin:15px 0 8px}.voice-heading p{font-size:12px;color:#7d798e}.connection{color:var(--green);font-size:10px;display:inline-flex;gap:6px;align-items:center;background:#52d6a00b;border:1px solid #52d6a01c;border-radius:20px;padding:6px 12px}.participant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:35px auto;max-width:750px}.participant{background:#ffffff03;border:1px solid #ffffff0b;border-radius:13px;padding:22px 10px 14px;display:flex;align-items:center;flex-direction:column;gap:10px}.participant.speaking{border-color:#52d6a078;box-shadow:0 0 15px #52d6a00c}.voice-avatar{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(140deg,#615096,#332c49);color:#d5c9ed;font-size:22px;position:relative}.sound-waves{position:absolute;bottom:-7px;right:-5px;background:#46b885;color:#143927;font-size:12px;padding:3px 6px;border-radius:6px}.participant>b{font-size:12px}.participant .muted{font-size:9px}.participant-volume{display:flex;gap:8px;align-items:center;width:90%;margin:3px 0;color:#666079}.participant-volume input{width:100%;min-width:0;accent-color:#9681ea}.call-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:25px}.call-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:72px;padding:14px 8px;background:#ffffff05;border:1px solid #ffffff0b;border-radius:12px;color:#b5abca}.call-controls button span{font-size:9px}.call-controls .hangup{background:#d65d6b18;color:#f697a2;border-color:#d65d6b21}.call-note{text-align:center;color:#626171;font-size:10px;line-height:1.8;max-width:450px;margin:25px auto}.voice-bar{background:#18302935;border-top:1px solid #52d6a018;padding:10px 7px;display:flex;align-items:center;gap:0}.voice-bar-info{display:flex;align-items:center;gap:7px;text-align:left;flex:1;min-width:0;color:#6cd6b2;padding:4px}.voice-bar-info span{min-width:0;flex:1}.voice-bar b{display:block;font-size:10px}.voice-bar small{display:block;color:#7a9e93;font-size:9px;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.voice-bar .icon-button{min-width:31px;padding:6px}.voice-bar .icon-button svg{width:17px}.screen-share{max-width:850px;margin:20px auto}.screen-share p{font-size:11px;color:#a39ab5}.screen-share video{width:100%;max-height:50dvh;border-radius:12px;background:#0d0e12}.lk-start-audio-button{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#8977e6;color:#fff;z-index:50;padding:15px;border-radius:9px}.mobile-nav,.mobile-only,.mobile-callbar{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(min-width:1600px){.workspace{grid-template-columns:84px 270px minmax(300px,1fr) 250px}.message-list{padding:0 40px}.composer-area{padding-left:35px;padding-right:35px}.channel-row{font-size:14px}.chat-welcome{padding-top:60px}}@media(max-width:1200px){.workspace{grid-template-columns:70px 230px minmax(300px,1fr)}.members-panel{display:none}.header-tools .icon-button{display:flex}.members-panel.mobile-visible{display:block;position:absolute;right:0;top:70px;bottom:0;width:250px;z-index:8;box-shadow:-15px 0 50px #0004}.private-label{display:none}.sidebar-brand{padding:0 16px}.header-description{font-size:10px}}@media(max-width:760px){.workspace{display:grid;grid-template-columns:62px 1fr;grid-template-rows:minmax(0,1fr) 65px;height:100dvh}.server-rail{grid-column:1;grid-row:1;padding:19px 0;gap:13px}.rail-home,.server-icon,.server-add{width:41px;height:41px;border-radius:14px}.server-icon.selected:before{left:-10px}.channels-panel,.main-panel,.members-panel{display:none;grid-row:1;grid-column:2}.channels-panel.mobile-visible,.main-panel.mobile-visible{display:flex}.main-panel.mobile-visible{grid-column:1 / -1;z-index:5}.members-panel.mobile-visible{display:block;position:static;grid-column:2;grid-row:1;width:auto;z-index:4;box-shadow:none;padding:0 20px}.mobile-nav{display:flex;grid-column:1 / -1;grid-row:2;background:#111217;border-top:1px solid #ffffff0a;padding:4px 5px max(4px,env(safe-area-inset-bottom));justify-content:space-around;z-index:15;min-height:65px}.mobile-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#6e7081;flex:1;padding:5px 0}.mobile-nav button span{font-size:9px}.mobile-nav button.active{color:#b6a6ff}.mobile-nav button i{width:5px;height:5px;border-radius:50%;background:var(--green);position:absolute;top:6px;right:30%}.sidebar-brand{height:64px;min-height:64px;padding:0 22px}.server-heading{padding:25px 22px 20px}.server-heading h2{font-size:21px;max-width:240px}.direct-nav{padding:13px;font-size:13px}.channels-scroll{padding:5px 14px 20px}.section-label{padding-top:20px;font-size:10px}.channel-row{font-size:15px;min-height:46px;padding:13px}.channel-row>svg{width:21px}.invite-sidebar{padding-top:20px}.invite-sidebar b{font-size:11px}.invite-sidebar small{font-size:10px}.user-panel{display:none}.channels-panel>.voice-bar{display:none}.main-header{min-height:64px;height:64px;padding:0 10px;gap:7px}.main-header>b{font-size:14px}.mobile-only{display:flex}.header-hash svg{width:20px}.header-description,.header-divider{display:none}.header-tools{gap:2px}.main-empty h1{font-size:29px}.main-empty{padding:20px}.empty-orbit{width:100px;height:100px;border-radius:30px;margin-bottom:25px}.main-empty p br{display:none}.message-list{padding:0 16px}.chat-welcome{padding-top:29px}.chat-welcome .channel-icon{width:55px;height:55px;border-radius:18px}.chat-welcome h1{font-size:23px}.chat-welcome p{font-size:12px}.message{gap:10px;padding:12px 0}.message>.avatar{width:33px!important;height:33px!important;min-width:33px!important;font-size:10px;border-radius:11px}.message p{font-size:14px;line-height:1.65}.message-meta b{font-size:12px}.message-meta time{font-size:8px}.message-actions{opacity:1;pointer-events:auto;position:static;height:auto;justify-content:flex-start;margin-top:5px;gap:8px}.message-actions button{border:0;background:none;color:#6e6b82;padding:6px 4px}.message-actions button svg{width:13px}.composer-area{padding:0 10px 10px}.composer textarea{font-size:16px;padding:8px 2px}.composer{padding:6px 5px;gap:0}.composer .icon-button{min-width:34px;padding:5px}.composer-hint{display:none}.typing{height:20px;padding:3px 4px}.emoji-toggle{display:none}.send-button{min-width:36px;min-height:36px;margin-right:3px}.mobile-callbar{display:block;position:fixed;bottom:65px;left:0;right:0;z-index:14;background:#13231e}.mobile-callbar .voice-bar{height:58px;padding:7px 13px}.mobile-callbar .voice-bar b{font-size:11px}.mobile-callbar .voice-bar small{font-size:10px}.mobile-callbar .icon-button{min-width:44px}.in-call{grid-template-rows:minmax(0,1fr) 123px}.in-call .mobile-nav{align-self:end;height:65px}.voice-view{padding:30px 16px}.voice-heading h1{font-size:26px}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:25px}.participant{padding:18px 7px 13px}.participant>b{font-size:11px}.call-controls{gap:7px}.call-controls button{min-width:60px;flex:1;padding:13px 4px}.call-controls button span{font-size:8px}.call-note{font-size:9px}.service-warning{font-size:9px;padding:9px 13px}.toast{bottom:83px;font-size:12px}.in-call .toast{bottom:140px}.members-panel .member{padding:12px 0}.member-profile b{font-size:14px;max-width:200px}.member-profile small{font-size:11px}.members-heading{height:64px}.members-heading b{font-size:15px}.members-note{max-width:350px}.members-note b{font-size:12px}.members-note p{font-size:11px}.members-panel .section-label{font-size:10px}.modal-backdrop{padding:12px;align-items:center}.modal{padding:22px;max-height:90dvh;border-radius:17px}.modal h2{font-size:20px}.modal input,.modal select{font-size:16px}.auth-page{display:flex;justify-content:center;background:radial-gradient(ellipse at 50% 0%,#51408029,transparent 65%),#111217;padding:20px 0}.auth-intro{display:none}.auth-card{padding:25px;max-width:430px;align-self:center}.auth-mobile-brand{display:block;margin-bottom:65px}.auth-card h2{font-size:30px}.auth-card input{font-size:16px}.auth-card form{margin-top:28px}.intro-copy{padding:0}.profile-editor{gap:12px}.voice-bar-info>svg:last-child{margin-right:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}[hidden]{display:none!important}.server-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.channel-item{display:block}.voice-users{list-style:none;margin:-1px 0 8px;padding:0 0 0 26px}.voice-users li{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;font-size:12px;color:#a3a1b3;min-height:28px}.voice-users li:hover{background:#ffffff05;color:#d8d5e6}.voice-users li>span:not(.avatar){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-users li>svg{color:#77788a;flex-shrink:0}.channels-scroll .direct-section{margin-top:0}.direct-list{max-height:230px;overflow-y:auto;margin-bottom:4px}.direct-row{min-height:46px}.direct-row>.avatar{flex:none}.direct-row>span:not(.avatar){display:flex;flex-direction:column;gap:2px;min-width:0}.direct-row>span:not(.avatar) b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-row>span:not(.avatar) small{margin:0;display:block;font-size:10.5px;color:#6e707e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-section .section-label .badge{margin-left:0}.check-row{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;letter-spacing:0;color:#b4b2c4;text-transform:none;margin-bottom:8px}.check-row input[type=checkbox]{width:18px;height:18px;min-width:18px;padding:0;accent-color:#8b7af9}.rail-list{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:2px 0}.rail-list::-webkit-scrollbar{display:none}.rail-list>*{flex-shrink:0}.dm-icon{padding:0;overflow:visible}.dm-icon .avatar{border-radius:16px}.dm-icon:hover .avatar,.dm-icon.selected .avatar{border-radius:14px}.dm-icon.selected{background:transparent}.rail-badge{position:absolute;right:-5px;bottom:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:10px;background:#ef5b6c;color:#fff;font-size:10px;font-weight:700;border:2px solid #101116}