.mushaf-reader{--mushaf-zoom:1;padding-bottom:30px}.mushaf-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.mushaf-heading h1{font-size:clamp(25px,4vw,36px)}.mushaf-heading p{margin-top:8px}.mushaf-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:16px;margin:20px 0}.mushaf-toolbar form{display:flex;gap:8px;align-items:end}.mushaf-toolbar label{margin:0;min-width:100px}.mushaf-toolbar select{max-width:200px}.mushaf-toolbar input{width:90px}.mushaf-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.mushaf-reading{min-width:0}.mushaf-page-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.mushaf-page-bar strong{font-size:13px;text-align:center}.mushaf-page-bar a[aria-disabled=true]{opacity:.4;pointer-events:none}.mushaf-display-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px;background:var(--soft);border-radius:12px;margin-bottom:15px}.mushaf-display-tools button,.mushaf-verse button{font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:5px 10px;font-size:12px;color:var(--ink)}.mushaf-display-tools label{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}.mushaf-display-tools select{width:auto;padding:5px}.mushaf-display-tools input{width:90px;padding:0}.mushaf-image-scroll{overflow:auto;max-width:100%;border-radius:12px;background:#fdfbf0;border:1px solid var(--line);box-shadow:var(--shadow);overscroll-behavior-x:contain}.mushaf-image-scroll img{display:block;width:calc(100% * var(--mushaf-zoom));max-width:none;height:auto;min-height:200px}.mushaf-reader[data-theme=night] .mushaf-image-scroll img{filter:invert(.9) hue-rotate(180deg)}.mushaf-reader[data-theme=sepia] .mushaf-image-scroll img{filter:sepia(.3)}.mushaf-progress{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0}.mushaf-progress label{margin:0;display:flex;gap:8px;align-items:center}.mushaf-progress select{width:auto}.mushaf-progress span{font-size:12px;color:var(--muted)}.mushaf-notes,.mushaf-sources,.mushaf-sidebar>details{padding:18px;border:1px solid var(--line);background:var(--paper);border-radius:14px;margin-bottom:16px}.mushaf-notes summary,.mushaf-sources summary,.mushaf-sidebar summary{cursor:pointer;font-weight:600;margin-bottom:12px}.mushaf-notes textarea{margin-top:10px}.mushaf-sidebar{min-width:0}.mushaf-sidebar label{margin-top:12px}.mushaf-listen-options{display:flex;gap:12px}.mushaf-listen-options label{flex:1}.mushaf-check{display:flex;gap:8px;align-items:center}.mushaf-check input{width:auto}.mushaf-sidebar audio{width:100%;margin-top:16px}.mushaf-sidebar #mushaf-audio-label{font-size:12px}.mushaf-verse{padding:16px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.mushaf-verse.is-playing{background:var(--soft);border-right:3px solid var(--green);padding-right:12px}.mushaf-verse-ref{font-size:12px;color:var(--muted)}.mushaf-verse p,.mushaf-tafsir-verse{font:24px/2.1 "Noto Naskh Arabic",serif;color:var(--ink);margin:10px 0}.mushaf-verse>div{display:flex;gap:8px}#mushaf-bookmarks a,#mushaf-search-results a{display:block;padding:12px 0;border-bottom:1px solid var(--line);color:var(--green);font-size:13px}#mushaf-search-results{max-height:450px;overflow:auto}#mushaf-tafsir-dialog{width:min(760px,95vw);max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);padding:24px}#mushaf-tafsir-dialog::backdrop{background:#10252dbb}#mushaf-tafsir-text{white-space:pre-line;line-height:2.2;margin:18px 0}#mushaf-tafsir-source{color:var(--green);text-decoration:underline}#mushaf-status{min-height:28px;color:var(--green);font-size:13px}.mushaf-focus .header,.mushaf-focus .topline,.mushaf-focus footer,.mushaf-focus .breadcrumb{display:none}.mushaf-reader:fullscreen{background:var(--bg);padding:20px;overflow:auto}.mushaf-sources{margin-top:24px}.mushaf-sources a{text-decoration:underline}.mushaf-toolbar button,.mushaf-page-bar .button{white-space:nowrap}.mushaf-reader button[aria-pressed=true]{border-color:var(--green);color:var(--green)}@media(min-width:1050px){.mushaf-sidebar{max-height:none}.mushaf-reading{max-width:730px;margin-inline:auto}}@media(max-width:900px){.mushaf-layout{grid-template-columns:1fr}.mushaf-image-scroll{max-width:660px;margin:auto}.mushaf-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mushaf-sidebar>details:last-child{grid-column:1/-1}.mushaf-heading{align-items:start;flex-wrap:wrap}}@media(max-width:550px){.mushaf-sidebar{display:block}.mushaf-toolbar{padding:12px}.mushaf-toolbar label{min-width:80px}.mushaf-page-bar .button{padding:8px 10px;font-size:11px}.mushaf-page-bar strong{font-size:11px}.mushaf-display-tools{gap:6px}.mushaf-display-tools button{font-size:11px}.mushaf-progress{gap:10px}}@media(prefers-reduced-motion:reduce){.mushaf-reader *{scroll-behavior:auto}}