:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--card:#181b22;--line:#2a2f3a;--text:#e8eaf0;--muted:#8b93a7;--accent:#6c8cff;--live:#ff4d5e}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,sans-serif}.shell{max-width:960px;margin:0 auto;padding:1rem}header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}header h1{cursor:pointer;flex:1;margin:0;font-size:1.2rem}h2{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem}.login{flex-direction:column;gap:.75rem;max-width:360px;margin:12vh auto;display:flex}label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}input,select{background:var(--bg);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:6px;padding:.5rem}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:.5rem 1rem}button:disabled{opacity:.4;cursor:not-allowed}button.link{color:var(--accent);background:0 0;padding:0}.streams{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.streams li{align-items:center;gap:1rem;display:flex}.streams li>div{flex:1}.badge{border:1px solid var(--line);border-radius:99px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.badge.live{background:var(--live);border-color:var(--live)}.badge.paid{border-color:var(--accent);color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.8rem}.center{text-align:center;margin-top:20vh}.error{color:#ff8a8a}video{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%}.controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.75rem;display:flex}