/* css/ui/lite.css
   Modo liviano (html.lite): lo prende index.html en equipos de gama baja, o el usuario desde
   Ajustes. Se carga último para ganarle a todo. La idea es que la app se vea igual de GIZE
   pero sin nada que obligue a repintar la pantalla en cada cuadro:
   - la aurora queda quieta y sin mezcla de capas (mix-blend-mode repinta todo lo de abajo);
   - la del login pierde el filter:blur(80px) y usa degradés radiales, como la de la app;
   - la barra de navegación usa un fondo sólido en vez de backdrop-filter;
   - el borde RGB del botón principal deja de girar (anima una @property: no va por GPU).
   El canvas de partículas lo apaga app/ui/background.js. */
html.lite .gize-aurora { filter: none; }
html.lite .gize-aurora span { animation: none; mix-blend-mode: normal; }
html.lite .gize-aurora span:nth-child(1) { background: radial-gradient(closest-side, var(--gize-r1), transparent); }
html.lite .gize-aurora span:nth-child(2) { background: radial-gradient(closest-side, var(--gize-r2), transparent); }
html.lite .gize-aurora span:nth-child(3) { background: radial-gradient(closest-side, var(--gize-r3), transparent); }
html.lite .gize-aurora span:nth-child(4) { background: radial-gradient(closest-side, var(--gize-r4), transparent); }

html.lite .navbar { background: rgb(6,9,17); backdrop-filter: none; -webkit-backdrop-filter: none; }

html.lite :is(.ctrl.primary, .save-session, .co-save-rt),
html.lite .gize-btn::before { animation: none !important; }