.ep-whisper{padding:8px 10px;color:#ff8533;cursor:pointer;transition:all .2s;border-left:1px solid #222;display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}
.ep-whisper:hover{color:#bb86fc;background:rgba(155,89,182,.1)}
.ep-whisper.whisper-done{color:#2ecc71}
.ep-whisper.whisper-queue{color:#f39c12}
.ep-whisper.whisper-active{padding:8px 6px;min-width:80px}
.ep-whisper .whisper-label{font-size:10px;font-weight:700}
.whisper-progress-bar{flex:1;height:4px;background:#333;border-radius:2px;overflow:hidden;min-width:45px}
.whisper-progress-fill{height:100%;background:linear-gradient(90deg,#ff8533,#bb86fc);border-radius:2px;transition:width .5s ease}
.whisper-pct{font-size:10px;color:#ff8533;font-weight:700;min-width:24px;text-align:right}
@media (max-width: 600px) {
    .ep-whisper .whisper-progress-bar{display:none}
    .ep-whisper.whisper-active{min-width:auto;padding:8px 6px}
}.episode-row.whisper-translating.active .ep-title::before{display:none;animation:none}

.iframe-container {
    position: relative;
    width: 100%;
}

.iframe-container .iframe {
    position: relative;
    width: 100%;
    height: 450px;
}

.iframe-container .iframe iframe {
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .iframe-container .iframe {
        height: 280px;
    }
}

@media (max-width: 480px) {
    .iframe-container .iframe {
        height: 220px;
    }
}

.episodes-loading {
    text-align: center;
    padding: 20px;
    color: #999;
    font-size: 14px;
}

.episodes-loading .spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255,126,40,0.3);
    border-top-color: #ff7e28;
    border-radius: 50%;
    animation: epspin 0.6s linear infinite;
    margin-right: 8px;
    vertical-align: middle;
}

@keyframes epspin {
    to { transform: rotate(360deg); }
}