html, body { margin: 0; padding: 0; background: #fafafa; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
#root { min-height: 100vh; }
.__init-shell { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px; background: #fafafa; z-index: 1; }
.__init-shell svg { animation: __init-spin 0.9s linear infinite; }
/* #d23c3c, а не фирменный #ef4444: на фоне #fafafa тот давал 3.61 при норме AA 4.5.
   Здесь нельзя сослаться на --color-error-text — этот файл грузится до бандла, чтобы
   шелл был виден с первого кадра, и токенов global.css ещё не существует. */
.__init-shell-text { color: #d23c3c; font-size: 15px; font-weight: 500; letter-spacing: 0.3px; }
@keyframes __init-spin { to { transform: rotate(360deg); } }
body.__app-ready .__init-shell { display: none; }

/* Тёмная тема. Значения продублированы числами намеренно: этот файл грузится до бандла,
   токенов global.css ещё не существует (о том же говорит комментарий к цвету текста выше).
   Без этих строк первый кадр в тёмной теме был бы светлым — та самая вспышка, ради
   устранения которой заставка и сделана. */
html[data-theme="dark"], html[data-theme="dark"] body { background: #09090B; }
html[data-theme="dark"] .__init-shell { background: #09090B; }