:root { color-scheme: light; }
html, body, #root { height: 100%; }
body {
  margin: 0;
  background: #f4f6f8;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.boot {
  height: 100%;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 18px; color: #55606b;
}
.boot p { margin: 0; font-size: 14px; }
.boot-mark {
  width: 44px; height: 44px; border-radius: 50%;
  border: 3px solid #cfd8dc; border-top-color: #00695f;
  animation: spin .9s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .boot-mark { animation: none; } }

/* Keep long notes readable inside table cells */
.wrap-anywhere { overflow-wrap: anywhere; }