:is(.rr-app,.tafsir-app){--rc-surface:var(--bs-body-bg,#fff);--rc-ink:var(--bs-body-color,#243747);--rc-line:color-mix(in srgb,var(--rc-ink) 20%,var(--rc-surface));--rc-tone:color-mix(in srgb,var(--rc-ink) 5%,var(--rc-surface));--rc-hover:color-mix(in srgb,var(--rc-ink) 10%,var(--rc-surface));--rc-accent:var(--green,#346b73);--rc-selected:color-mix(in srgb,var(--rc-accent) 16%,var(--rc-surface));--rc-shadow:0 3px 10px #00000017}:is(.rr-app,.tafsir-app) :is(.btn,.form-control,.form-select,.reader-select-trigger){border-radius:12px;min-height:44px;font-size:1rem;line-height:1.5}:is(.rr-app,.tafsir-app) .btn{justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:600;text-decoration:none;transition:background-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 4px #00000014}:is(.rr-app,.tafsir-app) .btn:hover{box-shadow:0 4px 10px #00000024}:is(.rr-app,.tafsir-app) :is(.btn-outline-primary,.btn-outline-secondary){--bs-btn-color:var(--rc-ink);--bs-btn-border-color:var(--rc-line);--bs-btn-bg:var(--rc-tone);--bs-btn-hover-color:var(--rc-ink);--bs-btn-hover-bg:var(--rc-hover);--bs-btn-hover-border-color:var(--rc-ink);--bs-btn-active-color:var(--rc-ink);--bs-btn-active-bg:var(--rc-selected);--bs-btn-active-border-color:var(--rc-accent);--bs-btn-disabled-color:var(--rc-ink);--bs-btn-disabled-bg:var(--rc-tone);--bs-btn-disabled-border-color:var(--rc-line)}:is(.rr-app,.tafsir-app) .btn:disabled,:is(.rr-app,.tafsir-app) .btn.disabled{box-shadow:none}:is(.rr-app,.tafsir-app) .btn-group{flex-wrap:wrap;gap:.35rem}:is(.rr-app,.tafsir-app) .btn-group>.btn{border-radius:12px!important;margin:0!important}:is(.rr-app,.tafsir-app) :is(.form-control,.form-select,.reader-select-trigger){background-color:var(--rc-tone);color:var(--rc-ink);border:1px solid var(--rc-line);box-shadow:0 1px 2px #0000000a}:is(.rr-app,.tafsir-app) :is(.form-control,.reader-select-trigger):hover{background-color:var(--rc-hover)}:is(.rr-app,.tafsir-app) :is(.form-control,.reader-select-trigger):focus-visible{outline:2px solid var(--rc-ink);outline-offset:2px;box-shadow:none}:is(.rr-app,.tafsir-app) .btn-primary{--bs-btn-color:var(--paper,#fff);--bs-btn-bg:var(--rc-accent);--bs-btn-border-color:var(--rc-accent);--bs-btn-hover-color:var(--paper,#fff);--bs-btn-hover-bg:color-mix(in srgb,var(--rc-accent) 90%,var(--rc-ink));--bs-btn-hover-border-color:var(--rc-accent);--bs-btn-active-color:var(--paper,#fff);--bs-btn-active-bg:var(--rc-accent);--bs-btn-active-border-color:var(--rc-accent);--bs-btn-disabled-color:var(--paper,#fff);--bs-btn-disabled-bg:var(--rc-accent);--bs-btn-disabled-border-color:var(--rc-accent)}:is(.rr-app,.tafsir-app) .btn:focus-visible{box-shadow:0 0 0 .2rem color-mix(in srgb,var(--rc-accent) 25%,transparent)}:is(.rr-app,.tafsir-app) :is(.form-check-input,.form-range){accent-color:var(--rc-accent);cursor:pointer}:is(.rr-app,.tafsir-app) .form-check-input:checked{background-color:var(--rc-accent);border-color:var(--rc-accent)}:is(.rr-app,.tafsir-app) .form-check-input:focus{border-color:var(--rc-accent);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--rc-accent) 20%,transparent)}:is(.rr-app,.tafsir-app) :is(.form-check-label,.rr-switch){cursor:pointer}:is(.rr-app,.tafsir-app) details>summary{background:var(--rc-tone);color:var(--rc-ink);cursor:pointer;border-radius:12px;padding:.7rem .85rem;font-size:1rem;font-weight:600}:is(.rr-app,.tafsir-app) details>summary:hover{background:var(--rc-hover)}.tafsir-app .card-header{border-start-start-radius:17px;border-start-end-radius:17px}.tafsir-app .card-footer{border-end-end-radius:17px;border-end-start-radius:17px}.reader-select{width:100%;margin-top:.4rem;display:block;position:relative}.reader-select-native{clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;position:absolute!important;overflow:hidden!important}.reader-select-trigger{text-align:start;cursor:pointer;justify-content:space-between;align-items:center;gap:.8rem;width:100%;padding:.65rem .8rem;font-family:inherit;display:flex}.reader-select-trigger:disabled{opacity:.55;cursor:default}.reader-select-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reader-select-chevron{margin-inline:.25rem;border-bottom:2px solid;border-right:2px solid;flex:none;width:.55rem;height:.55rem;margin-top:-.25rem;transform:rotate(45deg)}.reader-select-trigger[aria-expanded=true] .reader-select-chevron{margin-top:.25rem;transform:rotate(225deg)}.reader-select-popup{box-sizing:border-box;background:var(--rc-surface);color:var(--rc-ink);border:1px solid var(--rc-line);z-index:1080;font:400 1rem/1.5 var(--bs-body-font-family,system-ui);white-space:normal;border-radius:16px;margin:0;padding:.45rem;position:fixed;inset:auto;overflow:hidden;box-shadow:0 12px 36px #00000040}.reader-select-popup:not([popover]):not([hidden]){flex-direction:column;display:flex}.reader-select-popup:popover-open{flex-direction:column;display:flex}.reader-select-popup [hidden]{display:none!important}.reader-select-search{border:1px solid var(--rc-line);background:var(--rc-tone);width:100%;min-height:44px;color:var(--rc-ink);font:inherit;border-radius:10px;flex:none;padding:.55rem .75rem;margin:0 0 .4rem!important}.reader-select-search::placeholder{color:var(--rc-ink);opacity:.7}.reader-select-search:focus{outline:2px solid var(--rc-ink);outline-offset:-2px}.reader-select-options{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.reader-select-option{white-space:normal;width:100%;min-width:0;min-height:44px;color:var(--rc-ink);text-align:start;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:.7rem;padding:.6rem .75rem;display:flex}.reader-select-option>span:first-child{white-space:normal;overflow-wrap:anywhere;flex:auto;min-width:0}.reader-select-option.is-active,.reader-select-option:hover{background:var(--rc-hover)}.reader-select-option:is([aria-selected=true],[aria-current=true]){background:var(--rc-selected);font-weight:700}.reader-select-option:disabled{opacity:.5;cursor:default}.reader-select-check{visibility:hidden;flex:none;font-size:1.15rem}.reader-select-option:is([aria-selected=true],[aria-current=true]) .reader-select-check{visibility:visible}.reader-select-empty{text-align:center;margin:.7rem}@media (width<=575.98px){:is(.rr-app,.tafsir-app) .btn{padding:.5rem .7rem}.reader-select-popup{border-radius:14px}.tafsir-app .card-footer .btn-group{flex:100%}.tafsir-app .card-footer .btn-group>.btn{flex:auto}}@media print{.reader-select-trigger,.reader-select-popup{display:none!important}.reader-select-native{clip-path:none!important;width:auto!important;height:auto!important;position:static!important}}.reader-category-tabs{flex-shrink:0;gap:6px;margin-bottom:8px;display:flex}.reader-category-tabs button{border:1px solid var(--rc-line);background:var(--rc-tone);min-height:42px;color:var(--rc-ink);font:600 14px/1.5 var(--font-body);cursor:pointer;border-radius:10px;flex:1;padding:8px 12px}.reader-category-tabs button[aria-selected=true]{background:var(--rc-selected);border-color:var(--green);color:var(--green)}.reader-category-option{border-radius:9px;align-items:stretch;display:flex}.reader-category-option:has([aria-current=true]){background:var(--rc-selected)}.reader-category-option:is(:hover,:focus-within){background:var(--rc-hover)}.reader-category-option .reader-select-option{background:0 0;flex:1;width:auto}.reader-category-option .reader-select-option[aria-current=true]{font-weight:700}.reader-category-option [aria-current=true] .reader-select-check{visibility:visible}.reader-category-star{min-height:44px;color:var(--rc-ink);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:0 0 44px;padding:0;font:1.6rem/1 Arial,sans-serif}.reader-category-star[aria-pressed=true]{color:#9d711f}.reader-category-option button:focus-visible,.reader-category-tabs button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}