@font-face{font-family:Amiri Quran;font-style:normal;font-weight:400;font-display:swap;src:url(../media/318e7a4ab76bee79-s.p.0kunjv6mv4fm5.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri Quran;font-style:normal;font-weight:400;font-display:swap;src:url(../media/38ff387ee67bc4cc-s.05.1uypci9d4e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri Quran Fallback;src:local(Times New Roman);ascent-override:181.61%;descent-override:63.44%;line-gap-override:0.0%;size-adjust:99.94%}.amiri_quran_45cd22d2-module__1Z5OCG__className{font-family:Amiri Quran,Amiri Quran Fallback;font-style:normal;font-weight:400}.amiri_quran_45cd22d2-module__1Z5OCG__variable{--font-quran:"Amiri Quran", "Amiri Quran Fallback"}
:root{--panel:#fffcf4f2;--panel-border:#5b472726;--text:#1d1711;--muted:#6a5b45;--desktop-topbar-height:76px;--desktop-mushaf-footer-height:72px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-quran), serif;color:var(--text);background:radial-gradient(circle at top,#c2a87033,#0000 22%),linear-gradient(#f6efdf 0%,#efe6d2 100%)}button,select,input{font:inherit}.reader-root{min-height:100dvh}.reader-root-dark{color:#f7efd9;background:#020202}.home-root{place-items:center;padding:24px;display:grid}.home-hero{background:radial-gradient(circle at 100% 0,#c9aa6b42,#0000 24%),linear-gradient(#fffcf4fa,#f6eddbf5);border:1px solid #5b47271f;border-radius:36px;align-content:center;gap:20px;width:min(100%,1120px);min-height:min(86dvh,900px);padding:clamp(28px,5vw,56px);display:grid;box-shadow:0 32px 80px #442e0e1f}.home-badge{color:#6a5b45;background:#5b472714;border-radius:999px;width:fit-content;padding:10px 16px;font-family:Segoe UI,Arial,sans-serif;font-size:.9rem}.home-hero h1{margin:0;font-size:clamp(2.1rem,4vw,4rem);line-height:1.05}.home-hero p{color:#6a5b45;max-width:36rem;margin:0;font-size:clamp(1rem,1.2vw,1.14rem);line-height:1.8}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:10px;display:grid}.home-card{color:#2a2118;text-align:right;cursor:pointer;background:linear-gradient(#fffdf5fa,#f4ebd6f5);border:1px solid #8c6a2d2e;border-radius:28px;gap:10px;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 20px 40px #442e0e14}.home-card:hover{border-color:#8c6a2d47;transform:translateY(-3px);box-shadow:0 28px 52px #442e0e1f}.home-card-kicker{color:#8f6f3d;font-family:Segoe UI,Arial,sans-serif;font-size:.84rem}.home-card strong{font-size:clamp(1.5rem,2.4vw,2.4rem)}.home-card span:last-child{color:#6a5b45;line-height:1.7}.topbar{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--panel-border);background:#f5eedfe0;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}.topbar-dark{background:#050505b8;border-bottom-color:#ffecbf14}.topbar-compact{gap:8px;padding:8px 10px}.topbar-back,.mode-switch,.topbar-actions,.overlay-pills,.player-strip,.settings-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mode-switch button,.settings-button,.player-strip button,.settings-actions button{cursor:pointer;min-height:46px;color:var(--text);text-align:center;white-space:nowrap;background:#ffffffe0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;line-height:1.15;display:inline-flex}.reader-root-dark .mode-switch button,.reader-root-dark .settings-button,.reader-root-dark .player-strip button,.settings-panel.is-dark .settings-actions button{color:#f8eecf;background:#fff8e414;border-color:#ffe6ad1f}.mode-switch .is-active,.player-strip .primary,.switch.is-on{color:#fff;background:linear-gradient(135deg,#d1b277,#8f6f3d)}.settings-panel{z-index:35;opacity:0;pointer-events:none;width:min(420px,100vw - 36px);transition:opacity .16s,transform .16s;position:fixed;inset:76px 18px auto auto;transform:translateY(-8px)}.settings-backdrop{z-index:34;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#120d0657;border:0;position:fixed;inset:0}.settings-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.settings-card{border:1px solid var(--panel-border);background:#fcf8eff7;border-radius:24px;gap:16px;padding:18px;display:grid;box-shadow:0 24px 60px #2d1d092e}.settings-panel.is-dark .settings-card{background:#0e0e0ef5;border-color:#ffe6ad1f}.settings-head,.settings-group,.overlay-title{gap:6px;display:grid}.settings-head-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-close{color:#5a4019;cursor:pointer;background:#fffcf4f5;border:1px solid #8c6a2d2e;border-radius:999px;padding:8px 14px}.settings-panel.is-dark .settings-close{color:#f8eecf;background:#fff8e414;border-color:#ffe6ad1f}.settings-head span,.select-wrap span,.mushaf-meta,.overlay-title span{color:var(--muted)}.settings-panel.is-dark .settings-head span,.settings-panel.is-dark .select-wrap span,.reader-root-dark .overlay-title span{color:#f6ead1c7}.select-wrap{gap:6px;display:grid}.field-shell{position:relative}.field-shell:after{content:"";inset-inline-start:14px;pointer-events:none;border-bottom:2px solid #644c26cc;border-left:2px solid #644c26cc;width:10px;height:10px;position:absolute;top:50%;transform:translateY(-70%)rotate(-45deg)}.field-shell input,.field-shell select{appearance:none;border:1px solid var(--panel-border);padding:12px 16px;width:100%;color:var(--text);background:linear-gradient(#fffffffa,#f7f2e6eb);border-radius:18px;padding-inline-start:40px}.field-shell-reciter select{color:#7a5316;font-weight:700}.settings-panel.is-dark .field-shell input,.settings-panel.is-dark .field-shell select{color:#f7efd9;background:linear-gradient(#fff8e41f,#fff8e40f);border-color:#ffe6ad1f}.settings-panel.is-dark .field-shell-reciter select{color:#f1c979}.settings-panel.is-dark .field-shell:after{border-bottom-color:#f6ead1cc;border-left-color:#f6ead1cc}.toggle-row{justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.toggle-row>div{gap:2px;display:grid}.toggle-row span{color:var(--muted)}.settings-panel.is-dark .toggle-row span{color:#f6ead1bd}.switch{cursor:pointer;background:#85745a47;border:0;border-radius:999px;width:60px;height:34px;position:relative}.switch:after{content:"";background:#fff;border-radius:999px;width:26px;height:26px;transition:transform .14s;position:absolute;top:4px;left:4px}.switch.is-on:after{transform:translate(26px)}.ayah-mode{position:relative}.ayah-feed{scroll-snap-type:y proximity;scroll-snap-stop:always;scrollbar-width:none;overscroll-behavior-y:contain;height:calc(100dvh - 74px);overflow-y:auto}.ayah-feed::-webkit-scrollbar{display:none}.ayah-screen{scroll-snap-align:start;background:radial-gradient(circle,#be9c5d1f,#0000 30%),#020202;place-items:center;min-height:calc(100dvh - 74px);padding:96px 20px 112px;display:grid}.ayah-center{justify-items:center;gap:20px;width:min(100%,1100px);display:grid}.ayah-chapter-name{color:#ffe8bdb3;letter-spacing:.08em;font-size:.95rem}.ayah-screen-text{text-align:center;color:#fff8eb;overflow-wrap:anywhere;direction:rtl;max-width:18em;margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:2.25}.ayah-screen-text[data-size=medium]{font-size:clamp(2rem,4vw,3.6rem)}.ayah-screen-text[data-size=compact]{font-size:clamp(1.5rem,3vw,2.8rem)}.ayah-end{white-space:nowrap;color:#553d18;vertical-align:middle;font-variant-numeric:lining-nums;direction:ltr;unicode-bidi:isolate;justify-content:center;align-items:center;margin-inline-start:.08em;font-family:Segoe UI,Arial,sans-serif;font-size:.56em;display:inline-flex}.ayah-end:before,.ayah-end:after{color:#a47b32;font-size:1.08em;line-height:1}.ayah-end:before{content:"﴿";margin-inline-end:.08em}.ayah-end:after{content:"﴾";margin-inline-start:.08em}.ayah-end-ornate{color:#6a4c1f}.ayah-end{color:#6a4c1f;font-family:var(--font-quran), serif;text-shadow:0 1px #fff8e4a6}.ayah-end:before,.ayah-end:after{color:#a47b32;font-size:1.12em}.ayah-end:before{content:"﴾"}.ayah-end:after{content:"﴿"}.ayah-overlay{z-index:20;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;left:0;right:0}.ayah-overlay-top{pointer-events:none;top:74px}.ayah-overlay-bottom{pointer-events:auto;bottom:0}.reader-root-dark .overlay-title strong,.reader-root-dark .overlay-title span{color:#f6ead1}.overlay-pills span{color:#f6ead1d6;background:#fff8e414;border:1px solid #ffe6ad1f;border-radius:999px;padding:8px 12px}.player-strip{justify-content:center;width:100%}.player-strip-minimal button{flex:0 150px}.audio-fab{z-index:28;color:#f8eecf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0cd6;border:1px solid #ffe6ad2e;border-radius:999px;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.2rem;display:inline-flex;position:fixed;bottom:16px;left:16px;box-shadow:0 14px 32px #00000057}.audio-fab.is-on{color:#fff;background:linear-gradient(135deg,#d1b277,#8f6f3d)}.mobile-hidden{display:inline-flex}.mushaf-mode{min-height:calc(100dvh - var(--desktop-topbar-height));padding:24px}.mushaf-mode-mobile{height:calc(100dvh - 52px);overflow:hidden}.mushaf-stage{min-height:calc(100dvh - var(--desktop-topbar-height) - 48px);background:var(--panel);border:1px solid var(--panel-border);border-radius:28px;align-content:start;justify-items:center;gap:18px;padding:22px;display:grid;overflow:hidden;box-shadow:0 24px 60px #2d1d091f}.mushaf-stage-mobile{height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;gap:6px;padding:4px 0 64px;overflow:hidden}.mushaf-meta{justify-items:center;gap:6px;display:grid}.mushaf-meta-compact{gap:2px;font-size:.68rem;line-height:1.1}.mushaf-meta-compact strong{font-size:.72rem;font-weight:700}.mushaf-live-actions{justify-content:center;gap:12px;width:100%;display:flex}.mushaf-live-actions button{color:#5a4019;cursor:pointer;background:linear-gradient(#fffdf5f2,#f5ecd7f2);border:1px solid #8c6a2d3d;border-radius:999px;min-height:46px;padding:12px 18px}.mushaf-spread{width:min(100%,1400px);height:calc(100dvh - var(--desktop-topbar-height) - var(--desktop-mushaf-footer-height) - 92px);direction:rtl;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;transition:transform .18s,opacity .18s;display:grid}.mushaf-spread-animated{animation:.26s mushafPageEnter}.mushaf-spread.is-swipe-next{transform:translate(-16px)}.mushaf-spread.is-swipe-prev{transform:translate(16px)}.mushaf-image{background:#fffefa;border-radius:20px;width:min(100%,900px);height:auto}.mushaf-text-page{--mushaf-fit-scale:1;aspect-ratio:.72;color:#2a2118;direction:rtl;background:linear-gradient(#fffef9fa,#fbf6eafa);border:1px solid #5b47271f;border-radius:24px;width:100%;height:100%;min-height:0;padding:24px 22px 20px;font-size:clamp(1.5rem,2vw,2.2rem);line-height:2.3;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc,0 20px 50px #442e0e14}.mushaf-text-page-content{font-size:calc(1em * var(--mushaf-fit-scale))}.mushaf-text-page:before{content:"";pointer-events:none;border:1px solid #a3834938;border-radius:18px;position:absolute;inset:14px}.mushaf-inline-verse{margin-inline-start:.2em;display:inline}.mushaf-block{gap:14px;display:grid}.mushaf-block+.mushaf-block{margin-top:16px}.surah-banner{grid-template-columns:1fr auto 1fr;place-items:center;gap:16px;padding:10px 12px 6px;display:grid}.surah-banner strong{color:#5a4019;background:linear-gradient(#fff7de,#ecd39c);border:1px solid #8c6a2d47;border-radius:18px;padding:10px 28px 8px;font-size:1.1em;position:relative;box-shadow:inset 0 1px #fff9e7cc,0 4px 12px #7b5b2514}.surah-ornament{color:#a47b32;font-size:1.1em}.surah-banner-line{background:linear-gradient(90deg,#0000,#af8b48cc,#0000);height:2px}.mushaf-basmala{text-align:center;color:#674a1f;justify-content:center;align-items:center;gap:12px;margin-top:-6px;font-size:1.08em;display:flex}.mushaf-basmala.is-fatiha{justify-content:center;margin-top:8px;margin-bottom:18px;padding-top:10px;padding-bottom:6px;font-size:1.18em;display:flex}.basmala-ornament{color:#a47b32;font-size:.95em}.mushaf-block-body{text-align:justify;text-align-last:center;overflow:hidden}.mushaf-block-body.is-centered{text-align:center}.mushaf-page-footer{width:min(100%,1280px);min-height:var(--desktop-mushaf-footer-height);color:#6a5b45;text-align:center;align-content:center;justify-items:center;gap:4px;padding:6px 12px 0;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;display:grid}.mushaf-page-footer.is-mobile{font-size:.84rem}.mushaf-empty-state{text-align:center;background:#fffdf5f5;border:1px solid #5b47271f;border-radius:24px;width:min(100%,760px);padding:28px}@keyframes mushafPageEnter{0%{opacity:0;transform:translate(22px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@media (max-width:900px){:root{--mobile-topbar-height:58px;--mobile-bottom-bar-height:0px;--mobile-mushaf-book-height:80dvh}.reader-root{min-height:100dvh}.topbar{min-height:var(--mobile-topbar-height);padding:8px 10px}.topbar-compact{gap:6px;padding:6px 8px}.settings-button{min-height:42px;padding:10px 12px;font-size:.82rem}.topbar-back,.topbar-actions{flex:1 1 0}.topbar-actions{justify-content:flex-end;display:flex}.settings-panel{z-index:45;width:100%;inset:auto 0 0;transform:translateY(100%)}.settings-backdrop{z-index:44}.settings-panel.is-open{transform:translateY(0)}.settings-card{min-height:min(52vh,420px);max-height:calc(100dvh - var(--mobile-topbar-height) - 12px);border-radius:24px 24px 0 0;padding:18px 16px;overflow-y:auto}.settings-actions,.player-strip,.overlay-pills{justify-content:stretch}.mobile-hidden{display:none}.settings-actions button,.player-strip button,.overlay-pills span{width:100%}.ayah-overlay-top{padding-bottom:0;top:74px}.ayah-overlay-top .overlay-pills{display:none}.ayah-feed{height:calc(100dvh - var(--mobile-topbar-height) - var(--mobile-bottom-bar-height));scroll-padding-top:16px}.ayah-screen{min-height:calc(100dvh - var(--mobile-topbar-height) - var(--mobile-bottom-bar-height));padding:72px 16px 96px}.audio-fab{width:50px;height:50px;bottom:14px;left:14px}.ayah-screen-text{max-width:100%;font-size:clamp(1.75rem,5.4vw + .9rem,3.1rem);line-height:2}.ayah-screen-text[data-size=medium]{font-size:clamp(1.45rem,4.7vw + .72rem,2.45rem)}.ayah-screen-text[data-size=compact]{font-size:clamp(1.16rem,4vw + .6rem,1.95rem)}.mushaf-mode{min-height:auto;padding:0}.mushaf-spread{width:100%;height:var(--mobile-mushaf-book-height);grid-template-columns:1fr;justify-items:center;gap:0;min-height:0}.mobile-hidden-page,.mushaf-live-actions{display:none}.mushaf-text-page{min-height:0;height:min(100%, var(--mobile-mushaf-book-height));aspect-ratio:auto;border-radius:18px;width:min(100%,96vw);padding:16px 12px 18px;font-size:clamp(.96rem,1.1vw + .9rem,1.22rem);line-height:1.95;overflow:hidden;box-shadow:0 14px 34px #442e0e14}.mushaf-text-page:before{inset:6px}.mushaf-mode-mobile{height:calc(100dvh - var(--mobile-topbar-height) - var(--mobile-bottom-bar-height))}.mushaf-stage-mobile{align-content:start;gap:12px;padding:6px 0 10px}.mushaf-page-footer{width:min(94vw,560px);min-height:0}.surah-banner{gap:8px;padding:8px 8px 4px}.surah-banner strong{padding:6px 12px 5px;font-size:.82em}.mushaf-basmala{gap:8px;margin-top:0;font-size:.84em}.mushaf-basmala.is-fatiha{margin-top:2px;margin-bottom:10px;padding-top:4px;padding-bottom:2px}.mushaf-block{gap:12px}.mushaf-block+.mushaf-block{margin-top:10px}.mushaf-inline-verse{margin-inline-start:.12em}.mushaf-block-body{line-height:1.92}.settings-button{min-width:112px}.home-root{padding:14px}.home-hero{border-radius:28px;gap:16px;min-height:auto;padding:22px 18px}.home-grid{grid-template-columns:1fr}}