/* Splash shown while the app loads (splash.js). It runs before the bundled theme CSS, so the two colours
   are copied from the generated tokens (--background, --primary) for light and dark. */
#splash {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: grid;
	place-items: center;
	background: oklch(0.955 0 0);
	color: oklch(0.68 0.09 82);
	opacity: 0;
	animation: splash-in 0.2s 0.15s forwards; /* quick loads never show it */
}
html.dark #splash {
	background: oklch(0.21 0 0);
	color: oklch(0.78 0.095 82);
}
#splash canvas {
	width: 96px;
	height: 96px;
}
#splash.done {
	opacity: 0 !important;
	transition: opacity 0.25s;
	pointer-events: none;
	animation: none;
}
@keyframes splash-in {
	to {
		opacity: 1;
	}
}