.reading-modes{display:flex;align-items:center;gap:6px;margin-bottom:15px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--white);width:max-content;max-width:100%}.reading-modes button{padding:10px 16px;border-radius:8px;font-size:13px;min-height:44px}.reading-modes button.active{background:var(--green);color:#fff9e9}.mushaf-workspace{min-width:0}.mushaf-toolbar{background:var(--white);padding:12px;border:1px solid var(--line);border-radius:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px}.mushaf-jump,.mushaf-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mushaf-jump input{width:70px;min-height:40px;padding:7px}.mushaf-jump button,.mushaf-options>button{border:1px solid var(--line);border-radius:8px;min-height:40px;padding:6px 10px}.mushaf-options label{display:flex;align-items:center;gap:4px}.mushaf-navigation{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:12px;gap:6px}.mushaf-navigation button{padding:10px 12px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--white)}.mushaf-navigation button:disabled{opacity:.35;cursor:default}.mushaf-pages{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;direction:rtl;min-height:300px}.mushaf-page{container-type:inline-size;position:relative;background:#fffdf5;border:1px solid #d7d3b6;border-radius:6px;padding:3.5% 5% 2%;aspect-ratio:.665;box-shadow:0 5px 22px #21392c0c,inset 0 0 0 6px #f6f1dd;color:#202d23;display:flex;flex-direction:column;min-width:0;overflow:hidden}.mushaf-running{font-size:10px;display:flex;justify-content:space-between;gap:10px;padding:0 0 9px;border-bottom:1px solid #d9cfaa;line-height:1.6;min-height:28px;align-items:center;color:#6f6d56}.mushaf-lines{flex:1;display:grid;grid-template-rows:repeat(15,minmax(0,1fr));padding:17px 0 8px;min-height:0;width:100%}.mushaf-line{display:flex;align-items:center;justify-content:space-between;direction:rtl;white-space:nowrap;line-height:1;font-size:var(--mushaf-size,24px);font-family:var(--page-family);font-kerning:none;font-feature-settings:'liga' 0;min-width:0}.mushaf-line.centered{justify-content:center;gap:.12em}.mushaf-sura,.mushaf-bismillah{justify-content:center;font-family:AhiaQCFHead;font-size:calc(var(--mushaf-size,24px)*.85);color:#2b4a38}.mushaf-sura{background:linear-gradient(90deg,transparent,#e9e3c6aa,transparent);border-block:1px solid #d9cfaa}.opening-page .mushaf-lines{grid-template-rows:repeat(8,minmax(0,1fr));padding:14% 0 11%}.mushaf-word{font:inherit;font-kerning:none;line-height:1;border:none;background:none;padding:0;margin:0;color:inherit;cursor:pointer;border-radius:3px;min-width:0;position:relative;outline-offset:2px}.mushaf-word.in-range{background:#e8dfbb5c}.mushaf-word.is-picked{background:#e7d996}.mushaf-word.is-playing{background:#c6d9b5;box-shadow:0 2px 0 #7b965c}.mushaf-word.has-bookmark{box-shadow:0 2px 0 #b48d43}.mushaf-word span{display:block;pointer-events:none}.text-hidden .mushaf-word:not(.is-revealed) span{filter:blur(8px);opacity:.12}.mushaf-folio{text-align:center;font-size:12px;color:#766848;line-height:2;padding-top:5px}.mushaf-selected{position:relative;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:14px}.mushaf-selected-title{font-size:13px;font-weight:600;margin-bottom:8px}.mushaf-ayah-actions{display:flex;gap:6px;flex-wrap:wrap}.mushaf-ayah-actions button{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:12px;min-height:40px}.mushaf-ayah-actions button[aria-pressed=true]{background:var(--gold-soft)}.mushaf-mini-player{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:13px}.mushaf-mini-player>span{font-size:11px;color:var(--muted);flex-basis:100%;line-height:1.8}.mushaf-loading,.mushaf-load-error{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;background:var(--white);padding:45px 24px;text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:14px}.mushaf-load-error p{font-size:13px;color:var(--muted);max-width:420px}.mushaf-page{animation:mushaf-appear .2s ease-out}.dark .mushaf-page{background:#eee9d9;color:#1e2c22}.dark .mushaf-running{color:#5d624f}.dark .mushaf-word.in-range{background:#d1c79266}.dark .mushaf-word.is-picked{background:#c2b57a}.dark .reading-modes button.active{background:#66875f}.mushaf-download-form input{min-height:44px}
@keyframes mushaf-appear{from{opacity:.6;transform:translateX(-5px)}to{opacity:1;transform:none}}
@media(min-width:1000px){.mushaf-pages.two-pages{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reader-layout.mushaf-mode{grid-template-columns:minmax(0,1fr) 270px}.mushaf-mode .mushaf-page{max-width:660px;margin-inline:auto;width:100%}}
@media(max-width:999px){.mushaf-spread-option{display:none}}
@media(max-width:900px){.mushaf-mode .reading-column{order:0}.mushaf-mode .reader-controls{order:1}.mushaf-mode .reader-controls .control-card.selector-card{grid-column:auto}.mushaf-mode .selector-card>.field,.mushaf-mode .selector-card .field-row{width:100%;display:block}.mushaf-mode .selector-card .field-row{display:grid}.mushaf-mode .selector-card>h2,.mushaf-mode .selector-card>.card-eyebrow{display:block}}
@media(max-width:650px){.mushaf-page{padding:4% 4.5% 2%;box-shadow:0 5px 22px #21392c0c,inset 0 0 0 4px #f6f1dd}.mushaf-running{font-size:9px;min-height:23px;padding-bottom:6px}.mushaf-lines{padding-top:12px}.mushaf-toolbar{gap:8px}.mushaf-options{font-size:11px}.mushaf-jump{font-size:12px}.reading-modes button{padding:9px 13px}.mushaf-navigation{font-size:11px}.mushaf-navigation button{padding:8px 10px}.mushaf-folio{font-size:10px}.mushaf-mini-player .primary,.mushaf-mini-player .secondary{padding:11px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.mushaf-page{animation:none}}