/* Watchlist button states — avoids Tailwind opacity-class classList issues */
#watchlist-btn.wl-watching { color: var(--color-primary); background-color: color-mix(in oklch, var(--color-primary) 10%, transparent); }
#watchlist-btn.wl-watching:hover { color: var(--color-error); background-color: color-mix(in oklch, var(--color-error) 12%, transparent); }
#watchlist-btn.wl-idle { color: color-mix(in oklch, var(--color-base-content) 45%, transparent); }
#watchlist-btn.wl-idle:hover { color: var(--color-primary); background-color: color-mix(in oklch, var(--color-primary) 10%, transparent); }