@font-face{font-family:arabicFont;src:url(../media/KFGQPC_Uthmanic_Regular-s.p.12d-7w131mooz.otf)format("opentype");font-display:swap}@font-face{font-family:arabicFont Fallback;src:local(Arial);ascent-override:117.19%;descent-override:58.59%;line-gap-override:0.0%;size-adjust:100.0%}.arabicfont_19e9c4a-module__y5BjWq__className{font-family:arabicFont,arabicFont Fallback}.arabicfont_19e9c4a-module__y5BjWq__variable{--font-kfgqpc:"arabicFont", "arabicFont Fallback"}
:root{--background:#faf9f5;--foreground:#1b2a26;--muted:#efeee7;--muted-foreground:#68746f;--card:#fff;--card-foreground:#1b2a26;--border:#e3e1d6;--primary:#0e6b5f;--primary-hover:#0a5248;--primary-foreground:#fff;--secondary:#f0f6f4;--secondary-foreground:#0c574d;--accent:#c8922a;--accent-soft:#f7edda;--ring:#1f8a79;--shadow-sm:0 1px 2px #142d280f;--shadow-md:0 4px 14px #142d2814;--radius-sm:10px;--radius:14px;--radius-lg:20px;--max-width:720px;--header-height:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", "Noto Sans", "Noto Sans Bengali", "Noto Sans Devanagari", "Nirmala UI", Vrinda, Mangal, Ubuntu, Cantarell, system-ui, sans-serif;--font-arabic:var(--font-kfgqpc), "KFGQPC HAFS", "Scheherazade New", "Noto Naskh Arabic", Amiri, "Traditional Arabic", "Al Majeed Quranic Font", serif}[data-theme=dark]{--background:#0d1513;--foreground:#e7ece9;--muted:#17221e;--muted-foreground:#97a5a0;--card:#131e1a;--card-foreground:#e7ece9;--border:#26332e;--primary:#2aa08e;--primary-hover:#38b3a0;--primary-foreground:#07302a;--secondary:#162620;--secondary-foreground:#7fd4c2;--accent:#e0b25a;--accent-soft:#2c2413;--ring:#3fb4a1;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 14px #00000059}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--background:#0d1513;--foreground:#e7ece9;--muted:#17221e;--muted-foreground:#97a5a0;--card:#131e1a;--card-foreground:#e7ece9;--border:#26332e;--primary:#2aa08e;--primary-hover:#38b3a0;--primary-foreground:#07302a;--secondary:#162620;--secondary-foreground:#7fd4c2;--accent:#e0b25a;--accent-soft:#2c2413;--ring:#3fb4a1;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 14px #00000059}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}html,body{margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none;min-height:100dvh;font-size:16px;line-height:1.6}body::-webkit-scrollbar{display:none}::selection{background:var(--ring);color:var(--primary-foreground)}img,svg{max-width:100%;display:block}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--foreground);margin:0 0 .5em;font-weight:700;line-height:1.25}h1{font-size:clamp(27.2px,5vw,36.8px)}h2{font-size:clamp(20px,4vw,24.8px)}h3{font-size:17.6px}p{margin:0 0 1em}button{font-family:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:12px;top:calc(var(--safe-top) + 12px);z-index:200;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);padding:8.8px 14.4px;transition:transform .15s;position:absolute;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.container{width:min(100%, var(--max-width));margin-inline:auto;padding-inline:16px}.arabic{font-family:var(--font-arabic);text-align:right;color:var(--foreground);direction:rtl;font-size:clamp(24.8px,6.5vw,33.6px);line-height:2.1}.arabic-word{font-family:var(--font-arabic)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.categoryNav{flex-wrap:wrap;gap:8px;padding-block:8px 4px;display:flex}.chip{border:1px solid var(--border);background:var(--card);min-height:40px;color:var(--foreground);cursor:pointer;border-radius:999px;align-items:center;padding:5.6px 14.4px;font-size:14.08px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.chip:hover{background:var(--muted);text-decoration:none}.chipActive{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.chipActive:hover{background:var(--primary-hover)}.themeToggle{border:1px solid var(--border);background:var(--card);width:44px;height:44px;color:var(--foreground);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}.themeTogglePlaceholder{width:18px;height:18px}.themeToggle:hover{background:var(--muted)}.themeHeaderToggle{width:32px;height:32px;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background-color .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 0 0 1px #0000000d,0 2px #d8d8d4,0 4px 6px #00000014}.themeHeaderToggle:hover{background:var(--muted)}.themeHeaderToggle:active{transform:translateY(2px);box-shadow:0 0 0 1px #0000000d,0 0 #d8d8d4,0 1px 2px #00000014}.learnedToggle{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--foreground);cursor:pointer;align-items:center;gap:7.2px;padding-inline:16px;font-size:14.72px;font-weight:600;transition:background-color .15s;display:inline-flex}.learnedToggle:hover{background:var(--muted)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}