/*
   54-lite-mode.css
   "Lite mode" — an opt-in low-overhead rendering mode for memory-constrained
   devices (e.g. iPhone 12 mini) where iOS WKWebView reloads the page under
   memory pressure ("auto-refresh"). Activated manually from the My List
   settings cogwheel; persisted in localStorage as 'shelfd:lite-mode' and
   applied as html.lite-mode. It has ZERO effect unless that class is present,
   so normal devices are completely unaffected.

   It targets the two biggest, purely-compositor memory costs — nothing here
   moves, resizes, or recolors content, so the layout is identical:

   1. backdrop-filter — iOS snapshots everything behind each blurred element
      into an offscreen buffer EVERY composited frame. With hundreds of these,
      that is the single largest GPU/RAM cost and the most likely trigger of the
      memory-pressure reloads. Removing the live blur keeps each glass panel's
      underlying semi-opaque background, just flat instead of frosted.

   2. will-change — each declaration permanently promotes its element to its own
      compositor layer (a backing bitmap held in RAM). Hundreds of always-on
      hints add up; resetting to auto lets the browser reclaim idle layers.
      These are pure performance hints — removing them changes nothing visually.
*/

html.lite-mode *,
html.lite-mode *::before,
html.lite-mode *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  will-change: auto !important;
}