/* Custom Scrollbar */
body::-webkit-scrollbar {
/* ... existing code ... -->
.is-favorite {
    fill: #ef4444; /* red-500 */
    stroke: #ef4444;
}

/* --- YouTube Background --- */
#youtube-bg-container {
    pointer-events: none; /* Allows clicks to go "through" to the search bar */
    overflow: hidden;
}

#youtube-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw; /* Viewport width */
    height: 56.25vw; /* 16:9 aspect ratio (9 / 16 * 100) */
    min-height: 100vh; /* Viewport height */
    min-width: 177.77vh; /* 16:9 aspect ratio (16 / 9 * 100) */
    transform: translate(-50%, -50%);
    z-index: 1; /* Just behind the overlay */
}