/* The first paint, before the app's own styles load: the mark draws itself on the desk background. */
html { background: #05070c; }
html[data-theme="light"] { background: #f3f6fb; }
.boot { position: fixed; inset: 0; display: grid; place-content: center; justify-items: center; gap: 18px; font: 600 13px/1.4 system-ui, sans-serif; color: #7c889b; letter-spacing: 0.02em; }
html[data-theme="light"] .boot { color: #5c687b; }
.boot-mark { width: 64px; height: 64px; overflow: visible; }
.boot-u { stroke-dasharray: 80; stroke-dashoffset: 80; animation: boot-draw 900ms cubic-bezier(.65, 0, .35, 1) forwards; }
.boot-dot { transform-origin: 44px 14.5px; transform: scale(0); animation: boot-pop 500ms cubic-bezier(.34, 1.4, .64, 1) 650ms forwards, boot-glow 1.6s ease-in-out 1.2s infinite; }
@keyframes boot-draw { to { stroke-dashoffset: 0; } }
@keyframes boot-pop { to { transform: scale(1); } }
@keyframes boot-glow { 50% { opacity: .55; } }
@media (prefers-reduced-motion: reduce) {
  .boot-u { animation: none; stroke-dashoffset: 0; }
  .boot-dot { animation: none; transform: none; }
}