@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2"),url(/assets/amiri-quran-arabic-400-normal-CZ144KtP.woff)format("woff")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-naskh-arabic-arabic-400-normal-U_i0HMfG.woff2)format("woff2"),url(/assets/noto-naskh-arabic-arabic-400-normal-1AoZhAAW.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#04050b;--fg:#e8e6f0;--muted:#8b8aa0;--accent:#f2c76e;--accent-soft:#f2c76e29;--panel:#0c0e1cc7;--border:#ffffff17;--radius:14px;--gap:16px;--font-ar:"Amiri Quran", "Amiri", "Noto Naskh Arabic", serif;font-family:system-ui,sans-serif}html,body,#root{background:var(--bg);height:100%;color:var(--fg);margin:0}[lang=ar]{font-family:var(--font-ar)}.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}.overlay{pointer-events:none;z-index:10;position:fixed;inset:0}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px)saturate(140%);box-shadow:0 10px 40px #00000073}button{font:inherit;color:inherit;cursor:pointer}button,input,a{outline-offset:2px}:focus-visible{outline:2px solid var(--accent)}a{color:var(--accent)}.muted{color:var(--muted)}.error{color:#ff9b8a}.count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85em}.screen{text-align:center;max-width:min(420px, calc(100vw - 2 * var(--gap)));box-sizing:border-box;padding:28px 32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screen h1{color:var(--accent);margin:0 0 8px;font-size:1.2rem;font-weight:600}.screen button{background:var(--accent-soft);border:1px solid var(--accent);border-radius:999px;margin-top:8px;padding:8px 18px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:0 auto 12px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.about{top:var(--gap);left:var(--gap);max-width:320px;padding:10px 14px;position:absolute}.about-head{align-items:center;gap:12px;display:flex}.about h1{letter-spacing:.04em;color:var(--accent);margin:0;font-size:.95rem;font-weight:600}.about-toggle{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:999px;padding:2px 10px;font-size:.8rem}.about-toggle:hover{color:var(--fg)}.about-body{color:var(--fg);font-size:.85rem;line-height:1.5}.about-body ul{margin:8px 0;padding-left:18px}.sources{color:var(--muted);font-size:.78rem}.search{top:var(--gap);width:min(440px, calc(100vw - 2 * var(--gap)));position:absolute;left:50%;transform:translate(-50%)}.search input{box-sizing:border-box;width:100%;color:var(--fg);border-radius:var(--radius);background:0 0;border:none;padding:12px 16px;font-size:1rem}.search input::placeholder{color:var(--muted)}.search input:focus-visible{outline:2px solid var(--accent)}.search-results{border-top:1px solid var(--border);max-height:50vh;margin:0;padding:4px;list-style:none;overflow-y:auto}.search-option{cursor:pointer;border-radius:10px;grid-template-columns:4.5rem 1fr auto;align-items:center;gap:12px;padding:6px 12px;display:grid}.search-option[aria-selected=true]{background:var(--accent-soft)}.search-option .ar{text-align:right;color:var(--accent);font-size:1.35rem}.search-option .tr{flex-direction:column;min-width:0;display:flex}.search-option .note{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.search-option .note[lang=ar]{text-align:left;font-size:1rem}.search-empty{color:var(--muted);padding:10px 12px}.root-panel{top:var(--gap);right:var(--gap);bottom:var(--gap);flex-direction:column;width:min(420px,38vw);display:flex;position:absolute;overflow:hidden}.root-head{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:8px 18px 4px;display:flex}.root-ar{color:var(--accent);margin:0;padding:.15em 0 .75em;font-size:3rem;font-weight:400;line-height:1}.root-tr{margin:0;font-size:1.05rem}.root-stats{color:var(--muted);margin:2px 0 0;font-size:.85rem}.close{border:1px solid var(--border);background:0 0;border-radius:50%;align-self:flex-start;width:32px;height:32px;margin-left:auto;font-size:1.2rem;line-height:1}.close:hover{border-color:var(--accent);color:var(--accent)}.root-body{overscroll-behavior:contain;padding:4px 18px 18px;overflow-y:auto}.root-body h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:16px 0 8px;font-size:.75rem;font-weight:600}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--border);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:3px 10px;display:inline-flex}.chip [lang=ar]{font-size:1.15rem}.chip-link:hover{border-color:var(--accent);background:var(--accent-soft)}.verse-list{margin:0;padding:0;list-style:none}.verse{border-bottom:1px solid var(--border);padding:12px 0}.verse-key{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.75rem}.verse-ar{margin:4px 0 6px;font-size:1.4rem;line-height:2.1}.verse-ar mark{color:var(--accent);text-shadow:0 0 12px #f2c76e73;background:0 0}.verse-en{color:#c9c7d6;margin:0;font-size:.88rem;line-height:1.5}.show-more{border:1px solid var(--border);background:#ffffff08;border-radius:10px;width:100%;margin-top:12px;padding:10px;display:block}.show-more:hover{border-color:var(--accent)}.hover-hint{bottom:calc(var(--gap) * 2);background:var(--panel);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:baseline;gap:10px;padding:6px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hover-hint .ar{color:var(--accent);font-size:1.3rem}@media (width<=720px){.about{top:auto;bottom:var(--gap);left:var(--gap);right:var(--gap);max-width:none}.overlay:has(.root-panel) .about{display:none}.root-panel{border-radius:var(--radius) var(--radius) 0 0;width:auto;max-height:62vh;inset:auto 0 0}.root-ar{font-size:2.4rem}.search{top:10px}.hover-hint{top:76px;bottom:auto}}