.rd{--rd-top-h:60px;--rd-bottom-h:56px;--rd-player-h:0px;--rd-gutter:var(--space-2);--rd-pad-block:var(--space-2);--rd-gap:0px;--rd-ratio:1.77;--rd-extra:20px;--rd-avail-h:calc(100dvh - var(--rd-top-h) - var(--rd-bottom-h) - var(--rd-player-h) - 2 * var(--rd-pad-block));--rd-fit-w:calc((var(--rd-avail-h) + var(--rd-extra)) / var(--rd-ratio));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top top""stage study""player study""bottom study";grid-template-rows:var(--rd-top-h) minmax(0, 1fr) auto var(--rd-bottom-h);background:var(--c-bg);block-size:100dvh;color:var(--c-text);display:grid;overflow:hidden}:root[data-rd-margins=off] .rd{--rd-extra:76px}.rd-top{gap:var(--space-1);min-inline-size:0;padding-inline:var(--space-2) var(--space-1);transition:opacity var(--dur-base) var(--ease-standard), visibility var(--dur-base) var(--ease-standard);grid-area:top;align-items:center;display:flex}.rd-loc{gap:var(--space-2);min-inline-size:0;min-block-size:var(--tap);padding-block:var(--space-1);padding-inline:var(--space-2);border-radius:var(--radius-md);color:var(--c-text);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard);background:0 0;border:0;flex:0 auto;align-items:center;display:flex}.rd-loc:hover{background:var(--c-surface-2)}.rd-loc-text{flex:1;min-inline-size:0;display:grid}.rd-loc-page{min-inline-size:3rem;padding-block:var(--space-0-5);padding-inline:var(--space-2);border-inline-start:1px solid var(--c-border);flex:none;justify-items:center;line-height:1.1;display:grid}.rd-loc-page-n{font-size:var(--fs-lg);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.rd-loc-page-l{color:var(--c-text-soft);font-size:var(--fs-xs)}.rd-loc-surah{font-family:var(--font-text);font-size:var(--fs-xl);font-weight:var(--fw-semibold);white-space:nowrap;text-overflow:ellipsis;line-height:1.15;overflow:hidden}.rd-loc-meta{color:var(--c-text-soft);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;line-height:1.5;overflow:hidden}:root[data-rd-pending] .rd-loc-text,:root[data-rd-pending] .rd-loc-page,:root[data-rd-pending] .rd .mu-head,:root[data-rd-pending] .rd .mu-folio{visibility:hidden}.rd-top-player{gap:var(--space-1);flex:1;justify-content:flex-end;align-items:center;min-inline-size:0;display:flex}.rd-top-slot{flex:1;justify-content:center;min-inline-size:0;display:none}.rd-top-slot .pl-top{flex:1;max-inline-size:860px}.rd-listen{color:var(--c-text);flex:none}.rd[data-player] .rd-listen{display:none}@media (min-width:1024px){.rd-top-slot:not(:empty){display:flex}.rd[data-desk] .rd-listen,.rd .rd-player .pl-bar{display:none}}@media (max-width:1023.98px){.rd-top-player{flex:1 0 auto}}@media (min-width:720px) and (max-width:1023.98px){.rd .rd-player .pl-bar[data-responsive]{display:block}.rd[data-player]{--rd-player-h:69px}}.rd-top-actions{gap:var(--space-0-5);flex:none;align-items:center;display:flex}.rd-home{display:none}@media (min-width:1101px){.rd-home{display:inline-flex}}.rd-top-account{min-inline-size:var(--tap);justify-content:center;display:flex}.rd-top-account .ac-entry{max-inline-size:10rem}.rd-stage{overscroll-behavior:contain;scrollbar-gutter:auto;flex-direction:column;grid-area:stage;min-block-size:0;display:flex;position:relative;overflow:auto;container-type:inline-size}.rd .rd-pages{--mu-paper:var(--c-page-paper);--mu-ink:var(--c-page-ink);--mu-ink-soft:var(--c-text-soft);--mu-faint:var(--c-border);--mu-focus:var(--c-focus);--mu-shadow:var(--shadow-page);--mu-spine:#00000012;--mu-orn:var(--c-page-frame);--mu-orn-soft:var(--c-page-frame-soft);--mu-orn-fill:var(--c-page-frame-fill);--mu-hl:var(--c-highlight-ayah);--mu-playing:var(--c-highlight-word);--mu-range:var(--c-highlight-range);--mu-mistake:var(--c-mistake);--mu-mistake-soft:var(--c-mistake-soft);--mu-halo:var(--c-accent-soft);--mu-name-font:var(--font-text);--mu-margin-w:1.25rem;--rd-page-w:calc(min(100cqi - 2 * var(--rd-gutter), max(var(--rd-fit-w), min(100cqi - 2 * var(--rd-gutter), 340px)), 760px) * var(--rd-scale,1));gap:var(--rd-gap);inline-size:max-content;min-inline-size:100%;padding-block:var(--rd-pad-block);padding-inline:var(--rd-gutter);touch-action:pan-x pan-y;margin-block:auto}:root[data-theme=dark] .rd .rd-pages,:root[data-theme=black] .rd .rd-pages{--mu-spine:#00000059}.rd .mu-page{inline-size:var(--rd-page-w);padding-block:var(--space-1-5) var(--space-1);padding-inline:var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-ui);flex:none}.rd .rd-fallback{inline-size:var(--rd-page-w);flex:none;max-inline-size:none;margin-inline:0}.rd .mu-page[data-current=false]{display:none}:root[data-rd-layout=spread] .rd .mu-page[data-current=false]{display:flex}:root[data-rd-layout=spread] .rd .rd-pages{--rd-page-w:calc(min((100cqi - 2 * var(--rd-gutter)) / 2, var(--rd-fit-w)) * var(--rd-scale,1))}@media (min-width:900px){:root[data-rd-layout=auto] .rd .mu-page[data-current=false]{display:flex}:root[data-rd-layout=auto] .rd .rd-pages{--rd-page-w:calc(min((100cqi - 2 * var(--rd-gutter)) / 2, var(--rd-fit-w)) * var(--rd-scale,1))}}.rd .mu-page[data-side=right]{border-start-end-radius:0;border-end-end-radius:0}.rd .mu-page[data-side=left]{border-start-start-radius:0;border-end-start-radius:0}.rd .mu-head{padding-block:0 var(--space-1);padding-inline:var(--space-1);color:var(--c-text-soft);font-size:var(--fs-xs);line-height:1.4}.rd .mu-folio{padding-block:var(--space-1) 0}.rd .mu-folio span{border-color:var(--c-page-frame-soft);min-inline-size:2.6em;color:var(--c-text-soft);font-size:var(--fs-xs)}:root[data-rd-margins=off] .rd .mu-head,:root[data-rd-margins=off] .rd .mu-folio{display:none}.rd .mu-note{font-family:var(--font-ui);font-size:.6875rem}.rd .mu-word:focus-visible{box-shadow:inset 0 0 0 2px var(--c-focus)}.rd .mu-page[data-fallback-font] .mu-lines{font-family:var(--font-ui)}.rd .mu-skel-bar{background:var(--c-skeleton);opacity:1}.rd .mu-status{gap:var(--space-3);color:var(--c-text-soft);font-size:var(--fs-md);line-height:1.6}.rd .mu-status .mu-btn{min-block-size:var(--btn-h-md);padding-inline:var(--btn-pad-md);border:1px solid var(--c-border-strong);border-radius:var(--btn-radius);background:var(--c-surface);color:var(--c-text);font-family:var(--font-ui);font-size:var(--fs-md)}.rd .mu-status .mu-btn:focus-visible{outline:var(--focus-width) solid var(--c-focus);outline-offset:var(--focus-offset)}.rd .mu-header-name{color:var(--c-page-ink)}.rd .mu-header-name[data-fallback]{font-weight:var(--fw-semibold)}.rd-notice{inset-block-start:var(--space-2);inset-inline:var(--space-3);z-index:1;gap:var(--space-2);max-inline-size:520px;padding-block:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-2);color:var(--c-text-soft);font-size:var(--fs-sm);animation:rd-appear var(--dur-base) var(--ease-out) .7s both;align-items:flex-start;margin:0 auto;line-height:1.55;display:flex;position:absolute}.rd-notice .ui-icon{flex:none;margin-block-start:2px}@keyframes rd-appear{0%{opacity:0}}.rd-player{grid-area:player;min-inline-size:0}.rd-study{border-inline-start:1px solid var(--c-border);background:var(--c-surface);flex-direction:column;grid-area:study;min-block-size:0;inline-size:clamp(320px,36vw,460px);display:flex}.rd-study[data-width=wide]{inline-size:min(980px,62vw)}.rd-study>.st-panel{flex:1}.rd .rd-pages{--mu-playing:color-mix(in srgb, var(--c-highlight-word) 45%, transparent)}.rd .rd-pages .mu-word[data-playing]{box-shadow:inset 0 -.16em 0 color-mix(in srgb, var(--c-accent) 70%, transparent)}.rd .mu-word[data-word-playing]{border-radius:var(--radius-sm);background:var(--c-highlight-word);box-shadow:inset 0 -.16em 0 var(--c-accent)}.rd-bottom{gap:var(--space-1);inline-size:min(100%,760px);padding-block:var(--space-1) calc(var(--space-1) + env(safe-area-inset-bottom,0px));padding-inline:var(--space-1);transition:opacity var(--dur-base) var(--ease-standard), visibility var(--dur-base) var(--ease-standard);grid-area:bottom;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;margin-inline:auto;display:grid}.rd-turn{color:var(--c-text)}.rd-bottom-center{justify-content:center;min-inline-size:0;display:flex}.rd-pick{color:var(--c-text-soft)}.rd-chip{gap:var(--space-0-5);min-inline-size:0;max-inline-size:100%;padding-inline:var(--space-1) var(--space-0-5);border:1px solid var(--c-border);border-radius:var(--radius-full);background:var(--c-surface);box-shadow:var(--shadow-1);align-items:center;display:flex}.rd-chip[data-tone=accent]{background:var(--c-accent-soft);border-color:#0000}.rd-chip-main{min-inline-size:0;min-block-size:var(--tap-compact);padding-inline:var(--space-2);border-radius:var(--radius-full);color:var(--c-text);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;overflow:hidden}.rd-chip[data-tone=accent] .rd-chip-main{color:var(--c-accent-soft-text)}.rd-chip-main:has(>.ui-icon){gap:var(--space-1);align-items:center;display:inline-flex}.rd-chip-text{text-overflow:ellipsis;overflow:hidden}.rd-chip .ui-iconbtn{border-radius:var(--radius-full);flex:none;block-size:32px;min-block-size:32px;inline-size:32px;min-inline-size:32px}@media (max-width:719px){.rd-turn .ui-btn-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.rd-turn{inline-size:var(--tap);padding-inline:0}.rd-listen .ui-btn-label,.rd-top-account .ac-entry-name{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.rd-listen,.rd-top-account .ac-entry{inline-size:var(--tap);min-block-size:var(--tap);justify-content:center;padding-inline:0}.rd[data-player]{--rd-player-h:69px}.rd[data-chrome=hidden] .rd-top,.rd[data-chrome=hidden] .rd-bottom{visibility:hidden;opacity:0}}@media (max-width:419.98px){.rd{--rd-top-tap:40px}.rd-top{gap:var(--space-0-5);padding-inline:var(--space-1) var(--space-0-5)}.rd .rd-top .ui-btn{--ui-btn-h:var(--rd-top-tap)}.rd-top-actions{gap:0}.rd .rd-listen,.rd-top-account .ac-entry{inline-size:var(--rd-top-tap);min-block-size:var(--rd-top-tap)}.rd-top-account{min-inline-size:var(--rd-top-tap)}.rd-loc{gap:var(--space-1);padding-inline:var(--space-1)}.rd-loc-page{min-inline-size:2.5rem;padding-inline:var(--space-1-5)}.rd-loc-surah{font-size:var(--fs-lg)}}@media (max-width:380px){.rd{--rd-gutter:var(--space-1)}.rd .rd-pages{--mu-margin-w:1.05rem}.rd .mu-page{padding-inline:var(--space-1)}}.rd-sheet .ui-sheet-body{padding-block-start:0}@media (max-width:719px){.rd-nav{block-size:min(88dvh,760px)}}.rd-nav .ui-sheet-body{gap:var(--space-3);flex-direction:column;display:flex}.rd-nav-tabs .ui-tablist{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.rd-nav-tabs .ui-tab{min-inline-size:0;padding-inline:var(--space-1);text-overflow:ellipsis;overflow:hidden}.rd-jump{gap:var(--space-2);display:grid}.rd-jump-field{align-items:center;display:flex;position:relative}.rd-jump-field>.ui-icon{color:var(--c-text-soft);pointer-events:none;position:absolute;inset-inline-start:var(--space-3)}.rd-jump-input{inline-size:100%;font-size:var(--fs-lg);padding-inline-start:calc(var(--space-3) + 28px)}.rd-tries{gap:var(--space-1-5);flex-wrap:wrap;align-items:center;display:flex}.rd-tries-label{color:var(--c-text-soft);font-size:var(--fs-sm)}.rd-try{min-block-size:32px;padding-inline:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-full);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:var(--fs-sm);cursor:pointer}.rd-try:hover{background:var(--c-surface-2)}.rd-results{gap:var(--space-0-5);margin:0;padding:0;list-style:none;display:grid}.rd-result{gap:var(--space-0-5);padding-block:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-md);cursor:pointer;display:grid}.rd-result[aria-selected=true]{background:var(--c-accent-soft)}.rd-result-title{font-weight:var(--fw-medium)}.rd-result-detail{color:var(--c-text-soft);font-size:var(--fs-sm)}.rd-tab{gap:var(--space-3);display:grid}.rd-filter{gap:var(--space-1);display:grid}.rd-label{color:var(--c-text-soft);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.rd-list{margin:0;padding:0;list-style:none;display:grid}.rd-list>li+li{border-block-start:1px solid var(--c-border)}.rd-row{gap:var(--space-3);min-block-size:56px;inline-size:100%;padding-block:var(--space-2);padding-inline:var(--space-2);border-radius:var(--radius-md);color:var(--c-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.rd-row:hover{background:var(--c-surface-2)}.rd-row[aria-current=true]{background:var(--c-accent-soft)}.rd-row-num{border:1px solid var(--c-page-frame-soft);border-radius:var(--radius-full);block-size:2.25rem;inline-size:2.25rem;color:var(--c-text-soft);font-size:var(--fs-sm);flex:none;place-items:center;display:grid}.rd-row-main{gap:var(--space-0-5);flex:1;min-inline-size:0;display:grid}.rd-row-title{font-family:var(--font-text);font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:1.2}.rd-row-meta{color:var(--c-text-soft);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;line-height:1.5;overflow:hidden}.rd-row-end{color:var(--c-text-soft);font-size:var(--fs-sm);flex:none}.rd-row-meta:has(.rd-opening){white-space:normal}.rd-opening{font-family:var(--font-quran)}.rd-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));margin:0;padding:0;list-style:none;display:grid}.rd-cell{gap:var(--space-0-5);min-block-size:72px;inline-size:100%;padding-block:var(--space-2);padding-inline:var(--space-1);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font:inherit;cursor:pointer;justify-items:center;display:grid}.rd-cell:hover{background:var(--c-surface-2)}.rd-cell[aria-current=true]{border-color:var(--c-accent);background:var(--c-accent-soft)}.rd-cell-num{font-family:var(--font-text);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:1.1}.rd-cell-meta{max-inline-size:100%;color:var(--c-text-soft);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rd-forms{gap:var(--space-5);display:grid}.rd-form{gap:var(--space-1-5);display:grid}.rd-form-row{gap:var(--space-2);align-items:center;display:flex}.rd-num-input{text-align:center;inline-size:7rem}.rd-num-short{inline-size:5rem}.rd-grow{flex:1;min-inline-size:0}.rd-error{min-block-size:1.5em;color:var(--c-danger);font-size:var(--fs-sm);margin:0}.rd-muted{color:var(--c-text-soft)}.rd-pad{padding-block:var(--space-4);text-align:center;margin:0}.rd-ayah-text{color:var(--c-text);font-family:var(--font-quran);font-size:var(--fs-lg);line-height:1.9}.rd-ayah-row .rd-row-title{font-size:var(--fs-md);font-family:var(--font-ui);font-weight:var(--fw-medium);color:var(--c-text-soft)}.rd-settings-body{gap:var(--space-5);display:grid}.rd-set{gap:var(--space-1-5);display:grid}.rd-edition-list{gap:var(--space-2);display:grid}.rd-edition{gap:var(--space-3);min-block-size:var(--tap);padding-block:var(--space-2-5);padding-inline:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);color:var(--c-text);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);align-items:center;display:flex}.rd-edition:hover{border-color:var(--c-border-strong)}.rd-edition[aria-checked=true]{border-color:var(--c-accent);background:var(--c-accent-soft);box-shadow:inset 0 0 0 1px var(--c-accent)}.rd-edition-mark{border:2px solid var(--c-border-strong);border-radius:var(--radius-full);background:var(--c-surface);block-size:20px;inline-size:20px;transition:border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);flex:none}.rd-edition[aria-checked=true] .rd-edition-mark{border-color:var(--c-accent);box-shadow:inset 0 0 0 5px var(--c-accent)}.rd-edition-text{gap:2px;min-inline-size:0;display:grid}.rd-edition-name{gap:var(--space-2);font-weight:var(--fw-semibold);line-height:var(--lh-snug);flex-wrap:wrap;align-items:center;display:flex}.rd-edition-badge{--ui-badge-bg:var(--c-accent);--ui-badge-fg:var(--c-accent-text)}.rd-edition-desc{color:var(--c-text-soft);font-size:var(--fs-help);line-height:var(--lh-help)}.rd-edition[aria-checked=true] .rd-edition-desc{color:var(--c-text)}.rd-hint{color:var(--c-text-soft);font-size:var(--fs-sm);margin:0;line-height:1.6}.rd-switches{gap:0}.rd-theme-opt{gap:var(--space-1-5);align-items:center;display:inline-flex}.rd-swatch{border-radius:var(--radius-full);border:1px solid #00000040;block-size:14px;inline-size:14px}.rd-swatch[data-swatch=light]{background:#fdfbf5}.rd-swatch[data-swatch=sepia]{background:#f4ead4}.rd-swatch[data-swatch=dark]{background:#2c323d}.rd-swatch[data-swatch=black]{background:#000;border-color:#ffffff59}.rd-actions .ui-sheet-body{gap:var(--space-4);display:grid}.rd-act-group{gap:var(--space-2);display:grid}.rd-act-head{color:var(--c-text-soft);font-size:var(--fs-sm);font-weight:var(--fw-medium);margin:0}.rd-act-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.rd-act{gap:var(--space-2);min-block-size:60px;padding-block:var(--space-2);padding-inline:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard);align-items:center;display:flex}.rd-act:hover{background:var(--c-surface-2)}.rd-act:focus-visible{outline:var(--focus-width) solid var(--c-focus);outline-offset:var(--focus-offset)}.rd-act:disabled{opacity:.6;cursor:default}.rd-act>.ui-icon{color:var(--c-accent-soft-text);flex:none}.rd-act[aria-pressed=true]{border-color:var(--c-accent);background:var(--c-accent-soft)}.rd-act-text{min-inline-size:0;display:grid}.rd-act-label{font-weight:var(--fw-medium)}.rd-act-hint{color:var(--c-text-soft);font-size:var(--fs-sm)}.rd-act-study{gap:var(--space-2);flex-wrap:wrap;display:flex}.rd-act-status{min-block-size:1.5em;color:var(--c-text-soft);font-size:var(--fs-sm);margin:0}.rd-share-text{margin:0 0 var(--space-3);font-family:var(--font-quran);font-size:var(--fs-lg);line-height:2}.rd-study-sheet .ui-sheet-body{padding:0}.rd-study-sheet .st-panel[data-variant=sheet]{block-size:min(72dvh,720px)}