/** * Flash-prevention styles for page transitions. * * Prevents a brief unstyled flash by hiding the body and revealing it * via a short animation. Include this early in on pages that * need it (navigation pages, tool pages, etc.). */ /* Gentle reveal animation to prevent flash of unstyled content */ @keyframes reveal { 0% { opacity: 0; } 100% { opacity: 1; } } body { opacity: 0; animation: reveal 0.1s forwards; animation-delay: 0.05s; } /* Real-mode background override to prevent white flash */ html.real-mode-html body { background-color: #f5f5f3; }