:root {
  color-scheme: dark;
  background: #020b17;
}

html,
body {
  min-width: 320px;
  margin: 0;
  background: #020b17;
}

.skip-link:not(:focus) {
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(-220%);
}

#app-boot-screen {
  position: fixed;
  z-index: 10000;
  inset: 0;
  background:
    radial-gradient(circle at 58% 34%, rgba(11, 102, 137, 0.14), transparent 42rem),
    #020b17;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transition: opacity 220ms ease-out, visibility 0s linear 220ms;
}

html.app-ready #app-boot-screen {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  #app-boot-screen {
    transition-duration: 80ms;
  }
}