html, body { margin: 0; height: 100%; background: #E4E9EF; }
@media (prefers-color-scheme: dark) { html, body { background: #0A0A0E; } }
/* Behind the app: Flutter paints over it from the first frame. */
#splash { position: fixed; inset: 0; z-index: -1; display: flex; align-items: center; justify-content: center; }
#splash img { width: 72px; height: 72px; border-radius: 22px; animation: breathe 1.6s ease-in-out infinite; }
@keyframes breathe { 0%, 100% { opacity: .55; transform: scale(.96); } 50% { opacity: 1; transform: scale(1); } }
noscript { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; font: 15px system-ui, sans-serif; color: #586374; }