:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f2f2fa;background:#10111b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#292047 0,transparent 55%)}main{max-width:1180px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:65px;gap:20px}.brand{font-weight:800;font-size:23px;color:#fff;text-decoration:none}#connection{color:#bbb5ce;font-size:14px}.eyebrow,.label{font-size:12px;font-weight:700;letter-spacing:2px;color:#baabfa}h1{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-2px;margin:18px 0 24px}h2{font-size:23px;margin:16px 0 24px}.welcome{max-width:780px;padding:50px 0 90px}.welcome p{max-width:580px;color:#b9b6ca;font-size:19px;line-height:1.7}.welcome button{margin:24px 0}.welcome small{display:block;color:#a4a0b6;line-height:1.6;max-width:520px}button{background:#c4b3ff;color:#1b1235;border:0;border-radius:12px;padding:14px 20px;font:inherit;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:default}.secondary{background:#2e2c40;color:#eee9ff;border:1px solid #454057}.room-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.room-head h1{font-size:42px}.layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px}.card{background:#1a1b29;border:1px solid #343044;border-radius:22px;padding:28px}.video{aspect-ratio:16/9;background:#090a11;border-radius:12px;overflow:hidden;margin-bottom:18px}.video iframe{width:100%;height:100%}.controls{display:flex;gap:12px;margin:18px 0}.seek-label{display:flex;justify-content:space-between}.hint{color:#aaa7bd;font-size:13px;line-height:1.7}form{display:grid;gap:10px}label{font-size:13px;color:#cbc7dc}input{font:inherit;padding:13px;border:1px solid #444056;border-radius:10px;background:#12131f;width:100%;margin-bottom:8px}input:focus,button:focus-visible{outline:2px solid #cfbfff;outline-offset:3px}input[type=range]{padding:0;margin-top:15px;accent-color:#c4b3ff}.queue-heading{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.queue-heading span{background:#343045;padding:4px 10px;border-radius:20px}ol{padding:0;list-style:none}li{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #343044;padding:14px 0}li span{overflow-wrap:anywhere}li button{padding:7px 11px;background:#2e2c40;color:#ccc}#message{color:#efcf91;min-height:24px}.footer{margin-top:24px}[hidden]{display:none!important}@media(max-width:800px){main{padding:20px}header{margin-bottom:30px;align-items:start}.layout{grid-template-columns:1fr}.card{padding:20px}.room-head{align-items:start}.room-head h1{font-size:34px}#connection{max-width:160px;text-align:right}.welcome{padding-top:20px}}
.chat-card{margin-top:24px;max-width:760px}.chat-messages{max-height:320px;overflow:auto;margin:20px 0}.chat-messages article{background:#242536;border-radius:12px;padding:14px 16px;margin:10px 0}.chat-messages article>div{display:flex;justify-content:space-between;gap:16px}.chat-messages strong{color:#c4b3ff;overflow-wrap:anywhere}.chat-messages time{font-size:12px;color:#aaa7bd}.chat-messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0;line-height:1.5}textarea{font:inherit;background:#12131f;color:inherit;border:1px solid #444056;border-radius:10px;padding:13px;resize:vertical;width:100%}textarea:focus{outline:2px solid #cfbfff;outline-offset:3px}#playlist{margin-top:24px;border-top:1px solid #343044;padding-top:8px}
#entry-name{display:block;max-width:360px;margin:12px 0 0}.welcome label{display:block;margin-top:24px;color:#e4def5}