/* Shared by the HTML boot screen and React data-loading states. */
.loading-screen{min-height:100vh;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:28px 20px;background:radial-gradient(ellipse at 20% 15%,#164b67 0%,transparent 48%),radial-gradient(ellipse at 90% 100%,#143e58 0%,transparent 48%),#081f35;color:#f3faff;font-family:'IBM Plex Sans Arabic','IBM Plex Sans',Tahoma,sans-serif;text-align:center;box-sizing:border-box}
.loading-card{width:min(100%,430px);display:flex;flex-direction:column;align-items:center;position:relative;padding:36px 20px}.loading-emblem{width:148px;height:148px;position:relative;display:grid;place-items:center;margin-bottom:28px}.loading-orbit{position:absolute;inset:0;border:1px solid #7dd3fc29;border-radius:50%}.loading-orbit::after{content:'';position:absolute;inset:-1px;border:2px solid transparent;border-top-color:#ffce55;border-inline-end-color:#7dd3fc55;border-radius:50%;animation:loading-orbit 2.4s linear infinite}.loading-tooth{width:102px;height:102px;display:grid;place-items:center;color:#e7f7ff;background:linear-gradient(140deg,#37799366,#10374f);border:1px solid #85cfe839;border-radius:32px;box-shadow:0 12px 46px #0003,inset 0 1px 0 #ffffff14}.loading-tooth svg{width:52px;height:52px;filter:drop-shadow(0 4px 10px #7dd3fc30);animation:loading-breathe 2.4s ease-in-out infinite}.loading-spark{position:absolute;top:8px;inset-inline-end:5px;color:#ffce55;font-size:25px;background:#0e3047;border-radius:50%;width:32px;height:32px;line-height:32px}.loading-wordmark{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#80cbe6;margin-bottom:12px;direction:ltr}.loading-screen .loading-card h1{font-size:clamp(21px,4.8vw,28px);font-weight:600;line-height:1.8;letter-spacing:0;color:#f3faff;margin:0 0 12px;text-wrap:balance}.loading-screen .loading-card p{font-size:14px;color:#aec8d9;margin:0 0 24px}.loading-track{width:160px;height:3px;background:#7dd3fc20;border-radius:10px;overflow:hidden;direction:ltr}.loading-track>span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7dd3fc,#ffce55);animation:loading-sweep 1.6s ease-in-out infinite}.loading-caption{margin-top:24px;font-size:12px;color:#7699b1}@keyframes loading-orbit{to{transform:rotate(360deg)}}@keyframes loading-breathe{50%{transform:translateY(-3px)}}@keyframes loading-sweep{0%{transform:translateX(-110%)}100%{transform:translateX(350%)}}@media(prefers-reduced-motion:reduce){.loading-orbit::after,.loading-tooth svg,.loading-track>span{animation:none}.loading-track>span{width:100%;opacity:.6}}

body{margin:0}