/* Painted before the bundle so a cold open never flashes white or black. Colours match --bg in src/index.css. */
html { background: #F2F4F3; }
html[data-theme="dark"] { background: #121413; }
#splash { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; }
#splash span { width: 22px; height: 22px; border-radius: 50%; border: 3px solid #B9C7BF; border-top-color: transparent; animation: splash-spin 0.9s linear infinite; }
html[data-theme="dark"] #splash span { border-color: #3A423E; border-top-color: transparent; }
@keyframes splash-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #splash span { animation: none; } }