/* podcasts.css */
:root {
  --video-opacity: 0.5;
  --accent:        #a78bfa;
  --muted:         #6a5a8a;
  --text:          #d0c0e8;
  --topbar-bg:     rgba(8,5,15,0.85);
  --topbar-border: rgba(167,139,250,0.1);
  --topbar-hover:  rgba(167,139,250,0.05);
}

body { font-family: 'Space Grotesk', sans-serif; background: #08050f; color: #d0c0e8; }

/* Background layers */
.bg-video   { position: fixed; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; opacity: var(--video-opacity); }
.bg-overlay { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(8,5,15,0.7), rgba(8,5,15,0.5) 40%, rgba(8,5,15,0.8) 80%, rgba(8,5,15,0.95)); }

.bg-dial { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.bg-dial::before { content: ''; position: absolute; top: 50%; left: 50%; width: 800px; height: 800px; transform: translate(-50%,-50%); border-radius: 50%; border: 1px solid rgba(167,139,250,0.05); }
.bg-dial::after  { content: ''; position: absolute; top: 50%; left: 50%; width: 500px; height: 500px; transform: translate(-50%,-50%); border-radius: 50%; border: 1px solid rgba(167,139,250,0.04); }

.freq-lines { position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: 0.4; background: repeating-linear-gradient(90deg, transparent 0px, transparent 39px, rgba(167,139,250,0.03) 39px, rgba(167,139,250,0.03) 40px); }

/* Tuning bar animation */
.tuning-bar { flex: 1; height: 2px; background: rgba(167,139,250,0.15); position: relative; border-radius: 1px; }
.tuning-dot { position: absolute; top: -3px; width: 8px; height: 8px; background: #a78bfa; border-radius: 50%; animation: tune 6s ease-in-out infinite; }
@keyframes tune { 0%, 100% { left: 20%; } 50% { left: 75%; } }

/* Episode rows */
.episode { padding: 1rem 0; border-bottom: 1px solid rgba(167,139,250,0.06); transition: background 0.15s; }
.episode:hover { background: rgba(167,139,250,0.03); margin: 0 -1rem; padding: 1rem; border-radius: 6px; border-color: transparent; }