body { font-family: Arial; background:#111; color:#fff; margin:0; }
.header { display:flex; gap:10px; padding:15px; background:#222; }
input { flex:1; padding:10px; font-size:16px; }
button { padding:10px 20px; cursor:pointer; }

.grid {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
  gap:15px;
  padding:15px;
}

.card {
  background:#1c1c1c;
  border-radius:8px;
  cursor:pointer;
  overflow:hidden;
  transition:0.2s;
}
.card:hover { transform: scale(1.05); }
.card img { width:100%; }
.title { padding:10px; font-size:14px; }

#playerBox { padding:20px; display:none; }
video { width:100%; max-height:60vh; background:#000; }

.episodes {
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.ep-btn {
  background:#333;
  padding:8px 12px;
  border-radius:6px;
  cursor:pointer;
}
.ep-btn:hover { background:#555; }