:root{--bg:#080a12;--panel:#101522;--panel2:#161d2b;--line:#252e41;--text:#eef2ff;--muted:#8792a7;--accent:#8c6dff;--green:#42df9b}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#15122b 0,#080a12 42%);color:var(--text);font:15px Inter,system-ui,Segoe UI,sans-serif}button,input{font:inherit}.top,.voicebar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#090c14}.brand{font-weight:900;letter-spacing:1px}.brand span{color:#9b80ff}.ghost,.primary,.secondary,.control,.copylink{border:0;border-radius:12px;padding:11px 16px;color:white;background:var(--panel2);cursor:pointer}.landing{max-width:1050px;margin:70px auto;padding:0 24px}.hero h1{font-size:58px;line-height:1.02;margin:18px 0}.hero h1 span{color:#9b80ff}.hero p{color:var(--muted);font-size:18px}.pill{display:inline-block;color:#c6b9ff;background:#1b1634;padding:7px 11px;border-radius:99px;font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.card{background:linear-gradient(145deg,var(--panel),#0b1019);border:1px solid var(--line);border-radius:20px;padding:26px}.card h2{margin-top:0}.card form{display:grid;gap:12px}.card input{width:100%;padding:13px;border-radius:12px;border:1px solid var(--line);background:#080c13;color:white}.primary{background:linear-gradient(135deg,#704fff,#9a70ff);font-weight:700}.secondary{background:#222a3a}.card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.reset{margin-top:10px}.alert,.notice{margin:20px 0;padding:14px;border-radius:12px}.alert{border:1px solid #71313d;background:#26141b}.notice{border:1px solid #345f52;background:#101e1c}.security{margin-top:25px;padding:25px;border-radius:16px;background:#090e16;border:1px dashed #38465c;color:var(--muted)}.voicebar{padding:0 22px;gap:18px}.roomtitle{font-weight:700;flex:1}.roomcode{font-size:11px;color:var(--muted)}.copylink{background:#211b3c}.roomlayout{display:grid;grid-template-columns:240px 1fr;height:calc(100vh - 68px)}.sidebar{border-right:1px solid var(--line);padding:20px 12px;background:#0b0f17}.sidehead{font-size:11px;color:#6f7b8f;padding:0 10px 14px;font-weight:800}.channel{padding:12px;border-radius:10px;background:#171c29}.channel span{float:right;color:#68758a}.sideinfo{color:#78859b;padding:20px 10px;font-size:13px}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;overflow:auto}.members{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;max-width:850px}.member{width:180px;height:180px;background:var(--panel);border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:.2s}.member.speaking{box-shadow:0 0 0 2px var(--green),0 0 25px #38d99622}.avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#795dff,#b06cff);display:grid;place-items:center;font-size:26px;font-weight:800;margin-bottom:10px}.a2{background:linear-gradient(135deg,#157f91,#35c8aa)}.a3{background:linear-gradient(135deg,#d16b4d,#e6b45c)}.member small{color:var(--muted);margin-top:4px}.mic{position:absolute;right:13px;top:13px}.controls{margin-top:35px;background:#0d131d;border:1px solid var(--line);border-radius:20px;padding:12px;display:flex;align-items:center;gap:10px}.control{min-width:58px;height:52px}.control span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.control.off{background:#351922}.control.danger{background:#5b1f2b}.volume{display:flex;align-items:center;gap:9px;padding:0 12px}.volume input,.peoplevol input{accent-color:#8b70ff}.volume input{width:150px}.peoplevol{margin-top:20px;width:min(600px,100%);background:var(--panel);border:1px solid var(--line);padding:16px 20px;border-radius:16px}.peoplevol h3{margin:0 0 12px}.peoplevol div{display:grid;grid-template-columns:70px 1fr 45px;gap:10px;align-items:center;margin:9px 0}.peoplevol input{width:100%}@media(max-width:700px){.grid{grid-template-columns:1fr}.hero h1{font-size:42px}.roomlayout{grid-template-columns:1fr}.sidebar{display:none}.roomtitle{display:none}.member{width:145px;height:155px}.controls{width:100%;justify-content:center;flex-wrap:wrap}.volume{order:5;width:100%;justify-content:center}}