html.app-js #app:not([data-app-ready]) > [data-search-fallback] { display: none; }
			:is(#app:empty,html.app-js #app:not([data-app-ready])) {
				min-height: 100dvh;
				display: grid;
				grid-template-rows: auto auto;
				gap: 0.75rem;
				place-content: center;
				place-items: center;
				padding: 1.5rem;
				color: #a8a8a2;
				font: 500 0.875rem/1.4 system-ui, sans-serif;
			}
			:is(#app:empty,html.app-js #app:not([data-app-ready]))::before { content: 'AcoFork'; }
			:is(#app:empty,html.app-js #app:not([data-app-ready]))::after {
				content: '';
				display: block;
				width: 1.5rem;
				height: 1.5rem;
				background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0aea5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-6.219-8.56'/%3E%3C/svg%3E");
				animation: app-boot-spin 1s linear infinite;
			}
			@keyframes app-boot-spin { to { transform: rotate(360deg); } }
			@media (prefers-reduced-motion: reduce) {
				:is(#app:empty,html.app-js #app:not([data-app-ready]))::after { animation: none; }
			}
:is(#app:empty,html.app-js #app:not([data-app-ready]))::before { content:""; display:block; width:64px; height:64px; background:center/contain no-repeat url("/app/acofork-icon.png"); }
