.mushaf-desk{background:#e8e5dc;border-radius:16px;padding:18px 10px 24px}.dark .mushaf-desk{background:#1e293b}.mushaf-book{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;isolation:isolate;direction:rtl;border-radius:3px;max-width:940px;margin:auto;display:flex;position:relative;box-shadow:0 5px #ddd3b9,0 8px #f1e8d0,0 11px #395b47,0 18px 25px #0003}.mushaf-book:focus-visible{outline-offset:8px;outline:3px solid #059669}.mushaf-book[data-single=true]{max-width:570px}.mushaf-book[data-single=true] .mushaf-paper:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#2b4536,#395b47 55%,#5b8a6d);width:6px;position:absolute;inset-block:0}.mushaf-book[data-single=true] .mushaf-paper[data-side=right]:before{left:0}.mushaf-book[data-single=true] .mushaf-paper[data-side=left]:before{right:0;transform:scaleX(-1)}.dark .mushaf-book[data-single=true] .mushaf-paper:before{background:linear-gradient(90deg,#047857,#10b981 55%,#6ee7b7)}.mushaf-paper{aspect-ratio:672/958;color:#243d31;cursor:grab;background:#fffbef;flex:1;min-width:0;position:relative;overflow:hidden}.mushaf-paper:active{cursor:grabbing}.mushaf-paper img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.mushaf-paper:after{content:"";pointer-events:none;background:linear-gradient(90deg,#47351120,#0000 9% 97%,#47351110);position:absolute;inset:0}.mushaf-paper[data-side=left]:after{transform:scaleX(-1)}.mushaf-page-state{text-align:center;font-size:clamp(calc(12px / var(--mushaf-zoom,1)), var(--line) * .36, calc(18px / var(--mushaf-zoom,1)));direction:ltr;flex-direction:column;justify-content:center;align-items:center;gap:1.1em;padding:1.7em;display:flex;position:absolute;inset:0}.mushaf-page-state[hidden]{display:none}.mushaf-paper img.is-broken{visibility:hidden}.mushaf-paper .mushaf-page-state-nuri{object-fit:contain;width:11em;max-width:60%;height:auto}.mushaf-page-state button{min-height:max(2.75em, calc(44px / var(--mushaf-zoom,1)));color:#fff;cursor:pointer;background:#065f46;border-radius:.55em;padding:.55em .85em;font-size:.86em}.mushaf-leaf{z-index:3;pointer-events:none;will-change:transform;direction:rtl;display:flex;position:absolute;inset:0}.mushaf-book[aria-busy=true]{cursor:grabbing;overflow:hidden}.mushaf-book[aria-busy=true]>.mushaf-paper{will-change:transform}@media (width<=639px){.mushaf-desk{padding:8px 4px 20px}}.mushaf-paper{aspect-ratio:auto;direction:ltr;display:flex}.mushaf-face{aspect-ratio:672/958;flex:auto;min-width:0;position:relative}.mushaf-paper[data-side=right]{flex-direction:row}.mushaf-paper[data-side=left]{flex-direction:row-reverse}.mushaf-margin{background:#fbf5e3;border-inline-start:1px solid #d9ccaa;flex:0 0 23%;position:relative}.mushaf-paper[data-side=left] .mushaf-margin{border-inline-start:0;border-inline-end:1px solid #d9ccaa}.mushaf-book[data-starters=false] .mushaf-margin{display:none}.mushaf-starter{font-family:var(--font-arabic,serif);font-size:var(--starter-size,11px);color:#9f1d20;white-space:nowrap;text-align:right;cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:1px 3px;line-height:1.6;display:flex;position:absolute;inset-inline:4px;overflow:visible;transform:translateY(-50%)}.mushaf-paper[data-side=left] .mushaf-starter{flex-direction:row}span.mushaf-starter{cursor:inherit}.mushaf-starter:hover,.mushaf-starter:focus-visible{background:#f3e2b8;outline:none}.mushaf-starter:focus-visible{box-shadow:0 0 0 2px #059669}.mushaf-starter--selected{color:#7c1618;background:#fde68a}.mushaf-starter-number{box-sizing:border-box;min-width:1.6em;height:1.6em;font-family:var(--font-sans);border:1px solid;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 .15em;font-size:.68em;font-weight:600;line-height:1;display:inline-flex}.dark .mushaf-margin{background:#f3ead2}@media (width<=639px){.mushaf-margin{flex-basis:26%}.mushaf-starter{gap:2px}}.mushaf-starter--wrap{white-space:normal;align-items:flex-start;line-height:1.35}.mushaf-stage--fullscreen{z-index:50;overscroll-behavior:none;--mushaf-upcoming-room:76px;--mushaf-height:calc(100dvh - 80px - var(--mushaf-upcoming-room));background:#e8e5dc;position:fixed;inset:0;overflow:hidden}.mushaf-fullscreen-tools{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:8px;display:flex}.mushaf-fullscreen-tools[hidden],.mushaf-upcoming[hidden]{display:none}.mushaf-fullscreen-tools [data-mushaf-selection]{margin:0}#mushaf-filters{max-width:min(48rem,100% - 2rem);overflow:visible}.mushaf-controls>[data-tooltip-start]:hover:after,.mushaf-controls>[data-tooltip-start]:focus-visible:after{left:0;transform:none}@media (width>=640px){.mushaf-stage:not(.mushaf-stage--fullscreen) .mushaf-controls>:is([data-mushaf-next],[data-mushaf-previous]):after{content:none}}.mushaf-filters-button{color:#065f46;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #d6d3d1;border-radius:999px;align-items:center;gap:6px;height:50px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #0f172a26}.mushaf-filters-button:hover{background:#ecfdf5}.mushaf-filters-button:focus-visible{outline-offset:2px;outline:2px solid #059669}.dark .mushaf-filters-button{color:#6ee7b7;background:#0f172a;border-color:#475569}.dark .mushaf-filters-button:hover{background:#022c22}.mushaf-paper{--line:calc(var(--page-unit,4px) * 7.8);--upcoming-height:calc(var(--starter-size,15px) * 4 / var(--mushaf-zoom,1));padding-bottom:var(--upcoming-height)}.mushaf-book[data-starters=false] .mushaf-paper{padding-bottom:0}.mushaf-book[data-starters=false] .mushaf-upcoming{display:none}.mushaf-upcoming{bottom:0;height:var(--upcoming-height);text-align:center;font-size:calc(max(8px, var(--starter-size,15px) * .75) / var(--mushaf-zoom,1));color:#475569;direction:ltr;background:#fffbef;border-top:1px solid #d9ccaa;flex-direction:column;justify-content:center;padding:2px 8px;display:flex;position:absolute;inset-inline:0}.mushaf-upcoming>p{margin:0}.mushaf-upcoming-text{font-family:var(--font-arabic,serif);font-size:calc(max(10px, var(--starter-size,15px) * 1.15) / var(--mushaf-zoom,1));color:#065f46;line-height:1.6}.dark .mushaf-stage--fullscreen{background:#1e293b}#main:has(>[data-mushaf]){max-width:none}[data-mushaf]>:is([data-focus-chrome]:not([data-mushaf-memorize-help]),[data-mushaf-toolbar],[data-mushaf-selection]),[data-mushaf]>[data-surah-header]>*{max-width:66rem;margin-inline:auto}html.mushaf-expanded #main{max-width:none}.mushaf-stage--expanded{top:var(--expanded-top,0px);left:var(--expanded-left,0px);right:var(--expanded-right,0px);z-index:30}.mushaf-stage--fullscreen{padding:6px 12px max(10px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:auto 1fr auto;gap:6px 12px;display:grid}.mushaf-stage--fullscreen .mushaf-viewport{grid-area:1/1/auto/-1}@media (pointer:coarse){.mushaf-stage--fullscreen:fullscreen{padding-bottom:calc(max(10px, env(safe-area-inset-bottom)) + 16px)}.mushaf-stage--fullscreen:fullscreen{padding-bottom:calc(max(10px, env(safe-area-inset-bottom)) + 16px)}}.mushaf-stage--fullscreen .mushaf-desk{padding:6px 0}.mushaf-stage--fullscreen .mushaf-controls{display:contents}.mushaf-stage--fullscreen [data-mushaf-next]{grid-area:3/1}.mushaf-stage--fullscreen .mushaf-fullscreen-tools{grid-area:3/2;min-width:0}.mushaf-stage--fullscreen [data-mushaf-previous]{grid-area:3/3}.mushaf-stage--fullscreen :is([data-mushaf-next],[data-mushaf-previous]){margin-top:calc(var(--arrow-top,24px) - 24px);align-self:start}[data-mushaf-selection-short]{display:none}.mushaf-stage--fullscreen [data-mushaf-selection-short]{display:inline}.mushaf-stage--fullscreen [data-mushaf-selection-full]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mushaf-stage--fullscreen .mushaf-fullscreen-tools [data-mushaf-selection]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mushaf-stage--fullscreen .mushaf-controls>:is([data-mushaf-next],[data-mushaf-previous])>span{display:none}.mushaf-stage--fullscreen .mushaf-controls>:is([data-mushaf-next],[data-mushaf-previous]){color:#065f46;background:#fff;border:1px solid #d6d3d1;border-radius:999px;justify-content:center;width:48px;height:48px;min-height:48px;padding:0;box-shadow:0 4px 14px #0f172a26}.mushaf-stage--fullscreen .mushaf-controls>:is([data-mushaf-next],[data-mushaf-previous]):hover:not(:disabled){background:#ecfdf5}.mushaf-stage--fullscreen .mushaf-controls>:is([data-mushaf-next],[data-mushaf-previous]):disabled{color:#a8a29e;box-shadow:none}.dark .mushaf-stage--fullscreen .mushaf-controls>:is([data-mushaf-next],[data-mushaf-previous]){color:#6ee7b7;background:#0f172a;border-color:#475569}.dark .mushaf-stage--fullscreen .mushaf-controls>:is([data-mushaf-next],[data-mushaf-previous]):hover:not(:disabled){background:#022c22}.dark .mushaf-stage--fullscreen .mushaf-controls>:is([data-mushaf-next],[data-mushaf-previous]):disabled{color:#475569}.mushaf-stage--fullscreen .mushaf-filters-button{height:48px}.mushaf-stage--fullscreen .mushaf-zoom-controls{box-sizing:border-box;height:48px}.mushaf-stage--fullscreen .mushaf-zoom-controls button{height:38px}.mushaf-stage--fullscreen .mushaf-desk{border-radius:0;flex:1;align-items:center;padding:8px 0 16px;display:flex}.mushaf-stage--fullscreen .mushaf-controls{margin-top:0}.mushaf-stage--fullscreen .mushaf-book{width:100%;max-width:calc(var(--mushaf-height) * 1.822)}.mushaf-stage--fullscreen .mushaf-book[data-single=true]{max-width:calc(var(--mushaf-height) * .911)}.mushaf-stage--fullscreen .mushaf-book[data-starters=false]{max-width:calc((var(--mushaf-height) + var(--mushaf-upcoming-room)) * 1.403)}.mushaf-stage--fullscreen .mushaf-book[data-starters=false][data-single=true]{max-width:calc((var(--mushaf-height) + var(--mushaf-upcoming-room)) * .7015)}@media (height<=500px){.mushaf-stage--fullscreen{--mushaf-upcoming-room:40px;gap:4px 8px;padding:4px 8px}.mushaf-stage--fullscreen .mushaf-desk{padding:4px 0 8px}.mushaf-stage--fullscreen .mushaf-fullscreen-tools{flex-wrap:nowrap}.mushaf-stage--fullscreen .mushaf-paper{--upcoming-height:calc(max(26px, var(--starter-size,15px) * 2.4) / var(--mushaf-zoom,1))}.mushaf-stage--fullscreen .mushaf-upcoming{flex-direction:row;align-items:center;gap:8px;padding:2px 6px}.mushaf-stage--fullscreen .mushaf-upcoming>p{white-space:nowrap}.mushaf-stage--fullscreen .mushaf-upcoming-text{text-overflow:ellipsis;line-height:1.4;overflow:hidden}}.mushaf-stage:not(.mushaf-stage--fullscreen){position:relative}.mushaf-verses{z-index:1;pointer-events:none;position:absolute;inset:0;container-type:inline-size}.mushaf-page-state{z-index:2}.mushaf-verse{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;margin:0;padding:0;transition:background-color .12s;display:block;position:absolute}.mushaf-verse.is-memorized{box-shadow:inset 0 calc(-1.5px / var(--mushaf-zoom,1)) 0 #10b981a6;background-color:#bbf7d040}.mushaf-verse.is-last-read{background-color:#f9731633}.mushaf-verse.is-hover{background-color:#7dd3fc40}.mushaf-verse.is-playing{background-color:#6ee7b755}.mushaf-verse.is-active,.mushaf-verse.is-highlighted{background-color:#fde04780}.mushaf-verse.is-memorized:is(.is-active,.is-highlighted,.is-playing,.is-revealed){box-shadow:none}.mushaf-verse:focus-visible{outline-offset:1px;outline:2px solid #059669}.mushaf-verse-menu{z-index:30;color:#0f172a;background:#fff;border:1px solid #e7e5e4;border-radius:16px;width:min(20rem,100% - 16px);padding:10px;position:absolute;box-shadow:0 12px 32px #0f172a33}.mushaf-verse-menu[hidden]{display:none}.mushaf-verse-menu-head{justify-content:space-between;align-items:center;gap:8px;padding:0 2px 8px 6px;display:flex}.mushaf-verse-menu-title{font-size:14px;font-weight:600}.mushaf-verse-menu-close{color:#475569;cursor:pointer;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.mushaf-verse-menu-close:hover{background:#f5f5f4}.mushaf-verse-menu-close svg,.mushaf-verse-action svg{flex:none;width:18px;height:18px}.mushaf-verse-menu-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mushaf-verse-action{color:#1e293b;text-align:left;cursor:pointer;background:#fafaf9;border:1px solid #e7e5e4;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.25;display:flex}.mushaf-verse-action[hidden]{display:none}.mushaf-verse-menu-note{color:#334155;white-space:pre-line;overflow-wrap:anywhere;background:#fffbeb;border-radius:10px;margin:0 0 8px;padding:6px 10px;font-size:13px;line-height:1.5}.mushaf-verse-menu-note[hidden]{display:none}.dark .mushaf-verse-menu-note{color:#e2e8f0;background:#451a0333}.mushaf-verse-review{border-top:1px solid #e7e5e4;margin-top:10px;padding-top:10px}.mushaf-verse-review[hidden]{display:none}.mushaf-verse-review-heading{color:#475569;margin-bottom:6px;font-size:12px;font-weight:600}.mushaf-verse-review-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mushaf-verse-review-button{color:#1e293b;text-align:center;cursor:pointer;background:#fafaf9;border:1px solid #e7e5e4;border-radius:12px;min-height:40px;padding:6px 4px;font-size:13px;font-weight:600;line-height:1.25}.mushaf-verse-review-button:hover{background:#ecfdf5;border-color:#6ee7b7}.mushaf-verse-review-button:focus-visible{outline-offset:2px;outline:2px solid #059669}.mushaf-verse-review-buttons[aria-busy=true]{opacity:.6}.mushaf-verse-review-button[data-tooltip-start]:hover:after,.mushaf-verse-review-button[data-tooltip-start]:focus-visible:after{left:0;transform:none}.dark .mushaf-verse-review{border-color:#334155}.dark .mushaf-verse-review-heading{color:#cbd5e1}.dark .mushaf-verse-review-button{color:#e2e8f0;background:#1e293b;border-color:#334155}.dark .mushaf-verse-review-button:hover{background:#022c22;border-color:#059669}.mushaf-verse-action:hover{color:#065f46;background:#ecfdf5;border-color:#6ee7b7}.mushaf-verse-action[aria-pressed=true]{color:#047857;background:#ecfdf5;border-color:#6ee7b7}.mushaf-verse-action:disabled{opacity:.5;cursor:not-allowed}.mushaf-verse-action:focus-visible,.mushaf-verse-menu-close:focus-visible{outline-offset:2px;outline:2px solid #059669}.dark .mushaf-verse-menu{color:#f1f5f9;background:#0f172a;border-color:#334155}.dark .mushaf-verse-menu-close{color:#cbd5e1}.dark .mushaf-verse-menu-close:hover{background:#1e293b}.dark .mushaf-verse-action{color:#e2e8f0;background:#1e293b;border-color:#334155}.dark .mushaf-verse-action:hover,.dark .mushaf-verse-action[aria-pressed=true]{color:#6ee7b7;background:#022c22;border-color:#047857}.mushaf-starter--last-read .mushaf-starter-number{color:#fff;background:#d97706;border-color:#d97706}.mushaf-ribbon{--ribbon:clamp(calc(18px / var(--mushaf-zoom,1)), var(--line) * .45, calc(36px / var(--mushaf-zoom,1)));z-index:2;width:var(--ribbon);height:calc(var(--ribbon) * 1.77);padding-top:calc(var(--ribbon) * .3);color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);background:linear-gradient(90deg,#b45309,#d97706 45%,#b45309);justify-content:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0003}.mushaf-ribbon svg{width:calc(var(--ribbon) * .54);height:calc(var(--ribbon) * .54)}@media (prefers-reduced-motion:reduce){.mushaf-verse{transition:none}}.mushaf-viewport{position:relative}.mushaf-desk{overscroll-behavior-x:contain;overflow:auto}.mushaf-stage--fullscreen .mushaf-desk{overscroll-behavior:contain}.mushaf-book[data-zoomed=true]{touch-action:pan-x pan-y pinch-zoom}.mushaf-book[data-zoomed=true] .mushaf-paper{cursor:grab}.mushaf-book.is-panning,.mushaf-book.is-panning .mushaf-paper,.mushaf-book.is-panning .mushaf-verse{cursor:grabbing}.mushaf-zoom-controls{z-index:5;background:#fff;border:1px solid #d6d3d1;border-radius:999px;align-items:center;gap:2px;width:max-content;margin:8px auto 14px;padding:4px;display:flex;position:relative;box-shadow:0 4px 14px #0f172a26}.mushaf-zoom-controls button{color:#065f46;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;place-items:center;min-width:40px;height:40px;padding:0 8px;font-size:13px;font-weight:600;display:grid}.mushaf-zoom-controls button:hover:not(:disabled){background:#ecfdf5}.mushaf-zoom-controls button:disabled{color:#a8a29e;cursor:not-allowed}.mushaf-zoom-controls button:focus-visible{outline-offset:1px;outline:2px solid #059669}.mushaf-zoom-level{color:#065f46;font-variant-numeric:tabular-nums;text-align:center;min-width:48px;font-size:13px;font-weight:600}.mushaf-zoom-controls svg{width:20px;height:20px}.mushaf-zoom-divider{background:#d6d3d1;width:1px;height:22px;margin:0 2px}.dark .mushaf-zoom-level{color:#6ee7b7}.dark .mushaf-zoom-divider{background:#475569}.dark .mushaf-zoom-controls{background:#0f172a;border-color:#475569}.dark .mushaf-zoom-controls button{color:#6ee7b7}.dark .mushaf-zoom-controls button:hover:not(:disabled){background:#022c22}.dark .mushaf-zoom-controls button:disabled{color:#475569}.mushaf-stage--fullscreen .mushaf-viewport{flex-direction:column;flex:1;min-height:0;display:flex}.mushaf-stage--fullscreen .mushaf-zoom-controls{flex:none}.mushaf-stage--fullscreen .mushaf-desk{min-width:0;min-height:0}.mushaf-zoom-controls button,.mushaf-controls button,.mushaf-controls a,[data-mushaf-mode-switch] button{touch-action:manipulation}.mushaf-controls .mushaf-zoom-controls{margin:0}@media (width<=639px){.mushaf-zoom-controls button{min-width:32px;height:36px;padding:0 6px}.mushaf-zoom-level{min-width:42px}.mushaf-controls>:is([data-mushaf-next],[data-mushaf-previous]){padding-inline:12px}}@media (width<=359px){.mushaf-controls{flex-wrap:wrap;row-gap:8px}.mushaf-controls .mushaf-zoom-controls{order:1;margin:0 auto}}.mushaf-stage--fullscreen .mushaf-zoom-controls{margin:0;position:static}.mushaf-face-blur{object-fit:contain;pointer-events:none;visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.mushaf-book[data-mode=memorize] .mushaf-face-blur{visibility:inherit}.mushaf-book[data-mode=memorize] .mushaf-face[data-blur-ready]>img{visibility:hidden}.mushaf-book[data-mode=memorize] .mushaf-face:not([data-blur-ready])>img{filter:blur(6px)}.mushaf-book[data-mode=memorize] .mushaf-verses{z-index:1}.mushaf-book[data-mode=memorize] .mushaf-verse{visibility:hidden;transition:none}.mushaf-book[data-mode=memorize] .mushaf-verse.is-revealed{visibility:visible;background:var(--page-image) var(--reveal-position) / var(--reveal-size) no-repeat #fffbef;border-radius:3px;outline:none;animation:.25s ease-out mushaf-reveal;left:var(--reveal-left)!important;top:var(--reveal-top)!important;width:var(--reveal-width)!important;height:var(--reveal-height)!important}.mushaf-book[data-mode=memorize] .mushaf-verse.is-revealed:focus-visible{outline-offset:2px;outline:2px solid #059669}.mushaf-book[data-mode=memorize] .mushaf-verse.is-revealed:before,.mushaf-book[data-mode=memorize] .mushaf-verse.is-revealed:after{content:none}@keyframes mushaf-reveal{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.mushaf-book[data-mode=memorize] .mushaf-verse.is-revealed{animation:none}}.mushaf-starter--revealed{color:#065f46;background:#d1fae5}.mushaf-starter--selected.mushaf-starter--revealed{color:#7c1618;background:#fde68a;box-shadow:inset 0 0 0 2px #10b981}.mushaf-book[data-focus] .mushaf-starter:not(.mushaf-starter--focused),.mushaf-book[data-focus] .mushaf-upcoming{opacity:.3;filter:blur(1.5px);transition:opacity .2s,filter .2s}.mushaf-book[data-focus] .mushaf-verse.is-revealed:not(.is-focused){visibility:hidden}.mushaf-book[data-mode=memorize] .mushaf-verse.is-focused:not(.is-revealed){visibility:visible;outline-offset:1px;background:#10b9811f;border-radius:4px;outline:2px dashed #10b981;animation:.25s ease-out mushaf-reveal}.mushaf-book[data-mode=memorize] .mushaf-verse.is-focused:not(.is-revealed):hover{background:#10b98138}.mushaf-book[data-mode=memorize] .mushaf-verse.is-focused:not(.is-revealed):focus-visible{outline-style:solid;outline-color:#059669}.mushaf-book[data-mode=memorize] .mushaf-verses--revealed{filter:drop-shadow(2px 0 #10b981)drop-shadow(-2px 0 #10b981)drop-shadow(0 2px #10b981)drop-shadow(0 -2px #10b981)drop-shadow(0 0 6px #10b98166)}.mushaf-book[data-mode=memorize] .mushaf-verse.is-playing:not(.is-revealed){visibility:visible;background:0 0}.mushaf-playing-frame{pointer-events:none;filter:drop-shadow(0 0 6px #10b98166);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mushaf-playing-frame polygon{fill:#34d39926;stroke:#10b981;stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.mushaf-book[data-mode=memorize] .mushaf-verse.is-playing.is-revealed{box-shadow:inset 0 0 0 100vmax #34d3992e}.mushaf-book .mushaf-starter.mushaf-starter--playing{color:#064e3b;background:#a7f3d0;box-shadow:inset 0 0 0 2px #10b981}.mushaf-book .mushaf-starter.mushaf-starter--playing:after{content:"";background:#059669;border-radius:999px;flex:none;width:6px;height:6px;margin-inline-start:auto;animation:1s ease-in-out infinite alternate mushaf-playing}@keyframes mushaf-playing{0%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.mushaf-book .mushaf-starter.mushaf-starter--playing:after{animation:none}}.mushaf-book .mushaf-starter.mushaf-starter--focused{color:#065f46;background:#d1fae5;box-shadow:inset 0 0 0 2px #10b981}@media (prefers-reduced-motion:reduce){.mushaf-book[data-focus] .mushaf-starter,.mushaf-book[data-focus] .mushaf-upcoming{transition:none}.mushaf-book[data-mode=memorize] .mushaf-verse.is-focused{animation:none}}.mushaf-peeks{z-index:2;pointer-events:none;filter:drop-shadow(2px 0 #f59e0b)drop-shadow(-2px 0 #f59e0b)drop-shadow(0 2px #f59e0b)drop-shadow(0 -2px #f59e0b)drop-shadow(0 0 6px #f59e0b66);position:absolute;inset:0}.mushaf-verse-peek{z-index:1;background:var(--page-image) no-repeat #fffbef;border-radius:3px;animation:.25s ease-out mushaf-reveal;position:absolute}@media (prefers-reduced-motion:reduce){.mushaf-verse-peek{animation:none}}.mushaf-book[data-focus] .mushaf-upcoming.is-peek{opacity:1;filter:none}.mushaf-stage--fullscreen .mushaf-focus-panel{z-index:20;width:min(24rem,100% - 24px);max-height:calc(100% - 140px);margin:0;position:absolute;top:12px;right:12px;overflow:auto;box-shadow:0 12px 32px #0f172a33}.mushaf-stage--fullscreen .mushaf-focus-panel[data-side=left]{left:12px;right:auto}.mushaf-stage--fullscreen .mushaf-focus-panel [data-focus-tools-toggle]{display:grid}.mushaf-stage--fullscreen .mushaf-focus-panel[data-collapsed]{padding:8px 8px 8px 14px}.mushaf-stage--fullscreen .mushaf-focus-panel[data-collapsed]>:not(:first-child),.mushaf-stage--fullscreen .mushaf-focus-panel[data-collapsed] [data-focus-blur-note]{display:none}.mushaf-stage--fullscreen .mushaf-focus-panel[data-collapsed][data-timer-running] [data-focus-timer-mini]{display:block}.mushaf-stage--fullscreen .mushaf-focus-panel{cursor:grab;touch-action:none}.mushaf-stage--fullscreen .mushaf-focus-panel.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.mushaf-stage--fullscreen .mushaf-focus-panel :is(button,select,input,label){cursor:auto}.mushaf-focus-panel[data-collapsed] [data-focus-tools-toggle] svg{transform:rotate(180deg)}@media (width<=639px){.mushaf-stage--fullscreen .mushaf-focus-panel[data-collapsed]>:first-child{flex-wrap:nowrap}.mushaf-stage--fullscreen .mushaf-focus-panel[data-collapsed] [data-focus-active-label]{display:none}}.mushaf-stage--fullscreen .reading-timer-pill{top:calc(.75rem + env(safe-area-inset-top));bottom:auto}.mushaf-stage--fullscreen .recitation-bar{grid-area:2/1/auto/-1;justify-self:center;width:min(28rem,100%);margin:0;position:relative;inset:auto}.mushaf-stage--expanded .reading-timer-pill{top:calc(var(--expanded-top,0px) + .75rem)}.mushaf-stage--fullscreen [data-review-bar]{z-index:20;width:min(44rem,100% - 24px);margin:0;padding:10px 12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.mushaf-stage--fullscreen [data-review-bar] [data-review-help],.mushaf-stage--fullscreen [data-review-bar]>div>span:first-child{display:none}.mushaf-stage--fullscreen [data-review-bar]{cursor:grab;touch-action:none}.mushaf-stage--fullscreen [data-review-bar].is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.mushaf-stage--fullscreen [data-review-bar] :is(button,a,input){cursor:pointer}.mushaf-starter[data-ruku]:before{content:"ع";inset-inline-end:4px;box-sizing:border-box;color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:999px;place-items:center;width:1.45em;height:1.45em;font-family:Scheherazade New,Amiri,serif;font-size:.8em;font-weight:700;line-height:1;display:grid;position:absolute;top:0;transform:translateY(-50%)}.mushaf-starter[data-ruku]{border-top:1px dashed #f59e0b}.mushaf-ruku-mark{z-index:2;--mark-size:clamp(calc(16px / var(--mushaf-zoom,1)), var(--line) * .64, calc(36px / var(--mushaf-zoom,1)));width:var(--mark-size);height:var(--mark-size);font-family:Scheherazade New,Amiri,serif;font-size:calc(var(--mark-size) / 1.5);color:#fff;pointer-events:none;background:#f59e0b;border:1.5px solid #fff;border-radius:999px;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #92400e80}html.ain-ready span.mushaf-ruku-mark{background-image:var(--ain-white);background-size:auto 54%}.mushaf-bookmark-mark{z-index:2;--mark-size:clamp(calc(14px / var(--mushaf-zoom,1)), var(--line) * .34, calc(30px / var(--mushaf-zoom,1)));width:var(--mark-size);height:var(--mark-size);color:#fff;pointer-events:none;background:#d97706;border:1.5px solid #fff;border-radius:999px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #f59e0b66,0 1px 4px #78350f80}.mushaf-bookmark-mark[hidden],.mushaf-book[data-distraction-free=true] .mushaf-bookmark-mark{display:none}.mushaf-book[data-distraction-free=true] .mushaf-verse:is(.is-memorized,.is-last-read):not(.is-hover,.is-active,.is-highlighted,.is-playing){box-shadow:none;background-color:#0000}.mushaf-bookmark-mark svg{fill:currentColor;stroke-width:1.5px;width:66%;height:66%}@media (width<=639px){.mushaf-stage:not(.mushaf-stage--fullscreen) .mushaf-viewport{margin-inline:-1.25rem}.mushaf-stage:not(.mushaf-stage--fullscreen) .mushaf-desk{border-radius:0}.mushaf-stage--fullscreen{grid-template-rows:minmax(0,1fr) auto auto;gap:6px 8px;padding-inline:8px}.mushaf-stage--fullscreen .mushaf-viewport{margin-inline:-8px}.mushaf-stage--fullscreen .mushaf-desk{padding-bottom:12px}.mushaf-stage--fullscreen .mushaf-fullscreen-tools{z-index:45;flex-wrap:nowrap;justify-content:space-between;gap:6px;position:relative}.mushaf-stage--fullscreen .mushaf-fullscreen-tools [data-mushaf-selection]{text-align:center;flex:auto;font-size:13px;line-height:1.25}.mushaf-stage--fullscreen :is([data-mushaf-next],[data-mushaf-previous]){align-self:center;margin-top:0}.mushaf-stage--fullscreen .mushaf-filters-button{flex:none;justify-content:center;width:48px;padding:0}.mushaf-stage--fullscreen .mushaf-filters-button>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.mushaf-more[hidden],.mushaf-more-panel[hidden]{display:none}.mushaf-more{flex:none}.mushaf-more-toggle{color:#065f46;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #d6d3d1;border-radius:999px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 4px 14px #0f172a26}.mushaf-more-toggle:hover,.mushaf-more-toggle[aria-expanded=true]{background:#ecfdf5}.mushaf-more-toggle:focus-visible{outline-offset:2px;outline:2px solid #059669}.dark .mushaf-more-toggle{color:#6ee7b7;background:#0f172a;border-color:#475569}.dark .mushaf-more-toggle:hover,.dark .mushaf-more-toggle[aria-expanded=true]{background:#022c22}.mushaf-more-panel{z-index:40;background:#fff;border:1px solid #d6d3d1;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 24px);padding:12px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50%;box-shadow:0 12px 32px #0f172a33}.dark .mushaf-more-panel{background:#0f172a;border-color:#475569}.mushaf-more-panel .mushaf-zoom-controls{box-shadow:none;order:1}.mushaf-unavailable{display:none}.mushaf-desk:has(>.mushaf-book:empty)>.mushaf-unavailable{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;animation:.3s 20s both mushaf-unavailable-in;display:flex}[data-mushaf-failed] .mushaf-desk:has(>.mushaf-book:empty)>.mushaf-unavailable{animation-delay:0s}@keyframes mushaf-unavailable-in{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.mushaf-page-state-saved{flex-wrap:wrap;justify-content:center;gap:.6em;max-width:32em;display:flex}.mushaf-page-state-saved a{color:#065f46;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:9999px;padding:.45em .75em;font-size:.86em;font-weight:600}.mushaf-page-state>a{color:#047857;font-size:.86em;font-weight:600;text-decoration:underline}.mushaf-book:not([data-mode=memorize]) .mushaf-verse.is-recall{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:none;background:#fffbef59}.mushaf-book[data-mode=memorize] .mushaf-verse.is-recall{visibility:hidden}.mushaf-paper.is-spotlit:after{content:"";z-index:4;pointer-events:none;animation:3.4s ease-out forwards mushaf-spotlight;position:absolute;inset:0;box-shadow:inset 0 0 0 5px #f59e0b,inset 0 0 48px 10px #fbbf2480}@keyframes mushaf-spotlight{0%{opacity:0}12%{opacity:1}28%{opacity:.45}44%,72%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.mushaf-paper.is-spotlit:after{animation:none}}