@font-face{font-family:KFGQPC Nastaleeq;src:url(/fonts/kfgqpc-nastaleeq.woff2)format("woff2");font-display:swap}.mushaf-page .page{padding-top:12px}@font-face{font-family:KFGQPC Hafs;src:url(/fonts/kfgqpc-hafs.woff2)format("woff2");font-display:swap}.mf-choose{grid-template-columns:1fr 1fr;gap:10px;max-width:620px;margin:0 auto 12px;display:grid}.mf-choose button{cursor:pointer;font:inherit;color:var(--ink);background:#fff;border:2px solid #0e4d3a2e;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;transition:all .25s;display:flex}.mf-choose b{color:var(--green);font-size:1.35rem;font-weight:400;line-height:1.6}.mf-choose button[data-script=uth] b{font-family:KFGQPC Hafs,Amiri Quran,serif}.mf-choose button[data-script=ip] b{font-family:KFGQPC Nastaleeq,serif}.mf-choose span{color:var(--muted);text-align:center;font-size:.82rem}.mf-choose button[aria-checked=true]{background:linear-gradient(140deg, #13654d, var(--green));border-color:var(--gold);box-shadow:0 12px 24px -14px var(--green)}.mf-choose button[aria-checked=true] b,.mf-choose button[aria-checked=true] span{color:#fff}.mf-title{text-align:center;margin-bottom:10px;font-size:clamp(1.3rem,4vw,1.8rem)}.mf-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.mf-bar select,.mf-bar input{width:auto;min-height:40px;padding:6px 10px;font-size:.92rem}.mf-bar #mfSurah{max-width:220px}.mf-page{align-items:center;gap:6px;font-size:.92rem;font-weight:600;display:inline-flex}.mf-page input{width:80px}.mf-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.mf-spread{justify-content:center;gap:0;width:100%;max-width:1100px;display:flex}.mf-sheet{max-width:620px;transition:transform .35s var(--ease), opacity .35s;background:linear-gradient(90deg,#0000000a,#0000 6%),#fffaf0;border-radius:10px;flex-direction:column;flex:1 1 0;padding:10px;display:flex;position:relative;box-shadow:0 30px 50px -30px #072a208c,0 2px #e7dcc0}.mf-spread.two .mf-sheet:first-child{border-radius:10px 4px 4px 10px}.mf-spread.two .mf-sheet:last-child{background:linear-gradient(270deg,#0000000a,#0000 6%),#fffaf0;border-radius:4px 10px 10px 4px}.mf-frame{outline-offset:-8px;border:3px double #0e4d3a;border-radius:6px;outline:2px solid #c9a227;flex-direction:column;flex:1;min-height:0;padding:14px 14px 8px;display:flex}.mf-head{color:#0e4d3a;border-bottom:1px solid #e3d6ad;justify-content:space-between;margin-bottom:6px;padding-bottom:4px;font-family:Amiri,serif;font-size:.95rem;display:flex}.mf-body{text-align:justify;text-align-last:center;color:#111;direction:rtl;flex:1;min-height:0}.mf-body.ip{word-spacing:.04em;font-family:KFGQPC Nastaleeq,Amiri Quran,serif;line-height:2.05}.mf-body.uth{font-family:KFGQPC Hafs,Amiri Quran,serif;line-height:2.1}.mf-foot{text-align:center;color:#0e4d3a;padding-top:4px;font-family:Amiri,serif;font-size:1rem}.mf-sh{text-align:center;color:#0e4d3a;text-align-last:center;background:linear-gradient(90deg,#e9f2ec,#fff7dc,#e9f2ec);border:2px solid #c9a227;border-radius:8px;margin:.15em 0;padding:.05em 0;font-family:Amiri,serif;font-weight:700;line-height:1.7;display:block}.mf-bas{text-align:center;text-align-last:center;color:#0e4d3a;display:block}.ay{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;transition:background .2s}.ay:hover{background:#c9a22724}.ay.hl{background:#0e4d3a24}.ay.playing{background:#c9a22752}.am{color:#0e4d3a;vertical-align:middle;background:radial-gradient(circle,#fffbea,#f3e6b6);border:1.5px solid #c9a227;border-radius:50%;place-items:center;min-width:1.45em;height:1.45em;margin:0 .12em;padding:0 .1em;font-family:Amiri,serif;font-size:.55em;line-height:1;display:inline-grid}.mf-nav{width:48px;height:48px;color:var(--green);cursor:pointer;box-shadow:var(--shadow);background:#fff;border:1px solid #0e4d3a40;border-radius:50%;flex:none;place-items:center;display:grid}.mf-nav:disabled{opacity:.35}@media (width<=700px){.mf-nav{z-index:3;position:absolute;bottom:-58px}.mf-next{left:8px}.mf-prev{right:8px}.mf-sheet{padding:5px}.mf-frame{padding:10px 8px 6px}.mf-hint{text-align:center;margin-top:66px}}.mf-hint{text-align:center}.turn-next{animation:turnN .35s var(--ease)}.turn-prev{animation:turnP .35s var(--ease)}@keyframes turnN{0%{opacity:.2;transform:translate(-40px)}}@keyframes turnP{0%{opacity:.2;transform:translate(40px)}}.mf-player{z-index:60;left:50%;bottom:max(14px, env(safe-area-inset-bottom));color:#fff;background:linear-gradient(140deg,#13654d,#0a3a2c);border-radius:18px;align-items:center;gap:12px;width:min(92vw,440px);padding:8px 10px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 20px 40px -16px #072a20b3}.mf-player[hidden]{display:none}.mf-pbtn{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.mf-pinfo{flex-direction:column;flex:1;min-width:0;display:flex}.mf-pinfo span{opacity:.75}.mf-trpanel{margin-top:24px}.mf-bar2{align-items:center}.mf-size{background:#fff;border:1px solid #0e4d3a33;border-radius:12px;display:inline-flex;overflow:hidden}.mf-size button{min-width:48px;min-height:40px;font:inherit;color:var(--green);cursor:pointer;background:0 0;border:0;font-size:1rem;font-weight:800}.mf-size button+button{border-left:1px solid #0e4d3a26;font-size:1.2rem}.mf-body.trv{text-align:right;text-align-last:auto}.mf-ta{border-bottom:1px dashed #e3d6ad;padding:.35em 0 .5em}.mf-ta:last-child{border-bottom:0}.mf-ta .ay{text-align:justify;text-align-last:right;display:block}.mf-tt{border:1px solid #cfe3da;border-inline-start:4px solid var(--gold);color:#12403a;text-align:start;background:#eef6f1;border-radius:10px;margin:.3em 0 0;padding:.45em .8em;font-size:max(16px,.52em);line-height:1.7}.mf-tt[dir=rtl]{font-family:var(--font-ur);font-size:max(17px,.55em);line-height:2.2}.mf-tt[lang=ps]{font-family:"Amiri", var(--font-ur);line-height:1.9}.mf-tt[dir=ltr]{text-align:left;font-family:var(--font);direction:ltr}.mf-tt .n{color:var(--gold-text);margin-inline-end:.35em;font-weight:800}.mf-trpanel .verse.hl{box-shadow:0 0 0 3px var(--gold)}.mf-trpanel .v-ar{font-size:1.45rem}
