@font-face{font-family:Jameel Noori Nastaleeq;src:url(/fonts/quran/jameel.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.reader{padding-bottom:96px}.rstate{--ar-size:39px;--ar-font:var(--font-quran-uthmani)}.surah-banner{background:var(--mihrab-900);text-align:center;background-image:url(/assets/pattern-girih.svg);background-size:280px;position:relative;overflow:hidden}.surah-banner:after{content:"";background:radial-gradient(130% 120% at 50% 0,#0000 30%,#0a1814 100%);position:absolute;inset:0}.surah-banner-inner{z-index:1;flex-direction:column;align-items:center;padding:31px 28px 22px;display:flex;position:relative}.surah-banner .crumb{font:var(--role-label);color:#9fc0b2;margin-bottom:20px}.surah-banner .crumb a:hover{color:var(--lantern-200)}.surah-banner .frame{border-radius:var(--radius-lg);border:1px solid #e0b35a59;flex-direction:column;align-items:center;gap:8px;padding:22px 40px;display:inline-flex}.surah-banner .name-ar{font-family:var(--font-arabic);color:var(--lantern-200);direction:rtl;font-size:52px;line-height:1.2}.surah-banner .name-en{font-family:var(--font-display);color:#faf7f1;font-size:22px}.surah-banner .meta{font:var(--role-label);color:#b6cabf;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:inline-flex}.surah-banner .meta .dot{opacity:.5;background:currentColor;border-radius:50%;width:3px;height:3px}@media (max-width:600px){.surah-banner .name-ar{font-size:40px}.surah-banner .frame{padding:18px 26px}}.surah-credits{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;display:flex}.surah-credits .credit-tag{font:var(--role-label);color:#9fc0b2;background:#9fc0b214;border:1px solid #9fc0b22e;border-radius:20px;align-items:center;gap:0;padding:3px 10px;font-size:12px;display:inline-flex}.surah-credits .credit-tag small{color:#6e9485;font-size:11px;font-style:normal}.wrap-reader{max-width:760px;margin:0 auto;padding:0 28px}.readbar{top:var(--site-chrome,104px);z-index:40;background:color-mix(in srgb, var(--bg-app) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-hairline);position:sticky}.readbar-inner{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.readbar .grow{flex:1}.ctl{border:1px solid var(--border-strong);background:var(--surface-card);height:40px;color:var(--text-body);font:var(--role-label);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.ctl:hover{border-color:var(--brand);color:var(--brand)}.ctl svg{font-size:17px}.fontsteps{border:1px solid var(--border-strong);background:var(--surface-card);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.fontsteps button{color:var(--text-body);cursor:pointer;background:0 0;border:none;place-items:center;width:38px;height:38px;font-size:15px;display:grid}.fontsteps button:hover{color:var(--brand)}.fontsteps .lbl{font:var(--role-label);color:var(--text-muted);text-align:center;min-width:40px;padding:0 6px}.ctl-wrap{display:inline-flex;position:relative}.popover{z-index:70;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);width:280px;max-height:calc(100dvh - 160px);box-shadow:var(--shadow-xl);opacity:0;pointer-events:none;padding:16px;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-6px)}.popover.open{opacity:1;pointer-events:auto;transform:translateY(0)}@media (max-width:520px){.popover{width:min(320px,100vw - 28px);position:fixed;top:calc(100% + 8px);left:50%;right:auto;transform:translate(-50%)translateY(-6px)}.popover.open{transform:translate(-50%)}}.popover h5{font:var(--role-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-muted);margin:4px 0 10px}.popover h5+.pop-row{margin-top:0}.pop-row{justify-content:space-between;align-items:center;padding:9px 0;display:flex}.pop-row .nm{font:var(--role-label);color:var(--text-strong);font-weight:500}.pop-row .nm small{color:var(--text-muted);font-weight:400;font-size:var(--text-xs);display:block}.switch{background:var(--border-strong);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:42px;height:25px;transition:background .18s;position:relative}.switch:after{content:"";width:19px;height:19px;box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;transition:transform .18s;position:absolute;top:3px;left:3px}.switch[aria-pressed=true]{background:var(--mihrab-500)}.dark .switch[aria-pressed=true]{background:var(--lantern-400)}.switch[aria-pressed=true]:after{transform:translate(17px)}.pop-seg{background:var(--surface-raised);border-radius:999px;padding:3px;display:inline-flex}.pop-seg button{color:var(--text-muted);font:var(--role-label);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:12px}.pop-seg button[aria-pressed=true]{background:var(--surface-card);color:var(--text-strong);box-shadow:var(--shadow-xs)}.pop-select{appearance:none;background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--text-strong);font:var(--role-label);cursor:pointer;border-radius:999px;max-width:60%;padding:6px 14px;font-size:12px}.pop-select:hover{border-color:var(--border-strong)}.pop-seg-full{width:100%;display:flex}.pop-seg-full button{flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;display:inline-flex}.pop-div{background:var(--border-hairline);height:1px;margin:12px -16px}.pop-drill{cursor:pointer;width:100%;color:var(--text-strong);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.pop-drill:hover{color:var(--brand)}.pop-drill .nm,.pop-item .nm{font:var(--role-label);flex-direction:column;min-width:0;font-weight:500;display:flex}.pop-drill .nm small,.pop-item .nm small{color:var(--text-muted);font-weight:400;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;max-width:210px;margin-top:1px;overflow:hidden}.pop-drill svg{color:var(--text-muted);flex-shrink:0}.pop-back{cursor:pointer;color:var(--text-muted);font:var(--role-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-caps);background:0 0;border:none;align-items:center;gap:6px;padding:2px 0 12px;display:inline-flex}.pop-back:hover{color:var(--brand)}.pop-list{flex-direction:column;max-height:320px;margin:0 -6px;display:flex;overflow-y:auto}.pop-list::-webkit-scrollbar{width:0}.pop-list:hover::-webkit-scrollbar{width:5px}.pop-list::-webkit-scrollbar-track{background:0 0}.pop-list::-webkit-scrollbar-thumb{background:#00000038;border-radius:99px}.dark .pop-list::-webkit-scrollbar-thumb{background:#ffffff38}.pop-list:hover::-webkit-scrollbar-thumb{background:#0006}.dark .pop-list:hover::-webkit-scrollbar-thumb{background:#fff6}.pop-item{cursor:pointer;text-align:left;width:100%;color:var(--text-body);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 6px;display:flex}.pop-item:hover{background:var(--surface-raised)}.pop-item.on .nm{color:var(--brand)}.pop-item svg{color:var(--brand);flex-shrink:0}.surah-list-pop{width:min(340px,100vw - 28px);padding:12px}.surah-list-pop .pop-list{max-height:360px}.surah-search{border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-raised);width:100%;color:var(--text-body);font:var(--role-label);box-sizing:border-box;outline:none;margin-bottom:8px;padding:8px 12px}.surah-search:focus{border-color:var(--brand)}.surah-num{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;min-width:22px;font-size:11px;display:inline-block}.surah-list-pop .pop-item{grid-template-columns:1fr auto 1fr;gap:4px;display:grid}.surah-list-pop .surah-num{align-self:center}.surah-list-pop .pop-item .nm{text-align:center;align-items:center}.surah-list-pop .pop-item .nm small{text-align:center;max-width:none}.surah-list-pop .surah-ar{text-align:right;align-self:center}.pop-item .surah-ar{font-family:var(--font-arabic);color:var(--sacred-ink);flex-shrink:0;font-size:16px}.bismillah{text-align:center;padding:24px 0 8px}.bismillah .ar{font-family:var(--ar-font);color:var(--lantern-600);direction:rtl;font-size:34px}.dark .bismillah .ar{color:var(--lantern-300)}.bismillah .en{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.02em;margin-top:8px}.verses{padding:8px 0 24px}@keyframes reader-fade-in{0%{opacity:0}to{opacity:1}}.verses,.reading{animation:reader-fade-in .5s var(--ease-gentle,ease-out) both}@media (prefers-reduced-motion:reduce){.verses,.reading{animation:none}}.ayah{border-radius:var(--radius-lg);transition:background var(--dur-slow) var(--ease-gentle);padding:16px 18px 18px;scroll-margin-top:130px;position:relative}.ayah+.ayah{border-top:1px solid var(--border-hairline)}.ayah.active{background:var(--lantern-100);border-top-color:#0000}.dark .ayah.active{background:color-mix(in srgb, var(--lantern-900) 55%, transparent)}.ayah.active+.ayah{border-top-color:#0000}.ayah.active:before{content:"";background:var(--lantern-400);border-radius:3px;width:3px;position:absolute;top:14px;bottom:14px;left:0}@keyframes ayah-flash{0%,65%{background:var(--lantern-100)}to{background:0 0}}@keyframes ayah-flash-dark{0%,65%{background:color-mix(in srgb, var(--lantern-900) 55%, transparent)}to{background:0 0}}.ayah.flash,.reading .r-ayah.flash{animation:ayah-flash 2.6s var(--ease-gentle,ease) both;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px}.dark .ayah.flash,.dark .reading .r-ayah.flash{animation-name:ayah-flash-dark}@media (prefers-reduced-motion:reduce){.ayah.flash,.reading .r-ayah.flash{animation:none}}.ayah-actions{z-index:2;opacity:0;flex-direction:row;gap:2px;transition:opacity .15s;display:flex;position:absolute;bottom:8px;right:12px}.ayah:hover .ayah-actions{opacity:1}.ayah-actions button,.ayah-actions a{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;font-size:17px;display:grid}.ayah-actions button:hover,.ayah-actions a:hover{background:var(--surface-raised);color:var(--brand)}.ayah-no{float:left;background:var(--mihrab-100);min-width:23px;height:21px;color:var(--mihrab-600);font-family:var(--font-mono);border-radius:999px;justify-content:center;align-items:center;margin:2px 10px 0 0;padding:0 7px;font-size:12px;font-weight:600;display:inline-flex}.dark .ayah-no{color:var(--lantern-300);background:#1c3b32}.ayah.active .ayah-no{background:var(--lantern-400);color:var(--mihrab-950)}.ayah-ar{font-family:var(--ar-font);font-size:var(--ar-size,39px);color:var(--sacred-ink);text-align:justify;text-align-last:right;direction:rtl;margin-bottom:12px;line-height:2.05;transition:font-size .2s}.ayah.active .ayah-ar{color:var(--mihrab-700)}.dark .ayah.active .ayah-ar{color:#ece0c8}.endmark{font-family:var(--font-arabic);color:var(--lantern-500);white-space:nowrap;padding:0 .15em;font-size:.62em;display:inline-block}.dark .endmark{color:var(--lantern-300)}.ayah-tr{font:var(--role-lead);color:var(--text-body);max-width:60ch;margin:14px 0 0}.ayah-tr:last-child{margin-bottom:14px}.ayah-tr[dir=rtl]{text-align:right;max-width:none}.ayah-tr.tr-tl{font-family:var(--font-display);color:var(--text-muted);font-size:15px;font-style:italic;line-height:1.55}.ayah-tr.tr-ur{font-family:var(--font-urdu), var(--font-arabic);font-size:22px;line-height:2.4}.ayah-translations>.ayah-tr:first-child,.ayah-translations>.ayah-no+.ayah-tr{margin-top:0}.rstate.script-indopak{--ar-font:var(--font-quran-indopak)}.rstate.script-indopak .ayah{padding-top:4px;padding-bottom:4px}.rstate.script-indopak .ayah-ar{font-size:calc(var(--ar-size,39px) * .92);margin-bottom:2px;font-weight:400;line-height:1.5}.rstate.script-indopak .bismillah .ar{font-size:30px;line-height:1.5}.sajda-mark{font-family:var(--font-arabic);color:var(--lantern-500);vertical-align:middle;padding:0 .1em;font-size:.62em;line-height:1;display:inline-block}.dark .sajda-mark{color:var(--lantern-300)}.rstate.script-indopak .sajda-mark{font-family:var(--font-quran-indopak);font-size:1em}.reading{font-family:var(--ar-font);font-size:calc(var(--ar-size,39px) * 1.04);color:var(--sacred-ink);text-align:justify;text-align-last:right;direction:rtl;padding:18px 0 28px;line-height:2.35}.rstate.script-indopak .reading{font-size:calc(var(--ar-size,39px) * .96);line-height:1.8}.reading .r-ayah{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background var(--dur-slow) var(--ease-gentle);border-radius:6px}.reading .r-ayah.active{background:var(--lantern-100);color:var(--mihrab-700)}.dark .reading .r-ayah.active{background:color-mix(in srgb, var(--lantern-900) 55%, transparent);color:#ece0c8}.reading .r-ayah .endmark{cursor:pointer}.rstate.mode-reading .ayah-no,.rstate.mode-reading .ayah-actions{display:none}.surah-end{text-align:center;color:var(--text-muted);padding:30px 0 10px}.surah-end .rule{background:var(--border-strong);width:120px;height:1px;margin:0 auto 18px}.surah-end .sadaqa{font-family:var(--font-arabic);color:var(--lantern-600);direction:rtl;font-size:22px}.dark .surah-end .sadaqa{color:var(--lantern-300)}.surah-nav{justify-content:space-between;gap:14px;padding:30px 0 8px;display:flex}.surah-nav a{border:1px solid var(--border-hairline);border-radius:var(--radius-md);flex-direction:column;flex:1;gap:3px;padding:14px 18px;transition:border-color .15s;display:flex}.surah-nav a:hover{border-color:var(--border-strong)}.surah-nav a.prev{text-align:right}.surah-nav .lbl{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.surah-nav .name{font-family:var(--font-display);color:var(--text-strong);font-size:17px}.reader .appnudge{background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);align-items:center;gap:18px;margin:36px 0 8px;padding:22px 26px;display:flex}.reader .appnudge .ic{border-radius:var(--radius-md);background:var(--mihrab-100);width:44px;height:44px;color:var(--mihrab-600);flex-shrink:0;place-items:center;font-size:22px;display:grid}.dark .reader .appnudge .ic{color:var(--lantern-300)}.reader .appnudge .txt{flex:1}.reader .appnudge .txt b{color:var(--text-strong);font-weight:600}.reader .appnudge .txt p{font-size:var(--text-sm);color:var(--text-muted);margin:3px 0 0}.reader .appnudge a.go{font:var(--role-label);color:var(--brand);white-space:nowrap;font-weight:600}.dark .reader .appnudge a.go{color:var(--lantern-300)}@media (max-width:560px){.reader .appnudge{flex-wrap:wrap}.reader .appnudge a.go{width:100%}}.reader .endnote{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin:26px 0 8px}.soon{text-align:center;max-width:60ch;margin:0 auto;padding:40px 0 8px}.soon .ic{background:var(--mihrab-100);width:56px;height:56px;color:var(--mihrab-600);border-radius:50%;place-items:center;margin-bottom:18px;font-size:26px;display:inline-grid}.dark .soon .ic{color:var(--lantern-300)}.soon h2{margin-bottom:12px;font-size:26px}.soon p{font:var(--role-lead);color:var(--text-body);margin:0 auto 22px}.soon .go{font:var(--role-label);color:var(--brand);align-items:center;gap:8px;font-weight:600;display:inline-flex}.dark .soon .go{color:var(--lantern-300)}.toast{z-index:200;background:var(--mihrab-800);color:#faf7f1;font:var(--role-label);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:9px;padding:12px 20px;transition:opacity .22s,transform .22s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%,24px)}.toast.show{opacity:1;transform:translate(-50%)}.toast svg{color:var(--lantern-300);font-size:17px}@media (prefers-reduced-motion:reduce){.ayah,.toast,.ayah-ar{transition:none!important}html{scroll-behavior:auto!important}}