:root,[data-theme=turquoise]{color-scheme:dark;--bg-rail: #132220;--bg-side: #1a2e2c;--bg-main: #223936;--bg-card: #1a2e2c;--bg-input: #132220;--bg-hover: #2a4240;--bg-active: #334e4c;--bg-ghost: #3a5451;--bg-ghost-hover: #476662;--text: #dbdee1;--text-strong: #fff;--text-muted: #93a5a2;--accent: #2dd4bf;--accent-hover: #14b8a6;--on-accent: #062e29;--border: #101f1d}[data-theme=discord]{color-scheme:dark;--bg-rail: #1e1f22;--bg-side: #2b2d31;--bg-main: #313338;--bg-card: #2b2d31;--bg-input: #1e1f22;--bg-hover: #35373c;--bg-active: #404249;--bg-ghost: #4e5058;--bg-ghost-hover: #5d5f67;--text: #dbdee1;--text-strong: #fff;--text-muted: #949ba4;--accent: #5865f2;--accent-hover: #4752c4;--on-accent: #fff;--border: #26272b}[data-theme=gray]{color-scheme:dark;--bg-rail: #26272b;--bg-side: #303136;--bg-main: #37383d;--bg-card: #303136;--bg-input: #26272b;--bg-hover: #3d3e44;--bg-active: #4a4c54;--bg-ghost: #4e5058;--bg-ghost-hover: #5d5f67;--text: #dbdee1;--text-strong: #fff;--text-muted: #9aa0a8;--accent: #6e757f;--accent-hover: #5b6169;--on-accent: #fff;--border: #232428}[data-theme=black]{color-scheme:dark;--bg-rail: #000000;--bg-side: #0b0b0d;--bg-main: #101014;--bg-card: #16161a;--bg-input: #000000;--bg-hover: #1c1c21;--bg-active: #26262d;--bg-ghost: #2a2b30;--bg-ghost-hover: #35363d;--text: #dbdee1;--text-strong: #fff;--text-muted: #87898c;--accent: #2dd4bf;--accent-hover: #14b8a6;--on-accent: #062e29;--border: #1a1a1f}[data-theme=light]{color-scheme:light;--bg-rail: #e3e5e8;--bg-side: #f2f3f5;--bg-main: #ffffff;--bg-card: #f2f3f5;--bg-input: #e3e5e8;--bg-hover: #e0e2e6;--bg-active: #d3d6db;--bg-ghost: #d7dae0;--bg-ghost-hover: #c6cad1;--text: #060607;--text-strong: #000;--text-muted: #5c6672;--accent: #0f766e;--accent-hover: #0d5f57;--on-accent: #fff;--border: #d4d7dc}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg-main);color:var(--text);font-size:14px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--bg-rail);border-radius:4px;filter:brightness(1.6)}::-webkit-scrollbar-track{background:transparent}.app{display:flex;flex-direction:column;height:100vh}.topbar{height:48px;flex:0 0 48px;background:var(--bg-rail);display:flex;align-items:center;gap:8px;padding:0 12px;-webkit-app-region:drag}.topbar input,.topbar .navbtn,.topbar .winbtns{-webkit-app-region:no-drag}.winbtns{margin-left:auto;display:flex;gap:2px}.winbtns .navbtn{padding:4px 12px}.winbtns .danger:hover{background:#ed4245;color:#fff}.topbar .navbtn{background:transparent;border:0;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px}.topbar .navbtn:hover{background:var(--bg-hover);color:var(--text)}.topbar input{background:var(--bg-input);border:0;border-radius:6px;color:var(--text);padding:7px 10px;width:320px;max-width:40vw}.body{flex:1;display:flex;min-height:0}.rail{width:72px;flex:0 0 72px;background:var(--bg-rail);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:8px;overflow-y:auto}.railbtn{width:48px;height:48px;border-radius:50%;background:var(--bg-main);color:var(--text);border:0;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-radius .15s,background .15s;overflow:hidden;padding:0}.railbtn:hover,.railbtn.active{border-radius:16px;background:var(--accent);color:var(--on-accent)}.railsep{width:32px;height:2px;background:var(--bg-hover);border-radius:1px}.railspacer{flex:1}.sidebar{width:240px;flex:0 0 240px;background:var(--bg-side);padding:12px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.serverhead{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:15px;color:var(--text-strong);padding:4px 8px 12px}.invitebtn{background:var(--accent);color:var(--on-accent);border:0;border-radius:8px;padding:9px;font-weight:600;cursor:pointer;margin:0 4px 8px}.invitebtn:hover{background:var(--accent-hover)}.sidegroup{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:12px 8px 4px;display:flex;align-items:center;justify-content:space-between}.sidegroup .addbtn{visibility:hidden;background:transparent;border:0;color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer;padding:0 6px;border-radius:4px}.sidegroup:hover .addbtn{visibility:visible}.sidegroup .addbtn:hover{background:var(--bg-ghost);color:var(--text-strong)}.chan{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:transparent;border:0;border-radius:6px;color:var(--text-muted);padding:7px 8px;font-size:14px;cursor:pointer}.chan:hover{background:var(--bg-hover);color:var(--text)}.chan.active{background:var(--bg-active);color:var(--text-strong)}.main{flex:1;min-width:0;background:var(--bg-main);display:flex;flex-direction:column;padding:0}.chanhead{min-height:48px;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border);font-weight:700;color:var(--text-strong);font-size:15px}.chatbody{flex:1;overflow-y:auto;padding:8px 16px}.chatinput{flex:0 0 auto;padding:0 16px 16px}.msg{padding:6px 0;border-radius:4px}.msg:hover{background:var(--bg-hover)}.msg .mauthor{font-weight:600;color:var(--text-strong)}.msg .mtime{font-size:11px;color:var(--text-muted);margin-left:6px}.members{width:240px;flex:0 0 240px;background:var(--bg-side);padding:12px 8px;overflow-y:auto}.member{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px}.member:hover{background:var(--bg-hover)}.member.off{opacity:.55}.avatar{width:32px;height:32px;border-radius:50%;flex:0 0 32px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px;position:relative}.dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:3px solid var(--bg-side)}.card{background:var(--bg-card);border-radius:12px;padding:16px}.card .row input{min-width:0;flex:1}input,select{background:var(--bg-input);border:0;border-radius:8px;color:var(--text);padding:8px 10px;font-size:14px}button{background:var(--accent);border:0;color:var(--on-accent);border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer;font-weight:600}button:hover{background:var(--accent-hover)}button.ghost{background:var(--bg-ghost);color:var(--text);font-weight:400}button.ghost:hover{background:var(--bg-ghost-hover)}.row{display:flex;gap:8px;align-items:center}.muted{color:var(--text-muted);font-size:12px}.peer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.peer{background:var(--bg-card);border:2px solid transparent;border-radius:12px;padding:10px}.peer.speaking{border-color:#23a55a}.voice{display:grid;gap:12px}.voicestatus{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.vdot{width:10px;height:10px;border-radius:50%;background:#80848e}.vdot.on{background:#23a55a;box-shadow:0 0 8px #23a55a}.vdot.conn{background:#f0b232;animation:blink 1s infinite}.vdot.off{background:#ed4245}@keyframes blink{50%{opacity:.4}}.vgrid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.vtile{position:relative;border-radius:12px;overflow:hidden;min-height:180px;height:180px;padding:0;text-align:center;cursor:default;border:2px solid transparent;display:flex;align-items:center;justify-content:center;transition:box-shadow .15s,border-color .15s}.vtile:hover{filter:brightness(1.05)}.vtile.speaking{border-color:#2dd4bf;box-shadow:0 0 0 2px #2dd4bf,0 0 18px #2dd4bf73}.vtile .vnamebadge{position:absolute;left:8px;bottom:8px;background:#0000008c;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vtile .vbadge{position:absolute;right:8px;bottom:8px;background:var(--bg-rail);border-radius:50%;padding:2px;display:flex}.vtile video{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}.vtile .vvideo{position:absolute;top:0;right:0;bottom:0;left:0}.vtile .vstreamctl{position:absolute;left:8px;right:8px;top:8px;display:flex;gap:4px;justify-content:flex-end}.vavatar{width:72px;height:72px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;position:relative}.vmic{position:absolute;right:-2px;bottom:-2px;background:var(--bg-rail);border-radius:50%;width:24px;height:24px;font-size:13px;display:flex;align-items:center;justify-content:center}.vname{font-weight:600;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vcontrols{display:flex;gap:8px;justify-content:center;background:var(--bg-rail);border-radius:12px;padding:10px;position:sticky;bottom:0}.vbtn{width:48px;height:48px;border-radius:12px;font-size:20px;background:var(--bg-ghost);color:var(--text);display:flex;align-items:center;justify-content:center;font-weight:400}.vbtn:hover{background:var(--bg-ghost-hover)}.vbtn.danger{background:#ed4245;color:#fff}.vbtn.danger:hover{background:#c03537}.vbtn.active{background:#23a55a;color:#fff}@media (max-width: 1100px){.members{display:none}}@media (max-width: 760px){.sidebar{width:200px;flex-basis:200px}.rail{width:56px;flex-basis:56px}.railbtn{width:40px;height:40px}}