@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
body { background-color: #f8f9fa; font-family: 'Pretendard', sans-serif; }
.podcast-header { background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%); color: white; padding: 3rem 1rem; margin-bottom: 2rem; border-radius: 0 0 2rem 2rem; }
.episode-card { cursor: pointer; transition: all 0.2s; border: none; border-bottom: 1px solid #eee; background: white; }
.episode-card:hover { background-color: #f1f3f5; transform: translateY(-2px); z-index: 1; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
.episode-card.completed { opacity: 0.7; }
.episode-card.active { background-color: #e7f1ff; border-left: 4px solid #0d6efd; }
.player-container { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); box-shadow: 0 -5px 15px rgba(0,0,0,0.1); padding: 0.75rem 1rem; z-index: 1000; border-top: 1px solid #eee; }
#episode-list { margin-bottom: 20px; }
.pagination-container { margin-bottom: 120px; }
.loading-spinner { display: flex; justify-content: center; align-items: center; height: 200px; }
.podcast-img-container img { width: 180px; height: 180px; object-fit: cover; border-radius: 1rem; box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
.badge-completed { font-size: 0.7rem; vertical-align: middle; }
.reset-btn { opacity: 0.5; transition: opacity 0.3s; }
.reset-btn:hover { opacity: 1; }

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.bi-spin {
    display: inline-block;
    animation: spin 1s linear infinite;
}

.pb-player-safe {
    padding-bottom: 160px !important;
}

/* Dark Mode Styles */
body.dark-mode { background-color: #121212; color: #e0e0e0; }
body.dark-mode .episode-card { background-color: #1e1e1e; border-bottom: 1px solid #333; }
body.dark-mode .episode-card:hover { background-color: #2c2c2c; }
body.dark-mode .episode-card .text-dark { color: #e0e0e0 !important; }
body.dark-mode .episode-card .text-muted { color: #999 !important; }
body.dark-mode .episode-card.active { background-color: #252d3d; border-left-color: #3d8bfd; }
body.dark-mode .player-container { background: rgba(30, 30, 30, 0.95); border-top: 1px solid #333; color: #e0e0e0; }
body.dark-mode .player-container .text-muted { color: #999 !important; }
body.dark-mode .list-group-item { border-color: #333; }
body.dark-mode .pagination .page-link { background-color: #1e1e1e; border-color: #333; color: #3d8bfd; }
body.dark-mode .pagination .page-item.disabled .page-link { background-color: #121212; border-color: #333; color: #666; }
body.dark-mode .dropdown-menu { background-color: #1e1e1e; border-color: #333; }
body.dark-mode .dropdown-item { color: #e0e0e0; }
body.dark-mode .dropdown-item:hover { background-color: #2c2c2c; }
body.dark-mode .dropdown-item.disabled { color: #666; }