[hidden]{display:none!important}
:root{color-scheme:dark;--bg:#090f21;--panel:#141c34;--line:#334265;--text:#f4f6ff;--muted:#abb9d3}*{box-sizing:border-box}html{font-family:Inter,"Segoe UI",Arial,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 0,#332354 0,transparent 42%),radial-gradient(ellipse at 95% 25%,#18324a 0,transparent 38%),var(--bg);color:var(--text)}button,input{font:inherit}button{border:0;border-radius:11px;padding:12px 17px;font-weight:800;background:linear-gradient(115deg,#baa2ff,#ed9bd3);color:#190e2a;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #efa5e0;outline-offset:3px}a{color:inherit;text-decoration:none}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.05em;margin:8px 0}h2{font-size:17px;margin:0 0 12px}.muted{color:var(--muted)}p{line-height:1.65}.brand{font-size:20px;font-weight:900;letter-spacing:-.03em}.brand small{border:1px solid #584d86;border-radius:20px;padding:4px 9px;font-size:10px;color:#c6acff;letter-spacing:.1em}.topbar{display:flex;justify-content:space-between;align-items:center;height:74px;padding:0 max(22px,calc((100vw - 1250px)/2));border-bottom:1px solid var(--line);background:#111829b8}.back{font-size:13px;color:#c7cbeb}.wrap{max-width:1300px;padding:32px 24px 64px;margin:auto}.kicker{color:#dbb7ff;font-size:11px;font-weight:900;letter-spacing:.13em}.status{padding:10px 14px;color:#b0d0fc;background:#24334f;border:1px solid #425781;border-radius:30px;font-weight:800;font-size:12px;white-space:nowrap}.titlebar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:23px}.titlebar i{font-style:normal;color:#eba4d8}.titlebar p{margin:3px 0}.invite{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(110deg,#38274f,#1b2d4c);border:1px solid #644a80;padding:18px 21px;border-radius:18px;margin-bottom:20px}.invite p{font-size:12px;margin:0;color:#c5c6df}.invite-line{display:flex;gap:8px;flex:1;max-width:585px}.invite-line input{min-width:0;flex:1}.columns{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(280px,.91fr);gap:18px}.player-panel,.side{background:var(--panel);border:1px solid var(--line);border-radius:19px;overflow:hidden;min-width:0}.panel-heading{padding:16px 20px;display:flex;justify-content:space-between;color:#c6ccea;font-size:11px;letter-spacing:.12em}.screen{width:100%;aspect-ratio:16/9;position:relative;background:#000;overflow:hidden}.screen #youtubePlayer,.screen #youtubePlayer iframe,.screen video{height:100%;width:100%;object-fit:contain}.screen [hidden]{display:none!important}.empty{pointer-events:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#9085c3;font-size:55px;gap:13px}.empty small{font-size:13px;color:#bbc3dc}.source{padding:23px}.source label{font-size:12px;font-weight:800;color:#d7def4}.horizontal{display:flex;gap:9px}.source .horizontal{margin-top:9px}.horizontal input{flex:1;min-width:0}input:not([type=file]){color:#fff;border:1px solid #445576;border-radius:10px;background:#0b1428;padding:12px 13px;min-width:0}input::placeholder{color:#8492af}.separator{text-align:center;margin:15px;color:#8894b0;font-size:11px;font-weight:900}.file-label{display:block;padding:15px;background:#243653;border:1px dashed #7686b4;border-radius:11px;cursor:pointer;text-align:center}.hint{font-size:11px}.actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;padding:0 22px 21px}.actions span{font-size:12px}.muted-button{background:#27344e;color:#ecedfc;border:1px solid #4d5b79;font-size:12px}.side{padding:19px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.row span{font-size:11px;color:#9dabcc}.cameras{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cameras>div{height:124px;background:#090e20;border:1px solid #374866;border-radius:12px;overflow:hidden;position:relative}.cameras video{height:100%;width:100%;object-fit:cover}.cameras small{font-size:10px;padding:3px 6px;background:#080c17b9;position:absolute;left:6px;bottom:5px;border-radius:4px}.side .actions{padding:11px 0 23px}.chat-heading{border-top:1px solid var(--line);padding-top:19px}.messages{height:206px;padding:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;background:#0b1427;border:1px solid #2c3a59;border-radius:10px}.message{padding:9px 10px;background:#273452;border-radius:9px;font-size:12px;max-width:88%;overflow-wrap:anywhere;align-self:flex-start}.message.me{align-self:flex-end;background:#513964}.message strong{display:block;font-size:10px;color:#edbdf1;margin-bottom:3px}#chatForm{margin:10px 0}#chatForm input{font-size:12px}#chatForm button{font-size:12px;padding-inline:12px}.reactions{display:flex;gap:8px}.reactions button{background:#2c3050;color:#fff;padding:6px 9px;font-size:18px}.login{max-width:500px;margin:8vh auto;text-align:center;padding:20px}.panel{padding:30px;border-radius:23px;background:#15203b;border:1px solid #435274;margin:25px 0}.panel form{text-align:left;display:grid;gap:12px;margin-top:24px}.panel form label{display:grid;gap:9px;font-size:13px}.panel form input{width:100%}.error{color:#f9b0b2;font-size:13px}.huge{font-size:43px}.studio-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,320px));gap:16px;margin:25px 0}.studio-tile{padding:23px;background:#192645;border:1px solid #485579;border-radius:20px}.studio-tile p{color:#abb9d3}.studio-tile strong{color:#e6c2ff}
@media(max-width:930px){.columns{grid-template-columns:1fr}.titlebar{flex-wrap:wrap}.invite{align-items:stretch;flex-direction:column}.invite-line{max-width:none}}@media(max-width:550px){.wrap{padding:18px 12px 40px}.topbar{padding:0 13px}.brand{font-size:16px}.invite-line,.source .horizontal{flex-direction:column}.side{padding:14px}.source{padding:17px}.status{font-size:10px}}