/* أول ما يظهر لما يُفتح الرابط (قبل ملف التنسيق الكامل): خلفية الموقع وشعاره في الوسط، بدون انتظار. ملف صغير جداً عمداً. */
html { background: #F6F5FB; }
html[data-tone="dark"] { background: #0D1926; }
body { margin: 0; }
.boot { position: fixed; inset: 0; display: grid; place-items: center; background: #F6F5FB; }
html[data-tone="dark"] .boot { background: #0D1926; }
.boot img { width: 84px; height: 84px; border-radius: 22px; animation: boot-in .5s ease both; }
@keyframes boot-in { from { opacity: 0; transform: scale(.92); } to { opacity: 1; transform: none; } }
/* the start took too long or failed: one calm line and a button under the logo (never a blank screen) */
.boot { grid-template-rows: auto; align-content: center; gap: 18px; font-family: "PingAR LT", system-ui, sans-serif; }
.boot__retry { display: grid; justify-items: center; gap: 10px; color: #43527E; font-size: 14px; text-align: center; animation: boot-in .4s ease both; }
.boot__retry p { margin: 0; }
.boot__retry button { font: inherit; font-weight: 700; padding: 10px 22px; border-radius: 14px; border: 0; background: #4C5D90; color: #fff; cursor: pointer; }
.boot__retry small { color: #586BA5; font-size: 12px; }
html[data-tone="dark"] .boot__retry { color: #C6D0E3; }
html[data-tone="dark"] .boot__retry button { background: #C6D0E3; color: #242D48; }