@font-face{font-family:EMushafHafs;src:url('/tadabbur/fonts/UthmanicHafs1Ver18.woff2') format('woff2');font-display:swap}.emushaf-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;align-items:start}.emushaf-controls{padding:26px;position:sticky;top:20px}.emushaf-controls h2{font-size:24px}.emushaf-controls>label{display:block;font-size:13px;font-weight:600;margin:22px 0 8px}.emushaf-controls select,.emushaf-controls input[type=number]{width:100%;padding:10px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:white;font:inherit;font-size:13px}.emushaf-controls input[type=range]{width:100%;accent-color:var(--green)}.emushaf-controls p,.emushaf-controls details{font-size:12px;line-height:1.7}.emushaf-controls .emushaf-check{display:flex;align-items:center;gap:9px}.emushaf-check input{accent-color:var(--green);width:16px;height:16px}.emushaf-controls details{margin-top:24px}.emushaf-controls summary{cursor:pointer;font-weight:600}.emushaf-controls details p{margin-top:12px}.emushaf-reading{min-width:0}.emushaf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.emushaf-toolbar strong{font-size:14px}.emushaf-status-row{display:flex;align-items:center;gap:8px;min-height:38px;font-size:12px;color:var(--muted)}.emushaf-status-row p{margin:0}.emushaf-paper{--quran-size:30px;background:#fffcf5;border:1px solid #cbb88d;border-radius:16px;padding:28px 38px;min-height:600px;box-shadow:0 12px 38px #174b3e08}.emushaf-paper>header{display:flex;justify-content:space-between;border-bottom:1px solid #ddcfb2;padding-bottom:18px;color:#827045;letter-spacing:2px;font-size:10px}.emushaf-paper>footer{text-align:center;border-top:1px solid #ddcfb2;padding-top:20px;margin-top:32px;font-size:24px;color:#827045;font-family:EMushafHafs,serif}.emushaf-surah-title{font-family:EMushafHafs,'Traditional Arabic',serif;text-align:center;font-size:30px;border:1px solid #ddcfb2;border-radius:30px;padding:14px;margin:24px 0;background:#f4efdf}.emushaf-basmalah{font-family:EMushafHafs,'Traditional Arabic',serif;text-align:center;font-size:28px;line-height:2;margin:15px 0}.emushaf-verses{font-family:EMushafHafs,'Traditional Arabic',serif;font-size:var(--quran-size);line-height:2.6;text-align:justify;overflow-wrap:anywhere;padding-top:22px}.emushaf-ayah-number{white-space:nowrap;color:#8d753f;font-size:.85em}#emushaf-error{background:#fff1ef;padding:18px;border-radius:9px;color:#8a2925}.emushaf-app [hidden]{display:none!important}#emushaf-spinner{width:15px;height:15px;border:2px solid #dce9e2;border-top-color:var(--green);border-radius:50%;animation:emushaf-spin .8s linear infinite}.emushaf-toolbar button:disabled{opacity:.4}.emushaf-controls select:focus-visible,.emushaf-controls input:focus-visible{outline:2px solid var(--green);outline-offset:2px}@keyframes emushaf-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#emushaf-spinner{animation:none}}@media(max-width:900px){.emushaf-layout{grid-template-columns:1fr}.emushaf-controls{position:static}}@media(max-width:540px){.emushaf-paper{padding:20px 22px}.emushaf-verses{line-height:2.4}.emushaf-toolbar .btn{padding:10px;font-size:12px}.emushaf-toolbar strong{font-size:12px}.emushaf-surah-title{font-size:26px}}

.emushaf-verses{text-align-last:right;text-justify:inter-word}.emushaf-verse{cursor:pointer;border-radius:4px}.emushaf-verse:hover,.emushaf-verse:focus-visible{background:#e0eee0;outline:1px solid #adc7b2}.emushaf-notice{background:#edf4ed;border-left:3px solid var(--green);padding:16px 20px;font-size:13px;line-height:1.7;margin-bottom:28px}.emushaf-bookmarks{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.emushaf-bookmarks h3{font-size:15px}.emushaf-bookmark-link{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--green);padding:12px 0;cursor:pointer;font:inherit;font-size:12px}.emushaf-modal{width:min(850px,calc(100% - 30px));max-height:90dvh;border:1px solid #d8e2d8;border-radius:20px;padding:30px;color:var(--ink);background:#fffdf7;box-shadow:0 24px 90px #0004}.emushaf-modal::backdrop{background:#102d29aa}.emushaf-modal-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.emushaf-modal-header h2{font-size:23px;margin:0}.emushaf-modal-options{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.emushaf-modal-options label{flex:1;min-width:150px;font-size:12px}.emushaf-modal select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:white;font:inherit}.emushaf-audio-control{position:relative;width:68px;height:68px;flex-shrink:0;margin-left:auto}#emushaf-ring{--audio-progress:0%;position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--green) var(--audio-progress),#dbe5dc 0);mask:radial-gradient(transparent 29px,#000 30px);cursor:pointer;touch-action:none}#emushaf-ring:focus-visible{background:conic-gradient(#b28b36 var(--audio-progress),#abc4ad 0)}#emushaf-play{position:absolute;top:11px;left:11px;width:46px;height:46px;border:0;border-radius:50%;background:var(--green);color:white;font-size:18px;cursor:pointer}#emushaf-play:disabled{opacity:.4}#emushaf-modal-arabic{font-family:EMushafHafs,'Traditional Arabic',serif;font-size:32px;line-height:2.3;margin:22px 0;padding:18px;border-bottom:1px solid #e4dcc5}#emushaf-translation{line-height:1.9;white-space:pre-line}#emushaf-modal-status{font-size:13px;color:var(--green);min-height:22px;margin:18px 0 0}.emushaf-modal audio{display:none}@media(max-width:540px){.emushaf-modal{padding:20px}.emushaf-modal-header h2{font-size:18px}.emushaf-modal-options{gap:12px}.emushaf-modal-options label{min-width:120px}#emushaf-modal-arabic{font-size:28px;padding:8px}.emushaf-audio-control{order:-1;margin-left:calc(100% - 68px)}}



.emushaf-search-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:24px}.emushaf-search-panel h2{font-size:20px;margin-bottom:18px}.emushaf-search-panel label{display:block;font-size:13px;margin-bottom:8px}.emushaf-search-row{display:flex;gap:10px}.emushaf-search-row input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-family:EMushafHafs,serif;font-size:24px}.emushaf-keyboard{font-size:13px;margin-top:12px}.emushaf-keyboard summary{cursor:pointer;color:var(--green)}#emushaf-keyboard{display:flex;flex-wrap:wrap;gap:5px;padding:14px 0;direction:rtl}#emushaf-keyboard button{min-width:38px;height:40px;border:1px solid var(--line);border-radius:6px;background:#f4f7f0;font-size:20px;cursor:pointer;color:var(--ink)}#emushaf-keyboard button:hover{background:#dce9dc}#emushaf-search-status,#emushaf-bookmark-status{font-size:12px;color:var(--green);margin:12px 0}.emushaf-search-result{display:block;width:100%;text-align:left;background:#fffdf7;border:1px solid #e2dac4;border-radius:10px;padding:14px 18px;margin-top:10px;cursor:pointer}.emushaf-search-result:hover{border-color:var(--green)}.emushaf-search-reference{display:block;font-size:12px;color:var(--green);margin-bottom:10px}.emushaf-search-arabic{display:block;text-align:right;font-family:EMushafHafs,'Traditional Arabic',serif;font-size:25px;line-height:1.9}.emushaf-search-pagination{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:16px;font-size:13px}#emushaf-page-bookmark{width:100%;font-size:12px}.emushaf-search-panel button:disabled{opacity:.45}@media(max-width:540px){.emushaf-search-panel{padding:16px}.emushaf-search-pagination .btn{font-size:12px;padding:8px}.emushaf-search-row .btn{padding:10px}}

