/* Before React mounts: no forced delay, overlay, animation, or external font. */
html { background: #0B0F19; color: #FFFFFF; color-scheme: dark; }
html[data-theme="light"] { background: #F4F7FC; color: #172033; color-scheme: light; }
body { margin: 0; }
.xdeal-boot { box-sizing: border-box; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; padding: 24px; text-align: center; font: 16px/1.6 system-ui, sans-serif; }
.xdeal-boot img { width: 96px; height: 96px; object-fit: contain; }
.xdeal-boot p { margin: 0; }
.xdeal-boot a { color: inherit; padding: 12px; }
.xdeal-boot-ar, html[lang="ar"] .xdeal-boot-en { display: none; }
html[lang="ar"] .xdeal-boot-ar { display: inline; }
.xdeal-boot-recovery { visibility: hidden; animation: xdeal-recovery 0s 12s forwards; }
@keyframes xdeal-recovery { to { visibility: visible; } }