.quran-audio{border:1px solid var(--line);background:var(--surface);width:min(920px,100% - 48px);min-height:76px;color:var(--ink);direction:ltr;border-radius:16px;align-items:center;gap:19px;margin-inline:auto;padding:14px 23px;font-family:inherit;display:flex;position:relative;box-shadow:0 9px 35px #36281a0d}.quran-audio button,.quran-audio select,.quran-audio input{font:inherit}.quran-audio button{cursor:pointer;flex-shrink:0}.quran-audio button:disabled,.quran-audio select:disabled{opacity:.35;cursor:default}.quran-audio button:focus-visible,.quran-audio select:focus-visible,.quran-audio input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.audio-play{width:44px;height:44px;color:var(--paper);background:var(--accent);border:0;border-radius:50%;place-items:center;transition:box-shadow .18s,transform .18s;display:grid}.audio-play:hover:not(:disabled){box-shadow:0 0 0 5px var(--accent-soft)}.audio-play:active:not(:disabled){transform:scale(.96)}.audio-play>svg{stroke-width:1.5px}.audio-description{flex:0 230px;min-width:110px;line-height:1.6}.audio-verse{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;font-size:12px;font-weight:600;display:block;overflow:hidden}.audio-ayah{color:var(--muted);font-weight:400}.audio-reciter{width:fit-content;max-width:100%;color:var(--muted);align-items:center;gap:4px;display:flex}.audio-reciter select{appearance:none;color:inherit;cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;min-width:0;max-width:100%;padding:1px 0;font-size:10px}.audio-reciter svg{pointer-events:none;flex-shrink:0}.quran-audio option{background:var(--surface);color:var(--ink)}.audio-progress{flex:280px;align-items:center;gap:13px;min-width:100px;display:flex}.audio-range{appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:18px;margin:0;display:block}.audio-range:disabled{cursor:default;opacity:.6}.audio-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0 var(--range-progress), var(--line) var(--range-progress) 100%);border-radius:10px;height:3px}.audio-range::-moz-range-track{background:var(--line);border-radius:10px;height:3px}.audio-range::-moz-range-progress{background:var(--accent);border-radius:10px;height:3px}.audio-range::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:50%;width:9px;height:9px;margin-top:-3px}.audio-range::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:9px;height:9px}.audio-range:disabled::-webkit-slider-thumb{opacity:0}.audio-range:disabled::-moz-range-thumb{opacity:0}.audio-time{white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums;font-size:9px}.audio-time>span{color:var(--muted)}.audio-transport{gap:3px;display:flex}.audio-icon{width:30px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:color .18s,background .18s;display:grid}.audio-icon:hover:not(:disabled){color:var(--accent);background:var(--accent-soft)}.audio-speed select{appearance:none;color:var(--muted);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:5px 2px;font-size:10px}.audio-volume{flex:0 0 81px;align-items:center;gap:5px;display:flex}.audio-volume>.audio-range{width:48px}.audio-error{border:1px solid var(--line);background:var(--surface);width:max-content;max-width:min(100%,460px);color:var(--ink);border-radius:10px;padding:10px 14px;font-size:12px;line-height:1.5;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 5px 20px #36281a14}.audio-spinner{animation:.85s linear infinite audio-spin}@keyframes audio-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.quran-audio{gap:12px;padding-inline:16px}.audio-description{flex-basis:190px}.audio-volume{flex-basis:30px}.audio-volume>.audio-range{display:none}}@media (max-width:600px){.quran-audio{border-radius:14px;gap:11px;width:calc(100% - 24px);min-height:81px;padding:12px 14px 18px}.audio-play{width:39px;height:39px}.audio-description{flex:auto;min-width:0}.audio-verse{font-size:11px}.audio-reciter select{font-size:9px}.audio-progress{min-width:0;height:18px;position:absolute;bottom:1px;left:15px;right:15px}.audio-progress .audio-range{flex:1}.audio-time{font-size:8px}.audio-transport{gap:0}.audio-icon{width:28px;height:32px}.audio-volume{flex-basis:28px}.audio-speed select{font-size:9px}}@media (max-width:360px){.quran-audio{gap:6px;padding-inline:10px}.audio-play{width:35px;height:35px}.audio-volume{display:none}}@media (prefers-reduced-motion:reduce){.quran-audio button{transition:none}.audio-spinner{animation:none}}
.translation-margin{min-width:0;height:100%;min-height:0;max-height:100%;color:var(--page-ink,#343c33);text-align:left;direction:ltr;flex-direction:column;display:flex}.translation-margin-heading{border-bottom:1px solid color-mix(in srgb, var(--line) 75%, transparent);flex:none;padding:2px 7px 15px}.translation-margin-eyebrow{color:var(--muted);letter-spacing:.15em;font-size:8px;font-weight:500;display:block}.translation-margin-heading h3{font-family:var(--serif,Georgia, serif);text-transform:capitalize;margin:8px 0 5px;font-size:22px;font-weight:500;line-height:1}.translation-margin-heading p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:9px;line-height:1.65}.translation-margin-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 28%, transparent) transparent;outline-offset:0;flex:auto;min-height:0;padding:0 2px;overflow-y:auto}.translation-margin-verses{margin:0;padding:0;list-style:none}.translation-margin-surah{color:var(--muted);margin:17px 7px 8px;font-size:9px;font-weight:500;line-height:1.5}.translation-verse{border:0;border-bottom:1px solid color-mix(in srgb, var(--line) 45%, transparent);width:100%;color:inherit;text-align:start;background:0 0;border-radius:2px;margin:0;padding:9px 7px 12px;transition:background .2s,box-shadow .2s;display:block}.translation-verse:hover{background:color-mix(in srgb, var(--accent-soft) 50%, transparent)}.translation-verse:focus-visible{outline-offset:-2px}.translation-verse-number{border:1px solid color-mix(in srgb, var(--line) 90%, transparent);font-variant-numeric:tabular-nums;width:max-content;min-width:19px;color:var(--muted);text-align:center;border-radius:3px;margin-bottom:5px;padding:1px 4px;font-size:9px;line-height:1.5;display:block}.translation-verse-text{font-family:var(--font-sans,Manrope, Arial, sans-serif);white-space:pre-wrap;overflow-wrap:break-word;font-size:15px;font-weight:400;line-height:1.8;display:block}.translation-verse-text[dir=rtl]{font-family:var(--font-uyghur,"Noto Naskh Arabic", "Geeza Pro", serif);text-align:right;font-size:17px;line-height:1.95}.translation-verse-text[lang=ug]{font-family:var(--font-uyghur-translation,"Noto Naskh Arabic", "Geeza Pro", serif);font-weight:var(--font-uyghur-translation-weight,400)}.translation-selected{background:color-mix(in srgb, var(--accent-soft) 70%, transparent);box-shadow:inset 2px 0 color-mix(in srgb, var(--accent) 60%, transparent)}.translation-playing{background:#81977d2b;box-shadow:inset 2px 0 #81977d}.translation-verse-missing{color:var(--muted);font-size:11px;line-height:1.7;display:block}.translation-margin-source{border-top:1px solid color-mix(in srgb, var(--line) 75%, transparent);color:var(--muted);overflow-wrap:anywhere;flex-direction:column;flex:none;gap:3px;margin:8px 7px 0;padding-top:9px;font-size:8px;line-height:1.6;display:flex}.translation-margin-notice{color:var(--muted);margin:20px 7px;font-size:11px;line-height:1.8}.translation-margin-notice>svg{margin-bottom:8px;display:block}.translation-margin-notice p{margin:8px 0}.translation-margin-notice button{text-underline-offset:3px;color:var(--accent);padding:4px 0;font-size:11px;text-decoration:underline}.translation-margin-spinner{animation:1.2s linear infinite translation-margin-spin}.translation-margin--compact{border-top:1px solid var(--line);height:auto;max-height:none;padding:20px 22px 17px}.translation-margin--compact .translation-margin-heading{justify-content:space-between;gap:14px;padding-bottom:12px;display:flex}.translation-margin--compact .translation-margin-heading h3{font-size:24px}.translation-margin-picker{color:var(--muted);align-self:center;align-items:center;gap:8px;font-size:10px;display:flex}.translation-margin-picker select{border:1px solid var(--line);background:var(--paper);max-width:92px;min-height:37px;color:var(--ink);border-radius:5px;padding:5px 7px;font-size:16px}.translation-margin--compact .translation-margin-scroll{max-height:280px}.translation-margin--compact .translation-verse{border-bottom:0}.translation-margin--compact .translation-margin-source{flex-flow:wrap;gap:4px 12px}@keyframes translation-margin-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.translation-verse{transition:none}.translation-margin-spinner{animation:none}}
.book-translation-reader .reader-main{max-width:1740px;padding-inline:52px}.book-translation-reader .reader-workspace{max-width:1460px}.book-translation-reader .book-pages{align-items:stretch}.mushaf-leaf{background-color:var(--paper);direction:ltr;background-image:radial-gradient(#78643c09 .6px,#0000 .6px);background-size:4px 5px;flex:0 0 50%;width:50%;min-width:0;transition:grid-template-columns .28s;display:grid;position:relative}.mushaf-leaf.leaf-right{grid-template-columns:minmax(0,76fr) minmax(0,24fr)}.mushaf-leaf.leaf-left{grid-template-columns:minmax(0,24fr) minmax(0,76fr)}.mushaf-leaf.leaf-right.without-translation{grid-template-columns:minmax(0,1fr) minmax(0,0fr)}.mushaf-leaf.leaf-left.without-translation{grid-template-columns:minmax(0,0fr) minmax(0,1fr)}.mushaf-leaf>.mushaf-page{width:100%;box-shadow:none;background:0 0;grid-area:1/1;padding:25px 20px 15px}.mushaf-leaf.leaf-left>.mushaf-page{grid-column:2}.mushaf-leaf .page-frame{padding-inline:13px}.mushaf-leaf .translation-slot{opacity:1;grid-area:1/2;min-width:0;min-height:0;transition:opacity .18s;position:relative;overflow:hidden}.mushaf-leaf.leaf-left .translation-slot{grid-column:1}.translation-slot>.translation-margin{height:auto;max-height:none;position:absolute;inset:26px 15px 23px 0}.leaf-left .translation-slot>.translation-margin{inset-inline:15px 0}.without-translation .translation-slot{opacity:0;pointer-events:none}.translation-trigger.selected{color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 60%, transparent);border-radius:5px}.mushaf-line.line-width-reflow .mushaf-line-inner{white-space:normal;width:auto;display:inline}.mushaf-line.line-width-reflow .ayah-fragment{white-space:normal}.book-translation-reader .ayah-fragment{scroll-margin-block:100px 130px}.book-translation-reader .page-turn-leaf .mushaf-leaf{width:100%;height:100%}.book-translation-reader.focus-mode .reader-main{max-width:1650px}@media (max-width:1500px){.book-translation-reader{--sidebar-width:0px}.book-translation-reader .reading-sidebar{display:none}.book-translation-reader .sidebar-restore,.book-translation-reader .mobile-bookmarks{display:inline-flex}.book-translation-reader .reader-main{padding-inline:46px}}@media (max-width:1100px){.book-translation-reader .reader-main{padding-inline:35px}.mushaf-leaf>.mushaf-page{padding-inline:16px}.book-translation-reader .page-arrow.next-page{left:-30px}.book-translation-reader .page-arrow.previous-page{right:-30px}.book-translation-reader .reader-workspace{max-width:800px}.book-translation-reader .book-pages{display:block}.book-translation-reader .mushaf-leaf{width:100%}.book-translation-reader .book-binding{display:none}.book-translation-reader .page-turn-leaf{width:100%}.mushaf-leaf>.mushaf-page{min-height:620px}}@media (max-width:760px){.book-translation-reader .reader-main{padding-inline:17px}.book-translation-reader .mushaf-leaf{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);transition:grid-template-rows .28s;display:grid}.book-translation-reader .mushaf-leaf.without-translation{grid-template-rows:auto minmax(0,0fr)}.book-translation-reader .mushaf-leaf>.mushaf-page{grid-area:1/1;min-height:560px;padding-inline:22px}.book-translation-reader .translation-slot{grid-area:2/1}.book-translation-reader .without-translation .translation-slot{max-height:0}.book-translation-reader .translation-slot>.translation-margin{height:auto;scroll-margin-block:20px 125px;position:relative;inset:auto}.book-translation-reader .page-arrow{top:260px}.book-translation-reader .page-arrow.next-page{left:-25px}.book-translation-reader .page-arrow.previous-page{right:-25px}.book-translation-reader .page-turn-leaf{display:none}}@media (prefers-reduced-motion:reduce){.mushaf-leaf,.translation-slot{transition:none!important}}
[data-paper-style]{--mushaf-paper:#fffaf0;--mushaf-ink:#34382f;--mushaf-muted:#706f60;--mushaf-rule:#dfd6c2;--mushaf-accent:#926047;--mushaf-selection:#ede1cc;--mushaf-edge:#d4c8ad;--mushaf-binding:86, 65, 36;--mushaf-frame-opacity:.55;--mushaf-grain:radial-gradient(ellipse at 9% 97%, #916b2c0b, transparent 44%), radial-gradient(ellipse at 91% 7%, #a37f4109, transparent 50%), repeating-linear-gradient(11deg, transparent 0 3px, #795f3403 3.5px, transparent 4px 11px)}[data-paper-style=warm-ivory]{--mushaf-paper:#fff9ed;--mushaf-rule:#e7ddc9;--mushaf-edge:#dacfb9;--mushaf-frame-opacity:.25;--mushaf-grain:radial-gradient(ellipse at 50% 0, #fffdf8, transparent 75%), repeating-linear-gradient(94deg, transparent 0 8px, #7c653303 8.5px, transparent 9px 21px)}[data-paper-style=old-manuscript]{--mushaf-paper:#f1e5c8;--mushaf-ink:#403a2b;--mushaf-muted:#756549;--mushaf-rule:#ccbb93;--mushaf-accent:#875435;--mushaf-selection:#e4d2ac;--mushaf-edge:#bba478;--mushaf-frame-opacity:.62;--mushaf-grain:radial-gradient(ellipse at 0 0, #8e622621, transparent 38%), radial-gradient(ellipse at 100% 100%, #8e62261a, transparent 33%), radial-gradient(ellipse at 80% 30%, #fffeec73, transparent 65%), repeating-linear-gradient(13deg, transparent 0 6px, #61431805 6.5px, transparent 7px 17px), repeating-linear-gradient(94deg, transparent 0 21px, #6f4e1e04 21.5px, transparent 22px 43px)}[data-paper-style=antique]{--mushaf-paper:#f7edd8;--mushaf-ink:#3d392e;--mushaf-muted:#756a53;--mushaf-rule:#d7c9ae;--mushaf-selection:#eadcc3;--mushaf-edge:#c9b795;--mushaf-frame-opacity:.4;--mushaf-grain:radial-gradient(ellipse at 2% 88%, #885c2011, transparent 41%), radial-gradient(ellipse at 91% 5%, #fffdf5a6, transparent 55%), repeating-linear-gradient(3deg, transparent 0 13px, #74572b04 13.5px, transparent 14px 31px)}[data-paper-style=clean-white]{--mushaf-paper:#fff;--mushaf-ink:#2d352f;--mushaf-muted:#657066;--mushaf-rule:#e6e8e3;--mushaf-accent:#7d624b;--mushaf-selection:#f0ece5;--mushaf-edge:#e0e1da;--mushaf-binding:73, 77, 67;--mushaf-frame-opacity:.2;--mushaf-grain:none}[data-paper-style=night]{--mushaf-paper:#292b27;--mushaf-ink:#e2ddcc;--mushaf-muted:#aca997;--mushaf-rule:#4c4c3f;--mushaf-accent:#d9b596;--mushaf-selection:#444135;--mushaf-edge:#4a493f;--mushaf-binding:0, 0, 0;--mushaf-frame-opacity:.5;--mushaf-grain:radial-gradient(ellipse at 50% 10%, #ebd19406, transparent 70%)}[data-paper-style] .mushaf-book{--paper:var(--mushaf-paper);--page-ink:var(--mushaf-ink);--ink:var(--mushaf-ink);--muted:var(--mushaf-muted);--line:var(--mushaf-rule);--accent:var(--mushaf-accent);--accent-soft:var(--mushaf-selection);background:var(--mushaf-paper);box-shadow:0 1px 1px rgb(var(--mushaf-binding) / .15), 0 3px 0 -1px var(--mushaf-edge), 0 5px 0 -2px var(--mushaf-paper), 0 6px 0 -2px var(--mushaf-edge), 0 8px 0 -3px var(--mushaf-paper), 0 9px 0 -3px var(--mushaf-edge), 0 16px 25px -14px rgb(var(--mushaf-binding) / .28), 0 27px 45px -27px rgb(var(--mushaf-binding) / .25)}[data-paper-style] .mushaf-leaf{background-color:var(--mushaf-paper);background-image:var(--mushaf-grain);background-size:auto;transition:grid-template-columns .28s,background-color .22s}[data-paper-style] .mushaf-leaf.leaf-right{box-shadow:inset 15px 0 22px -19px rgb(var(--mushaf-binding) / .42), inset -1px 0 0 #ffffff4d}[data-paper-style] .mushaf-leaf.leaf-left{box-shadow:inset -15px 0 22px -19px rgb(var(--mushaf-binding) / .42), inset 1px 0 0 #ffffff4d}[data-paper-style] .mushaf-leaf>.mushaf-page{color:var(--mushaf-ink);background:0 0}[data-paper-style] .page-frame{border-color:color-mix(in srgb, var(--mushaf-accent) calc(var(--mushaf-frame-opacity) * 100%), transparent)}[data-paper-style=warm-ivory] .frame-corner,[data-paper-style=clean-white] .frame-corner{opacity:.2}[data-paper-style] .book-binding{background:linear-gradient(90deg, transparent, rgb(var(--mushaf-binding) / .035) 19%, rgb(var(--mushaf-binding) / .11) 42%, rgb(var(--mushaf-binding) / .21) 49%, #fff1 52%, rgb(var(--mushaf-binding) / .07) 64%, transparent);width:34px}[data-paper-style] .page-turn-leaf{background:var(--mushaf-paper);box-shadow:-5px 4px 24px rgb(var(--mushaf-binding) / .16)}[data-paper-style] .page-turn-leaf:after{content:"";pointer-events:none;background:linear-gradient(90deg, rgb(var(--mushaf-binding) / .13), transparent 22%, #ffffff0f 60%, rgb(var(--mushaf-binding) / .08));animation:.6s both paper-turn-light;position:absolute;inset:0}[data-paper-style] .mushaf-line{min-height:calc(1.9em * var(--reader-line-spacing,1));line-height:calc(1.9 * var(--reader-line-spacing,1))}[data-paper-style] .opening-page .mushaf-line{min-height:calc(1.85em * var(--reader-line-spacing,1));line-height:calc(1.85 * var(--reader-line-spacing,1))}[data-paper-style] .translation-verse-text{font-size:calc(15px * var(--translation-font-scale,1))}[data-paper-style] .translation-verse-text[dir=rtl]{font-size:calc(17px * var(--translation-font-scale,1))}.reader-panel .panel-study-text[data-study-mode=translation]{font-size:calc(19px * var(--translation-font-scale,1))}.reader-panel .panel-study-text[data-study-mode=translation][dir=rtl]{font-size:calc(20px * var(--translation-font-scale,1))}@keyframes paper-turn-light{0%{opacity:0}50%{opacity:1}to{opacity:.3}}@media (max-width:1100px){[data-paper-style] .mushaf-leaf.leaf-right,[data-paper-style] .mushaf-leaf.leaf-left{box-shadow:inset 10px 0 19px -20px rgb(var(--mushaf-binding) / .6)}}@media (prefers-reduced-motion:reduce){[data-paper-style] .mushaf-leaf{transition:none}[data-paper-style] .page-turn-leaf:after{animation:none}}
@font-face{font-family:QPC Hafs;src:url(/fonts/UthmanicHafs1Ver18.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}.reading-mode-bar{justify-content:center;align-items:center;gap:5px;margin-bottom:18px;display:flex}.reading-mode-bar>button{color:var(--muted);border-radius:20px;padding:9px 17px;font-size:11px}.reading-mode-bar>button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.reading-mode-bar>button:hover{color:var(--accent)}.reading-mode-bar .reading-history-shortcut{margin-left:auto;padding-inline:10px}.home-reader-intro{display:none}.page-bookmark-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);z-index:2;background:#a27156;width:11px;height:37px;position:absolute;top:-4px;right:25px;box-shadow:1px 1px 2px #0000001f}.leaf-left .page-bookmark-ribbon{left:25px;right:auto}.focus-mode .continue-banner,.focus-mode .reading-mode-bar,.focus-mode .reading-dashboard,.focus-mode .under-book,.focus-mode .ayah-actions{display:none}.focus-mode .reader-toolbar{visibility:hidden;opacity:0;height:0;min-height:0;margin:0;padding:0;overflow:hidden}.focus-mode .book-stage{margin-top:28px}.focus-mode .audio-container{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s}.focus-mode.focus-audio-visible .audio-container{visibility:visible;opacity:1;pointer-events:auto}.focus-options{z-index:24;gap:7px;display:flex;position:fixed;top:14px;left:20px}.focus-options button{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:10px}.focus-mode .focus-options,.focus-mode .focus-exit{opacity:0;pointer-events:none;transition:opacity .22s}.focus-mode.focus-controls-visible .focus-options,.focus-mode.focus-controls-visible .focus-exit,.focus-mode .focus-options:focus-within,.focus-mode .focus-exit:focus-visible{opacity:1;pointer-events:auto}.focus-mode .page-arrow{opacity:.28;transition:opacity .22s}.focus-mode.focus-controls-visible .page-arrow,.focus-mode .page-arrow:focus-visible{opacity:1}@media (max-width:760px){.reading-mode-bar{justify-content:flex-start;gap:0;margin-bottom:11px}.reading-mode-bar>button{padding:8px 11px;font-size:10px}.focus-options{gap:4px;top:12px;left:12px}.focus-options button{padding:7px 8px;font-size:9px}.focus-exit kbd{display:none}.focus-mode .book-stage{margin-top:10px}}