:root{color-scheme:dark;--bg:#101114;--panel:#181b20;--line:#2b313a;--text:#eff3f8;--muted:#9aa8b7;--accent:#40c4aa;--accent2:#5da7ff;--bad:#ff6b6b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{border:1px solid var(--line);background:#20252d;color:var(--text);border-radius:8px;padding:9px 12px;cursor:pointer}button:hover{border-color:#4a5665}button.active,.primary{background:var(--accent);border-color:var(--accent);color:#06110f;font-weight:700}.hidden{display:none!important}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#173d47,transparent 28%),linear-gradient(135deg,#101114,#171b22)}.auth-panel{width:min(440px,calc(100vw - 32px));background:rgba(24,27,32,.92);border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 20px 60px #0008}.brand{font-weight:900;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.brand.mini{display:grid;place-items:center;width:42px;height:42px;background:#20252d;border-radius:8px}.auth h1{margin:12px 0 8px;font-size:34px}.auth p{color:var(--muted);line-height:1.5}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}label{display:grid;gap:8px;margin:12px 0;color:var(--muted)}input{width:100%;background:#11151b;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:12px}.error{color:var(--bad);min-height:24px;margin-top:12px}.app{height:100vh;display:grid;grid-template-columns:74px 1fr}.rooms{background:#0c0d10;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px;align-items:center;padding:14px 10px}.rooms button{width:42px;height:42px;padding:0;font-size:24px}.roomItem{width:52px;height:52px;border-radius:8px;display:grid;place-items:center;background:#1a2028;color:#dbe7f5;font-weight:800;border:1px solid var(--line)}.roomItem.active{background:var(--accent2);color:#07111d}.main{min-width:0;display:grid;grid-template-rows:auto minmax(260px,1fr) 250px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--line)}#status{display:block;color:var(--muted);font-size:13px}.controls{display:flex;gap:8px;flex-wrap:wrap}.stageWrap{min-height:0;background:#08090b;display:grid;place-items:center;overflow:hidden}.stage{position:relative;width:100%;height:100%;overflow:auto;display:grid;place-items:center;touch-action:none}.stage video{display:none;max-width:none;background:#000;transform-origin:center center}.stage.hasVideo video{display:block}.empty{color:#718094;border:1px dashed #34404e;border-radius:8px;padding:30px;text-align:center}.remotePointer{position:absolute;width:34px;height:34px;border:3px solid var(--accent);border-radius:999px;box-shadow:0 0 0 6px #40c4aa33;display:none;transform:translate(-50%,-50%);pointer-events:none}.bottom{display:grid;grid-template-columns:1fr 260px;min-height:0;border-top:1px solid var(--line)}.chat{display:grid;grid-template-rows:1fr auto;min-width:0;background:#12151a}#messages{overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px}.msg{background:#1d232b;border:1px solid var(--line);border-radius:8px;padding:9px 10px}.msg b{color:var(--accent)}#chatForm{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid var(--line)}.members{background:var(--panel);border-left:1px solid var(--line);padding:12px;overflow:auto}.members h2{font-size:15px;margin:0 0 12px}.member{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);background:#11151b;border-radius:8px;padding:10px;margin-bottom:8px}.badges{display:flex;gap:5px}.badge{font-size:11px;color:#08120f;background:var(--accent);border-radius:999px;padding:2px 6px}.badge.screen{background:var(--accent2)}@media(max-width:800px){.app{grid-template-columns:58px 1fr}.topbar{align-items:flex-start;flex-direction:column}.main{grid-template-rows:auto minmax(240px,1fr) 280px}.bottom{grid-template-columns:1fr}.members{display:none}.controls button{padding:8px 9px}.roomItem,.rooms button,.brand.mini{width:38px;height:38px}}
.wide{width:100%;margin:0 0 8px 0}.hint{min-height:32px;color:var(--accent);font-size:12px;line-height:1.35;margin-bottom:8px}.auth-panel b{color:var(--accent);font-weight:800;word-break:break-all}
.voiceTime{display:inline-block;margin-top:4px;color:var(--muted);font-size:12px}.voiceTime.active{color:var(--accent)}.peoplePanel{position:fixed;inset:0;background:#0009;z-index:50;display:grid;place-items:center;padding:18px}.peopleBox{width:min(860px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 28px));overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 90px #000c}.peopleBox header{position:sticky;top:0;background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.peopleRows{display:grid;gap:8px;padding:14px 16px 18px}.peopleRow{display:grid;grid-template-columns:minmax(130px,240px) 1fr;gap:12px;align-items:start;background:#11151b;border:1px solid var(--line);border-radius:8px;padding:12px}.peopleRow b,.peopleRow code{display:block;color:var(--text);font-size:14px}.peopleRow span{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:3px}.peopleLoading{color:var(--muted);padding:16px;border:1px dashed var(--line);border-radius:8px}@media(max-width:700px){.peopleRow{grid-template-columns:1fr}.peopleBox{place-self:stretch}.peoplePanel{align-items:start}}
.voiceDeck{position:absolute;inset:16px 16px auto 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;z-index:4;pointer-events:none}.voiceCard{min-height:86px;background:rgba(18,21,26,.9);border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;box-shadow:0 12px 32px #0007}.voiceCard.talking{border-color:var(--accent);box-shadow:0 0 0 1px #40c4aa55,0 12px 32px #0007}.voiceCard.self{background:rgba(26,37,41,.92)}.avatar{width:52px;height:52px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#04110f;font-size:24px;font-weight:900}.voiceMeta b{display:block;font-size:15px}.voiceMeta span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.voiceBadges{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.voiceBadges span{font-size:10px;font-weight:800;letter-spacing:.05em;color:#06110f;background:var(--accent);border-radius:999px;padding:3px 7px}.voiceCard.idle .voiceBadges span{background:#596472;color:#dce6f0}.voiceEmpty{color:var(--muted);background:rgba(18,21,26,.8);border:1px dashed var(--line);border-radius:8px;padding:14px}.member.inVoice{border-color:var(--accent)}.badge.muted{background:#596472;color:#e8eef5}@media(max-width:800px){.main{grid-template-rows:auto minmax(260px,1fr) 330px}.bottom{grid-template-columns:1fr}.members{display:block;border-left:0;border-top:1px solid var(--line);max-height:140px}.voiceDeck{position:static;align-self:start;width:100%;padding:10px;grid-template-columns:1fr 1fr}.stage{align-content:start}.stage video{margin-top:8px}.voiceCard{min-height:74px;grid-template-columns:42px 1fr}.avatar{width:42px;height:42px;font-size:20px}}

.voiceFxPanel{position:fixed;inset:0;background:#0009;z-index:60;display:grid;place-items:center;padding:18px}.voiceFxBox{width:min(720px,calc(100vw - 28px));background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 90px #000c}.voiceFxBox header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.voiceFxGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:14px 16px}.fxChoice{text-align:left;min-height:76px;background:#11151b}.fxChoice b,.fxChoice span{display:block}.fxChoice span{color:var(--muted);font-size:12px;margin-top:5px}.fxChoice.active{background:var(--accent);border-color:var(--accent);color:#06110f}.fxChoice.active span{color:#0d2924}.voiceFxBox .hint{padding:0 16px 16px;margin:0;color:var(--muted)}

#chatForm{grid-template-columns:1fr auto auto}.msg img.chatImage{display:block;max-width:min(420px,100%);max-height:300px;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:#06080a}.screenDock{position:absolute;right:16px;bottom:16px;z-index:6;display:grid;gap:8px;width:min(310px,calc(100% - 32px));pointer-events:auto}.screenPreview{background:rgba(18,21,26,.94);border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:0 12px 36px #0008;display:grid;gap:8px}.screenPreview b{font-size:14px}.screenPreview span{color:var(--muted);font-size:12px}.screenPreview button{width:100%;background:var(--accent2);border-color:var(--accent2);color:#06101d;font-weight:800}.screenModal{position:fixed;inset:0;background:#000c;z-index:70;display:grid;place-items:center;padding:18px}.screenModalBox{width:min(96vw,1400px);height:min(92vh,860px);background:#050608;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-rows:auto 1fr;box-shadow:0 28px 100px #000}.screenModalBox header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:var(--panel);border-bottom:1px solid var(--line)}#screenModalVideo{width:100%;height:100%;object-fit:contain;background:#000}.stage.hasVideo video#screenVideo{display:none}.imageReady{border-color:var(--accent);color:var(--accent)}@media(max-width:800px){#chatForm{grid-template-columns:1fr auto}.screenDock{position:static;width:auto;margin:10px}.screenModal{padding:8px}.screenModalBox{width:100%;height:92vh}}

.serverPanel{display:grid;gap:8px;width:100%;padding:4px 0 8px}.serverNameBtn{width:100%;height:auto!important;font-size:12px!important;padding:8px 6px!important;background:#181d24;border-color:#34404e;font-weight:800}.channelLabel,.sideTitle{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;margin:10px 0 6px}.channelItem{width:100%!important;height:38px!important;display:flex!important;align-items:center;gap:7px;padding:7px!important;font-size:13px!important;border-radius:8px!important}.channelItem span{color:var(--muted)}.channelItem.active{background:#253445!important;color:var(--text)!important}.userPill{cursor:pointer}.userPill button{padding:4px 7px;font-size:11px}.statusDot{width:10px;height:10px;border-radius:999px;display:inline-block;background:#687483;box-shadow:0 0 0 2px #101114}.statusDot.active{background:#3bd675}.statusDot.idle{background:#f5b942}.statusDot.dnd{background:#f05252}.statusDot.invisible,.statusDot.offline{background:#687483}.appTag,.verified{font-size:10px;font-style:normal;font-weight:900;color:#07111d;background:var(--accent2);border-radius:999px;padding:2px 5px;margin-left:4px}.verified{background:var(--accent)}.roleLine{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin:6px 0}.roleLine span{width:10px;height:10px;border-radius:999px}.emptySide{color:var(--muted);font-size:12px;padding:8px;border:1px dashed var(--line);border-radius:8px}.profilePanel,.dmPanel{position:fixed;inset:0;background:#000a;z-index:90;display:grid;place-items:center;padding:18px}.profileBox,.dmBox{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 28px 100px #000c;overflow:hidden}.profileBox{width:min(560px,calc(100vw - 28px));max-height:90vh;overflow:auto}.profileBox header,.dmBox header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line);background:#151920}.profileBanner{height:145px;background:#20252d;background-size:cover;background-position:center}.profileBanner.spark{animation:spark 5s linear infinite}.profileBanner.wave{animation:wave 6s ease-in-out infinite}.profileBanner.verified{animation:glow 2.4s ease-in-out infinite}.profileBody{padding:0 18px 18px}.profileAvatar{width:72px;height:72px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#06110f;font-size:34px;font-weight:900;margin-top:-36px;border:4px solid var(--panel)}.profileBody h2{margin:10px 0 6px}.profileMeta{color:var(--muted);font-size:13px;margin:8px 0 14px}.profileEditor{display:grid;gap:10px;margin:12px 0}.profileEditor textarea{min-height:72px;resize:vertical;background:#11151b;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px}.profileEditor select{background:#11151b;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px}.checkLine{display:flex;grid-template-columns:auto 1fr;align-items:center}.dmBox{width:min(980px,calc(100vw - 28px));height:min(760px,calc(100vh - 28px));display:grid;grid-template-columns:230px 1fr}.dmBox aside{border-right:1px solid var(--line);background:#11151b;padding:12px;overflow:auto}.dmBox main{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.dmUser{width:100%;display:flex;align-items:center;gap:8px;margin-bottom:7px;text-align:left}.dmUser.active{background:#253445}.dmMsg{border:1px solid var(--line);background:#151a21;border-radius:8px;padding:9px 10px;margin:8px 0}.dmMsg b,.dmMsg span{display:block}.dmMsg span{margin-top:4px;color:var(--text)}#dmMessages{overflow:auto;padding:12px}.botEmbed{border-left:4px solid var(--accent2);background:#0f141a;border-radius:8px;padding:10px;margin-top:8px}.botEmbed p{margin:6px 0;color:var(--text)}.botEmbed small{color:var(--muted)}#dmForm{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:12px;border-top:1px solid var(--line)}.screenSizeWrap{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-left:auto}.screenSizeWrap input{width:130px}@keyframes spark{0%{filter:saturate(1)}50%{filter:saturate(1.6) brightness(1.1)}100%{filter:saturate(1)}}@keyframes wave{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes glow{0%,100%{box-shadow:inset 0 0 0 #40c4aa00}50%{box-shadow:inset 0 0 80px #40c4aa66}}@media(max-width:800px){.dmBox{grid-template-columns:1fr;height:92vh}.dmBox aside{max-height:160px;border-right:0;border-bottom:1px solid var(--line)}#dmForm{grid-template-columns:1fr auto}.rooms{width:70px}.serverPanel{gap:6px}.serverNameBtn,#profileBtn,#dmBtn,#roleBtn{font-size:11px!important}}