:root {
  background: #f8f6ee;
  color: #263f3b;
}
:root[data-theme="dark"] {
  background: #111f22;
  color: #e8efe4;
}
.boot-screen {
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font: 12px monospace;
  letter-spacing: 1px;
}
.boot-screen img {
  animation: boot-bob 1.3s ease-in-out infinite;
}
.boot-track {
  width: 135px;
  height: 4px;
  background: #90b7a340;
  border-radius: 4px;
  overflow: hidden;
}
.boot-track:after {
  content: "";
  display: block;
  width: 45%;
  height: 100%;
  background: #70af92;
  animation: boot-progress 1.2s ease-in-out infinite;
}
@keyframes boot-bob {
  50% {
    transform: translateY(-7px);
  }
}
@keyframes boot-progress {
  from {
    transform: translateX(-110%);
  }
  to {
    transform: translateX(320%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .boot-screen img,
  .boot-track:after {
    animation: none;
  }
}