@font-face{font-family:KFGQPC Hafs;src:url(/fonts/KFGQPC-HafsUthmanic-v30.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KFGQPC Naskh;src:url(/fonts/KFGQPC-UthmanTahaNaskh.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Tajawal-400-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Tajawal-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/Tajawal-500-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/Tajawal-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/Tajawal-700-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/Tajawal-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-weight:800;font-style:normal;font-display:swap;src:url(/fonts/Tajawal-800-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-weight:800;font-style:normal;font-display:swap;src:url(/fonts/Tajawal-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary: #7a5f3c;--on-primary: #ffffff;--accent: #7a5f3c;--accent-soft: #eadfc8;--accent-ink: #5a4326;--bg: #f6efe2;--surface: #efe6d5;--surface-2: #e7dcc7;--border: #dccfb6;--text: #2a2218;--muted: #776a55;--word-hover: #e6d8bb;--word-highlight: #f5d37a;--verse-highlight: #f3e3bd;--verse-active: #efe3c9;--danger: #df2225;--shadow: 0 8px 30px rgba(16, 16, 16, .08);--radius: 16px;--radius-sm: 10px;--nav-h: 64px;--quran-scale: 3;--font-ui: "Tajawal", "Segoe UI", Tahoma, system-ui, sans-serif}:root[data-theme=dark]{--primary: #8b704e;--accent: #c9a87c;--accent-soft: rgba(201, 168, 124, .14);--accent-ink: #e0c9a6;--bg: #101010;--surface: #1e1e1e;--surface-2: #242424;--border: rgba(255, 255, 255, .08);--text: #f2efea;--muted: #8a8a8a;--word-hover: #2e281f;--word-highlight: #5d4a12;--verse-highlight: #2b2615;--verse-active: #1a1814;--danger: #ff6467;--shadow: 0 8px 30px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.7;overflow-x:clip;-webkit-font-smoothing:antialiased}#root{min-height:100svh;display:flex;flex-direction:column}#root>main{flex:1;width:100%}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--accent-soft)}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3{margin:0;font-weight:600}.muted{color:var(--muted)}.error{color:var(--danger)}.quran-text{font-family:KFGQPC Hafs,KFGQPC Naskh,serif;font-size:calc(14px + var(--quran-scale) * 5px);line-height:2.1;direction:rtl;unicode-bidi:isolate;-webkit-font-feature-settings:"liga","calt";font-feature-settings:"liga","calt"}.page{max-width:1060px;margin:0 auto;padding:20px 24px 72px}.home{max-width:1280px;margin:0 auto;padding:0 24px 72px}.page-title{font-size:1.5rem;font-weight:800;margin:8px 0 12px}.navbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.navbar__inner{max-width:1280px;margin:0 auto;height:var(--nav-h);display:flex;align-items:center;gap:20px;padding:0 24px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);white-space:nowrap}.brand:hover{text-decoration:none}.brand__logo{width:40px;height:40px;flex:none;border-radius:10px;display:block}.brand__text{display:flex;flex-direction:column;line-height:1.2}.brand__title{font-weight:800;font-size:1.05rem}.brand__sub{font-size:.7rem;color:var(--muted)}.navbar__links{display:flex;gap:20px;font-size:.85rem}.navbar__links a{color:var(--muted)}.navbar__links a:hover{color:var(--text);text-decoration:none}.navbar__search{flex:1;position:relative;max-width:440px;margin-inline-start:auto}.navbar__search input{width:100%;height:38px;border-radius:999px;border:1px solid var(--border);background:var(--surface);padding:0 40px 0 14px;outline:none;transition:border-color .15s,box-shadow .15s}html[dir=ltr] .navbar__search input{padding:0 14px 0 40px}.navbar__search input::placeholder,.hero__search::placeholder{color:var(--muted);opacity:.8}.navbar__search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.navbar__search-icon{position:absolute;top:10px;inset-inline-start:14px;color:var(--muted);pointer-events:none}.navbar__actions{display:flex;align-items:center;gap:4px}.navbar__actions .icon-btn{border-radius:999px}.navbar__cta{display:inline-flex;align-items:center;height:30px;padding:0 18px;margin-inline-start:8px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:.78rem;font-weight:500;white-space:nowrap;transition:opacity .15s}.navbar__cta:hover{text-decoration:none;opacity:.85}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--muted);transition:background .15s,color .15s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.is-active{color:var(--accent);background:var(--accent-soft)}.icon-btn__text{font-weight:700;font-size:.85rem}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border-radius:999px;border:1px solid var(--primary);background:var(--primary);color:var(--on-primary);font-weight:500;transition:opacity .15s,background .15s}.btn:hover{text-decoration:none;opacity:.88}.btn--ghost{background:transparent;color:var(--accent);border-color:var(--border)}.btn--ghost:hover{background:var(--accent-soft);opacity:1}.btn--small{padding:5px 11px;font-size:.82rem;background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn--small.is-active{background:var(--word-highlight)}.btn:disabled{opacity:.5;cursor:default}.seg{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px;gap:2px}.seg button{border:none;background:transparent;padding:6px 16px;border-radius:999px;color:var(--muted);font-weight:500;transition:color .15s}.seg button:hover{color:var(--text)}.seg button.is-active{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #0000001f}.chips,.quick__chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:4px 12px;border-radius:999px;background:var(--surface-2);color:var(--text);font-size:.88rem}.chip:hover{background:var(--accent-soft);text-decoration:none}.hero{position:relative;text-align:center;padding:72px 0 56px;margin-bottom:28px}.hero:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);background:var(--text);border-bottom:1px solid var(--border);pointer-events:none;--hero-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpolygon points='30,2 36,14 48,8 42,20 56,20 44,28 50,40 38,34 36,48 30,36 24,48 22,34 10,40 16,28 4,20 18,20 12,8 24,14' fill='none' stroke='%23000' stroke-width='.6' stroke-opacity='.1'/%3E%3Cpolygon points='30,12 38,18 42,28 38,38 30,42 22,38 18,28 22,18' fill='none' stroke='%23000' stroke-width='.4' stroke-opacity='.06'/%3E%3C/svg%3E");-webkit-mask-image:var(--hero-pattern),linear-gradient(to bottom,#000 30%,transparent);-webkit-mask-composite:source-in;mask-image:var(--hero-pattern),linear-gradient(to bottom,#000 30%,transparent);mask-composite:intersect}.hero:after{content:"";position:absolute;z-index:-1;top:50%;left:50%;width:min(520px,90vw);height:300px;transform:translate(-50%,-50%);border-radius:50%;background:var(--primary);opacity:.09;filter:blur(80px);pointer-events:none}.hero__title{font-family:KFGQPC Hafs,serif;font-size:clamp(2.6rem,7vw,4.4rem);line-height:1.5;color:var(--accent);font-weight:400}.hero__sub{color:var(--muted);margin:4px 0 26px}.hero__search{width:100%;max-width:640px;height:50px;border-radius:999px;border:1px solid var(--border);background:var(--bg);padding:0 22px;outline:none;font-size:1rem;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}.hero__search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow)}.hero__full-search{display:block;margin-top:12px}.quick{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-bottom:20px}.quick__card{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;color:var(--text);transition:border-color .15s}.quick__card:hover{text-decoration:none;border-color:var(--primary)}.tabs{display:flex;justify-content:space-between;align-items:center;margin:10px 0 14px}.surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.surah-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:border-color .15s,transform .15s}.surah-card:hover{border-color:var(--primary);text-decoration:none;transform:translateY(-1px)}.surah-card__num{width:40px;height:40px;flex:none;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font-weight:700;transition:background .15s,color .15s;clip-path:polygon(50% 0,85% 15%,100% 50%,85% 85%,50% 100%,15% 85%,0 50%,15% 15%)}.surah-card:hover .surah-card__num{background:var(--primary);color:var(--on-primary)}.surah-card__names{display:flex;flex-direction:column;line-height:1.3}.surah-card__en{font-weight:600}.surah-card__meaning{font-size:.82rem}.surah-card__side{margin-inline-start:auto;text-align:end;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.surah-card__ar{font-size:1.35rem;line-height:1.5}.juz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.juz-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px 14px}.juz-card__title{display:block;font-weight:700;margin-bottom:8px}.juz-card__row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:8px;color:var(--text)}.juz-card__row:hover{background:var(--surface-2);text-decoration:none}.juz-card__row .quran-text{font-size:1.2rem;line-height:1.4}.site-footer{border-top:1px solid var(--border);padding:32px 24px;color:var(--muted);font-size:.8rem}.site-footer__inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap}.site-footer__brand{display:flex;align-items:center;gap:20px}.site-footer__brand .brand__logo{width:36px;height:36px}.site-footer__brand .brand__title{font-size:.95rem}.site-footer__sep{width:1px;height:16px;background:var(--border)}.site-footer__links{display:flex;gap:24px;flex-wrap:wrap}.site-footer__links a{color:var(--muted)}.site-footer__links a:hover{color:var(--text);text-decoration:none}.site-footer__note{max-width:1280px;margin:20px auto 0;padding-top:16px;border-top:1px solid var(--border);font-size:.75rem;opacity:.85}.site-footer__note a{color:inherit;text-decoration:underline}.chapter-header{text-align:center;margin:14px 0 10px}.chapter-header__frame{border:2px solid var(--accent-soft);border-radius:16px;padding:14px 18px;background:var(--surface);background-image:radial-gradient(circle at 0 0,var(--accent-soft) 0,transparent 60px),radial-gradient(circle at 100% 100%,var(--accent-soft) 0,transparent 60px)}.chapter-header__meta{color:var(--muted);font-size:.85rem;display:flex;justify-content:center;gap:8px}.chapter-header__name{font-family:KFGQPC Hafs,serif;font-size:2.3rem;font-weight:400;line-height:1.6;color:var(--accent-ink)}.chapter-header__label{font-size:1.4rem;color:var(--muted)}.chapter-header__en{color:var(--text);font-size:.95rem}.chapter-header--compact .chapter-header__frame{padding:8px 14px}.chapter-header--compact .chapter-header__name{font-size:1.6rem}.chapter-header--compact .chapter-header__meta{display:none}.bismillah{text-align:center;margin:18px 0 6px;color:var(--text)}.jump-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0;font-size:.9rem}.jump{display:inline-flex;align-items:center;gap:8px}.jump select{padding:5px 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface)}.context-bar{position:sticky;top:var(--nav-h);z-index:30;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:6px 4px;margin:4px -4px 8px;font-size:.88rem;color:var(--muted)}.context-bar a{color:var(--text)}.context-bar__surah{font-family:KFGQPC Hafs,serif;font-size:1.15rem;line-height:1;color:var(--accent-ink)!important}.context-bar__sep{width:1px;height:14px;background:var(--border)}.verses{display:flex;flex-direction:column}.verse{display:flex;gap:18px;padding:18px 10px;border-bottom:1px solid var(--border);border-radius:10px;transition:background .15s;scroll-margin-top:140px}.verse:hover{background:var(--surface)}.verse.is-active{background:var(--verse-active);box-shadow:inset 3px 0 0 var(--accent)}html[dir=rtl] .verse.is-active{box-shadow:inset -3px 0 0 var(--accent)}.verse.is-highlighted,.verse.is-highlighted.is-active{background:var(--verse-highlight)}.verse__actions{display:grid;grid-template-columns:repeat(2,32px);justify-content:center;align-content:start;gap:2px;flex:none;width:72px}.verse__key{grid-column:1 / -1;text-align:center;font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:4px;white-space:nowrap}.verse__actions .icon-btn{width:32px;height:32px}.verse__key:hover{color:var(--accent)}.verse__body{flex:1;min-width:0}.verse-text,html[dir=ltr] .verse-text{text-align:right}.word-wrap{position:relative;display:inline}.word{display:inline;border-radius:6px;padding:0 2px;transition:background .12s,color .12s;cursor:pointer;outline:none}.word:hover,.word:focus-visible{background:var(--word-hover);color:var(--accent-ink)}.word.is-highlighted{background:var(--word-highlight)}.word.is-selected{background:var(--primary);color:var(--on-primary)}.ayah-marker{color:var(--accent);padding:0 2px}.rub{color:var(--accent);margin-inline-start:4px}.word-popover{position:absolute;top:100%;right:0;z-index:35;margin-top:6px;min-width:240px;max-width:320px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-family:var(--font-ui);font-size:.85rem;line-height:1.5;color:var(--text);text-align:start;white-space:normal;cursor:default}html[dir=ltr] .word-popover{right:auto;left:0}.word-popover__word{font-size:1.7rem;line-height:1.5;color:var(--accent-ink);text-align:center;display:block}.word-popover__meta{color:var(--muted)}.word-popover__actions{display:flex;gap:6px;flex-wrap:wrap}.tafsir{margin-top:14px;padding:12px 14px;background:var(--surface);border-inline-start:3px solid var(--accent);border-radius:8px;font-family:"KFGQPC Naskh",var(--font-ui);font-size:1.05rem;line-height:1.9}.tafsir__head{display:flex;justify-content:space-between;gap:10px;font-family:var(--font-ui);font-size:.82rem;margin-bottom:4px}.tafsir__title{color:var(--accent);font-weight:600}.tafsir__body{margin:0}.tafsir__body .aya{font-family:KFGQPC Hafs,serif;color:var(--accent-ink)}.mushaf{display:flex;flex-direction:column;gap:22px}.mushaf-page{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:22px 26px 12px}.mushaf-page__text{text-align:justify;text-align-last:center;line-height:2.3}.verse-text--inline{display:inline}.verse-inline{display:inline;border-radius:6px;padding:2px 0}.verse-inline.is-active{background:var(--verse-active);box-shadow:0 0 0 2px var(--accent-soft)}.verse-inline.is-highlighted{background:var(--verse-highlight)}.mushaf-verse-panel{margin:8px 0 12px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-family:var(--font-ui);font-size:.9rem;line-height:1.7;text-align:start;text-align-last:auto;cursor:default}.mushaf-verse-panel__bar{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.mushaf-verse-panel__key{font-size:.82rem;font-weight:700;color:var(--muted);margin-inline-end:auto;padding-inline-end:10px}.mushaf-verse-panel .tafsir,.mushaf-verse-panel .reflection{margin:6px 0 4px;text-align:start;text-align-last:auto}.mushaf-surah-head{display:block;text-align:center;margin:10px 0 4px}.mushaf-surah-head__name{display:block;color:var(--accent-ink);border:1px solid var(--accent-soft);border-radius:10px;padding:2px 0;background:var(--bg)}.mushaf-bismillah{display:block}.mushaf-page__footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:.82rem;color:var(--muted)}.mushaf-page__num{font-weight:600;color:var(--text)}.chapter-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:28px;flex-wrap:wrap}.search section{margin-top:18px}.search h2{font-size:1.05rem;margin-bottom:8px}.result{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);margin-bottom:8px}.result:hover{border-color:var(--accent);text-decoration:none}.result--ref{background:var(--accent-soft)}.result__key{font-size:.82rem;color:var(--muted)}.result__text{font-family:"KFGQPC Naskh",var(--font-ui);font-size:1.15rem;line-height:1.9}.result mark{background:var(--word-highlight);color:inherit;border-radius:3px}.drawer-backdrop{position:fixed;inset:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(360px,92vw);z-index:51;background:var(--bg);border-inline-start:1px solid var(--border);box-shadow:var(--shadow);padding:16px 18px;overflow-y:auto;transform:translate(100%);transition:transform .22s ease}html[dir=rtl] .drawer{transform:translate(-100%)}.drawer.is-open{transform:translate(0)!important}.drawer__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.drawer__section{padding:12px 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.drawer__section h3{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.drawer__note{font-size:.78rem;color:var(--muted);margin-top:10px}.range-row{display:flex;align-items:center;gap:8px}.range-row input[type=range]{flex:1;accent-color:var(--accent)}.quran-text--preview{margin:4px 0 0;text-align:center}.switch{display:flex;align-items:center;gap:10px;cursor:pointer}.switch input{width:18px;height:18px;accent-color:var(--accent)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:8px 16px;border-radius:999px;font-size:.9rem;z-index:60;box-shadow:var(--shadow)}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:60px;color:var(--muted)}.spinner{width:20px;height:20px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{max-width:640px;margin:40px auto;padding:16px;border:1px solid var(--danger);border-radius:12px;color:var(--danger)}.not-found{text-align:center;padding-top:80px}.not-found h1{font-size:4rem;color:var(--accent)}.to-top{position:fixed;bottom:24px;inset-inline-end:24px;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--accent);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s;z-index:30;display:grid;place-items:center}.to-top.is-visible{opacity:1;pointer-events:auto}:root{--spark: #c99a2e;--spark-soft: rgba(201, 154, 46, .18);--spark-glow: rgba(201, 154, 46, .55)}:root[data-theme=dark]{--spark: #e3b85a;--spark-soft: rgba(227, 184, 90, .16);--spark-glow: rgba(227, 184, 90, .5)}.icon-btn--spark{color:var(--spark)}.icon-btn--spark.is-active{background:var(--spark-soft);color:var(--spark)}.verse.has-reflection{box-shadow:inset 3px 0 0 var(--spark-soft)}html[dir=rtl] .verse.has-reflection{box-shadow:inset -3px 0 0 var(--spark-soft)}.verse.has-reflection.is-glow{background:linear-gradient(90deg,var(--spark-soft),transparent 60%);animation:verse-glow 1.8s ease-in-out infinite}html[dir=rtl] .verse.has-reflection.is-glow{background:linear-gradient(270deg,var(--spark-soft),transparent 60%)}.verse.has-reflection.is-active.is-current{background:var(--verse-active)}@keyframes verse-glow{0%,to{box-shadow:0 0 0 0 var(--spark-glow),inset 0 0 0 1px var(--spark-soft)}50%{box-shadow:0 0 18px 2px var(--spark-glow),inset 0 0 0 1px var(--spark)}}.verse-inline.has-reflection.is-glow{background:var(--spark-soft);border-radius:6px;animation:inline-glow 1.8s ease-in-out infinite}.verse.has-reflection.is-faded{background:color-mix(in srgb,var(--spark-soft) 40%,transparent)}.verse-inline.has-reflection.is-faded{background:color-mix(in srgb,var(--spark-soft) 40%,transparent);border-radius:6px}@keyframes inline-glow{0%,to{box-shadow:0 0 0 0 var(--spark-glow)}50%{box-shadow:0 0 14px 3px var(--spark-glow)}}.reflection{margin-top:14px;padding:12px 14px;background:var(--spark-soft);border-inline-start:3px solid var(--spark);border-radius:8px;font-family:"KFGQPC Naskh",var(--font-ui);font-size:1.05rem;line-height:1.9}.reflection__head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-family:var(--font-ui);font-size:.82rem;margin-bottom:4px}.reflection__title{color:var(--spark);font-weight:600;display:inline-flex;align-items:center;gap:4px}.reflection__item{padding:6px 0;border-top:1px dashed var(--spark-soft);position:relative}.reflection__item:first-of-type{border-top:none}.reflection__quote{margin:0;font-size:1.25rem;line-height:1.9;color:var(--accent-ink)}.reflection__ref{font-family:var(--font-ui);font-size:.8rem;color:var(--muted)}.reflection__comment{margin:4px 0 0}.reflection__extra{margin:4px 0 0;font-size:.95rem}.reflection__num{display:block;font-family:var(--font-ui);font-size:.75rem;text-align:end}.reflection-pulse{position:fixed;bottom:20px;inset-inline-start:20px;z-index:45;width:min(420px,calc(100vw - 40px));animation:pulse-in .35s cubic-bezier(.2,.9,.3,1.2)}.reflection-pulse__glow{position:absolute;inset:-4px;border-radius:18px;background:var(--spark-glow);filter:blur(14px);opacity:.5;animation:pulse-halo 1.8s ease-in-out infinite;z-index:-1}@keyframes pulse-halo{0%,to{opacity:.25;transform:scale(.98)}50%{opacity:.6;transform:scale(1.02)}}@keyframes pulse-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}.reflection-pulse__body{background:var(--bg);border:1px solid var(--spark);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}.reflection-pulse__head{display:flex;align-items:center;gap:8px;font-size:.85rem}.reflection-pulse__head .icon-btn{margin-inline-start:auto}.reflection-pulse__title{color:var(--spark);font-weight:700;display:inline-flex;align-items:center;gap:4px}.reflection-pulse__quote{margin:0;font-size:1.3rem;line-height:1.9;color:var(--accent-ink)}.reflection-pulse__comment{margin:0;font-family:"KFGQPC Naskh",var(--font-ui);font-size:1.05rem;line-height:1.8}.reflection-pulse__src{font-size:.75rem}.reflection-pulse__body{max-height:min(70vh,560px);overflow-y:auto}.question{border-top:1px dashed var(--spark-soft);padding-top:8px;margin-top:4px;display:flex;flex-direction:column;gap:6px}.question__form{display:flex;gap:6px;align-items:flex-end}.question__input{flex:1;resize:vertical;min-height:40px;padding:7px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:.9rem;line-height:1.5;outline:none}.question__prompts{display:flex;flex-wrap:wrap;gap:4px}.question__prompt{border:1px solid var(--spark-soft);background:var(--bg);color:var(--accent-ink);border-radius:999px;padding:3px 10px;font-size:.78rem;cursor:pointer}.question__prompt:hover{border-color:var(--spark);background:var(--spark-soft)}.question__thread{display:flex;flex-direction:column;gap:8px}.question__input:focus{border-color:var(--spark);box-shadow:0 0 0 3px var(--spark-soft)}.question__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.question__item{display:grid;grid-template-columns:1fr auto;gap:2px 6px;padding:6px 8px;border-radius:8px;background:var(--surface);font-size:.9rem}.question__text{grid-column:1}.question__meta{grid-column:1;font-size:.75rem}.question__remove{grid-column:2;grid-row:1 / span 2;width:24px;height:24px}@media(max-width:1020px){.navbar__cta{display:none}}@media(max-width:860px){.navbar__links,.brand__sub{display:none}.quick{grid-template-columns:1fr}}@media(max-width:600px){.navbar__inner{gap:8px;padding:0 16px}.navbar__search{max-width:none}.brand__text{display:none}.page{padding:16px 16px 60px}.home{padding:0 16px 60px}.hero{padding:44px 0 36px}.site-footer{padding:28px 16px}.verse{flex-direction:column;gap:8px;padding:14px 6px}.verse__actions{display:flex;flex-direction:row;width:auto;gap:0}.verse__key{margin:0 8px}.mushaf-page{padding:14px 12px 10px}.chapter-header__name{font-size:1.8rem}.word-popover{position:fixed;inset:auto 12px 16px;max-width:none}.reflection-pulse{inset-inline-start:12px;bottom:12px;width:calc(100vw - 24px)}.reflection-pulse__quote{font-size:1.1rem}}.chat-fab{position:fixed;bottom:80px;inset-inline-end:24px;z-index:46;width:52px;height:52px;border-radius:50%;border:none;background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow);display:grid;place-items:center;transition:transform .15s}.chat-fab:hover{transform:translateY(-1px)}.chat-fab.is-open{background:var(--surface-2);color:var(--text)}.chat-panel{position:fixed;bottom:140px;inset-inline-end:24px;z-index:46;width:min(420px,calc(100vw - 32px));height:min(70vh,640px);display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;animation:pulse-in .25s cubic-bezier(.2,.9,.3,1.2)}.chat-panel__head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.chat-panel__title{font-weight:700;color:var(--accent-ink);display:inline-flex;align-items:center;gap:6px}.chat-panel__verse{margin-inline-start:auto;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.chat-panel__list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-panel__hint{font-size:.9rem;line-height:1.7;margin:4px 0}.chat-msg{display:flex;flex-direction:column;gap:6px}.chat-msg--user{align-items:flex-start}.chat-msg--assistant{align-items:flex-end}.chat-msg__bubble{max-width:92%;padding:9px 12px;border-radius:14px;line-height:1.75;font-size:.95rem;white-space:normal}.chat-msg--user .chat-msg__bubble{background:var(--primary);color:var(--on-primary);border-end-start-radius:4px}.chat-msg--assistant .chat-msg__bubble{background:var(--surface);border:1px solid var(--border);border-end-end-radius:4px}.chat-msg__bubble p{margin:0 0 6px}.chat-msg__bubble p:last-child{margin-bottom:0}.answer-list{margin:0 0 6px;padding-inline-start:1.2em}.answer-list li{margin:2px 0}.chat-msg__error{color:var(--danger);font-size:.85rem;margin-top:4px}.chat-msg__dots{display:inline-flex;gap:4px;padding:4px 2px}.chat-msg__dots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:chat-dot 1.2s infinite}.chat-msg__dots i:nth-child(2){animation-delay:.2s}.chat-msg__dots i:nth-child(3){animation-delay:.4s}@keyframes chat-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.cite{display:inline-block;min-width:18px;padding:0 5px;margin:0 2px;border-radius:999px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent-ink);font-size:.72rem;line-height:1.5;vertical-align:super;cursor:pointer}.cite:disabled{opacity:.5;cursor:default}.chat-sources{display:flex;flex-wrap:wrap;gap:4px;font-size:.78rem;max-width:92%;align-self:flex-end}.chat-source{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:999px;padding:2px 8px;font-size:.75rem;cursor:pointer;text-align:start}.chat-source:hover{border-color:var(--accent)}.chat-status{font-size:.82rem;padding:2px 4px}.chat-panel__form{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface)}.chat-panel__form input{flex:1;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:0 14px;outline:none}.chat-panel__form input:disabled,.question__input:disabled{opacity:.6}.chat-panel__unsupported{margin:0;padding:10px 12px;font-size:.85rem;background:var(--surface);border-top:1px solid var(--border);color:var(--muted)}.chat-panel__form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chat-panel__send{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;cursor:pointer}.chat-panel__send:disabled{opacity:.45;cursor:default}.chat-panel__about{margin:0;padding:4px 12px 8px;font-size:.72rem;line-height:1.5;background:var(--surface)}@media(max-width:600px){.chat-panel{inset-inline-end:8px;bottom:8px;width:calc(100vw - 16px);height:min(80vh,640px)}.chat-fab{bottom:80px;inset-inline-end:16px}}.chat-panel__list{min-height:0}.chat-msg__bubble{max-width:100%;overflow-wrap:anywhere}.chat-sources{display:flex;flex-direction:column;gap:4px;align-items:stretch;max-width:100%}.chat-sources__toggle{align-self:flex-start;border:none;background:transparent;color:var(--accent);font-size:.8rem;cursor:pointer;padding:2px 4px}.chat-sources__list{margin:0;padding:0 16px 0 0;display:flex;flex-direction:column;gap:3px}.chat-sources__list li{list-style:none}.chat-source{width:100%;text-align:start}.chip--warn{background:var(--word-highlight)}.chip--danger{background:var(--danger);color:#fff}.chip--ok{background:var(--accent);color:var(--on-primary)}.history__list{display:flex;flex-direction:column;gap:8px}.history__row{display:block;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.history__row:hover{border-color:var(--accent);text-decoration:none}.history__row.is-flagged{border-color:var(--danger)}.history__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.8rem;margin-bottom:4px}.history__q{font-weight:600}.history__a{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trace h2{font-size:1.05rem;margin:18px 0 6px}.trace__box{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);line-height:1.8}.trace__box code{direction:ltr;unicode-bidi:plaintext;word-break:break-all}.trace__answer p{margin:0 0 6px}.trace__sources{display:flex;flex-direction:column;gap:8px}.trace__source{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.trace__source.is-cited{border-inline-start:3px solid var(--accent)}.trace__source.is-focus{box-shadow:0 0 0 3px var(--spark-glow)}.trace__source-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.trace__source-meta{font-size:.8rem;margin:4px 0}.trace__mentions{font-size:.9rem;margin:6px 0}.trace__mentions ul{margin:4px 0 0;padding-inline-start:18px}.trace__text{white-space:pre-wrap;font-family:"KFGQPC Naskh",var(--font-ui);font-size:1rem;line-height:1.9;margin-top:6px}.trace__table{width:100%;border-collapse:collapse;margin-top:8px;font-size:.85rem}.trace__table th,.trace__table td{border:1px solid var(--border);padding:4px 8px;text-align:center}.trace__reasoning{white-space:pre-wrap;font-family:var(--font-ui);font-size:.88rem;line-height:1.7;margin-top:8px;max-height:480px;overflow:auto}.picker{position:relative;display:inline-flex;align-items:center;gap:6px}.picker__input{width:min(320px,70vw);height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);padding:0 10px;outline:none}.picker__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.picker__list{position:absolute;top:calc(100% + 4px);inset-inline-start:0;z-index:35;width:min(380px,90vw);max-height:320px;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:4px}.picker__item{display:flex;gap:8px;align-items:baseline;width:100%;text-align:start;padding:6px 8px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text)}.picker__item:hover,.picker__item.is-active{background:var(--accent-soft)}.picker__item.is-current .picker__item-n{text-decoration:underline}.picker__item-n{min-width:34px;font-weight:700;color:var(--accent-ink)}.picker__item-hint{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker__item-hint.quran-text{font-size:1.05rem;line-height:1.4}.index-jump{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 16px}.index-jump input[type=number],.jump input[type=number]{height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);padding:0 10px}.index-jump input[type=number]{width:110px}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.page-card{display:flex;justify-content:space-between;gap:6px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.9rem}.page-card:hover{border-color:var(--accent);text-decoration:none}.chat-fab.is-unsupported{opacity:.55}.thinking{max-width:92%;align-self:flex-end;font-size:.8rem}.thinking__toggle{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--muted);cursor:pointer;padding:2px 4px}.thinking__dot{width:7px;height:7px;border-radius:50%;background:var(--spark);opacity:.5}.thinking.is-live .thinking__dot{animation:chat-dot 1.2s infinite;opacity:1}.thinking__text{margin:4px 0 6px;padding:8px 10px;max-height:140px;overflow-y:auto;white-space:pre-wrap;font-family:var(--font-ui);font-size:.8rem;line-height:1.6;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:10px}.showcase{margin:8px 0 28px;padding:22px 22px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.showcase__badge{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;font-size:.85rem;color:var(--muted);margin-bottom:10px}.showcase__badge strong{color:var(--accent-ink);font-size:.95rem}.showcase__title{font-size:1.5rem;margin:0 0 6px;color:var(--accent-ink)}.showcase__lead{margin:0 0 16px;line-height:1.9;max-width:900px}.showcase__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.showcase__card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.showcase__card h3{font-size:1rem;margin:0 0 6px;color:var(--accent)}.showcase__card p{margin:0;line-height:1.8;font-size:.95rem}.showcase__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:16px 0}.showcase__stat{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;text-align:center;display:flex;flex-direction:column;gap:2px}.showcase__stat strong{font-size:1.35rem;color:var(--accent-ink)}.showcase__stat span{font-size:.78rem;color:var(--muted)}.showcase__tech h3{font-size:1rem;margin:0 0 6px}.showcase__tech ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.showcase__tech li{padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:.85rem}.showcase__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.showcase__note{font-size:.82rem;margin:12px 0 0;line-height:1.7}.radio-row{display:flex;flex-direction:column;gap:6px}.radio-row .seg{flex-wrap:wrap}select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:4px 8px}.select-row{display:flex;flex-direction:column;gap:6px}.select,select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font:inherit;color-scheme:light}:root[data-theme=dark] .select,:root[data-theme=dark] select{color-scheme:dark}.select option,select option{background:var(--bg);color:var(--text)}.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}