/* The first paint, before the app's own CSS: the right ground and the mark, nothing else. */
html { background: #ffffff; }
html[data-dark="1"] { background: #17191d; }
html, body { margin: 0; height: 100%; overflow: hidden; }
.boot { position: fixed; inset: 0; display: grid; place-items: center; transition: opacity 240ms ease; }
.boot img { width: 64px; height: 64px; border-radius: 16px; animation: boot-breathe 1.6s ease-in-out infinite; }
.boot.gone { opacity: 0; pointer-events: none; }
@keyframes boot-breathe { 0%, 100% { opacity: 0.55; transform: scale(0.98); } 50% { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .boot img { animation: none; } }