/* feum perf.css — drop-in runtime overrides for weaker devices */ /* Honor the OS-level "reduce motion" preference everywhere */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.02ms !important; animation-iteration-count: 2 !important; transition-duration: 0.02ms !important; scroll-behavior: auto !important; } } /* Promote heavy compositing layers off the main thread */ img, video, .liquid-glass { transform: translateZ(0); backface-visibility: hidden; } /* On mobile / low-core devices, soften the most expensive blurs. These rules apply when perf.js adds the .feum-lite class to . */ .feum-lite .liquid-glass { backdrop-filter: blur(12px) saturate(140%) !important; -webkit-backdrop-filter: blur(12px) saturate(140%) !important; } .feum-lite .blur-3xl { filter: blur(36px) !important; } .feum-lite .blur-2xl { filter: blur(20px) !important; } /* Cap the ambient halo intensity on low-end devices */ .feum-lite [class*="ambient"], .feum-lite [class*="halo"] { opacity: 0.5 !important; }