@font-face{font-family:Geist;src:url(/fonts/Geist-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/NotoNaskhArabic-400.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/NotoNaskhArabic-500.woff2)format("woff2");font-weight:500;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/NotoNaskhArabic-600.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:digitalkhatt-v2;src:url(/fonts/DigitalKhattV2.otf)format("opentype");font-display:swap}@font-face{font-family:surah-header;src:url(/fonts/QCF_SurahHeader_COLOR-Regular.ttf)format("truetype");font-display:swap}:root{--brand-maroon:#141b34;--brand-indigo:#141b34;--brand-sky:#38bdf8;--bg-white:#fff;--bg-cream:#f6f1eb;--surface-grey:#fbf7f2;--border-grey:#ebe2d9;--text-near-black:#2a2a2e;--word-correct:#1f8a4c;--word-incorrect:#c0332b;color:var(--text-near-black);font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg-cream)}@media screen{html[data-theme=dark] body{color:#e6eaf2;background:#0f1524}}.app-skeleton{place-items:center;min-height:100vh;display:grid}.app-skeleton__mark{background:#141b34;border-radius:10px;place-items:center;width:44px;height:44px;animation:1.1s ease-in-out infinite app-skeleton-pulse;display:grid}@keyframes app-skeleton-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.app-skeleton__mark{animation:none}}@media screen{html[data-theme=dark] .app-skeleton{background:#0f1524}html[data-theme=dark] .app-skeleton__mark{box-shadow:inset 0 0 0 1px #ffffff24}}