:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1118;--panel:#151c26;--line:#253040;--text:#e8eef5;--dim:#93a1b3;--accent:#ff6b4a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}#top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.brand{letter-spacing:-.01em;font-size:18px;font-weight:800;text-decoration:none}.brand span{color:var(--dim);font-weight:600}#account{color:var(--dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}#account b{color:var(--text)}button{font:inherit;background:var(--accent);color:#1a0c07;cursor:pointer;border:0;border-radius:10px;padding:9px 16px;font-weight:700}button.ghost{color:var(--text);border:1px solid var(--line);background:0 0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #fff}main{max-width:1080px;margin:0 auto;padding:0 20px 60px}.hero{padding:44px 0 26px}.hero h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 8px;font-size:clamp(28px,5vw,44px);line-height:1.1}.hero p{color:var(--dim);max-width:56ch;margin:0}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.card img{aspect-ratio:16/10;object-fit:cover;background:#0a0e14;width:100%;display:block}.card .body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.card h2{margin:0;font-size:20px}.card p{color:var(--dim);margin:0;font-size:14px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{color:#b9c6d6;background:#1f2a38;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.card .live{color:#7be08f;min-height:1.5em;font-size:13px}.card .play{text-align:center;background:var(--accent);color:#1a0c07;border-radius:10px;margin-top:auto;padding:10px;font-weight:800;text-decoration:none}.card.soon{min-height:220px;color:var(--dim);text-align:center;border-style:dashed;justify-content:center;align-items:center;padding:20px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;width:min(92vw,380px);padding:22px}dialog::backdrop{background:#0009}dialog h2{margin:0 0 14px}dialog label{color:var(--dim);margin-bottom:12px;font-size:13px;display:block}dialog input{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#0c1118;border-radius:10px;margin-top:4px;padding:10px 12px;display:block}#autherr{color:#ff8a7a;min-height:1.4em;margin:0 0 10px;font-size:14px}.row{gap:10px;display:flex}.switch{color:var(--dim);margin:14px 0 0;font-size:14px}