:root { --bg:#07070b; --surface:#101018; --surface-2:#15151f; --line:#1e1e2c; --line-2:#2b2b40;
  --ink:#e9ebf3; --muted:#8a90a6; --brand:#2563eb; --brand-2:#3b82f6; --glow:rgba(59,130,246,.30); }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  padding-bottom:84px; }
.wrap { max-width:760px; margin:0 auto; padding:0 14px; }
.site-header { border-bottom:1px solid var(--line); padding:12px 0;
  background:linear-gradient(180deg,#0b0b12,#07070b); }
.brand { font-weight:800; text-decoration:none; color:var(--ink); letter-spacing:.6px; }
.brand em { color:var(--brand-2); font-style:normal; }
.page-title { font:800 28px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  margin:20px 0 12px; letter-spacing:-.3px; }
.refresh-btn { width:100%; padding:12px; border:1px solid var(--brand);
  border-radius:10px; background:linear-gradient(135deg,var(--brand),#1d4ed8);
  color:#fff; font-weight:700; font-size:15px; cursor:pointer;
  box-shadow:0 4px 18px var(--glow); }
.refresh-btn:hover { background:linear-gradient(135deg,var(--brand-2),var(--brand)); }
.refresh-btn:disabled { opacity:.5; box-shadow:none; }
.chip-row { display:flex; gap:8px; overflow-x:auto; padding:14px 0; scrollbar-width:none; }
.chip-row::-webkit-scrollbar { display:none; }
.chip { border:1px solid var(--line-2); background:var(--surface); color:var(--muted);
  border-radius:999px; padding:7px 13px; font-size:13px; white-space:nowrap; cursor:pointer;
  transition:.15s; }
.chip:hover { color:var(--ink); border-color:var(--brand); }
.chip[aria-selected="true"] { background:var(--brand); color:#fff; border-color:var(--brand);
  box-shadow:0 3px 14px var(--glow); }
.card { display:grid; grid-template-columns:42px 1fr auto; gap:12px; align-items:center;
  width:100%; text-align:left; background:var(--surface); border:1px solid var(--line);
  border-radius:12px; padding:11px; margin-bottom:8px; cursor:pointer; color:var(--ink);
  transition:.15s; }
.card:hover { border-color:var(--brand); background:var(--surface-2);
  box-shadow:0 4px 20px rgba(37,99,235,.14); }
.icon { width:42px; height:42px; border-radius:50%; object-fit:contain;
  background:var(--surface-2); }
.icon.ph { display:grid; place-items:center; font-weight:800; color:#fff; }
.card-title { font-weight:700; }
.card-meta { color:var(--muted); font-size:13px; margin-top:2px; }
.kebab { color:var(--muted); }
.ad-slot { border:1px dashed var(--line-2); border-radius:10px; margin:12px 0; min-height:90px;
  display:grid; place-items:center; position:relative; background:#0b0b12; }
.ad-slot:has(iframe), .ad-slot:has(ins) { border-style:solid; border-color:var(--line); }
.ad-slot:has(iframe) .ad-ph, .ad-slot:has(ins) .ad-ph { display:none; }
.ad-tag { position:absolute; top:4px; left:6px; font-size:10px; color:#4b5168; letter-spacing:1px; }
.ad-ph { font-size:12px; color:#454b62; text-transform:uppercase; letter-spacing:1px; }
.ad-sticky { position:sticky; bottom:0; background:#0a0a11; border-top:1px solid var(--line);
  padding:6px 0; z-index:10; }
.ad-sticky .ad-slot { margin:0; min-height:50px; border:0; background:transparent; }
.player-wrap { position:relative; aspect-ratio:16/9; background:#000;
  border:1px solid var(--line-2); border-radius:10px; overflow:hidden; margin:12px 0; }
.player-wrap:hover { border-color:var(--brand); }
#player { position:absolute; inset:0; z-index:1; }
#player iframe { width:100%; height:100%; border:0; display:block; }
#player-shield { position:absolute; inset:0; display:none; cursor:pointer; z-index:2; }
.source-tabs { display:flex; gap:8px; overflow-x:auto; margin:10px 0; scrollbar-width:none; }
.source-tabs::-webkit-scrollbar { display:none; }
.source-tab { border:1px solid var(--line-2); background:var(--surface); color:var(--muted);
  border-radius:8px; padding:6px 10px; font-size:13px; cursor:pointer; white-space:nowrap;
  text-transform:capitalize; }
.source-tab:hover { color:var(--ink); border-color:var(--brand); }
.source-tab[aria-selected="true"] { background:var(--brand); color:#fff; border-color:var(--brand); }
.back { display:inline-block; margin:14px 0 4px; color:var(--brand-2); text-decoration:none;
  font-weight:600; }
.back:hover { color:#93b4fd; }
#ev-title { margin:6px 0; font-weight:800; letter-spacing:-.2px; }
.ev-meta { color:var(--muted); font-size:13px; }
#ad-event:empty { display:none; }
:focus-visible { outline:2px solid var(--brand-2); outline-offset:2px; }.ad-slot.ad-filled .ad-ph { display:none; }
.ad-slot { overflow:hidden; }
.ad-header { min-height:120px; }
.ad-sticky .ad-slot { min-height:56px; display:grid; place-items:center; }
.ad-sticky #container-82cebab029436b8fd282a943c11a1b3c { width:100%; }