main{display:grid;grid-template-columns:1fr 2fr;gap:24px;max-width:90%;margin:0 auto}@media(max-width:900px){main{grid-template-columns:1fr}}header p{color:#8b9bb4;margin-top:8px}.episode-list{width:80%;padding:20px;border-right:1px solid #222}.episode-card{padding:10px;margin-bottom:10px;background:#151a2b;border-radius:10px;cursor:pointer;transition:.2s}.episode-card:hover{background:#1f2740;transform:scale(1.02)}.podcast-player{width:90%;padding:10px}audio{margin:10px 0}.host-panel{display:flex;gap:20px;margin-top:20px;justify-content:center}.no-audio{color:#8b9bb4;padding:12px;border:1px dashed #444;border-radius:8px}.no-audio code{color:#4cafef}.agent-card{width:120px;text-align:center;padding:10px;border-radius:12px;border:2px solid #333;transition:.3s;background:#111827}.agent-card img{width:80px;height:80px;border-radius:50%;object-fit:cover}.agent-card.active{border:2px solid #ffd700;box-shadow:0 0 15px gold;transform:scale(1.05)}.transcript{margin-top:20px;padding:15px;border-radius:10px;background:#111827;max-height:400px;overflow-y:auto}.transcript-line{padding:10px;margin-bottom:10px;border-radius:8px;border:1px solid #333}.transcript-line.active{border:2px solid gold;background:#1f2937}.visualizer{display:flex;justify-content:center;align-items:flex-end;height:80px;gap:4px;margin:20px 0}.visualizer-bar{width:6px;background:#4cafef;border-radius:4px;transition:.1s}body{margin:0;font-family:Arial,sans-serif;background:#0b0f19;color:#fff}.app-container{padding:20px}header{text-align:center;margin-bottom:20px}h1{margin:0;font-size:28px}