html, body {
  background: #0D0815;
  margin: 0;
}
#rst-loading {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #0D0815;
  gap: 20px;
  z-index: 9999;
  transition: opacity 0.3s ease;
}
#rst-loading.hidden { opacity: 0; pointer-events: none; }
#rst-loading-ring {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255,255,255,0.12);
  border-top-color: rgba(255,255,255,0.8);
  border-radius: 50%;
  animation: rst-spin 0.75s linear infinite;
}
@keyframes rst-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  #rst-loading-ring { animation: none; }
}
.rst-error-msg {
  color: rgba(255,255,255,0.7);
  font-family: sans-serif;
  font-size: 14px;
  text-align: center;
  padding: 0 24px;
}