How do I CSS-style only TaskNotes task blocks on the calendar, not Google Calendar events?

[danielbelum]

Using the TaskNotes plugin with Google Calendar OAuth sync. Both task events and Google Calendar events appear on the calendar view, which is great — but I want to change the background color of only my TaskNotes task blocks, leaving the Google Calendar events untouched.

I've tried:

• .fc-event — affects everything
• .fc-timegrid-event.fc-v-event — affects everything
• .fc-task-event — does nothing
• .fc-timegrid-event.fc-v-event:not([data-ics-event="true"]) — still affects Google Calendar events

Running document.querySelector('.fc-event')?.className in the console returns:
fc-event fc-event-draggable fc-event-resizable fc-event-start fc-event-end fc-event-past fc-event-today fc-timegrid-event fc-v-event

No unique class seems to differentiate task events from Google Calendar events.

What CSS selector can I use to target only TaskNotes task blocks?