/* Reduced motion and lite mode filters */
@media (prefers-reduced-motion: reduce) {
  .reveal, .hero-cinematic, .glyph-orbits, #cursor-halo { animation: none !important; transition: none !important; }
}

/* Hide debug/test UI elements on production */
.sound-pill { display: none !important; }
.diag-pill { display: none !important; }
.phase-ribbon { display: none !important; }

body.mode-lite .glyph-orbits { display: none; }
body.mode-lite #hero-field { display: none; }
body.mode-lite #signal-lane { display: none; }
body.mode-lite .hero-cinematic .ticker-line { display: none; }

/* Lite Mode pill */
.lite-pill { position: fixed; right: 16px; top: 64px; z-index: 30; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.06); backdrop-filter: blur(6px); font-size: 13px; }
.lite-pill .pill-dot { width: 10px; height: 10px; border-radius: 999px; background: rgba(255,255,255,0.3); }
.lite-pill[aria-pressed="true"] .pill-dot { background: #4ade80; }

/* Motion/quality helpers */
.motion-reduced .reveal { transition-duration: 0s; }
.quality-low .preview-sparkline canvas { filter: blur(0.2px); }