/** * ================================================================= * Global Reset — Document Shell (Light DOM only) * ================================================================= * * Sets up the and for a Lit-based application where * all UI lives inside web components. This file handles only what * CAN'T be done from inside Shadow DOM: * * - color-scheme on the document root * - Margin reset on * - Reduced-motion preference (global fallback) * * Background/foreground colors are applied by which * covers the full viewport. Component-level resets (box-sizing, * typography, etc.) are handled by the shared `base` style * imported into every Lit component. * ================================================================= */ html { box-sizing: border-box; overscroll-behavior: none; } body { box-sizing: border-box; margin: 0; min-height: 100dvh; } /** * Reduced-motion handling. Catches any light-DOM * animations and reduces the duration and intensity. */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }