/*
 * עד שהאפליקציה נטענת: התקציר והקישורים ב-index.html נשארים ב-HTML בשביל סורקים בלי JS
 * (הבדיקה של Paddle ראתה מעטפת ריקה), אבל מוסתרים מהעין, ובמקומם סימן טעינה.
 * React מחליף את התוכן של #root, ואז גם הסימן נעלם. בלי JS: boot-noscript.css מציג את התקציר
 */
#root > main.boot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
#root:has(> main.boot)::before {
  content: '';
  position: fixed;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  border: 3px solid rgba(37, 99, 235, 0.2);
  border-top-color: #2563eb;
  border-radius: 50%;
  opacity: 0;
  animation: kavchat-boot-in 0.2s 0.4s forwards, kavchat-boot-spin 0.8s linear infinite;
}
@keyframes kavchat-boot-in {
  to { opacity: 1; }
}
@keyframes kavchat-boot-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  #root:has(> main.boot)::before { animation: kavchat-boot-in 0.2s 0.4s forwards; }
}