:root { --boot-bg: #4F583B; --boot-fg: #F8F4E8; --boot-accent: #F3B83F; }
html, body { background: var(--boot-bg); margin: 0; }
#ht-boot {
  position: fixed; inset: 0; z-index: 2147483647;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 28px; background: var(--boot-bg); color: var(--boot-fg);
  font: 600 24px/1.2 Lato, "Segoe UI", Roboto, system-ui, sans-serif; letter-spacing: .01em;
  transition: opacity 260ms ease-out;
}
#ht-boot[hidden] { display: none; }
#ht-boot.ht-boot-out { opacity: 0; pointer-events: none; }
#ht-boot .ring {
  width: 28px; height: 28px; border-radius: 50%;
  border: 3px solid rgba(248, 244, 232, .22); border-top-color: var(--boot-accent);
  animation: ht-spin 900ms linear infinite;
}
@keyframes ht-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #ht-boot .ring { animation: none; } }