:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f3f3f4;background:#151515;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:880px;margin:0 auto;padding:30px 20px 48px}.top,.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.top{margin-bottom:16px}h1{font-size:clamp(24px,4vw,36px);margin:4px 0;font-weight:650}h1 em{font-style:normal;color:#ff966f}h2{margin:6px 0 14px;font-size:21px}.eyebrow{font-size:11px;letter-spacing:.15em;color:#9d9da4;font-weight:700}.state{border:1px solid #424248;padding:9px 12px;border-radius:22px;color:#bdbdc2;font-size:12px;white-space:nowrap}.message{padding:13px 15px;border-left:3px solid #ec896c;background:#27211e;border-radius:6px;font-size:14px;line-height:1.6}.panel{margin-top:22px;background:#202021;border:1px solid #353538;border-radius:16px;padding:22px}.panel[hidden],button[hidden]{display:none}.muted{color:#a7a7ad;font-size:14px;line-height:1.5}form{display:grid;gap:14px}label{display:grid;gap:7px;color:#d9d9dc;font-size:13px;font-weight:600}input{width:100%;padding:12px 14px;background:#161617;border:1px solid #4b4b51;border-radius:10px;color:#fff;font:inherit;outline:none}input:focus{border-color:#f9a985;box-shadow:0 0 0 2px #f9a98522}button{background:#eee;color:#1c1c1e;border:0;border-radius:10px;padding:12px 17px;font-weight:650;cursor:pointer}button.secondary{background:#38383b;color:#f0f0f1}button.small{padding:9px 12px;font-size:13px}button:disabled{opacity:.45;cursor:not-allowed}details{margin:12px 0;color:#ceced1}summary{cursor:pointer}.playerWrap{background:#0d0d0e;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:16/9;margin:18px 0 12px;display:grid;place-items:center}video{width:100%;height:100%;object-fit:contain;background:#080808}.waiting{position:absolute;top:28%;left:9%;right:9%;text-align:center;pointer-events:none;color:#aaa;line-height:1.6;font-size:15px}.controls{justify-content:flex-start;flex-wrap:wrap}.chat{max-height:220px;overflow-y:auto;padding:12px;background:#191919;border-radius:9px;margin:14px 0;display:grid;gap:9px;font-size:14px}.chat>div{border-bottom:1px solid #333;padding-bottom:7px}.chat b{color:#ffab8b}#chatForm{display:flex}#chatForm input{flex:1}footer{margin:25px 0 0;color:#86868d;font-size:12px;line-height:1.6}@media(max-width:530px){.panel{padding:15px}.top,.row{align-items:flex-start}.top .state{white-space:normal}}