/* First paint while the application bundle loads. The server CSP permits this external sheet. */
html { background: #0a1020; }
html[data-theme="light"] { background: #eef2fb; }
#root:has(.boot-placeholder) { min-height: 100dvh; }
.boot-placeholder {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  background: radial-gradient(60vmax 44vmax at 12% -8%, rgba(74, 123, 240, .28), transparent 62%), #0a1020;
  color: #e8eefc;
  font-family: "Manrope", system-ui, sans-serif;
  text-align: center;
}
.boot-placeholder > div { padding: 24px; }
.boot-placeholder .boot-mark {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  margin: 0 auto 25px;
  border-radius: 23px;
  box-shadow: 0 0 0 1px rgba(150, 180, 255, .3), 0 18px 44px rgba(50, 100, 240, .5);
  animation: boot-breathe 2.2s ease-in-out infinite alternate;
}
.boot-placeholder .boot-mark img { display: block; width: 100%; height: 100%; border-radius: 23px; }
.boot-placeholder strong { display: block; font-size: 30px; letter-spacing: 6px; }
.boot-placeholder p { font-size: 12px; color: #98a6c8; }
@keyframes boot-breathe { to { transform: scale(1.06); box-shadow: 0 0 0 1px rgba(150, 180, 255, .45), 0 22px 56px rgba(50, 100, 240, .7); } }
html[data-theme="light"] .boot-placeholder { background: radial-gradient(60vmax 44vmax at 12% -8%, rgba(58, 109, 240, .16), transparent 62%), #eef2fb; color: #0f1a38; }
html[data-theme="light"] .boot-placeholder p { color: #55648a; }