/* The paper of the app (KnitColors.paper), light and dark. */
html, body { margin: 0; height: 100%; background: #F7EFE3; }
@media (prefers-color-scheme: dark) { html, body { background: #121E18; } }
#splash { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; }
#splash img { width: 100px; height: auto; animation: breathe 1.6s ease-in-out infinite alternate; }
@keyframes breathe { from { opacity: 0.45; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #splash img { animation: none; } }