/* First paint before the application bundle: the theme background (no white
   flash) and the «Монета» sign in the centre. A same-origin file because the CSP
   allows no inline styles. React replaces #root on its first render; the
   in-app boot screen (BootScreen) uses the same classes. */
html {
  background: #eef1f9;
  color-scheme: light;
}
html[data-theme="dark"] {
  background: #0b0d12;
  color-scheme: dark;
}
body {
  margin: 0;
  background: inherit;
}
.boot-screen {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: inherit;
}
/* The «Монета» sign, the same in both themes. */
.boot-screen img {
  width: 56px;
  height: 56px;
}
@media (prefers-reduced-motion: no-preference) {
  .boot-screen img {
    animation: boot-breathe 1.6s ease-in-out infinite;
  }
}
@keyframes boot-breathe {
  50% {
    opacity: 0.55;
    transform: scale(0.94);
  }
}
.boot-screen .boot-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}