#emushaf-search-language{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:white;font:inherit;font-size:13px;margin-bottom:16px}.emushaf-search-translation{display:block;font-size:14px;line-height:1.9;white-space:pre-line}.emushaf-search-row input.emushaf-input-translation{font-family:inherit;font-size:16px}


.emushaf-page-navigation{display:flex;flex-wrap:nowrap;gap:12px;margin:12px 0;scroll-margin-top:15px}.emushaf-page-jump{font-size:12px;text-align:center;min-width:100px}.emushaf-page-jump label{display:block;margin-bottom:4px}.emushaf-page-jump input{width:64px;min-height:40px;text-align:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--green);font:inherit;box-sizing:border-box}.emushaf-page-jump>div{white-space:nowrap}.emushaf-swipe-hint{text-align:center;font-size:12px;line-height:1.8}.emushaf-paper{touch-action:pan-y pinch-zoom}.emushaf-ayah-number{unicode-bidi:isolate;direction:rtl}@media(max-width:600px){.emushaf-page-navigation{gap:6px}.emushaf-page-navigation .btn{padding:9px;font-size:12px}.emushaf-page-jump{min-width:86px}.emushaf-page-jump input{width:52px}}

/* Keep the last page visible while the next page/font is prepared. */
.emushaf-paper{position:relative}
.emushaf-paper>header{flex-wrap:wrap;gap:8px}
.emushaf-paper>header .aq-page-surahs{font-family:system-ui,sans-serif;font-size:13px;letter-spacing:normal;text-transform:none;text-align:center;flex:1 1 120px;overflow-wrap:anywhere}
.emushaf-paper .aq-reader-loading{position:absolute;inset:0;z-index:5;background:rgba(255,252,244,.45);pointer-events:none;border-radius:inherit}
.emushaf-paper .aq-reader-loading[hidden]{display:none}
.emushaf-paper .aq-reader-loading-badge{position:sticky;top:25vh;margin:clamp(40px,15vh,150px) auto 0;display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;max-width:90%;padding:12px 18px;border:1px solid #d9cba5;border-radius:30px;background:#fffdf5;color:#174b3e;box-shadow:0 4px 18px #0001;font:14px/1.5 system-ui,sans-serif;direction:ltr}
.emushaf-paper .aq-reader-loading-icon{width:23px;height:23px;flex:none;border:3px solid #ddd5bf;border-top-color:#9e742d;border-radius:50%;animation:aq-reader-spin .8s linear infinite}
.emushaf-paper[aria-busy="true"] #emushaf-content{pointer-events:none}
@keyframes aq-reader-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.emushaf-paper .aq-reader-loading-icon{animation:none}}