/* Site-wide forced dark mode for edu.nerdyjohnny.com.
   LearnHouse ships no dark theme, so this uses the filter-invert trick:
   invert the whole page, then invert media back so photos/video/icons
   don't look like photo negatives. It's a blunt instrument (not a hand-
   tuned palette) but it's robust against LearnHouse UI/class-name changes
   since it doesn't depend on any of their markup or class names. */

:root {
  color-scheme: dark;
}

html {
  filter: invert(1) hue-rotate(180deg);
}

img,
video,
iframe,
picture,
canvas {
  filter: invert(1) hue-rotate(180deg);
}