:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#e8edf8;background:#090e19;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{background:#1b2942;color:#f4f7ff;border:1px solid #34445f;border-radius:10px;padding:11px 15px;cursor:pointer}button:hover{background:#273956}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#6755f5;border-color:#8274ff;font-weight:700}.primary:hover{background:#786bfc}input{background:#101a2e;color:#fff;border:1px solid #34445f;border-radius:10px;padding:11px 12px;min-width:0}header{max-width:1440px;margin:auto;padding:25px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1e293d}.brand{font-weight:900;letter-spacing:1.5px;font-size:21px}.brand span{color:#9589ff}main{max-width:1440px;margin:0 auto;padding:38px 26px}.pill{border:1px solid #2b3650;background:#10192a;border-radius:30px;padding:9px 15px;color:#a8b4cd;font-size:13px}.heading,.top-actions,.mode,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.heading{margin-bottom:25px}h1{font-size:34px;margin:8px 0}h3{margin:0 0 15px}.eyebrow{letter-spacing:2px;font-size:12px;color:#9a8dff;font-weight:800}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:21px}.stage,.sidebar{background:#111a2b;border:1px solid #26324b;border-radius:18px;padding:17px}.playerbox{background:#03060d;border-radius:12px;aspect-ratio:16/9;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}video,.remote{width:100%;height:100%;object-fit:contain}.remote video{width:100%;height:100%;object-fit:contain}.hidden{display:none!important}#blank{position:absolute;text-align:center;color:#8390aa;font-size:14px;pointer-events:none}.big-icon{font-size:60px;color:#6e62df}.mode{padding:14px 2px;font-size:13px;color:#9fb0c9}.mode span:last-child{color:#52c9ae}.actions{justify-content:flex-start}.actions button{font-size:13px}.host{background:#19243b;border:1px dashed #53618f;padding:20px;border-radius:14px;margin-top:22px}.host input{max-width:100%;margin:8px 8px 8px 0}.host p,.hint,.tiny{font-size:12px;line-height:1.8;color:#93a0b8}.sidebar{display:flex;flex-direction:column;min-height:520px}.sidehead{display:flex;justify-content:space-between;align-items:center}.sidehead span{color:#3ed0af;font-size:12px}.identity{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#b7c6da;margin:10px 0 15px}.sidebar #messages{flex:1;min-height:220px;max-height:480px;overflow:auto;display:flex;flex-direction:column;gap:10px;border-top:1px solid #293650;padding:15px 0}.msg{font-size:13px;overflow-wrap:anywhere;line-height:1.5;background:#17243b;border-radius:10px;padding:10px}.msgname{font-size:11px;color:#968aff;padding-bottom:4px}#chatForm{display:flex;gap:7px}#chatForm input{flex:1;width:50px}.tiny{margin-top:10px}.welcome{text-align:center;max-width:760px;margin:12vh auto 0}.welcome h1{font-size:clamp(42px,7vw,80px);line-height:1.18}.welcome em{font-style:normal;color:#8a7afa}.welcome p{color:#a3adc3;line-height:1.9}.welcome button{margin-top:24px;font-size:18px;padding:17px 28px}.tip{margin-top:25px;font-size:12px;color:#6f7d9a}#notice{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#293a59;border:1px solid #637b9e;border-radius:12px;padding:12px 20px;z-index:9;max-width:85%;text-align:center}#notice:empty{display:none}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{min-height:420px}.heading{align-items:flex-start}main{padding:25px 13px}.stage{padding:10px}header{padding:20px 14px}.brand{font-size:17px}}