/* PERF: first paint already in the app's colors, before the bundle loads (no white flash), and a
   CSS-only loader that hides itself once the app mounts #main-view. External file: the CSP
   (style-src-elem 'self') doesn't allow inline <style>. */
html,
body {
	background: #2a303c;
	margin: 0;
}
html[data-theme='light'],
html[data-theme='light'] body {
	background: #ffffff;
}
/* Behind the app and click-through: browsers without :has() (Firefox < 121) never hide it, and then the
   app paints over it. */
#boot-loader {
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
#boot-loader::after {
	content: '';
	width: 32px;
	height: 32px;
	border: 3px solid rgba(255, 255, 255, 0.15);
	border-top-color: #3abff8;
	border-radius: 50%;
	animation: boot-spin 0.8s linear infinite;
}
body:has(#main-view) #boot-loader {
	display: none;
}
@keyframes boot-spin {
	to {
		transform: rotate(360deg);
	}
}