.rd-screen{--rd-ar-size:calc(var(--fs-xl) * 1.3 * var(--rd-ar-scale,1));--rd-tr-size:calc(var(--fs-lg) * var(--rd-tr-scale,1));--page-max:54rem;background:var(--c-bg);min-block-size:100dvh;color:var(--c-text);flex-direction:column;display:flex}.rd-bar-row{gap:var(--space-3);padding-block:var(--space-0-5);justify-content:space-between;align-items:center;display:flex}.rd-nav-surah,.rd-tools{gap:var(--space-1-5);flex:none;align-items:center;display:flex}.rd-nav-surah .ui-select{flex:none;max-inline-size:13rem}.rd-nav-surah select{min-block-size:36px}.rd-main{inline-size:100%;max-inline-size:54rem;padding-block:var(--space-5) var(--space-10);padding-inline:var(--space-4);flex:1;margin-inline:auto}.rd-intro{gap:var(--space-1);text-align:center;justify-items:center;display:grid}.rd-facts{color:var(--c-text-soft);font-size:var(--fs-sm);margin:0}.rd-basmala{margin-block:var(--space-4) var(--space-2);font-family:var(--font-quran);font-size:var(--rd-ar-size);text-align:center;line-height:2}.rd-list{display:grid}.rd-ayah{gap:var(--space-2);padding-block:var(--space-4);padding-inline:var(--space-2);border-block-end:1px solid var(--c-border);content-visibility:auto;contain-intrinsic-size:auto 11rem;scroll-margin-block:8rem 6rem;display:grid}.rd-ayah[data-playing]{border-radius:var(--radius-md);background:var(--c-highlight-ayah)}.rd-ayah-head{gap:var(--space-2);justify-content:space-between;align-items:center;display:flex}.rd-ayah-num{block-size:2.25rem;min-inline-size:2.25rem;padding-inline:var(--space-1);border:1px solid var(--c-border-strong);border-radius:var(--radius-full);color:var(--c-text-soft);font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:var(--fw-medium);place-items:center;margin:0;line-height:1;display:inline-grid}.rd-ayah-tools{gap:var(--space-1);align-items:center;display:flex}.rd-ar{font-family:var(--font-quran);font-size:var(--rd-ar-size);text-align:start;overflow-wrap:break-word;margin:0;line-height:2.2}.rd-word{text-align:center;border-radius:var(--radius-xs);min-inline-size:1.5rem;color:inherit;font:inherit;line-height:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}@media (hover:hover){.rd-word:hover{background:var(--c-accent-soft)}}.rd-word:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.rd-word[data-word-playing]{background:var(--c-highlight-word)}.rd-grid{gap:var(--space-2) var(--space-1-5);flex-wrap:wrap;align-items:flex-start;line-height:1.8;display:flex}.rd-cell{gap:var(--space-0-5);max-inline-size:100%;padding-block:var(--space-1);padding-inline:var(--space-1-5);border-radius:var(--radius-sm);border:1px solid #0000;flex-direction:column;align-items:center;display:inline-flex}.rd-cell:focus-visible{border-color:var(--c-focus)}.rd-cell-ar{line-height:1.8}.rd-cell-tr,.rd-cell-tl{max-inline-size:10rem;font-family:var(--font-ui);font-size:calc(var(--fs-sm) * var(--rd-tr-scale,1));text-align:center;unicode-bidi:isolate;line-height:1.4}.rd-cell-tr{color:var(--c-text)}.rd-cell-tl{color:var(--c-text-soft);font-style:italic}.rd-screen[data-dyslexic] .rd-cell-tr,.rd-screen[data-dyslexic] .rd-cell-tl,:root[data-dyslexic] .rd-cell-tr,:root[data-dyslexic] .rd-cell-tl{font-family:var(--font-read);letter-spacing:.02em;font-style:normal}.rd-mark{color:var(--c-text-soft)}.rd-note{color:var(--c-text-soft);font-size:var(--fs-help);margin:0}.rd-note-error{gap:var(--space-2);color:var(--c-danger);flex-wrap:wrap;align-items:center;display:flex}.rd-apart{gap:var(--space-2);padding:var(--space-2);border:1px dashed var(--c-border-strong);border-radius:var(--radius-md);display:grid}.rd-trs{gap:var(--space-3);display:grid}.rd-tr{gap:var(--space-1);border-inline-start:3px solid var(--c-border-strong);padding-inline-start:var(--space-3);display:grid}.rd-tr[data-state=loading]{gap:var(--space-2);padding-block:var(--space-1)}.rd-tr-name{color:var(--c-text-soft);font-size:var(--fs-xs);margin:0}.rd-tr .rd-tr-text{font-size:var(--rd-tr-size);unicode-bidi:isolate}.rd-tr-text p{margin:0}.rd-tr-text sup{color:var(--c-text-soft);font-size:.7em}.rd-sources{gap:var(--space-1);color:var(--c-text-soft);font-size:var(--fs-help);line-height:var(--lh-help);text-align:center;margin-block-start:var(--space-8);display:grid}.rd-sources p{margin:0}.rd-sources a{color:inherit;text-underline-offset:3px;text-decoration:underline}.rd-sources a:hover{color:var(--c-text)}.rd-player{z-index:var(--z-player);position:sticky;inset-block-end:0}.rd-sheet-foot{gap:var(--space-2);justify-content:space-between;inline-size:100%;display:flex}.rd-set{gap:var(--space-3);padding-block:var(--space-3);border-block-end:1px solid var(--c-border);display:grid}.rd-set:last-child{border-block-end:0}.rd-set-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:0}.rd-set-sub{color:var(--c-text-soft);font-size:var(--fs-sm);font-weight:var(--fw-medium);margin:0}.rd-set-hint{color:var(--c-text-soft);font-size:var(--fs-sm);margin:0}.rd-chosen{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.rd-chip{gap:var(--space-1);max-inline-size:100%;padding-inline:var(--space-3) var(--space-1);border:1px solid var(--c-border-strong);border-radius:var(--radius-full);background:var(--c-surface-2);font-size:var(--fs-sm);align-items:center;display:inline-flex}.rd-chip bdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rd-tr-loading{gap:var(--space-2);display:grid}.rd-group{gap:var(--space-0-5);border:0;margin:0;padding:0;display:grid}.rd-group-name{color:var(--c-text-soft);font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-block-end:var(--space-1);padding:0}.rd-option{gap:var(--space-2);min-block-size:44px;padding-inline:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;align-items:center;display:flex}.rd-option:hover{background:var(--c-surface-2)}.rd-option[data-disabled]{color:var(--c-text-disabled);cursor:not-allowed}.rd-option input{block-size:20px;inline-size:20px;accent-color:var(--c-accent);flex:none}