<style>
/* Quick fallback in case podcast.css isn't loaded - minimal */
.podcast-hero {
  height: 42vh;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:white;
  background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('{{ url_for("static", filename="pod_hero.jpg") }}') center/cover;
  margin-bottom:28px;
}
.container { max-width:1150px; margin: auto; padding: 0 20px; }
.controls { display:flex; gap:12px; align-items:center; justify-content:space-between; margin-bottom:18px; flex-wrap:wrap; }
.search-input { padding:10px 14px; border-radius:999px; border:1px solid #ddd; min-width:260px; }
.category-list { display:flex; gap:8px; flex-wrap:wrap; }
.category-item { padding:8px 14px; border-radius:20px; border:1px solid #e4efe0; cursor:pointer; background:white; color:#2e6624; font-weight:600; }
.category-item.active { background:#2e6624; color:white; }
.episode-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:20px; margin-top:18px; }
.episode-card { background:white; border-radius:12px; padding:14px; box-shadow:0 6px 18px rgba(0,0,0,0.08); transition: transform .18s; cursor:pointer; }
.episode-card:hover{ transform: translateY(-6px); }
.episode-thumb { width:100%; height:160px; object-fit:cover; border-radius:8px; margin-bottom:10px; }
.ep-meta { color:#666; font-size:0.9rem; }
.ep-title { color:#2e6624; font-weight:800; font-size:1.05rem; margin-bottom:6px; }
.mini-player { position: fixed; right: 20px; bottom: 20px; width: 340px; background: rgba(255,255,255,0.98); border-radius:12px; box-shadow: 0 10px 30px rgba(0,0,0,0.25); padding:10px; display:flex; gap:10px; align-items:center; z-index:999; }
.mini-player img { width:64px; height:64px; object-fit:cover; border-radius:8px; }
.mini-controls { display:flex; gap:8px; align-items:center; }
.toggle { cursor:pointer; padding:8px 12px; border-radius:999px; background:#2e6624; color:white; font-weight:700; }
@media (max-width:820px){ .mini-player{ right:12px; left:12px; width:auto; } }
</style>