/* ═══════════════════════════════════════════════ lite-mode.css — Performance-Optimized Overrides Activated via [data-perf="lite"] on . Disables all GPU-intensive effects: - backdrop-filter (blur) - mix-blend-mode - complex filters (drop-shadow, blur) - continuous animations - large box-shadows Result: 60fps on VMs, remote desktops, old hardware. ═══════════════════════════════════════════════ */ /* ─── Disable all backdrop blurs (most expensive effect) ─── */ [data-perf="lite"] .nav-bar, [data-perf="lite"] .hero-max, [data-perf="lite"] .cat-card, [data-perf="lite"] .ac-dropdown, [data-perf="lite"] .cav-banner { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* ─── Replace transparent glass with solid surfaces ─── */ [data-perf="lite"] .nav-bar { background: var(--n-2) !important; } [data-perf="lite"] .hero-max { background: var(--n-2) !important; } [data-perf="lite"] .cat-card { background: var(--n-3) !important; } [data-perf="lite"] .ac-dropdown { background: var(--n-3) !important; } /* Lite mode banner — theme-aware solids + halo */ [data-perf="lite"] .cav-banner { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: #1a1d28 !important; border: 1px solid rgba(255, 184, 0, 0.28) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 184, 0, 0.22), 0 0 24px rgba(255, 184, 0, 0.14) !important; } [data-perf="lite"] .cav-banner-title { color: #fff !important; } [data-perf="lite"] .cav-banner-msg { color: #c8cee0 !important; } [data-theme="light"][data-perf="lite"] .cav-banner { background: #ffffff !important; border: 1px solid rgba(230, 153, 0, 0.45) !important; box-shadow: 0 10px 28px rgba(15, 19, 31, 0.12), 0 0 0 2px rgba(255, 184, 0, 0.35), 0 0 28px 4px rgba(255, 184, 0, 0.20), 0 0 40px 6px rgba(20, 184, 166, 0.12) !important; } [data-theme="light"][data-perf="lite"] .cav-banner-title { color: #0f131f !important; } [data-theme="light"][data-perf="lite"] .cav-banner-msg { color: #4a5265 !important; } [data-theme="light"][data-perf="lite"] .cav-banner-close { color: #6b7385 !important; } [data-theme="light"][data-perf="lite"] .cav-banner-action { color: #0f766e !important; } /* ─── Disable heavy background layers ─── */ [data-perf="lite"] .aura-backdrop { display: none !important; } [data-perf="lite"] body { background: linear-gradient(180deg, var(--n-1) 0%, var(--n-2) 100%) !important; } /* ─── Disable expensive filters ─── */ [data-perf="lite"] .logo-shader { display: none !important; } [data-perf="lite"] .logo-swap { filter: none !important; animation: none !important; } [data-perf="lite"] .logo-layer { filter: none !important; transition: opacity 200ms ease !important; transform: none !important; } [data-perf="lite"] .logo-dark, [data-perf="lite"] .logo-light { transform: none !important; } /* ─── Disable continuous animations ─── */ [data-perf="lite"] .status-dot { animation: none !important; opacity: 1 !important; } [data-perf="lite"] .cav-banner-timer-bar { animation: none !important; display: none !important; } /* ─── Simplify hover effects (no transform-heavy shadows) ─── */ [data-perf="lite"] .cat-card { transition: background-color 150ms ease, border-color 150ms ease !important; } [data-perf="lite"] .cat-card:hover { transform: none !important; box-shadow: none !important; background: var(--n-4) !important; } [data-perf="lite"] .cat-card:hover .cat-icon { transform: none !important; } [data-perf="lite"] .logo-swap:hover { transform: none !important; } /* ─── Simplify entrance animations ─── */ [data-perf="lite"] .anim-fade-up, [data-perf="lite"] .stagger>*, [data-perf="lite"] .nav, [data-perf="lite"] .hero-max, [data-perf="lite"] .results-panel { animation: none !important; opacity: 1 !important; transform: none !important; } /* ─── Reduce shadow complexity ─── */ [data-perf="lite"] .hero-max, [data-perf="lite"] .cat-card:hover, [data-perf="lite"] .ac-dropdown, [data-perf="lite"] .cav-banner { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important; } /* ─── Disable gradient text (uses expensive background-clip) ─── */ [data-perf="lite"] .hero-content h1 span { background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; -webkit-text-fill-color: initial !important; color: var(--a-5) !important; } /* ─── Input focus rings simplified ─── */ [data-perf="lite"] .input-wrap:focus-within { box-shadow: 0 0 0 2px var(--a-5) !important; } /* ─── Perf toggle button visible state ─── */ [data-perf="lite"] .perf-btn .icon-fast { opacity: 1; } [data-perf="lite"] .perf-btn .icon-full { opacity: 0; } .perf-btn .icon-fast { opacity: 0; position: absolute; } .perf-btn .icon-full { opacity: 1; }