.glass-panel {
    background: rgba(20, 20, 20, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* Series Item Hover Effect */
.series-item {
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.series-item:hover, .series-item.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

.series-item.active {
    background: rgba(99, 102, 241, 0.1);
    border-color: rgba(99, 102, 241, 0.3);
}

.series-item.active .series-icon {
    color: #818cf8;
}

/* Episode Item */
.episode-item {
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.episode-item:hover {
    background: rgba(255, 255, 255, 0.05);
    transform: translateX(4px);
}

.episode-item.playing {
    background: rgba(99, 102, 241, 0.15);
    border-left: 3px solid #6366f1;
}

/* Progress Bar */
.progress-bar-bg {
    background: rgba(255, 255, 255, 0.1);
}

.progress-bar-fill {
    background: linear-gradient(90deg, #6366f1, #a855f7);
    box-shadow: 0 0 10px rgba(99, 102, 241, 0.5);
}

/* RemotePlayback Button */
.remote-playback-btn {
    background: rgba(20, 20, 20, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.85);
}

.remote-playback-btn:hover {
    background: rgba(99, 102, 241, 0.5);
    border-color: rgba(99, 102, 241, 0.6);
    color: #fff;
}

.remote-playback-btn.connecting {
    background: rgba(234, 179, 8, 0.25);
    border-color: rgba(234, 179, 8, 0.5);
    color: #fbbf24;
    animation: remote-pulse 1.2s ease-in-out infinite;
}

.remote-playback-btn.connected {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.5);
    color: #4ade80;
}

@keyframes remote-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}