*{box-sizing:border-box} [hidden]{display:none!important} :root{color-scheme:dark;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#e7edf6;background:#0c1422}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 0%,#1d3450 0,transparent 55%),radial-gradient(ellipse at 0% 75%,#173238 0,transparent 48%),#0c1422}.shell{max-width:1100px;margin:auto;padding:38px 40px 26px}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;text-decoration:none;color:#d1ae73;font-size:32px;align-items:center}.brand span{font-size:18px;color:#e7edf6;letter-spacing:2px;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#8d9aaf;margin-top:5px}button,input{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid #e1bb79;outline-offset:3px}.quiet{background:transparent;border:1px solid #ffffff24;border-radius:8px;padding:10px 14px;color:#bbc9da;font-size:13px}.hero{padding:65px 0 39px}.eyebrow{font-size:13px;color:#92b7bb;letter-spacing:2px;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;background:#76c8af;border-radius:50%}h1{font-size:46px;font-weight:650;letter-spacing:-1px;margin:18px 0}h1 span{color:#dbb97d;margin-left:8px}.hero p{font-size:15px;color:#99abc1;line-height:1.9}.layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.room-card,.members-card{padding:30px;border:1px solid #ffffff15;border-radius:18px;background:linear-gradient(130deg,#1c2b40e8,#132236e8);box-shadow:0 18px 50px #0002}.members-card{background:#111d2db8}.room-heading,.members-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.label{font-size:11px;letter-spacing:2px;color:#859bb6}h2{font-size:22px;margin:8px 0}.status{padding:6px 9px;border-radius:6px;background:#ffffff09;color:#a2b0c2;font-size:12px}.status.active{color:#8bd8bb;background:#5abf9720}label{display:block;color:#b7c8dc;font-size:13px;margin-bottom:10px}label span{color:#72839b;font-size:11px;margin-left:8px}input{width:100%;border:1px solid #ffffff20;background:#0c1728;color:#e3ecf8;border-radius:9px;padding:14px 13px;font-size:14px}input::placeholder{color:#687c98}.primary{width:100%;background:#ddba7c;color:#212833;border:0;padding:15px 12px;border-radius:9px;font-weight:700;margin-top:16px}.primary:hover{background:#e8ca97;transform:translateY(-1px)}.hint{color:#788da7;font-size:11px;text-align:center;margin:13px 0 0;line-height:1.8}.members-heading h2{font-size:16px;margin:0}.members-heading span{font-size:12px;color:#9db0c7}.empty{text-align:center;padding:32px 0;color:#7187a2}.empty>span{font-size:39px;color:#436179}.empty p{font-size:13px}.member{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #ffffff08}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#233c4c;color:#9cc9c2;border:2px solid transparent}.member.speaking .avatar{border-color:#74d4a9;box-shadow:0 0 16px #68dba330}.member-name{font-size:14px;flex:1;overflow-wrap:anywhere}.member-name small{font-size:11px;color:#738aa7}.mic-state{font-size:11px;color:#90a4be}.welcome{font-size:14px;color:#a4b7cc;margin-bottom:22px}.welcome strong{color:#e5c389}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control{padding:17px 6px;color:#c8d9e7;background:#142438;border:1px solid #ffffff20;border-radius:9px;font-size:13px}.control.on{border-color:#75cba66b;color:#8bd8bb}.leave{width:100%;margin-top:15px;padding:12px;color:#d6a9aa;background:transparent;border:1px solid #b884843b;border-radius:8px}#notice{font-size:12px;line-height:1.8;color:#e6c387;margin-top:15px}footer{display:flex;justify-content:space-between;color:#58718e;font-size:11px;margin-top:28px} @media(max-width:700px){.shell{padding:25px 20px}.hero{padding:48px 0 25px}h1{font-size:31px}.layout{grid-template-columns:1fr;gap:16px}.room-card,.members-card{padding:24px}.members-card{min-height:190px}.quiet{padding:8px;font-size:11px}footer{display:block;line-height:2}footer span{display:block}.brand span{font-size:15px}}