:root{--paper:#f3f1e9;--paper-raised:#fff;--ink:#1e2a2f;--ink-soft:#4b5a5e;--ink-faint:#7c877f;--rule:#d8d3c2;--emerald:#0e6b5c;--emerald-soft:#0e6b5c1a;--gold:#a9762f;--gold-soft:#a9762f1f;--violet:#6e4a96;--violet-soft:#6e4a961f;--danger:#9c3b2e;--danger-soft:#9c3b2e14;--shadow:0 1px 2px #1e2a2f0f, 0 8px 24px #1e2a2f0d;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--paper:#14191b;--paper-raised:#1b2224;--ink:#e8e3d3;--ink-soft:#a6aca6;--ink-faint:#71807a;--rule:#2b3336;--emerald:#3fbfa0;--emerald-soft:#3fbfa022;--gold:#d6a24a;--gold-soft:#d6a24a26;--violet:#c7a8ea;--violet-soft:#c7a8ea26;--danger:#e08772;--danger-soft:#e0877220;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}}:root[data-theme=dark]{--paper:#14191b;--paper-raised:#1b2224;--ink:#e8e3d3;--ink-soft:#a6aca6;--ink-faint:#71807a;--rule:#2b3336;--emerald:#3fbfa0;--emerald-soft:#3fbfa022;--gold:#d6a24a;--gold-soft:#d6a24a26;--violet:#c7a8ea;--violet-soft:#c7a8ea26;--danger:#e08772;--danger-soft:#e0877220;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}h1,h2,h3{font-family:var(--serif);margin:0;font-weight:600}p{margin:0}button,textarea{font-family:inherit}::selection{background:var(--emerald-soft)}.app{flex-direction:column;max-width:760px;min-height:100%;margin:0 auto;padding:76px 24px 32px;display:flex}@media (width<=560px){.app{padding:60px 16px 24px}}.app__top-bar{z-index:5;align-items:center;gap:10px;display:flex;position:absolute;top:24px;right:24px}.app__donate-floating{z-index:20;animation:.2s donate-floating-in;position:fixed;top:24px;right:24px}@keyframes donate-floating-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=560px){.app__top-bar{gap:8px;top:16px;right:16px}.app__donate-floating{top:16px;right:16px}}.app__header{text-align:center;margin-bottom:40px}.app__mark{font-family:"Rakkas", var(--serif);letter-spacing:-.01em;color:inherit;align-items:center;gap:.5em;margin-bottom:12px;font-size:1.9rem;font-weight:400;text-decoration:none;display:inline-flex}.app__glyph{width:3.7rem;height:3.7rem}.app__tagline{color:var(--ink-soft);text-wrap:pretty;max-width:52ch;margin:0 auto;font-size:1rem}.app__nav{margin-top:10px}.app__nav-link{color:var(--ink-faint);text-underline-offset:2px;font-size:.82rem;text-decoration:underline}.app__nav-link:hover,.app__nav-link:focus-visible{color:var(--emerald)}.theme-toggle{background:var(--paper);border:1px solid var(--rule);border-radius:16px;gap:2px;padding:2px;display:inline-flex}.theme-toggle__option{width:26px;height:26px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;padding:0;font-size:.85rem;transition:background .15s,color .15s;display:inline-flex}.theme-toggle__option:hover{color:var(--ink-soft)}.theme-toggle__option--active{background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow)}.theme-toggle__option:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}.app__main{flex-direction:column;flex:1;gap:24px;display:flex}.app__result{min-height:2px}.app__view{display:contents}.app__view[hidden]{display:none}.question-form{background:var(--paper-raised);border:1px solid var(--rule);box-shadow:var(--shadow);border-radius:12px;padding:20px 22px}.question-form__label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-bottom:10px;font-size:.72rem;display:block}.question-form__row{align-items:flex-start;gap:12px;display:flex}@media (width<=560px){.question-form__row{flex-direction:column;align-items:stretch}}.question-form__textarea{resize:vertical;border:1px solid var(--rule);background:var(--paper);min-width:0;min-height:2.75em;color:var(--ink);border-radius:8px;flex:1;padding:10px 12px;font-size:.98rem;line-height:1.5}.question-form__textarea:focus-visible{outline:2px solid var(--emerald);outline-offset:1px}.question-form__textarea:disabled{opacity:.6}.question-form__submit{background:var(--emerald);color:var(--paper-raised);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;height:44px;padding:0 20px;font-size:.95rem;font-weight:600;transition:opacity .15s}@media (width<=560px){.question-form__submit{width:100%;height:40px}}.question-form__submit:hover:not(:disabled){opacity:.9}.question-form__submit:disabled{opacity:.5;cursor:not-allowed}.question-form__submit:focus-visible,.question-form__example:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}.question-form__examples{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:.82rem;display:flex}.question-form__example{font-family:var(--mono);background:var(--paper);border:1px solid var(--rule);color:var(--ink-soft);cursor:pointer;border-radius:20px;padding:4px 12px;font-size:.78rem}.question-form__example:hover:not(:disabled){border-color:var(--emerald);color:var(--emerald)}.question-form__example:disabled{opacity:.5;cursor:not-allowed}.question-form__translator{color:var(--ink-faint);align-items:center;gap:8px;margin-top:10px;font-size:.82rem;display:flex}.question-form__translator select{background:var(--paper);border:1px solid var(--rule);color:var(--ink-soft);cursor:pointer;border-radius:8px;padding:4px 8px;font-family:inherit;font-size:.82rem}.question-form__translator select:disabled{opacity:.5;cursor:not-allowed}.loading-indicator{color:var(--ink-soft);align-items:center;gap:12px;padding:20px 4px;font-size:.95rem;display:flex}.loading-indicator__spinner{border:2px solid var(--rule);border-top-color:var(--emerald);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.loading-indicator__spinner{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--danger-soft);border:1px solid var(--rule);border-left:3px solid var(--danger);color:var(--ink);border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.error-banner__mark{color:var(--danger);flex-shrink:0}.error-banner p{margin:0;font-size:.92rem}.answer-card{background:var(--paper-raised);border:1px solid var(--rule);box-shadow:var(--shadow);border-radius:12px;padding:22px 24px;position:relative}.answer-card__actions{gap:6px;display:flex;position:absolute;top:14px;right:14px}.answer-card__action{border:1px solid var(--rule);background:var(--paper);width:28px;height:28px;color:var(--ink-faint);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.answer-card__action svg{width:15px;height:15px}.answer-card__action:hover,.answer-card__action:focus-visible{color:var(--emerald);border-color:var(--emerald);background:var(--emerald-soft)}.answer-card__question{color:var(--ink-faint);margin:0 0 14px;font-size:.88rem;font-style:italic}.answer-card__answer{color:var(--ink);flex-direction:column;gap:1em;font-size:1.05rem;line-height:1.75;display:flex}.answer-card__answer p{text-wrap:pretty;margin:0}.answer-quote{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:.05em .1em;display:inline}.answer-quote--quran{background:var(--emerald-soft)}.answer-quote--hadith-sunni{background:var(--gold-soft)}.answer-quote--hadith-shia{background:var(--violet-soft)}.answer-quote__ref--quran{color:var(--emerald)}.answer-quote__ref--hadith-sunni{color:var(--gold)}.answer-quote__ref--hadith-shia{color:var(--violet)}.answer-quote__text{font-family:var(--serif);color:var(--ink);quotes:"“" "”";font-style:italic}.answer-quote__ref{font-family:var(--mono);white-space:nowrap;scroll-behavior:smooth;margin-left:.35em;font-size:.72em;font-weight:600;text-decoration:none}.answer-quote__ref:hover,.answer-quote__ref:focus-visible{text-decoration:underline}.answer-card__degraded-note{background:var(--gold-soft);border:1px solid var(--rule);border-radius:8px;padding:14px 16px}.answer-card__degraded-note p{color:var(--ink-soft);margin:8px 0 0;font-size:.9rem}.answer-card__meta{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:20px;align-items:center;padding:4px 10px;font-size:.68rem;display:inline-flex}.badge--verified{background:var(--emerald-soft);color:var(--emerald)}.badge--warning{background:var(--gold-soft);color:var(--gold)}.badge--muted{background:var(--paper);color:var(--ink-faint);border:1px solid var(--rule)}.answer-card__citations{border-top:1px dashed var(--rule);margin-top:20px;padding-top:18px}.answer-card__citations h3{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-bottom:10px;font-size:.68rem;font-weight:600}.answer-card__citations ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.citation{background:var(--paper);border:1px solid var(--rule);border-radius:8px;scroll-margin-top:16px;transition:background .6s,border-color .6s}.citation:target{background:var(--emerald-soft);border-color:var(--emerald)}.citation--open{border-color:var(--emerald)}.citation__toggle{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:none;border-radius:8px;align-items:flex-start;gap:10px;padding:9px 12px;transition:background .15s;display:flex}.citation__toggle:hover{background:var(--paper-raised)}.citation__toggle:focus-visible{outline:2px solid var(--emerald);outline-offset:-2px}.citation__chevron{width:16px;height:16px;color:var(--ink-faint);flex-shrink:0;margin-left:auto;transition:transform .15s}.citation__toggle[aria-expanded=true] .citation__chevron{transform:rotate(180deg)}.citation__text{border-top:1px dashed var(--rule);padding:12px}.citation__text-heading{font-family:var(--mono);color:var(--ink-faint);margin-bottom:6px;font-size:.72rem}.citation__text-arabic{text-align:right;color:var(--ink);margin-bottom:10px;font-family:Amiri,Traditional Arabic,serif;font-size:1.35rem;line-height:2.1}.citation__text-body{color:var(--ink-soft);white-space:pre-wrap;font-size:.9rem;line-height:1.6}.citation__text-note{color:var(--ink-faint);font-size:.85rem}.citation__mark{font-family:var(--mono);text-align:center;flex-shrink:0;width:1.2em;font-size:.85rem;line-height:1.4}.citation--matched .citation__mark{color:var(--emerald)}.citation--unmatched .citation__mark{color:var(--danger)}.citation__body{flex-wrap:wrap;flex:1;align-items:baseline;gap:2px 10px;min-width:0;display:flex}.citation__reference{font-family:var(--mono);color:var(--ink);font-size:.85rem;font-weight:600}.citation__status{color:var(--ink-soft);font-size:.82rem}.citation__reason{color:var(--ink-faint);flex-basis:100%;font-size:.8rem}.answer-card__expansion{border-top:1px dashed var(--rule);margin-top:20px;padding-top:20px}.answer-card__expand{justify-content:center;margin-top:18px;display:flex}.answer-card__expand-button{background:var(--paper);border:1px solid var(--rule);color:var(--ink-soft);cursor:pointer;border-radius:20px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.answer-card__expand-button:hover:not(:disabled){color:var(--emerald);border-color:var(--emerald);background:var(--emerald-soft)}.answer-card__expand-button:disabled{opacity:.6;cursor:not-allowed}.answer-card__expand-note{color:var(--ink-faint);text-align:center;margin:0;font-size:.82rem}.app__footer{border-top:1px solid var(--rule);text-align:center;margin-top:48px;padding-top:20px}.app__footer p{color:var(--ink-faint);max-width:56ch;margin:0 auto;font-size:.8rem}.app__footer p+p{margin-top:8px}.app__footer-link{color:var(--ink-faint)}.app__footer-link:hover,.app__footer-link:focus-visible{color:var(--emerald)}.donate-button{display:inline-block}.donate-button__submit{background:var(--emerald);color:var(--paper-raised);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:opacity .15s;display:inline-flex}.donate-button__submit:hover{opacity:.9}.donate-button__submit:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}.about{flex-direction:column;gap:28px;display:flex}.about__back{color:var(--ink-faint);align-self:flex-start;font-size:.85rem;text-decoration:none}.about__back:hover,.about__back:focus-visible{color:var(--emerald)}.about__title{font-family:var(--serif);margin:0;font-size:1.6rem;font-weight:600}.about__lede{color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:1.05rem;line-height:1.7}.about__section{border-top:1px solid var(--rule);padding-top:24px}.about__section h2{margin-bottom:10px;font-size:1.15rem}.about__section p{color:var(--ink);text-wrap:pretty;margin-bottom:10px;line-height:1.7}.about__section p:last-child{margin-bottom:0}.about__section ul,.about__section ol{color:var(--ink);margin:0 0 10px;padding-left:1.3em;line-height:1.7}.about__section ul:last-of-type,.about__section ol:last-of-type{margin-bottom:0}.about__section li{margin-bottom:6px}.about__sources{padding-left:0}.about__sources li{list-style:none}.about__tag{text-transform:uppercase;letter-spacing:.03em;border-radius:10px;margin-right:2px;padding:1px 7px;font-size:.68rem;font-weight:700;display:inline-block}.about__tag--sunni{background:var(--gold-soft);color:var(--gold)}.about__tag--shia{background:var(--violet-soft);color:var(--violet)}.about__support{background:var(--paper-raised);border:1px solid var(--rule);box-shadow:var(--shadow);border-radius:12px;padding:22px 24px}.about__support .donate-button{margin-top:6px}.about__warning{background:var(--gold-soft);border-top:none;border-radius:12px;padding:18px 22px}.about__warning h2{color:var(--gold)}