.app-boot {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 100vh; color: #6b7280; font-size: 14px;
}
.app-boot.hidden { display: none; }
.app-boot-spinner {
  width: 20px; height: 20px; border: 2px solid #e5e7eb;
  border-top-color: #7c3aed; border-radius: 50%;
  animation: app-spin .7s linear infinite;
}
@keyframes app-spin { to { transform: rotate(360deg); } }
.app-root { min-height: 100vh; }
.app-root.hidden { display: none; }
.app-page { display: none; min-height: 100vh; }
.app-page.active { display: block; }
.app-error {
  max-width: 400px; margin: 40px auto; padding: 20px;
  background: #fef2f2; border: 1px solid #fecaca; border-radius: 12px;
  color: #b91c1c; font-size: 14px; text-align: center;
}