:root{
  --bg:#0b0b0f; --text:#f3f4f6; --muted:#a3a3b3;
  --line:rgba(255,255,255,.08); --orange:#ff8a00; --orange2:#ffb000;
  --shadow:0 18px 50px rgba(0,0,0,.45); --radius:18px; --max:1180px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background: radial-gradient(900px 500px at 20% -100px, rgba(255,138,0,.18), transparent 60%),
              radial-gradient(700px 500px at 90% 0px, rgba(255,176,0,.10), transparent 55%),
              var(--bg);
  color:var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
a{color:inherit;text-decoration:none}

.wrap{max-width:var(--max);margin:0 auto;padding:14px 12px 60px}
.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:rgba(11,11,15,.75);border-bottom:1px solid var(--line)}
.topbarInner{max-width:var(--max);margin:0 auto;padding:10px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.logo{display:flex;align-items:center;font-weight:950;font-size:18px}
.logo span:last-child{color:var(--orange)}
.nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.nav a{padding:8px 10px;border-radius:12px;color:var(--muted)}
.nav a:hover{background:rgba(255,255,255,.06);color:var(--text)}
.vt-legacy-search{margin-left:auto;min-width:240px;flex:1 1 240px;max-width:420px}
.vt-legacy-search input{width:100%;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);outline:none}

.grid{margin-top:14px;display:grid;grid-template-columns:1.6fr .9fr;gap:14px}
@media (max-width:980px){.grid{grid-template-columns:1fr}.vt-legacy-search{margin-left:0;max-width:none}}

.card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.cardPad{padding:14px}
.title{font-size:18px;font-weight:900;margin:0 0 10px;line-height:1.35}

.metaRow{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.18)}
.pill b{color:var(--text)}
.pill.orange{border-color:rgba(255,138,0,.35);background:rgba(255,138,0,.10)}
.pillLink:hover{background:rgba(255,255,255,.06)}

.playerWrap{background:#000;position:relative}
.player{width:100%;aspect-ratio:16/9;background:#000;display:block}

.restrictedPoster{
  width:100%; aspect-ratio:16/9; object-fit:cover; display:block;
  filter: blur(2px) saturate(.9) brightness(.75);
  transform: scale(1.02);
}
.overlay{position:absolute; inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;padding:16px}
.overlayCard{
  max-width:540px;width:100%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(10,10,14,.55);
  backdrop-filter:blur(10px);
  padding:16px;
  text-align:center;
}
.overlayTitle{font-weight:950;font-size:18px;margin:0 0 8px}
.overlayText{color:rgba(243,244,246,.78);margin:0 0 12px;line-height:1.7}
.overlayBtn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:14px;
  background:linear-gradient(135deg,var(--orange),var(--orange2));
  color:#111;font-weight:950;border:0;cursor:pointer;
}

.desc{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  background:rgba(0,0,0,.16);
  line-height:1.75;
  font-size:14px;
  color:rgba(243,244,246,.86);
}
.descTitle{font-weight:950;margin:0 0 8px;font-size:14px;color:rgba(243,244,246,.95)}

.sideTitle{font-weight:950;font-size:14px;margin:0 0 10px;color:rgba(243,244,246,.92)}
.relGrid{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}
.relItem{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:10px;border-radius:16px;border:1px solid var(--line);background:rgba(0,0,0,.16)}
.relThumb{width:140px;height:80px;border-radius:12px;object-fit:cover}
.relTitle{margin:0;font-size:13.5px;font-weight:900;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.relSub{margin-top:6px;color:var(--muted);font-size:12px;display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:520px){.relItem{grid-template-columns:120px 1fr}.relThumb{width:120px;height:70px}}

.footer{
  margin-top:18px;
  border-top:1px solid var(--line);
  background:
    radial-gradient(900px 380px at 15% -120px, rgba(255,138,0,.16), transparent 60%),
    radial-gradient(700px 420px at 90% -120px, rgba(255,176,0,.10), transparent 55%),
    rgba(0,0,0,.12);
  padding:22px 12px;
}
.footerInner{
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:14px;
  align-items:start;
}
@media (max-width:900px){ .footerInner{grid-template-columns:1fr} }
.footBrand{font-weight:950;font-size:16px;margin:0 0 6px}
.footText{margin:0;color:rgba(243,244,246,.72);line-height:1.7;font-size:13px}
.footLinks{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.footLinks a{
  padding:8px 10px;border:1px solid var(--line);
  border-radius:12px;background:rgba(255,255,255,.05);
  color:rgba(243,244,246,.8);font-size:13px
}
.footLinks a:hover{background:rgba(255,255,255,.08);color:var(--text)}
.copy{max-width:var(--max);margin:12px auto 0;color:rgba(243,244,246,.5);font-size:12px}