.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}}.audio-repeat-count{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.audio-practice{display:flex;position:relative}.audio-practice-trigger{position:relative}.audio-practice-trigger.is-active{color:var(--accent)}.audio-practice-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:3px}.audio-practice-panel{z-index:5;border:1px solid var(--line);background:var(--surface);width:min(320px,100vw - 32px);box-shadow:0 18px 50px rgba(var(--shadow), .18);text-align:start;border-radius:12px;gap:12px;padding:14px 16px 16px;display:grid;position:absolute;bottom:calc(100% + 18px);right:-8px}.audio-practice-panel header{justify-content:space-between;align-items:center;font-size:12px;display:flex}.audio-practice-panel fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.audio-practice-panel legend{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:6px;padding:0;font-size:10px;display:flex}.audio-chip-row{flex-wrap:wrap;gap:6px;display:flex}.audio-chip-row button{border:1px solid var(--line);min-width:42px;min-height:32px;color:var(--ink);background:0 0;border-radius:999px;padding:5px 10px;font-size:11px}.audio-chip-row button[aria-pressed=true]{background:var(--accent);color:var(--paper);border-color:#0000}.audio-practice-toggle{align-items:center;gap:8px;font-size:11px;display:flex}.audio-practice-toggle input{width:16px;height:16px;accent-color:var(--accent)}.audio-loop-range{grid-template-columns:1fr 1fr;gap:8px;display:grid}.audio-loop-range label{color:var(--muted);gap:4px;font-size:10px;display:grid}.audio-loop-range select{border:1px solid var(--line);background:var(--paper);min-height:34px;color:var(--ink);border-radius:6px;padding:4px 8px;font-size:12px}.audio-practice-note{color:var(--muted);margin:0;font-size:10px;line-height:1.5}@media (max-width:600px){.audio-practice{position:static}.audio-practice-panel{width:auto;bottom:calc(100% + 10px);left:0;right:0}}@media (prefers-reduced-motion:reduce){.quran-audio button{transition:none}.audio-spinner{animation:none}}.audio-routine-active{background:var(--accent-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.audio-routine-active p{margin:0;font-size:11px}.audio-routine-active button,.audio-routine-add button{border:1px solid var(--line);background:var(--paper);border-radius:6px;min-height:30px;padding:4px 10px;font-size:11px}.audio-routine-builder summary{cursor:pointer;color:var(--accent);font-size:11px}.audio-routine-builder ol{gap:2px;margin:8px 0 0;padding-inline-start:20px;font-size:11px;display:grid}.audio-routine-builder li{justify-content:space-between;align-items:center;display:flex}.audio-routine-builder li .audio-icon{width:24px;height:24px}.audio-routine-add{gap:6px;margin-top:8px;display:flex}.audio-routine-add select{border:1px solid var(--line);background:var(--paper);min-width:0;min-height:30px;color:var(--ink);border-radius:6px;flex:1;font-size:11px}.audio-practice-panel{max-height:min(70dvh,620px);overflow-y:auto}.audio-collapse,.audio-expand,.audio-ring{display:none}@media (max-width:760px){.audio-collapse{border:1px solid var(--line);background:var(--surface);width:48px;height:24px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-15px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0000001f}.quran-audio.is-compact{border-radius:999px;flex-wrap:nowrap;gap:2px;width:auto;min-height:0;margin-inline:auto 0;padding:6px 6px 6px 7px;animation:.22s both audio-compact-in;box-shadow:0 10px 28px #00000038}.quran-audio.is-compact>:not(audio):not(.audio-play):not(.audio-expand):not(.audio-error){display:none!important}.quran-audio.is-compact .audio-play{width:50px;height:50px;position:relative}.quran-audio.is-compact .audio-ring{pointer-events:none;width:calc(100% + 8px);height:calc(100% + 8px);display:block;position:absolute;inset:-4px;transform:rotate(-90deg)}.audio-ring circle{fill:none;stroke:color-mix(in srgb, var(--accent) 18%, transparent);stroke-width:2.5px}.audio-ring .audio-ring-value{stroke:var(--accent);stroke-linecap:round;transition:stroke-dasharray .25s linear}.quran-audio.is-compact .audio-expand{min-width:44px;height:44px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:0 8px;font-size:11px;display:inline-flex}.audio-expand-ayah{color:var(--accent);font-weight:600}.quran-audio.is-compact .audio-error{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:max-content;max-width:min(78vw,320px);padding:8px 11px;position:absolute;bottom:calc(100% + 8px);right:0}.audio-container:has(.quran-audio.is-compact){justify-content:flex-end;left:auto}.quran-audio:not(.is-compact){margin-top:12px;animation:.24s cubic-bezier(.2,.8,.2,1) both audio-card-in}}@keyframes audio-compact-in{0%{opacity:0;transform:translateY(8px)scale(.92)}to{opacity:1;transform:none}}@keyframes audio-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.quran-audio.is-compact,.quran-audio:not(.is-compact){animation:none}.audio-ring .audio-ring-value{transition: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}}:is(.translation-verse-text,.panel-study-text)[data-uyghur-script]{letter-spacing:.005em;text-align:start;font-family:Cormorant,Georgia,serif;font-weight:500}[data-paper-style] .translation-verse-text[data-uyghur-script]{font-size:calc(17px * var(--translation-font-scale,1));line-height:1.55}.panel-uyghur-script{margin-top:16px}.panel-uyghur-script .appearance-size-presets{margin-top:6px}.panel-uyghur-script .appearance-size-presets button{font-size:12px}.panel-uyghur-script .appearance-size-presets button[lang=ug]{font-family:var(--font-uyghur-translation,"ALKATIP Alim", serif)}.panel-uyghur-script .appearance-size-presets button:not([lang=ug]){font-family:Cormorant,Georgia,serif}
.recite-bar{--recite-level:0;border:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 62%), var(--surface);border-radius:10px;gap:10px;width:min(100%,980px);margin:0 auto 16px;padding:12px 14px;display:grid}.recite-head{align-items:center;gap:12px;min-width:0;display:flex}.recite-orb{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));background:var(--paper);block-size:38px;inline-size:38px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.recite-orb:after{border:2px solid var(--accent);content:"";opacity:0;border-radius:50%;transition:opacity .16s,transform 90ms linear;position:absolute;inset:-4px;transform:scale(1)}.recite-bar[data-status=listening] .recite-orb:after{opacity:calc(.25 + var(--recite-level) * .75);transform:scale(calc(1 + var(--recite-level) * .22))}.recite-heading{flex:1;gap:2px;min-width:0;display:grid}.recite-heading strong{color:var(--ink);font-size:13px;font-weight:650}.recite-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.recite-heading p.recite-problem{color:var(--accent);font-weight:600}.recite-segment{border:1px solid var(--line);background:var(--paper);border-radius:999px;flex-shrink:0;padding:2px;display:inline-flex}.recite-segment button{min-height:32px;color:var(--muted);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:11px}.recite-segment button[aria-pressed=true]{background:var(--accent-soft);color:var(--ink)}.recite-segment button:hover{background:var(--accent-soft)}.recite-progress{background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;block-size:4px;overflow:hidden}.recite-progress span{border-radius:inherit;background:var(--accent);block-size:100%;transition:inline-size .2s;display:block}.recite-intro{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.recite-actions{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.recite-primary,.recite-stop{border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.recite-primary{background:var(--accent);color:var(--paper)}.recite-primary:hover{background:color-mix(in srgb, var(--accent) 86%, var(--ink))}.recite-stop{border:1px solid var(--line);background:var(--paper);color:var(--ink)}.recite-stop:hover{background:var(--accent-soft)}.recite-fine{color:var(--muted);font-size:10.5px}.recite-link{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 45%, transparent);text-underline-offset:3px;font-size:10.5px}.recite-link:hover{color:var(--ink)}.recite-credit{margin-inline-start:auto}.recite-trigger[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.panel-recite{margin-top:8px}@media (max-width:760px){.recite-bar{width:auto;margin-inline:12px}.recite-head{flex-wrap:wrap}.recite-heading{flex-basis:calc(100% - 100px)}.recite-close{order:3}.recite-segment{order:4;inline-size:100%}.recite-segment button{flex:1}.recite-credit{margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.recite-orb:after,.recite-progress span{transition:none}}@media (forced-colors:active){.recite-orb:after{border-color:highlight}.recite-progress span{background:highlight}}
.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 .mushaf-leaf.leaf-right>.mushaf-page,.book-translation-reader .mushaf-leaf.leaf-left>.mushaf-page{grid-column:1}.book-translation-reader .mushaf-leaf.leaf-right.without-translation,.book-translation-reader .mushaf-leaf.leaf-left.without-translation{grid-template-columns:minmax(0,1fr)}.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:8px}.book-translation-reader .page-arrow.previous-page{right:8px}.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}}
.word-veiled,.word-veiled *{-webkit-text-fill-color:transparent;text-shadow:0 0 .32em color-mix(in srgb, var(--page-ink) 42%, transparent);transition:color .28s,text-shadow .28s;color:#0000!important}.word-veiled{-webkit-user-select:none;user-select:none}.focus-mode .word-veiled,.focus-mode .word-veiled *{text-shadow:0 0 .32em color-mix(in srgb, var(--page-ink) 32%, transparent)}.memorize-bar{border:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 60%), var(--surface);border-radius:10px;gap:10px;width:min(100%,980px);margin:0 auto 16px;padding:12px 14px;display:grid}.memorize-intro{color:var(--accent);align-items:center;gap:10px;display:flex}.memorize-intro p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.memorize-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.memorize-segment{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:2px;display:inline-flex}.memorize-segment button{min-height:32px;color:var(--muted);border-radius:999px;padding:5px 12px;font-size:11px}.memorize-segment button[aria-pressed=true]{background:var(--accent-soft);color:var(--ink)}.memorize-action{border:1px solid var(--line);min-height:34px;color:var(--ink);border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:11px;display:inline-flex}.memorize-action:hover,.memorize-segment button:hover{background:var(--accent-soft)}.offline-chip{background:var(--accent-soft);min-height:30px;color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;display:inline-flex}@media (max-width:760px){.reading-mode-bar{scrollbar-width:none;max-width:100%;overflow-x:auto}.reading-mode-bar::-webkit-scrollbar{display:none}.reading-mode-bar>button{flex-shrink:0}.memorize-bar{width:auto;margin-inline:12px}.memorize-controls{gap:6px}.memorize-action{padding-inline:9px;font-size:10px}.header-shortcuts,.offline-chip span{display:none}}@media (prefers-reduced-motion:reduce){.word-veiled,.word-veiled *{transition:none}}
a.sidebar-link{text-decoration:none}.explore-row{flex-wrap:wrap;gap:8px;margin:-6px 0 18px;display:flex}.explore-row a,.explore-row button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);border-radius:8px;align-items:center;gap:7px;padding:7px 13px;font-size:11px;text-decoration:none;display:inline-flex}.explore-row svg{color:var(--accent)}.explore-row a:hover,.explore-row button:hover{border-color:var(--accent)}.collections{gap:12px;display:grid}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.collection-card{border:1px solid var(--line);background:var(--paper);min-height:132px;color:var(--ink);text-align:start;border-radius:10px;align-content:start;gap:5px;padding:14px;display:grid}.collection-card svg{color:var(--accent)}.collection-card strong{font-size:13px}.collection-card small{color:var(--muted);font-size:11px;line-height:1.5}.collection-card em{color:var(--accent);margin-top:auto;font-size:10px;font-style:normal}.collection-card:hover{border-color:var(--accent)}.collection-back{width:fit-content;color:var(--accent);align-items:center;gap:6px;padding:6px 2px;font-size:12px;display:inline-flex}[dir=rtl] .collection-back svg{transform:scaleX(-1)}.collection-heading h3{font:500 24px/1.2 var(--serif);margin:0}.collection-heading p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.6}.collection-passage{border:1px solid var(--line);background:var(--paper);border-radius:10px;gap:8px;padding:14px 16px;display:grid}.collection-passage header{justify-content:space-between;align-items:center;gap:8px;display:flex}.collection-passage header div{gap:4px;display:flex}.collection-passage header button{width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.collection-passage header button:hover{background:var(--accent-soft)}.collection-reference{color:var(--muted);font-size:11px}.collection-arabic{font:400 24px/2 var(--quran);color:var(--page-ink);margin:0}.collection-number{color:var(--accent);font-size:.7em}.collection-translation{color:var(--ink);margin:0;font-size:14px;line-height:1.75}.collection-translation:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){font-family:var(--font-uyghur-translation,"Noto Naskh Arabic", serif);line-height:2.1}.collection-muted{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.collection-more{border:1px dashed var(--line);min-height:40px;color:var(--accent);border-radius:8px;font-size:12px}.panel-ask{border:1px solid var(--accent);min-height:38px;color:var(--accent);border-radius:999px;align-items:center;gap:7px;margin:-10px 0 16px;padding:7px 14px;font-size:12px;display:inline-flex}.panel-ask:disabled{opacity:.6}.panel-ask-results{gap:10px;margin-bottom:18px;display:grid}.panel-ask-results .panel-help{margin:0}
[data-paper-style=kashgar]{--mushaf-paper:#f8f0de;--mushaf-ink:#2b2733;--mushaf-muted:#6b6070;--mushaf-rule:#d8c497;--mushaf-accent:#1e3a5f;--mushaf-selection:#efe0b8;--mushaf-edge:#c7ae78;--mushaf-binding:43 33 28;--mushaf-frame-opacity:.75;--atlas-edge:repeating-linear-gradient(90deg, #b3124f 0 10px, #d4a017 10px 16px, #1e3a5f 16px 26px, #f5f1e8 26px 29px, #1f7a4d 29px 37px, #d4a017 37px 42px);--mushaf-grain:radial-gradient(ellipse at 50% 0, #d4a01712, transparent 60%), radial-gradient(ellipse at 0 100%, #1e3a5f0d, transparent 45%), repeating-linear-gradient(90deg, transparent 0 14px, #2b211c03 14.5px, transparent 15px 29px)}[data-paper-style=kashgar] .page-frame{border:3px double color-mix(in srgb, var(--mushaf-accent) 70%, transparent)}[data-paper-style=kashgar] .page-frame:before,[data-paper-style=kashgar] .page-frame:after{content:"";background:var(--atlas-edge);opacity:.85;pointer-events:none;border-radius:2px;height:4px;position:absolute;left:26px;right:26px}[data-paper-style=kashgar] .page-frame:before{top:6px}[data-paper-style=kashgar] .page-frame:after{bottom:6px}[data-paper-style=kashgar] .frame-corner{opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M2 22V9c0-4 3-7 7-7h13' stroke='%231e3a5f' stroke-width='1.6'/%3E%3Cpath d='M6 18c0-3 1.5-5 4.5-5 2.2 0 3.5 1.4 3.5 3.1 0 1.4-1 2.4-2.3 2.4-1 0-1.8-.7-1.8-1.6' stroke='%23b3124f' stroke-width='1.4'/%3E%3Cpath d='M18 6c-3 0-5 1.5-5 4.5 0 2.2 1.4 3.5 3.1 3.5 1.4 0 2.4-1 2.4-2.3 0-1-.7-1.8-1.6-1.8' stroke='%23d4a017' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;border:0;width:18px;height:18px}[data-paper-style=kashgar] .top-left{top:2px;left:2px}[data-paper-style=kashgar] .top-right{top:2px;right:2px;transform:scaleX(-1)}[data-paper-style=kashgar] .bottom-left{bottom:2px;left:2px;transform:scaleY(-1)}[data-paper-style=kashgar] .bottom-right{bottom:2px;right:2px;transform:scale(-1)}[data-paper-style=kashgar] .surah-heading h2{color:#1e3a5f}[data-paper-style=kashgar] .appearance-miniature-page{border-top:3px solid #0000;border-image:var(--atlas-edge) 1}[data-theme=dark] [data-paper-style=kashgar] .surah-heading h2{color:#1e3a5f}
[data-paper-style]{--gold-leaf:linear-gradient(135deg, #8a6a2b, #f3dc93 22%, #b88d3a 45%, #f6e3a4 62%, #9a7631 82%, #e7c977)}[data-paper-style=night-gold]{--mushaf-paper:#15120d;--mushaf-ink:#e8cd8c;--mushaf-muted:#a98f5e;--mushaf-rule:#4a3b20;--mushaf-accent:#e0b65a;--mushaf-selection:#352a17;--mushaf-edge:#6e5732;--mushaf-binding:0 0 0;--mushaf-frame-opacity:.85;--mushaf-grain:radial-gradient(ellipse at 50% 0, #e8c47014, transparent 62%), radial-gradient(ellipse at 50% 100%, #e8c4700d, transparent 55%), repeating-linear-gradient(103deg, transparent 0 17px, #e8c47005 17.5px, transparent 18px 41px)}[data-paper-style=midnight]{--mushaf-paper:#0f1a2c;--mushaf-ink:#ece3cc;--mushaf-muted:#9aa6b8;--mushaf-rule:#2c3d5a;--mushaf-accent:#d6b062;--mushaf-selection:#22334f;--mushaf-edge:#31435f;--mushaf-binding:0 0 0;--mushaf-frame-opacity:.7;--mushaf-grain:radial-gradient(ellipse at 50% 0, #789cd61a, transparent 65%), radial-gradient(ellipse at 100% 100%, #d6b0620d, transparent 45%)}[data-paper-style=illuminated]{--mushaf-paper:#fbf4e2;--mushaf-ink:#2a2a33;--mushaf-muted:#6f6656;--mushaf-rule:#dcc89a;--mushaf-accent:#9c7424;--mushaf-selection:#f1e3bf;--mushaf-edge:#cdb682;--mushaf-binding:86 65 36;--mushaf-frame-opacity:.9;--mushaf-grain:radial-gradient(ellipse at 50% 50%, #fffaee, transparent 70%), repeating-linear-gradient(8deg, transparent 0 9px, #9c742403 9.5px, transparent 10px 23px)}[data-paper-style=rose]{--mushaf-paper:#fbf0ec;--mushaf-ink:#3b2a2d;--mushaf-muted:#8a6b6f;--mushaf-rule:#ecd2cc;--mushaf-accent:#9b3d4f;--mushaf-selection:#f3dcd7;--mushaf-edge:#e3c7c0;--mushaf-binding:120 60 70;--mushaf-frame-opacity:.55;--mushaf-grain:radial-gradient(ellipse at 8% 94%, #b252660f, transparent 40%), radial-gradient(ellipse at 92% 6%, #fff9, transparent 50%)}[data-paper-style=jade]{--mushaf-paper:#eff4ea;--mushaf-ink:#24332a;--mushaf-muted:#61746a;--mushaf-rule:#cfdcc8;--mushaf-accent:#3d7a58;--mushaf-selection:#dde9d6;--mushaf-edge:#c6d5bf;--mushaf-binding:50 80 60;--mushaf-frame-opacity:.6;--mushaf-grain:radial-gradient(ellipse at 50% 0, #ffffff8c, transparent 60%), repeating-linear-gradient(97deg, transparent 0 14px, #3d7a5804 14.5px, transparent 15px 33px)}[data-paper-style=night-gold] .page-frame,[data-paper-style=illuminated] .page-frame{border:3px solid #0000;border-image:var(--gold-leaf) 1;box-shadow:inset 0 0 0 4px var(--mushaf-paper), inset 0 0 0 5px color-mix(in srgb, var(--mushaf-accent) 70%, transparent)}[data-paper-style=illuminated] .page-frame{box-shadow:inset 0 0 0 3px var(--mushaf-paper), inset 0 0 0 4px #1e3a5f, inset 0 0 0 7px var(--mushaf-paper), inset 0 0 0 8px #c9a44cb3;border-width:5px}[data-paper-style=midnight] .page-frame{border:1px solid color-mix(in srgb, var(--mushaf-accent) 70%, transparent);box-shadow:inset 0 0 0 4px var(--mushaf-paper), inset 0 0 0 5px color-mix(in srgb, var(--mushaf-accent) 30%, transparent)}[data-paper-style=jade] .page-frame{border:2px solid color-mix(in srgb, var(--mushaf-accent) 55%, transparent);box-shadow:inset 0 0 0 4px var(--mushaf-paper), inset 0 0 0 5px #c9a44c99}[data-paper-style=rose] .page-frame{border:1px solid color-mix(in srgb, var(--mushaf-accent) 45%, transparent);border-radius:2px}:is([data-paper-style=night-gold],[data-paper-style=illuminated],[data-paper-style=midnight],[data-paper-style=jade],[data-paper-style=rose]) .frame-corner{opacity:.95;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%238a6a2b'/%3E%3Cstop offset='.45' stop-color='%23f3dc93'/%3E%3Cstop offset='1' stop-color='%23b88d3a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M12 1l2.6 5.4L20.5 4l-2.4 5.9L23 12l-4.9 2.1 2.4 5.9-5.9-2.4L12 23l-2.6-5.4L3.5 20l2.4-5.9L1 12l4.9-2.1L3.5 4l5.9 2.4z'/%3E%3Ccircle cx='12' cy='12' r='3.2' fill='%23fff8e1' opacity='.55'/%3E%3C/svg%3E") 50%/contain no-repeat;border:0;width:16px;height:16px}[data-paper-style=rose] .frame-corner,[data-paper-style=jade] .frame-corner{opacity:.7;width:12px;height:12px}:is([data-paper-style=night-gold],[data-paper-style=illuminated],[data-paper-style=midnight],[data-paper-style=jade],[data-paper-style=rose]) :is(.top-left,.top-right,.bottom-left,.bottom-right){transform:none}:is([data-paper-style=night-gold],[data-paper-style=illuminated]) .surah-heading h2{background:var(--gold-leaf);color:#0000;-webkit-background-clip:text;background-clip:text}:is([data-paper-style=night-gold],[data-paper-style=illuminated]) .surah-heading-rule{border-image:var(--gold-leaf) 1;border-top-width:1px;border-bottom-width:1px}:is([data-paper-style=night-gold],[data-paper-style=midnight],[data-paper-style=illuminated]) .verse-marker{border-color:color-mix(in srgb, var(--mushaf-accent) 80%, transparent);outline-color:color-mix(in srgb, var(--mushaf-accent) 35%, transparent)}:is([data-paper-style=night-gold],[data-paper-style=midnight]) .ayah-fragment.ayah-playing{color:#fff3d0}[data-paper-style=night-gold] .appearance-miniature-page,[data-paper-style=illuminated] .appearance-miniature-page{border:2px solid #0000;border-image:var(--gold-leaf) 1;opacity:.95}[data-paper-style=midnight] .appearance-miniature-page{border-color:color-mix(in srgb, var(--mushaf-accent) 70%, transparent)}[data-paper-style=contrast]{--mushaf-paper:#fff;--mushaf-ink:#000;--mushaf-muted:#2b2b2b;--mushaf-rule:#000;--mushaf-accent:#6b1d00;--mushaf-selection:#ffe066;--mushaf-edge:#555;--mushaf-binding:0 0 0;--mushaf-frame-opacity:1;--mushaf-grain:none}[data-paper-style=contrast] .page-frame{border:2px solid #000}[data-paper-style=contrast] .frame-corner{opacity:1}[data-paper-style=contrast] .ayah-fragment.ayah-selected{outline-offset:1px;outline:2px solid #000}[data-paper-style=contrast] .ayah-fragment.ayah-playing{color:#000;outline-offset:1px;background:#c9f2ff;outline:2px dashed #003d66}[data-paper-style=contrast] .translation-verse.translation-selected,[data-paper-style=contrast] .translation-verse.translation-playing{outline:2px solid #000}[data-paper-style=contrast] :focus-visible{outline-offset:3px;box-shadow:0 0 0 6px #ffe066;outline:3px solid #000!important}[data-paper-style=contrast] .appearance-miniature-page{opacity:1;border:2px solid #000}@media (forced-colors:active){.ayah-fragment.ayah-selected{outline:2px solid highlight}.ayah-fragment.ayah-playing{outline:2px dashed highlight}.word-playing{outline:2px solid highlight}.verse-marker{border-color:canvastext;outline-color:canvastext}.book-underlay,.book-ribbon,.book-desk-shadow,.rehal-stand,.book-binding{display:none!important}.page-frame{border:1px solid canvastext!important;border-image:!important}}@media (prefers-contrast:more){[data-paper-style]{--mushaf-frame-opacity:1}[data-paper-style] .mushaf-book{--muted:var(--mushaf-ink)}.ayah-fragment.ayah-selected{outline-offset:1px;outline:2px solid}.ayah-fragment.ayah-playing{outline-offset:1px;outline:2px dashed}}
.book-scene{isolation:isolate;--cover:#26493c;--cover-dark:#142a22;--cover-tool:#c8a35b;--ribbon:#9b1f36;--ribbon-dark:#6c1022;--turn-base:0deg;position:relative}.book-scene[data-book-cover=maroon]{--cover:#5a2329;--cover-dark:#331214;--cover-tool:#d0aa62;--ribbon:#c9a45c;--ribbon-dark:#8f7036}.book-scene[data-book-cover=lapis]{--cover:#1e3a5f;--cover-dark:#0f2038;--cover-tool:#d4a017;--ribbon:#b3124f;--ribbon-dark:#7c0c37}.book-scene[data-book-cover=walnut]{--cover:#5b3e2b;--cover-dark:#34221a;--cover-tool:#c9a063;--ribbon:#1f5a45;--ribbon-dark:#123a2c}.book-scene[data-book-cover=ebony]{--cover:#2a2623;--cover-dark:#121110;--cover-tool:#a88c5a;--ribbon:#8d6b3e;--ribbon-dark:#5c4425}.book-scene[data-book-cover=gilded]{--cover:#1b160e;--cover-dark:#0a0805;--cover-tool:#e2bb5c;--ribbon:#d9b45a;--ribbon-dark:#8f6f2c}.book-scene[data-book-cover=sapphire]{--cover:#17305a;--cover-dark:#0a1630;--cover-tool:#d4af61;--ribbon:#c9a45c;--ribbon-dark:#8a6d33}.book-underlay,.book-ribbon,.book-desk-shadow,.rehal-stand{display:none}.page-turn-front{width:100%;height:100%}.page-turn-back{display:none}@media (min-width:1101px){.book-stage{perspective:2400px;perspective-origin:50% 0}.book-scene{transform-origin:50% 100%;transform:rotateX(var(--book-tilt,0deg));margin:14px 16px 22px;transition:transform .42s cubic-bezier(.25,.8,.3,1),margin .42s}[data-paper-style] .book-scene .mushaf-book{box-shadow:none;perspective:2600px;border-radius:3px}.book-underlay{z-index:-1;pointer-events:none;display:flex;position:absolute;inset:0}.book-half{flex:1 1 0;position:relative}.book-board,.book-edges{display:block;position:absolute}.book-board{background:radial-gradient(ellipse at 30% 20%, #ffffff17, transparent 55%), repeating-linear-gradient(37deg, #00000009 0 1px, transparent 1px 3px), repeating-linear-gradient(-53deg, #ffffff06 0 1px, transparent 1px 4px), linear-gradient(180deg, var(--cover), var(--cover-dark));box-shadow:inset 0 0 0 5px transparent, 0 1px 0 var(--cover-dark), 0 3px 0 -1px var(--cover-dark), 0 18px 30px -14px #0000006b, 0 34px 60px -30px #00000061;inset:-13px 0 -15px}.book-board:after{content:"";border:1px solid color-mix(in srgb, var(--cover-tool) 55%, transparent);pointer-events:none;border-radius:3px;position:absolute;inset:5px}.book-scene[data-book-cover=gilded] .book-board:after{box-shadow:inset 0 0 0 2px var(--cover), inset 0 0 0 3px color-mix(in srgb, var(--cover-tool) 55%, transparent);border:2px solid #0000;border-image:linear-gradient(135deg,#8a6a2b,#f3dc93 30%,#b88d3a 55%,#f6e3a4 80%) 1;border-radius:0}.half-right .book-board{border-radius:2px 8px 8px 2px;right:-15px}.half-left .book-board{border-radius:8px 2px 2px 8px;left:-15px}.half-right .book-board:after{left:-8px}.half-left .book-board:after{right:-8px}.book-scene[data-book-cover=none] .book-board{display:none}.book-edges{--depth:var(--read-depth,4px);background:repeating-linear-gradient(180deg, var(--mushaf-paper,#fffaf0) 0 1px, var(--mushaf-edge,#d4c8ad) 1px 2px);top:2px;bottom:-5px;box-shadow:0 2px 3px #00000029}.half-right .book-edges{left:0;right:calc(-1 * var(--depth));background:linear-gradient(90deg, transparent calc(100% - var(--depth)), rgb(var(--mushaf-binding,86 65 36) / .12) calc(100% - var(--depth)), transparent), repeating-linear-gradient(90deg, var(--mushaf-paper,#fffaf0) 0 1px, var(--mushaf-edge,#d4c8ad) 1px 2px);border-radius:0 3px 4px 0}.half-left .book-edges{--depth:var(--unread-depth,4px);right:0;left:calc(-1 * var(--depth));background:linear-gradient(270deg, transparent calc(100% - var(--depth)), rgb(var(--mushaf-binding,86 65 36) / .12) calc(100% - var(--depth)), transparent), repeating-linear-gradient(90deg, var(--mushaf-paper,#fffaf0) 0 1px, var(--mushaf-edge,#d4c8ad) 1px 2px);border-radius:3px 0 0 4px}.book-edges:after{content:"";background:repeating-linear-gradient(180deg, var(--mushaf-paper,#fffaf0) 0 1px, var(--mushaf-edge,#d4c8ad) 1px 1.6px);border-radius:0 0 3px 3px;height:5px;position:absolute;bottom:0;left:0;right:0}.book-scene:not([data-book-angle=flat]) .mushaf-leaf:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.book-scene:not([data-book-angle=flat]) .mushaf-leaf.leaf-right:after{background:linear-gradient(90deg, rgb(var(--mushaf-binding) / .2), rgb(var(--mushaf-binding) / .07) 2.5%, transparent 8%, #ffffff1a 19%, transparent 42%, transparent 93%, rgb(var(--mushaf-binding) / .05))}.book-scene:not([data-book-angle=flat]) .mushaf-leaf.leaf-left:after{background:linear-gradient(270deg, rgb(var(--mushaf-binding) / .2), rgb(var(--mushaf-binding) / .07) 2.5%, transparent 8%, #ffffff1a 19%, transparent 42%, transparent 93%, rgb(var(--mushaf-binding) / .05))}.book-scene:not([data-book-angle=flat]) .book-pages{border-radius:0;overflow:visible}.book-scene:not([data-book-angle=flat]) .mushaf-leaf.leaf-right{border-radius:22px 3px 3px 22px/5px 3px 3px 5px}.book-scene:not([data-book-angle=flat]) .mushaf-leaf.leaf-left{border-radius:3px 22px 22px 3px/3px 5px 5px 3px}.book-scene:not([data-book-angle=flat]) .book-binding{background:linear-gradient(90deg, transparent, rgb(var(--mushaf-binding) / .05) 18%, rgb(var(--mushaf-binding) / .16) 40%, rgb(var(--mushaf-binding) / .34) 49.2%, #0000006b 50%, #ffffff1f 50.8%, rgb(var(--mushaf-binding) / .14) 60%, rgb(var(--mushaf-binding) / .04) 82%, transparent);width:54px}.book-binding:before,.book-binding:after{content:"";background:repeating-linear-gradient(90deg, var(--ribbon) 0 2px, var(--cover-tool) 2px 4px);border-radius:3px;width:14px;height:5px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1px 1px #00000040}.book-binding:before{top:-4px}.book-binding:after{bottom:-4px}.book-scene[data-book-cover=none] .book-binding:before,.book-scene[data-book-cover=none] .book-binding:after{display:none}[data-paper-style=kashgar] .book-binding:before,[data-paper-style=kashgar] .book-binding:after{background:var(--atlas-edge)}.book-scene:where(:not([data-book-angle=flat]):not([data-book-cover=none])){margin-bottom:48px}.book-scene:not([data-book-angle=flat]):not([data-book-cover=none]) .book-ribbon{z-index:4;pointer-events:none;background:linear-gradient(90deg, var(--ribbon-dark), var(--ribbon) 35%, color-mix(in srgb, var(--ribbon) 70%, white) 55%, var(--ribbon) 75%, var(--ribbon-dark));clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 8px),0 100%);filter:drop-shadow(1px 1px 1px #00000040);transform-origin:top;opacity:.9;width:7px;height:calc(100% + 36px);display:block;position:absolute;top:-6px;left:calc(50% + 4px);transform:rotate(1.4deg)}[data-paper-style=kashgar] .book-scene .book-ribbon{background:linear-gradient(#0000,#00000026),repeating-linear-gradient(#b3124f 0 10px,#d4a017 10px 16px,#1e3a5f 16px 26px,#f5f1e8 26px 29px,#1f7a4d 29px 37px,#d4a017 37px 42px)}.book-scene:not([data-book-angle=flat]) .book-desk-shadow{z-index:-2;pointer-events:none;filter:blur(6px);background:radial-gradient(at 50% 40%,#00000047,#0000 70%);height:46px;display:block;position:absolute;bottom:-26px;left:3%;right:3%}.book-scene[data-book-angle=rehal]{--leaf-rise:14deg;--turn-base:14deg;transform-origin:50% 40%;transform:rotateX(var(--book-tilt,0deg)) scale(.88);margin-bottom:150px}.book-scene[data-book-angle=rehal] .book-pages,.book-scene[data-book-angle=rehal] .book-underlay{perspective:2600px}.book-scene[data-book-angle=rehal] .mushaf-leaf.leaf-right,.book-scene[data-book-angle=rehal] .half-right{transform-origin:0;transform:rotateY(calc(-1 * var(--leaf-rise)))}.book-scene[data-book-angle=rehal] .mushaf-leaf.leaf-left,.book-scene[data-book-angle=rehal] .half-left{transform-origin:100%;transform:rotateY(var(--leaf-rise))}.book-scene[data-book-angle=rehal] .book-ribbon{height:calc(100% + 24px)}.book-scene[data-book-angle=rehal] .rehal-stand{z-index:-1;filter:drop-shadow(0 14px 18px #0000004d);width:min(64%,760px);height:auto;display:block;position:absolute;bottom:-165px;left:50%;transform:translate(-50%)}[data-theme=dark] .rehal-stand{--rehal-wood-light:#7d5434;--rehal-wood:#5d3a21;--rehal-wood-dark:#3a2312}.book-scene .page-turn-leaf{backface-visibility:visible;transform-style:preserve-3d;box-shadow:none;background:0 0;overflow:visible}.book-scene .page-turn-leaf:after{display:none}.book-scene .page-turn-front{backface-visibility:hidden;background:var(--mushaf-paper);box-shadow:-5px 4px 24px rgb(var(--mushaf-binding) / .16);position:absolute;inset:0;overflow:hidden}.book-scene .page-turn-front:after{content:"";pointer-events:none;background:linear-gradient(90deg, rgb(var(--mushaf-binding) / .16), transparent 24%, #ffffff14 62%, rgb(var(--mushaf-binding) / .1));animation:.6s both paper-turn-light;position:absolute;inset:0}.book-scene .page-turn-back{backface-visibility:hidden;background-color:var(--mushaf-paper);background-image:linear-gradient(90deg, rgb(var(--mushaf-binding) / .18), transparent 30%, #ffffff24 70%, rgb(var(--mushaf-binding) / .12)), var(--mushaf-grain);animation:.6s both page-back-settle;display:block;position:absolute;inset:0;transform:rotateY(180deg)}.book-scene .turn-next{animation-name:turn-next-book}.book-scene .turn-previous{animation-name:turn-previous-book}.book-scene[data-page-turn=slide] .turn-next,.book-scene[data-page-turn=slide] .turn-previous,.book-scene[data-page-turn=fade] .turn-next,.book-scene[data-page-turn=fade] .turn-previous{transform-style:flat;animation-duration:.5s;animation-timing-function:ease}.book-scene[data-page-turn=slide] .turn-next{animation-name:turn-slide-next}.book-scene[data-page-turn=slide] .turn-previous{animation-name:turn-slide-previous}.book-scene[data-page-turn=fade] .turn-next,.book-scene[data-page-turn=fade] .turn-previous{animation-name:turn-fade}.book-scene:not([data-page-turn=curl]) .page-turn-back{display:none}.book-scene[data-page-turn=curl] .mushaf-book.is-turning .book-pages:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(ellipse at 50% 50%, rgb(var(--mushaf-binding) / .16), transparent 62%);animation:.6s both turn-shade;position:absolute;inset:0}.desktop-single-page .reader-workspace{max-width:1040px}.desktop-single-page .mushaf-leaf,.desktop-single-page .book-half{flex:0 0 100%;width:100%}.desktop-single-page .book-binding,.desktop-single-page .book-ribbon{display:none!important}.desktop-single-page .page-turn-leaf{width:100%}.desktop-single-page .half-right .book-board{border-radius:8px;left:-15px}.desktop-single-page .half-left .book-board{border-radius:8px;right:-15px}.desktop-single-page .book-scene[data-book-angle=rehal] .mushaf-leaf,.desktop-single-page .book-scene[data-book-angle=rehal] .book-half{transform:none}}@keyframes turn-next-book{0%{transform:rotateY(var(--turn-base))}25%{transform:rotateY(calc(var(--turn-base) + 22deg)) translateZ(10px)}to{transform:rotateY(calc(180deg - var(--turn-base)))}}@keyframes turn-previous-book{0%{transform:rotateY(calc(-1 * var(--turn-base)))}25%{transform:rotateY(calc(-1 * var(--turn-base) - 22deg)) translateZ(10px)}to{transform:rotateY(calc(var(--turn-base) - 180deg))}}@keyframes page-back-settle{0%,70%{opacity:1}to{opacity:0}}@keyframes turn-shade{0%{opacity:0}45%{opacity:1}to{opacity:0}}@keyframes turn-slide-next{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(42%)}}@keyframes turn-slide-previous{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-42%)}}@keyframes turn-fade{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.book-scene,.book-scene .page-turn-leaf,.book-scene .page-turn-front:after,.book-scene .page-turn-back{transition:none!important;animation:none!important}}.book-settings .appearance-paper-heading{margin-top:22px}.book-settings .appearance-paper-heading:first-of-type{margin-top:4px}.book-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.book-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quran-font-grid{grid-template-columns:minmax(0,1fr);margin-top:4px}.book-option-card{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);text-align:start;background:0 0;border-radius:7px;flex-direction:column;gap:6px;padding:11px 10px;display:flex}.book-option-card strong{font-size:11px;font-weight:500}.book-option-card small{color:var(--muted);font-size:9px;line-height:1.55}.book-option-card.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 40%, transparent)}.book-option-card.is-selected strong{color:var(--accent)}.book-option-card:disabled{cursor:not-allowed;opacity:.55}.book-option-card:focus-visible,.book-cover-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.book-layout-preview,.book-angle-preview{background:color-mix(in srgb, var(--line) 35%, transparent);perspective:160px;border-radius:5px;justify-content:center;align-items:center;height:58px;margin-bottom:4px;display:flex}.book-layout-preview i,.book-angle-book i{background:var(--mushaf-paper,#fffaf0);border:1px solid var(--mushaf-edge,#d4c8ad);background-image:repeating-linear-gradient(180deg, transparent 0 5px, color-mix(in srgb, var(--muted) 35%, transparent) 5px 6px);background-position:50%;background-repeat:no-repeat;background-size:70% 70%;width:26px;height:36px;display:block}.book-layout-preview[data-layout=single] i+i{display:none}.book-layout-preview[data-layout=single] i{width:30px;height:40px}.book-angle-book{transform-style:preserve-3d;background:#26493c;border-radius:3px;padding:3px 4px;display:flex}.book-angle-preview[data-angle=flat] .book-angle-book{background:0 0;padding:0}.book-angle-preview[data-angle=open] .book-angle-book i:first-child{box-shadow:inset -5px 0 6px -4px #00000059}.book-angle-preview[data-angle=open] .book-angle-book i:last-child{box-shadow:inset 5px 0 6px -4px #00000059}.book-angle-preview[data-angle=desk] .book-angle-book{transform:rotateX(38deg)}.book-angle-preview[data-angle=rehal]{flex-direction:column;gap:0}.book-angle-preview[data-angle=rehal] .book-angle-book{background:0 0;padding:0}.book-angle-preview[data-angle=rehal] .book-angle-book i:first-child{transform-origin:100%;transform:rotateY(28deg)}.book-angle-preview[data-angle=rehal] .book-angle-book i:last-child{transform-origin:0;transform:rotateY(-28deg)}.book-angle-stand{background:linear-gradient(60deg,#0000 42%,#7a4d2c 42% 58%,#0000 58%),linear-gradient(-60deg,#0000 42%,#6a4126 42% 58%,#0000 58%);width:34px;height:12px;margin-top:-2px;display:block}.book-cover-swatches{flex-wrap:wrap;gap:9px;display:flex}.book-cover-swatch{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);color:#f7e7c4;border-radius:3px 6px 6px 3px;justify-content:center;align-items:center;width:36px;height:44px;display:inline-flex;box-shadow:inset 3px 0 #0003,inset 0 0 0 4px #ffffff0a}.book-cover-swatch[data-cover=none]{color:var(--accent);background:repeating-linear-gradient(45deg, transparent 0 5px, color-mix(in srgb, var(--line) 80%, transparent) 5px 6px)!important}.book-cover-swatch.is-selected{outline:2px solid var(--accent);outline-offset:3px}.book-turn-options{margin-top:0}.quran-font-heading{margin-top:22px}.quran-font-label{justify-content:space-between;align-items:center;gap:10px;display:flex}.quran-font-label>svg{color:var(--accent)}.quran-font-preview{text-align:center;font-synthesis:none;font-size:24px;line-height:2.1}@media (max-width:420px){.book-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.book-angle-book i{transition:none}}
@media (max-width:760px){html body .reader-shell.book-translation-reader .page-arrow,html body .reader-shell .page-arrow{background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.9;border-radius:13px;width:26px;min-width:0;height:64px;top:210px;box-shadow:0 4px 14px #0000001f}html body .reader-shell.book-translation-reader .page-arrow.next-page,html body .reader-shell .page-arrow.next-page{left:-9px}html body .reader-shell.book-translation-reader .page-arrow.previous-page,html body .reader-shell .page-arrow.previous-page{right:-9px}html body .reader-shell .page-arrow>svg{width:15px}html body .reader-shell .page-arrow:disabled{opacity:.35}html body .reading-mode-bar{overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;gap:2px;overflow-x:auto}html body .reading-mode-bar::-webkit-scrollbar{display:none}html body .reading-mode-bar>button{scroll-snap-align:start;flex-shrink:0}html body .reading-mode-bar .reading-history-shortcut{background:var(--background,var(--surface));border-radius:50%;position:sticky;inset-inline-end:0}.reader-shell{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}