/* Simple Podcast Player - Modern responsive styles */
.spp-episode{display:flex;gap:16px;align-items:flex-start;padding:14px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.06);margin-bottom:14px;background:#fff;flex-wrap:wrap}
.spp-thumb img{width:120px;height:120px;object-fit:cover;border-radius:10px;flex:0 0 120px}
.spp-meta{flex:1;min-width:180px}
.spp-title{margin:0 0 6px;font-size:1.05rem;line-height:1.2}
.spp-desc{margin:0 0 12px;color:#444;font-size:0.95rem}
.spp-player{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}
.spp-controls{display:flex;align-items:center;gap:12px;flex:1;min-width:180px}
.spp-play{background:#111;color:#fff;border:none;border-radius:999px;width:44px;height:44px;font-size:18px;display:inline-grid;place-items:center;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.08)}
.spp-progress{flex:1;height:10px;background:linear-gradient(90deg,#eee,#f5f5f5);border-radius:999px;position:relative;overflow:hidden;cursor:pointer}
.spp-progress > .spp-progress-bar{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,#6b6bf0,#9b8ff8);border-radius:999px;transition:width 0.1s linear}
.spp-time{min-width:70px;text-align:right;font-family:monospace;font-size:0.9rem;color:#333}
.spp-audio{display:none}

@media(max-width:600px){
  .spp-episode{padding:12px;gap:12px}
  .spp-thumb img{width:88px;height:88px;flex:0 0 88px}
  .spp-play{width:40px;height:40px}
}

.track-title { font-weight: 700; }

.spp-track-title { font-size: 1.5rem; font-weight: 700; }