:root{font-family:Segoe UI,Arial,sans-serif;color:#eeeff5;background:#101117;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: #171820;--surface-raised: #1c1e28;--muted: #858796;--lime: #c2f56b;--border: rgba(255, 255, 255, .075)}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh}button,input{font:inherit}button{color:inherit}.app-shell{display:flex;min-height:100vh;background:#111219}.rail{width:76px;flex:0 0 76px;display:flex;flex-direction:column;align-items:center;padding:21px 0 18px;background:#0e0f14;border-right:1px solid rgba(255,255,255,.035)}.brand-mark{width:41px;height:41px;display:grid;place-items:center;color:#101117;background:var(--lime);border-radius:14px;box-shadow:0 5px 24px #c2f56b21}.rail-divider{width:27px;height:1px;margin:21px 0 19px;background:#ffffff1a}.rail-home,.rail-add{border:0;cursor:pointer;display:grid;place-items:center}.rail-home{width:44px;height:44px;border-radius:15px;color:var(--lime);background:#1e2820;position:relative;font-weight:800;font-family:Manrope,sans-serif}.rail-home:before{content:"";position:absolute;left:-16px;height:19px;width:3px;border-radius:0 3px 3px 0;background:var(--lime)}.rail-add{width:42px;height:42px;margin-top:12px;border-radius:15px;color:#a7a9b5;background:#191a22;font-size:24px}.rail-add:hover{color:var(--lime);background:#20231d}.rail-bottom{color:#777987;margin-top:auto}.sidebar{width:265px;flex:0 0 265px;display:flex;flex-direction:column;background:#15161e;border-right:1px solid var(--border)}.server-heading{min-height:83px;display:flex;align-items:center;gap:11px;padding:0 17px;border-bottom:1px solid var(--border)}.server-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#c4f27b;background:#252a21}.server-heading strong,.server-heading span{display:block}.server-heading strong{font-family:Manrope,sans-serif;font-size:14px}.server-heading span{margin-top:3px;color:#818390;font-size:11px}.server-heading .muted-icon{margin-left:auto;color:#777987}.sidebar-label{padding:29px 18px 12px;color:#727482;font-size:9px;font-weight:700;letter-spacing:1.15px}.sidebar-label span{float:right;color:#9294a0}.room-list{display:grid;gap:5px;padding:0 9px}.room-item{display:flex;align-items:center;width:100%;min-height:58px;padding:7px 10px;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer}.room-item:hover:not(:disabled),.room-item.selected{background:#202129}.room-item.selected{border-color:#c2f56b14}.room-item:disabled{cursor:default;opacity:.83}.room-symbol{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;color:#aeb0bc;border-radius:10px;background:#282933}.room-symbol-1{color:#b5a2ff;background:#29253a}.room-symbol-2{color:#78cfbd;background:#213331}.room-item.selected .room-symbol-0{color:var(--lime);background:#303729}.room-copy{min-width:0;margin-left:10px}.room-copy strong,.room-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-copy strong{font-size:12px;font-weight:600}.room-copy small{margin-top:3px;color:#818390;font-size:10px}.room-count{margin-left:auto;color:#858796;font-size:11px}.sidebar-note{display:flex;gap:10px;margin:auto 14px 18px;padding:12px 11px;border:1px solid rgba(194,245,107,.1);background:linear-gradient(140deg,#c2f56b12,#c2f56b04);border-radius:11px}.note-icon{color:var(--lime);padding-top:2px}.sidebar-note strong{font-size:10px;font-weight:600}.sidebar-note p{margin:5px 0 0;color:#9294a0;font-size:9px;line-height:1.5}.profile-bar{min-height:67px;display:flex;align-items:center;gap:10px;padding:0 13px;background:#111219;border-top:1px solid var(--border)}.avatar{width:34px;height:34px;display:inline-grid;flex:0 0 auto;place-items:center;color:#28311f;background:linear-gradient(145deg,#daf69c,#9bd54d);border-radius:11px;font-family:Manrope,sans-serif;font-size:14px;font-weight:800}.profile-copy{min-width:0}.profile-copy strong,.profile-copy span{display:block}.profile-copy strong{max-width:137px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.profile-copy span{margin-top:4px;display:flex;align-items:center;gap:5px;color:#858796;font-size:9px}.profile-copy i,.connection-pill span{width:6px;height:6px;display:inline-block;border-radius:50%;background:#858796}.profile-copy i{background:#95d85f;box-shadow:0 0 7px #95d85f80}.icon-button{border:0;display:grid;place-items:center;color:#777987;background:transparent}.profile-settings{margin-left:auto}.main-panel{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--border);background:#13141cc2}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:11px}.breadcrumb span:first-child{color:#858796}.breadcrumb strong{font-weight:600}.crumb-slash{color:#555762}.connection-pill{display:flex;align-items:center;gap:7px;color:#999ba8;font-size:10px}.connection-pill span{background:#e2a35f}.connection-pill.online span{background:#9adc61;box-shadow:0 0 8px #9adc618c}.welcome-stage{flex:1;display:flex;flex-direction:column;min-height:0;padding:38px 6.5% 21px;background:radial-gradient(ellipse at 53% 37%,rgba(83,103,50,.09),transparent 40%),#111219}.welcome-card{width:min(540px,100%);margin:auto;padding:0 0 7px}.welcome-art{width:156px;height:132px;position:relative;margin:0 auto 23px;display:grid;place-items:center}.art-glow{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border-radius:50%;background:#c2f56b1f;filter:blur(22px)}.art-ring{position:absolute;border:1px solid rgba(194,245,107,.13);border-radius:50%}.ring-one{width:118px;height:118px}.ring-two{width:91px;height:91px;border-color:#c2f56b3b}.art-core{width:64px;height:64px;display:grid;place-items:center;z-index:1;border:1px solid rgba(194,245,107,.3);border-radius:23px;color:var(--lime);background:linear-gradient(145deg,#343e2c,#22271f);box-shadow:0 0 40px #c2f56b1a}.sound-dot{position:absolute;z-index:2;width:7px;height:7px;border-radius:50%;background:#c2f56b;box-shadow:0 0 12px #c2f56bbf}.dot-one{top:22px;right:43px}.dot-two{left:28px;top:69px;width:5px;height:5px;opacity:.65}.dot-three{right:31px;bottom:22px;width:5px;height:5px;opacity:.5}.eyebrow{display:flex;align-items:center;gap:8px;color:#a8ac99;font-size:9px;font-weight:700;letter-spacing:1.5px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px #c2f56b99}.welcome-card>.eyebrow{justify-content:center}h1{margin:15px 0 0;text-align:center;font-family:Segoe UI,Arial,sans-serif;font-size:clamp(31px,4vw,43px);letter-spacing:-1.9px;line-height:1.16;font-weight:700}h1 em{color:var(--lime);font-style:normal}.welcome-description{max-width:375px;margin:13px auto 25px;color:#999ba7;font-size:12px;line-height:1.7;text-align:center}.join-form{width:min(370px,100%);margin:auto}.join-form label{display:block;margin-bottom:8px;color:#bcbec7;font-size:10px;font-weight:600}.input-wrap{height:45px;display:flex;align-items:center;gap:10px;padding:0 10px;border:1px solid rgba(255,255,255,.105);border-radius:9px;background:#191a22}.input-wrap:focus-within{border-color:#c2f56b75;box-shadow:0 0 0 3px #c2f56b0f}.input-wrap .avatar{width:26px;height:26px;border-radius:8px;font-size:11px}.input-wrap input{width:100%;border:0;outline:0;color:#eeeef3;background:transparent;font-size:11px}.input-wrap input::placeholder{color:#656774}.join-button{width:100%;height:45px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:11px;border:0;border-radius:9px;color:#1b2114;background:var(--lime);font-size:11px;font-weight:700;cursor:pointer;transition:transform .15s,filter .15s}.join-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.join-button:disabled{opacity:.55;cursor:not-allowed}.mic-hint{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px;color:#777987;font-size:9px}.mic-hint svg{color:#9ca680}.error-message{margin-top:11px;padding:9px 10px;border:1px solid rgba(255,125,125,.2);border-radius:7px;color:#ffb6ad;background:#872f2f21;font-size:10px;line-height:1.5}.stage-foot{display:flex;justify-content:space-between;color:#626470;font-size:8px;letter-spacing:1px}.stage-foot b{color:#a2cd67}.room-stage{position:relative;flex:1;min-height:0;display:flex;background:#111219}.voice-content{flex:1;min-width:0;padding:clamp(25px,4vw,48px) clamp(24px,4vw,55px);overflow:auto}.room-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.room-title-row h1{margin:9px 0 4px;text-align:left;font-size:32px;letter-spacing:-1px}.room-title-row p{margin:0;color:#9294a0;font-size:11px}.voice-quality{display:flex;align-items:center;gap:8px;color:#a6c478;font-size:10px}.voice-quality svg{color:var(--lime)}.participants-heading{display:flex;align-items:center;gap:8px;margin:42px 0 15px;color:#777987;font-size:9px;font-weight:700;letter-spacing:1px}.participants-heading span:last-child{padding:3px 7px;border-radius:10px;color:#b9bbc4;background:#24252e;font-size:9px;letter-spacing:0}.participant-grid{display:flex;flex-wrap:wrap;gap:12px}.participant-card{width:145px;min-height:147px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px 11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:linear-gradient(155deg,#1c1e27,#181920)}.participant-card.has-video{width:min(340px,100%);align-items:stretch;justify-content:flex-start;gap:7px}.participant-card.has-video>strong,.participant-card.has-video>.participant-state,.participant-card.has-video>.media-status{align-self:center}.participant-video{position:relative;width:100%;overflow:hidden;aspect-ratio:16/9;border-radius:9px;background:#0b0c10}.media-pending{display:grid;place-items:center;color:#a6c478;font-size:10px}.media-video{width:100%;height:100%;display:block;object-fit:contain;background:#0b0c10}.media-video.mirrored{transform:scaleX(-1)}.screen-video>span{position:absolute;left:8px;bottom:7px;padding:4px 7px;border-radius:6px;color:#fff;background:#0000009e;font-size:9px}.media-status{color:#a6c478;font-size:9px}.participant-avatar{position:relative;margin-bottom:10px}.avatar-large{width:47px;height:47px;border-radius:16px;font-size:18px}.self-avatar .avatar{box-shadow:0 0 0 3px #c2f56b2b}.presence-dot{position:absolute;right:-2px;bottom:-1px;width:12px;height:12px;border:2px solid #1c1e27;border-radius:50%;background:#a4e56a}.presence-dot.is-muted{background:#e68f86}.participant-card>strong{max-width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.participant-state{display:flex;align-items:center;gap:4px;margin-top:7px;color:#a6c478;font-size:9px}.participant-state svg{color:#9bc66b}.participant-card:has(.is-muted) .participant-state{color:#d6948d}.participant-card:has(.is-muted) .participant-state svg{color:#d6948d}.waiting-card{width:100%;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed rgba(255,255,255,.1);border-radius:12px;color:#aeb0bc;background:#ffffff03}.waiting-pulse{width:37px;height:37px;display:grid;place-items:center;margin-bottom:3px;border-radius:13px;color:var(--lime);background:#c2f56b1a}.waiting-card strong{font-size:11px}.waiting-card>span{color:#858796;font-size:9px}.room-tip{display:flex;align-items:center;gap:8px;margin-top:26px;color:#777987;font-size:9px;line-height:1.5}.room-error{margin-top:12px}.tip-indicator{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#c9a76e}.chat-panel{width:274px;flex:0 0 274px;display:flex;flex-direction:column;border-left:1px solid var(--border);background:#15161e}.chat-header{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border)}.chat-header>div{display:flex;align-items:center;gap:9px;color:#bbbcc6}.chat-header svg{color:var(--lime)}.chat-header strong{font-size:11px}.chat-header>span{min-width:20px;padding:3px 6px;border-radius:9px;text-align:center;color:#9698a5;background:#252630;font-size:9px}.chat-messages{flex:1;min-height:0;overflow:auto;padding:17px 13px}.chat-empty{display:flex;flex-direction:column;align-items:center;margin:48px 6px 0;text-align:center}.chat-empty-icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:12px;border-radius:14px;color:#a4cb6e;background:#262b22}.chat-empty strong{font-size:11px}.chat-empty p{color:#858796;font-size:9px;line-height:1.6}.chat-message{display:flex;gap:9px;margin-bottom:16px}.chat-message .avatar{width:28px;height:28px;border-radius:9px;font-size:11px}.chat-message>div{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:7px}.message-meta strong{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.message-meta time{color:#70727e;font-size:8px}.chat-message p{margin:4px 0 0;color:#c1c2ca;font-size:10px;line-height:1.55;word-break:break-word}.chat-form{display:flex;gap:6px;margin:0 11px 12px;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#1c1d26}.chat-form input{width:100%;min-width:0;padding:0 5px;border:0;outline:0;color:#eeeef3;background:transparent;font-size:9px}.chat-form input::placeholder{color:#727480}.chat-form button{width:30px;height:29px;flex:0 0 30px;display:grid;place-items:center;border:0;border-radius:7px;color:#1b2114;background:var(--lime);cursor:pointer}.chat-form button:disabled{opacity:.45;cursor:default}.audio-warning{position:absolute;z-index:3;left:50%;bottom:96px;width:min(510px,calc(100% - 32px));display:flex;flex-direction:column;gap:5px;padding:11px 13px;transform:translate(-50%);border:1px solid rgba(239,185,104,.2);border-radius:9px;color:#e5c494;background:#29241c;box-shadow:0 10px 30px #0003}.audio-warning strong{font-size:10px}.audio-warning span{color:#b9ad9a;font-size:9px;line-height:1.5}.call-controls{min-height:81px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 25px;border-top:1px solid var(--border);background:#15161e}.call-room{display:flex;align-items:center;gap:10px}.call-pulse{width:8px;height:8px;border-radius:50%;background:#9bdd60;box-shadow:0 0 9px #9bdd608c}.call-room strong,.call-room small{display:block}.call-room strong{font-size:10px}.call-room small{margin-top:4px;color:#858796;font-size:9px}.control-actions{display:flex;align-items:center;gap:9px}.control-button,.leave-button{min-width:66px;height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid transparent;border-radius:9px;color:#aaaeba;background:transparent;cursor:pointer}.control-button span{font-size:8px}.control-button:disabled{opacity:.45;cursor:not-allowed}.control-button:hover,.control-button.active-control{color:#d8e6bf;background:#23261f}.control-button.toggled{color:#f0a19a;background:#7e3a3830}.leave-button{min-width:78px;flex-direction:row;gap:7px;border-color:#ef78702b;color:#e59a93;background:#893d391c}.leave-button span{font-size:9px}.leave-button:hover{background:#893d393b}@media(min-width:1500px){.welcome-stage{padding-top:55px}}@media(max-width:1050px){.sidebar{width:230px;flex-basis:230px}.chat-panel{width:245px;flex-basis:245px}.voice-content{padding-left:28px;padding-right:28px}}@media(max-width:820px){.rail{width:61px;flex-basis:61px}.sidebar{width:211px;flex-basis:211px}.chat-panel{width:225px;flex-basis:225px}.call-controls{padding:0 15px}.control-actions{gap:3px}}@media(max-width:680px){.sidebar{width:68px;flex-basis:68px}.server-heading{justify-content:center;padding:0}.server-heading>div:not(.server-icon),.server-heading>.muted-icon,.sidebar-label,.room-copy,.room-count,.sidebar-note,.profile-copy,.profile-settings{display:none}.room-list{padding:0 8px}.room-item{justify-content:center;padding:7px 0}.room-symbol{width:38px;height:38px;flex-basis:38px}.profile-bar{justify-content:center;padding:0}.chat-panel{position:fixed;z-index:4;top:64px;right:0;bottom:80px;width:min(310px,calc(100vw - 130px));box-shadow:-15px 0 35px #0000003d}.voice-content{padding:29px 20px}.topbar{padding:0 18px}.voice-quality{font-size:0}.voice-quality svg{width:19px;height:19px}.call-room{display:none}.call-controls{justify-content:center;padding:0 8px}.control-actions{width:100%;justify-content:flex-start;gap:6px;overflow-x:auto;scrollbar-width:none}.control-actions::-webkit-scrollbar{display:none}.control-button{min-width:57px}.leave-button{min-width:69px}.participant-card{width:calc(50% - 6px)}.welcome-stage{padding:27px 22px 18px}}@media(max-width:420px){.rail{width:53px;flex-basis:53px}.sidebar{width:57px;flex-basis:57px}.brand-mark{width:36px;height:36px}.room-list{padding:0 5px}.room-symbol{width:34px;height:34px;flex-basis:34px}.welcome-description{font-size:11px}.stage-foot{font-size:7px;letter-spacing:.5px}.breadcrumb{gap:7px;font-size:10px}.connection-pill{font-size:0}.connection-pill span{width:7px;height:7px}.control-button{min-width:48px}.control-button span{font-size:7px}.leave-button{min-width:59px;gap:4px}.leave-button span{font-size:8px}}