/*
 * Early-paint CSS, linked from <head> in app.html (the portal's CSP forbids inline <style>).
 * Gives the very first paint the right page colour in both themes and shows the pulsing mark until the app starts
 * (the pages are client-rendered). The root layout removes #ox-splash on mount.
 * Colours: keep in sync with --bg-page in src/app.css.
 */
html {
	background-color: #f4f4f4;
	color-scheme: light;
}
html.dark {
	background-color: #0f0f0f;
	color-scheme: dark;
}
#ox-splash {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
#ox-splash svg {
	width: 68px;
	height: 68px;
	border-radius: 18px;
	box-shadow: 0 14px 34px -12px rgb(20 20 20 / 0.45);
	animation: ox-splash 1.5s ease-in-out infinite;
}
@keyframes ox-splash {
	0%,
	100% {
		transform: scale(1);
		opacity: 0.88;
	}
	50% {
		transform: scale(1.07);
		opacity: 1;
	}
}
@media (prefers-reduced-motion: reduce) {
	#ox-splash svg {
		animation: none;
	}
}