<style>
    /* Custom Scrollbar for Index Page */
    ::-webkit-scrollbar { 
        width: 10px; 
    }
    ::-webkit-scrollbar-track { 
        background: #000000; /* Deep black to match your theme */
    }
    ::-webkit-scrollbar-thumb { 
        background: #27272a; /* Zinc gray thumb */
        border-radius: 10px; 
        border: 2px solid #000000;
    }
    ::-webkit-scrollbar-thumb:hover { 
        background: #dc2626; /* Glows RED on hover */
    }

    /* For Firefox */
    * {
        scrollbar-width: thin;
        scrollbar-color: #27272a #000000;
    }
	a.group:hover .badge-number {
    color: white;
    background-color: #dc2626; /* Red background on hover */
}
	
/* The 'watched' highlight effect */
.video-active {
    border-color: #22c55e !important; /* Tailwind green-500 */
    box-shadow: 0 0 15px rgba(34, 197, 94, 0.4);
    transform: scale(0.98);
}

.video-active img {
    filter: grayscale(0.5) brightness(0.7); /* Slightly dim it so it looks 'visited' */
}	
.video-card-border {
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}	
</style>