:root{--bg:#031E17;--bg2:#08392C;--card:#0A3026;--card2:#104638;--border:rgba(199,164,90,.40);--text:#FFF9EA;--muted:#A4C7B7;--soft:#638E7D;--gold:#C7A45A;--gold2:#EACF91;--accent:#D4B66F;--paper:#F8F5E8;--ink:#171711;--shadow:0 28px 80px rgba(0,0,0,.28);--radius:28px;--header:rgba(3,30,23,.86)}
html[data-theme="parchment"]{--bg:#E8D8B9;--bg2:#F6EBD4;--card:#FFF7E6;--card2:#F0DFC0;--border:rgba(139,106,47,.40);--text:#3A2816;--muted:#7D674B;--soft:#B19C7D;--gold:#9A7436;--gold2:#C7A467;--accent:#7C4D28;--header:rgba(232,216,185,.90)}
html[data-theme="orbit"]{--bg:#021A17;--bg2:#06362E;--card:#082D28;--card2:#0C493E;--border:rgba(123,216,188,.34);--text:#F8FFF9;--muted:#9AD0BE;--soft:#4E8977;--gold:#D5B157;--gold2:#F0D58E;--accent:#7BD8BC;--header:rgba(2,26,23,.88)}
html[data-theme="royal"]{--bg:#040708;--bg2:#0B1213;--card:#0E1718;--card2:#182325;--border:rgba(209,180,119,.40);--text:#FFF5DA;--muted:#B3B8A9;--soft:#626B66;--gold:#D1B477;--gold2:#F2DCA3;--accent:#8C79A8;--header:rgba(4,7,8,.90)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% -10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 32rem),var(--bg);color:var(--text);font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.75;overflow-x:hidden}button,input,select{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 34px));margin-inline:auto}.skip{position:fixed;z-index:999;top:8px;inset-inline-start:8px;background:var(--gold);color:#111;padding:8px 13px;border-radius:10px;transform:translateY(-150%)}.skip:focus{transform:none}.header{position:sticky;top:0;z-index:100;background:var(--header);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:44px;height:44px;border-radius:12px}.navlinks{display:flex;align-items:center;gap:21px;color:var(--muted);font-size:.84rem}.navlinks a:hover{color:var(--text)}.actions{display:flex;align-items:center;gap:8px}.iconbtn,.pillbtn{border:1px solid var(--border);background:color-mix(in srgb,var(--card) 78%,transparent);color:var(--text);border-radius:13px;min-height:42px;cursor:pointer}.iconbtn{width:42px;display:grid;place-items:center}.pillbtn{padding:0 14px}.mobile-only{display:none}.hero{padding:82px 0 92px;min-height:calc(100vh - 70px);display:grid;align-items:center}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--gold2);font-size:.75rem;font-weight:800}.eyebrow{padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--card) 70%,transparent)}.hero h1{font-size:clamp(3rem,6vw,6.1rem);line-height:1.03;letter-spacing:-.035em;margin:22px 0}.hero p{color:var(--muted);font-size:1.05rem;max-width:650px}.ctas{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.btn{min-height:54px;padding:11px 19px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#142019;box-shadow:0 14px 36px color-mix(in srgb,var(--gold) 24%,transparent)}.secondary{border-color:var(--border);background:color-mix(in srgb,var(--card) 68%,transparent)}.storemark{width:30px;height:30px;border-radius:9px;background:#c8233f;color:#fff;display:grid;place-items:center;font-weight:900}.storecopy small,.storecopy b{display:block;line-height:1.2}.storecopy small{font-size:.58rem;opacity:.75}.storecopy b{font-size:.82rem}.trust{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;color:var(--muted);font-size:.76rem}.trust span{display:flex;align-items:center;gap:5px}.hero-mushaf{position:relative;min-height:590px;display:grid;place-items:center}.cloud-badge{position:absolute;z-index:3;top:15px;inset-inline-end:0;padding:9px 12px;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 82%,transparent);border-radius:14px;font-size:.66rem;color:var(--muted);backdrop-filter:blur(12px)}.book-preview{width:min(570px,100%);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px;background:#251e12;border:1px solid var(--gold);border-radius:30px;box-shadow:var(--shadow);transform:perspective(1100px) rotateY(-3deg)}.book-preview figure{margin:0;background:var(--paper);border-radius:13px;overflow:hidden;min-height:420px;position:relative}.book-preview figure img{width:100%;height:100%;object-fit:contain;display:block;background:#fffdf3}.book-preview figure:first-child{box-shadow:inset -10px 0 18px rgba(0,0,0,.06)}.book-preview figure:last-child{box-shadow:inset 10px 0 18px rgba(0,0,0,.06)}.book-caption{text-align:center;color:var(--muted);font-size:.68rem;margin-top:15px}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--border);background:color-mix(in srgb,var(--card) 52%,transparent)}.fact{padding:22px;text-align:center;border-inline-start:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.fact:first-child{border-inline-start:0}.fact strong,.fact span{display:block}.fact strong{font-size:1.25rem;color:var(--gold2)}.fact span{font-size:.68rem;color:var(--muted)}.section{padding:100px 0;scroll-margin-top:75px}.heading{max-width:780px}.heading.center{text-align:center;margin-inline:auto}.heading h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.22;margin:11px 0 13px}.heading p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}.feature{padding:25px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 88%,transparent),color-mix(in srgb,var(--card2) 70%,transparent));min-height:215px}.feature-icon{width:48px;height:48px;border:1px solid var(--border);border-radius:15px;display:grid;place-items:center;color:var(--gold2);font-weight:900}.feature h3{font-size:1rem;margin:20px 0 8px}.feature p{font-size:.8rem;color:var(--muted);margin:0}.web-quran{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--card) 28%,transparent),transparent)}.webq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.webq-card{border:1px solid var(--border);border-radius:32px;background:color-mix(in srgb,var(--card) 72%,transparent);padding:28px;box-shadow:var(--shadow)}.webq-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.webq-stats div{padding:15px;border:1px solid var(--border);border-radius:16px;text-align:center}.webq-stats b,.webq-stats span{display:block}.webq-stats b{font-size:1.1rem;color:var(--gold2)}.webq-stats span{font-size:.62rem;color:var(--muted)}.continue-box{padding:17px;border-radius:18px;background:var(--card2);border:1px solid var(--border);margin-top:18px}.continue-box strong,.continue-box span{display:block}.continue-box span{font-size:.7rem;color:var(--muted)}.shots{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:42px}.shot{border:1px solid var(--border);border-radius:28px;padding:9px;background:color-mix(in srgb,var(--card) 70%,transparent);cursor:zoom-in}.shot img{width:100%;aspect-ratio:9/18.4;object-fit:cover;object-position:top;border-radius:20px;display:block}.shot span{display:block;text-align:center;font-size:.68rem;color:var(--muted);padding:10px 4px 3px}.shot-note{text-align:center;color:var(--soft);font-size:.7rem;margin-top:16px}.theme-row{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:38px}.themebtn{border:1px solid var(--border);border-radius:19px;padding:14px;background:color-mix(in srgb,var(--card) 70%,transparent);color:var(--text);cursor:pointer;text-align:start;display:flex;gap:10px;align-items:center}.swatch{width:40px;height:40px;border-radius:13px;flex:0 0 auto}.themebtn b,.themebtn small{display:block}.themebtn b{font-size:.72rem}.themebtn small{font-size:.55rem;color:var(--muted)}.themebtn.active{outline:2px solid var(--gold);outline-offset:2px}.privacy-panel{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding:38px;border:1px solid var(--border);border-radius:32px;background:linear-gradient(135deg,var(--card2),var(--card));box-shadow:var(--shadow)}.lock{width:76px;height:76px;border-radius:23px;border:1px solid var(--border);display:grid;place-items:center;font-size:1.8rem}.privacy-panel h2{font-size:clamp(1.8rem,3.5vw,3.2rem);margin:6px 0}.privacy-panel p{color:var(--muted)}.download{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:42px;border-radius:34px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,#0B4033,#061A16);color:#fff}.download-main{display:flex;align-items:center;gap:22px}.download-main>img{width:112px;border-radius:25px}.download h2{font-size:clamp(1.8rem,3.8vw,3.3rem);margin:5px 0}.download p{color:#b6d2c7}.download-meta{font-size:.72rem;color:#d7e9e1}.footer{padding:42px 0 20px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--card) 30%,transparent)}.footgrid{display:flex;justify-content:space-between;gap:24px;align-items:center}.footlinks{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.7rem}.copy{border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent);margin-top:25px;padding-top:17px;color:var(--muted);font-size:.64rem}.lightbox{border:1px solid var(--border);background:var(--card);padding:14px;border-radius:26px;max-width:min(520px,94vw);max-height:94vh;box-shadow:0 40px 120px rgba(0,0,0,.55)}.lightbox::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}.lightbox img{display:block;max-height:88vh;width:auto;border-radius:17px}.closebox{position:absolute;top:10px;inset-inline-end:10px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.68);color:#fff;font-size:1.3rem;cursor:pointer}.subhero{padding:78px 0 35px}.subhero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.2;margin:10px 0}.subhero p{color:var(--muted);max-width:760px}.content{border:1px solid var(--border);border-radius:28px;padding:32px;background:color-mix(in srgb,var(--card) 72%,transparent);margin-bottom:70px}.content h2{color:var(--gold2);margin-top:30px}.content p,.content li{color:var(--muted);font-size:.84rem}.content .notice{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--card2)}.helpgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.helpitem{border:1px solid var(--border);border-radius:18px;padding:18px;background:color-mix(in srgb,var(--card2) 55%,transparent)}.helpitem h3{margin-top:0}.release li{padding:12px 14px;margin:8px 0;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--card2) 50%,transparent)}
/* Quran reader */
.reader-body{min-height:100vh;background:var(--bg)}.reader-header{position:sticky;top:0;z-index:90;background:var(--header);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.reader-nav{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-title{display:flex;align-items:center;gap:9px}.reader-title img{width:38px;height:38px;border-radius:11px}.reader-title b,.reader-title small{display:block}.reader-title small{color:var(--muted);font-size:.6rem}.reader-tools{display:flex;gap:7px;align-items:center}.reader-wrap{width:min(1500px,calc(100% - 20px));margin:0 auto;padding:16px 0 28px}.reader-controls{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:8px;margin-bottom:12px}.control{height:44px;border:1px solid var(--border);border-radius:13px;background:var(--card);color:var(--text);padding:0 11px;min-width:0}.pagego{display:flex;gap:6px}.pagego input{width:90px}.mushaf-shell{position:relative;min-height:calc(100vh - 180px);border:1px solid var(--border);border-radius:26px;background:linear-gradient(145deg,#16130e,#2c2417);padding:14px 58px 14px;display:grid;place-items:center;box-shadow:var(--shadow);overflow:hidden}.spread{width:min(1100px,100%);height:calc(100vh - 215px);min-height:520px;display:grid;grid-template-columns:1fr 1fr;gap:5px;direction:ltr}.mushaf-page{position:relative;background:#fffdf4;border-radius:12px;overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(80,60,20,.1)}.mushaf-page.current{outline:2px solid var(--gold);outline-offset:-2px}.mushaf-page img{width:100%;height:100%;object-fit:contain;display:block;background:#fffdf4;transition:opacity .15s}.mushaf-page.loading img{opacity:.18}.loader{position:absolute;inset:0;display:none;place-items:center;color:#705b2e;font-size:.72rem}.mushaf-page.loading .loader{display:grid}.page-num{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.88);color:#4a3d24;border-radius:999px;padding:2px 8px;font-size:.58rem;border:1px solid rgba(80,60,20,.15)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:76px;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 88%,transparent);color:var(--text);cursor:pointer;font-size:1.4rem}.prev-arrow{right:8px}.next-arrow{left:8px}.nav-arrow:disabled{opacity:.25;cursor:not-allowed}.reader-status{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:11px 3px 0;color:var(--muted);font-size:.72rem}.reader-status .center{text-align:center}.reader-status .end{text-align:end}.mini-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.mini-actions button{border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);padding:8px 11px;cursor:pointer;font-size:.7rem}.khatma-drawer{position:fixed;z-index:120;top:0;bottom:0;inset-inline-end:0;width:min(410px,94vw);background:var(--bg);border-inline-start:1px solid var(--border);box-shadow:-20px 0 70px rgba(0,0,0,.28);padding:20px;transform:translateX(110%);transition:.25s;overflow:auto}.khatma-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h2{margin:0}.khatma-box{border:1px solid var(--border);border-radius:20px;padding:18px;background:var(--card);margin-top:16px}.khatma-box h3{margin:0 0 8px}.khatma-box p{color:var(--muted);font-size:.76rem}.preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.preset-row button,.drawer-btn{border:1px solid var(--border);background:var(--card2);color:var(--text);border-radius:12px;padding:9px;cursor:pointer}.custom-row{display:flex;gap:7px;margin-top:8px}.custom-row input{flex:1;min-width:0}.progressbar{height:10px;border-radius:99px;background:color-mix(in srgb,var(--soft) 30%,transparent);overflow:hidden;margin:14px 0}.progressbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:inherit}.kstats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.kstats div{border:1px solid var(--border);border-radius:12px;padding:9px;text-align:center}.kstats b,.kstats span{display:block}.kstats b{color:var(--gold2)}.kstats span{font-size:.55rem;color:var(--muted)}.drawer-actions{display:grid;gap:7px;margin-top:12px}.drawer-btn.primary-d{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#142019;border:0;font-weight:800}.danger{color:#ffb5b5!important}.drawer-overlay{position:fixed;z-index:110;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);display:none}.drawer-overlay.show{display:block}.reader-help{color:var(--soft);font-size:.62rem;margin-top:10px}.offline-note{font-size:.62rem;color:var(--muted);text-align:center;padding:8px}.errorbox{position:absolute;inset:0;display:none;place-items:center;background:#fffdf4;color:#5c4723;padding:20px;text-align:center}.mushaf-page.error .errorbox{display:grid}.retry{border:1px solid #b59a5c;background:#f7e9bd;color:#3b2f18;border-radius:10px;padding:7px 10px;cursor:pointer;margin-top:8px}
@media(max-width:980px){.navlinks{display:none}.mobile-only{display:grid}.hero-grid,.webq-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy p,.heading{margin-inline:auto}.ctas,.trust{justify-content:center}.hero-mushaf{min-height:500px}.feature-grid{grid-template-columns:1fr 1fr}.shots{grid-template-columns:1fr 1fr}.theme-row{grid-template-columns:1fr 1fr}.reader-controls{grid-template-columns:1fr 1fr}.mushaf-shell{padding-inline:50px}.spread{height:calc(100vh - 260px)}}
@media(max-width:700px){.container{width:min(100% - 22px,1180px)}.hero{padding:60px 0 70px;min-height:auto}.hero h1{font-size:3.05rem}.hero-mushaf{min-height:430px}.book-preview{grid-template-columns:1fr;width:min(330px,90vw);transform:none}.book-preview figure{min-height:390px}.book-preview figure:nth-child(2){display:none}.facts{grid-template-columns:1fr 1fr}.feature-grid,.theme-row,.helpgrid{grid-template-columns:1fr}.shots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.shot{flex:0 0 245px;scroll-snap-align:center}.privacy-panel{grid-template-columns:1fr;text-align:center}.lock{margin-inline:auto}.download{grid-template-columns:1fr;padding:28px 20px}.download-main{display:grid;text-align:center}.download-main>img{margin-inline:auto}.footgrid{display:grid}.footlinks{display:grid;gap:8px}.reader-wrap{width:100%;padding-top:8px}.reader-controls{grid-template-columns:1fr 1fr;padding:0 8px}.reader-controls .surah-control{grid-column:1/-1}.mushaf-shell{border-radius:0;border-inline:0;padding:8px 46px;min-height:calc(100vh - 220px)}.spread{grid-template-columns:1fr;height:calc(100vh - 245px);min-height:460px}.mushaf-page.left-page{display:none}.nav-arrow{width:38px;height:64px}.reader-status{padding-inline:9px;grid-template-columns:1fr 1fr}.reader-status .center{display:none}.mini-actions{padding-inline:8px}.reader-help{padding-inline:8px}.reader-title small{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.mobile-links{padding:10px 0 17px;display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.78rem}.mobile-links a:hover{color:var(--text)}

/* V4.3 reader interaction hardening */
.mushaf-shell,
.mushaf-shell *,
.mushaf-page,
.mushaf-page img{
  -webkit-user-select:none;
  user-select:none;
}
.mushaf-page img{
  -webkit-user-drag:none;
  user-drag:none;
  pointer-events:none;
}
.drawer-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
  filter:saturate(.65);
}

/* V4.4 — deterministic Khatmah drawer positioning.
   Physical right positioning avoids RTL logical-direction transform bugs. */
.khatma-drawer{
  inset-inline-end:auto !important;
  inset-inline-start:auto !important;
  right:0 !important;
  left:auto !important;
  transform:translateX(calc(100% + 28px)) !important;
  pointer-events:none;
  border-left:1px solid var(--border) !important;
  border-right:0 !important;
  box-shadow:-20px 0 70px rgba(0,0,0,.28) !important;
}
.khatma-drawer.open{
  transform:translateX(0) !important;
  pointer-events:auto;
}

.reader-toast{
  position:fixed;
  z-index:140;
  left:50%;
  bottom:24px;
  transform:translate(-50%,18px);
  opacity:0;
  pointer-events:none;
  padding:10px 16px;
  border:1px solid var(--border);
  border-radius:999px;
  background:color-mix(in srgb,var(--card) 94%,transparent);
  color:var(--text);
  box-shadow:var(--shadow);
  font-size:.72rem;
  transition:.22s;
}
.reader-toast.show{
  opacity:1;
  transform:translate(-50%,0);
}

/* V5.0 — Quran page image is isolated sacred content: UI never overlays it. */
.reader-main{width:min(1240px,calc(100% - 24px));padding:18px 0 34px}.reader-controls{display:grid;grid-template-columns:1.45fr .8fr 1fr auto;gap:8px;margin-bottom:12px}.wird-guide{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;margin:0 0 12px;border:1px solid var(--gold);border-radius:18px;background:color-mix(in srgb,var(--card2) 78%,transparent)}.wird-guide[hidden]{display:none!important}.wird-guide span,.wird-guide b,.wird-guide small{display:block}.wird-guide span{font-size:.6rem;color:var(--gold2);font-weight:800}.wird-guide b{font-size:.86rem}.wird-guide small{font-size:.62rem;color:var(--muted);margin-top:2px}
.mushaf-shell{position:relative;min-height:0!important;height:auto!important;overflow:visible!important;border:1px solid var(--border);border-radius:26px;background:linear-gradient(145deg,#16130e,#2c2417);padding:clamp(8px,1.4vw,18px)!important;display:block!important;box-shadow:var(--shadow)}.spread{width:min(1120px,100%)!important;height:auto!important;min-height:0!important;margin:0 auto;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,1vw,12px);align-items:start;direction:ltr}.mushaf-page{position:relative;margin:0;width:100%;aspect-ratio:493/791;background:#fffdf4;border-radius:12px;overflow:hidden;display:block;box-shadow:0 0 0 1px rgba(80,60,20,.14)}.mushaf-page.current{outline:none!important}.mushaf-page img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#fffdf4;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mushaf-page .page-num{display:none!important}.loader,.errorbox{position:absolute;inset:0;place-items:center}.loader{display:none;color:#705b2e;font-size:.72rem;background:#fffdf4}.mushaf-page.loading .loader{display:grid}.mushaf-page.loading img{opacity:.12}.errorbox{display:none;background:#fffdf4;color:#5c4723;padding:20px;text-align:center}.mushaf-page.error .errorbox{display:grid}
.reader-pagination{display:grid;grid-template-columns:minmax(105px,1fr) minmax(180px,2fr) minmax(105px,1fr);gap:10px;align-items:center;margin-top:12px}.reader-page-btn{min-height:48px;border:1px solid var(--border);border-radius:15px;background:var(--card);color:var(--text);cursor:pointer;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px}.reader-page-btn span{font-size:1.45rem;line-height:1}.reader-page-btn:disabled{opacity:.32;cursor:not-allowed}.reader-page-info{text-align:center;padding:7px 10px}.reader-page-info b,.reader-page-info small{display:block}.reader-page-info b{font-size:.82rem;color:var(--gold2)}.reader-page-info small{font-size:.62rem;color:var(--muted);margin-top:1px}.reader-status{display:none!important}
.wird-end-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:14px;padding:20px;border:1px solid var(--gold);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--card2) 88%,transparent),color-mix(in srgb,var(--card) 88%,transparent));box-shadow:var(--shadow)}.wird-end-card[hidden]{display:none!important}.wird-end-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#182019;font-size:1.45rem;font-weight:900}.wird-end-card h2{font-size:1.05rem;margin:0 0 4px}.wird-end-card p{color:var(--muted);font-size:.73rem;margin:0}.wird-end-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.wird-end-actions .drawer-btn{padding-inline:16px}.mini-actions{justify-content:center;margin-top:12px}.reader-help,.offline-note{text-align:center;max-width:950px;margin-inline:auto}.reader-help{margin-top:12px}.mushaf-shell:fullscreen{overflow:auto!important;padding:14px!important;border-radius:0;background:#17130d}.mushaf-shell:fullscreen .spread{width:min(1120px,96vw)!important;margin:auto}
@media(max-width:980px){.reader-controls{grid-template-columns:1fr 1fr}.reader-controls .surah-control{grid-column:1/-1}.mushaf-shell{padding:10px!important}.spread{height:auto!important;min-height:0!important}}@media(max-width:700px){.reader-main{width:100%;padding-top:9px}.reader-controls{padding-inline:9px}.wird-guide{margin-inline:9px;align-items:flex-start}.wird-guide .pillbtn{flex:0 0 auto}.mushaf-shell{border-radius:0!important;border-inline:0!important;padding:7px!important}.spread{grid-template-columns:1fr!important;width:min(100%,560px)!important}.mushaf-page.left-page{display:none!important}.mushaf-page{aspect-ratio:493/791!important;border-radius:7px}.reader-pagination{grid-template-columns:1fr 1.35fr 1fr;padding-inline:9px;gap:6px}.reader-page-btn{min-height:46px;font-size:.72rem}.reader-page-info b{font-size:.7rem}.reader-page-info small{font-size:.53rem}.wird-end-card{grid-template-columns:1fr;margin:12px 9px 0;text-align:center;padding:18px 14px}.wird-end-icon{margin-inline:auto}.wird-end-actions{display:grid}.mini-actions{padding-inline:9px}.reader-help,.offline-note{padding-inline:12px}.reader-title small{display:none}}

/* V5.2 — adaptive Quran reader, authoritative layer */
.reader-body{min-height:100dvh}.reader-main{width:min(1240px,calc(100% - 20px));padding:12px 0 28px}.reader-controls{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(120px,.8fr) minmax(170px,1fr) auto;gap:8px;margin-bottom:8px}.reader-controls .control,.reader-controls button{min-height:42px}.reader-controls :disabled{opacity:.52;cursor:not-allowed}.wird-guide{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;margin:0 0 8px;border:1px solid var(--gold);border-radius:16px;background:color-mix(in srgb,var(--card2) 88%,transparent)}.wird-guide[hidden]{display:none!important}.wird-guide span,.wird-guide b,.wird-guide small{display:block}.wird-guide span{font-size:.58rem;color:var(--gold2);font-weight:800}.wird-guide b{font-size:.78rem}.wird-guide small{font-size:.58rem;color:var(--muted)}
.reader-stage{--page-w:360px;--page-h:578px;--spread-gap:10px;position:relative;width:100%;min-height:0!important;height:auto!important;overflow:visible!important;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,#15120d,#2b2317);padding:8px!important;box-shadow:var(--shadow);display:flex!important;flex-direction:column;align-items:center;justify-content:center}.spread{display:grid!important;grid-template-columns:var(--page-w) var(--page-w);gap:var(--spread-gap)!important;align-items:center;justify-content:center;width:auto!important;height:auto!important;min-height:0!important;margin:0 auto!important;direction:rtl}.reader-stage.single .spread{grid-template-columns:var(--page-w)}.mushaf-page{position:relative!important;margin:0!important;padding:0!important;width:var(--page-w)!important;height:var(--page-h)!important;aspect-ratio:auto!important;min-height:0!important;max-height:none!important;background:#fffdf4;border-radius:8px!important;overflow:hidden!important;box-shadow:0 0 0 1px rgba(80,60,20,.16),0 10px 28px rgba(0,0,0,.16)}.mushaf-page[hidden]{display:none!important}.mushaf-page img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;background:#fffdf4!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;pointer-events:none!important}.mushaf-page .page-num,.nav-arrow,.reader-status{display:none!important}.loader,.errorbox{position:absolute!important;inset:0!important;place-items:center!important}.loader{display:none!important;background:#fffdf4;color:#6f592b;font-size:.65rem}.mushaf-page.loading .loader{display:grid!important}.mushaf-page.loading img{opacity:.08}.errorbox{display:none!important;background:#fffdf4;color:#5c4723;text-align:center;padding:18px}.mushaf-page.error .errorbox{display:grid!important}
.reader-pagination{display:grid;grid-template-columns:minmax(90px,1fr) minmax(155px,1.5fr) minmax(90px,1fr);gap:7px;align-items:center;margin-top:8px}.reader-page-btn{min-height:44px;border:1px solid var(--border);border-radius:13px;background:var(--card);color:var(--text);font:inherit;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.reader-page-btn:disabled{opacity:.3;cursor:not-allowed}.reader-page-info{text-align:center;line-height:1.45}.reader-page-info b,.reader-page-info small{display:block}.reader-page-info b{font-size:.72rem;color:var(--gold2)}.reader-page-info small{font-size:.56rem;color:var(--muted)}
.fs-toolbar{display:none;width:100%;gap:6px;grid-template-columns:minmax(76px,1fr) minmax(130px,1.4fr) minmax(76px,1fr) auto;align-items:center;padding:8px max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right));background:#0c0a07;border-top:1px solid rgba(255,255,255,.1);margin-top:7px}.fs-btn,.fs-complete{min-height:44px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;font-weight:800;padding:7px 10px;cursor:pointer}.fs-btn:disabled{opacity:.3;cursor:not-allowed}.fs-status{text-align:center;min-width:0}.fs-status b,.fs-status small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-status b{font-size:.68rem;color:var(--gold2)}.fs-status small{font-size:.51rem;color:var(--muted)}.fs-complete{grid-column:1/-1;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#162018;border:0}.fs-complete[hidden]{display:none!important}.fs-exit{white-space:nowrap}
.reader-stage:fullscreen{width:100vw!important;height:100dvh!important;max-width:none!important;overflow:hidden!important;border:0!important;border-radius:0!important;padding:8px!important;background:#15120d!important;justify-content:space-between}.reader-stage:fullscreen .spread{flex:1 1 auto;min-height:0!important}.reader-stage:fullscreen .fs-toolbar{display:grid;flex:0 0 auto}.reader-stage:fullscreen .mushaf-page{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 26px rgba(0,0,0,.28)}
.wird-end-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:9px;padding:16px;border:1px solid var(--gold);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--card2) 92%,transparent),color-mix(in srgb,var(--card) 92%,transparent));box-shadow:var(--shadow)}.wird-end-card[hidden]{display:none!important}.wird-end-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#182019;font-weight:900}.wird-end-card h2{font-size:.94rem;margin:0 0 3px}.wird-end-card p{font-size:.66rem;color:var(--muted);margin:0}.wird-end-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.mini-actions{justify-content:center;margin-top:8px}.offline-note{text-align:center;font-size:.58rem;color:var(--soft);max-width:900px;margin:8px auto 0}.kstats4{grid-template-columns:repeat(2,1fr)!important}.today-detail{font-size:.7rem;line-height:1.9}.reader-toast{bottom:max(18px,env(safe-area-inset-bottom))}
@media(max-width:980px){.reader-controls{grid-template-columns:1fr 1fr}.reader-controls .surah-control{grid-column:1/-1}}
@media(max-width:700px){.reader-main{width:100%;padding:7px 0 22px}.reader-controls{padding-inline:7px;grid-template-columns:1fr 1fr}.reader-controls .surah-control{grid-column:1/-1}.wird-guide{margin-inline:7px;align-items:flex-start}.reader-stage{border-radius:0!important;border-inline:0!important;padding:5px!important}.reader-stage.single .spread{grid-template-columns:var(--page-w)}.mushaf-page{border-radius:5px!important}.reader-pagination{padding-inline:7px;grid-template-columns:1fr 1.2fr 1fr;gap:5px}.reader-page-btn{min-height:42px;font-size:.68rem}.reader-page-info b{font-size:.64rem}.reader-page-info small{font-size:.49rem}.wird-end-card{grid-template-columns:1fr;text-align:center;margin:8px 7px 0;padding:14px}.wird-end-icon{margin-inline:auto}.wird-end-actions{display:grid}.mini-actions{padding-inline:7px}.offline-note{padding-inline:10px}.reader-title small{display:none}.fs-toolbar{grid-template-columns:1fr 1.15fr 1fr}.fs-exit{grid-column:1/-1;min-height:38px}.fs-btn{min-height:42px;font-size:.64rem}.fs-status b{font-size:.6rem}.fs-status small{font-size:.46rem}}
@media(max-height:620px) and (orientation:landscape){.reader-title small{display:none}.reader-main{padding-top:6px}.reader-controls{margin-bottom:5px}.reader-controls .control,.reader-controls button{min-height:36px}.wird-guide{padding:6px 9px;margin-bottom:5px}.reader-pagination{margin-top:5px}.reader-page-btn{min-height:36px}.mini-actions,.offline-note{display:none}}


/* V5.3 — one reader system: shared theme, independent reading modes, full-viewport fit */
.reader-header{position:sticky;top:0;z-index:95;background:var(--header);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.reader-nav{min-height:58px;height:auto;padding-block:7px}.reader-tools{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}.reader-fs-trigger{font-size:1.12rem;font-weight:900;flex:0 0 42px}
.reader-main{width:min(1240px,calc(100% - 18px));padding:8px 0 20px}.reader-controls{margin-bottom:6px}.reader-controls .control,.reader-controls button{min-height:38px}
.reader-modebar{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px;padding:4px 6px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--card) 78%,transparent)}.mode-tabs{display:flex;gap:5px;min-width:0}.mode-tab{min-height:30px;border:1px solid transparent;border-radius:10px;padding:4px 12px;background:transparent;color:var(--muted);font:inherit;font-size:.66rem;font-weight:800;cursor:pointer}.mode-tab.active{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#172018;box-shadow:0 5px 18px color-mix(in srgb,var(--gold) 18%,transparent)}.mode-state{font-size:.6rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-modebar.khatma-active{border-color:color-mix(in srgb,var(--gold) 70%,var(--border))}
.reader-stage{padding:6px!important}.reader-pagination{margin-top:6px}.mini-actions{margin-top:6px}.offline-note{margin-top:6px}
.daily-lock-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:7px;padding:15px;border:1px solid var(--gold);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--card2) 94%,transparent),color-mix(in srgb,var(--card) 94%,transparent));box-shadow:var(--shadow)}.daily-lock-card[hidden]{display:none!important}.lock-check{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#182019;font-size:1.2rem;font-weight:900}.daily-lock-card h2{margin:0 0 3px;font-size:.92rem}.daily-lock-card p{margin:0;color:var(--muted);font-size:.65rem}.daily-lock-card .wird-end-actions{margin-top:8px}
#planLockStatus{color:var(--gold2);font-weight:700}.reader-body .khatma-drawer{background:var(--bg2)}
/* Fullscreen always inherits the active theme. Controls remain below the Mushaf image. */
.reader-stage:fullscreen{background:var(--bg)!important}.reader-stage:fullscreen .fs-toolbar{background:color-mix(in srgb,var(--bg) 94%,#000 6%);border-color:var(--border)}
.reader-cinema .reader-header,.reader-cinema .reader-controls,.reader-cinema .reader-modebar,.reader-cinema .reader-pagination,.reader-cinema .mini-actions,.reader-cinema .offline-note{display:none!important}.reader-cinema .reader-stage{position:fixed;inset:0;z-index:300;width:100vw!important;height:100dvh!important;border:0!important;border-radius:0!important;background:var(--bg)!important}.reader-cinema .fs-toolbar{display:grid}
@media(max-width:700px){.reader-nav{padding-inline:7px}.reader-title b{font-size:.82rem}.reader-tools{gap:4px}.reader-tools .iconbtn{width:36px;min-height:36px;flex-basis:36px}.reader-tools .pillbtn{min-height:36px;padding-inline:9px;font-size:.63rem}.reader-main{width:100%;padding-top:5px}.reader-controls{padding-inline:6px;gap:5px;margin-bottom:5px}.reader-controls .control,.reader-controls button{min-height:34px}.reader-modebar{margin-inline:6px;margin-bottom:5px;min-height:34px}.mode-tab{min-height:27px;padding-inline:8px;font-size:.58rem}.mode-state{font-size:.52rem;max-width:40%}.wird-guide{margin-inline:6px;margin-bottom:5px;padding:6px 8px}.reader-stage{padding:4px!important}.reader-pagination{padding-inline:6px;margin-top:5px}.reader-page-btn{min-height:38px}.daily-lock-card{grid-template-columns:1fr;text-align:center;margin:6px 6px 0;padding:12px}.lock-check{margin-inline:auto}.daily-lock-card .wird-end-actions{display:grid}.mini-actions{padding-inline:6px;margin-top:5px}.offline-note{padding-inline:8px}}
@media(max-height:620px) and (orientation:landscape){.reader-nav{min-height:44px;padding-block:3px}.reader-title img{width:34px;height:34px}.reader-controls .control,.reader-controls button{min-height:30px}.reader-modebar{min-height:30px}.mode-tab{min-height:24px}.reader-pagination .reader-page-btn{min-height:32px}.mini-actions{display:flex!important}.offline-note{display:none!important}}
/* Reader surround follows the selected site theme as well. */
.reader-stage{background:linear-gradient(145deg,color-mix(in srgb,var(--card2) 88%,var(--bg) 12%),color-mix(in srgb,var(--card) 86%,var(--bg) 14%))!important}

/* V5.4 — polish, accessibility, reading hub, prayer times, PWA and support */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--gold2)!important;outline-offset:3px!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--gold) 20%,transparent)!important}
:where(button,a).btn:focus-visible{transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.reader-title h1{font:inherit;font-weight:850;font-size:.92rem;line-height:1.25;margin:0}.reader-title h1+small{display:block}.compact-hero{min-height:auto;padding:64px 0 70px}.compact-hero .hero-mushaf{min-height:470px}.priority-section{padding-top:76px;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 28%,transparent),transparent)}
.reading-hub{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-top:30px}.hub-card{position:relative;padding:26px;border:1px solid var(--border);border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 90%,transparent),color-mix(in srgb,var(--card2) 72%,transparent));box-shadow:0 15px 45px rgba(0,0,0,.09)}.hub-card.khatma-featured{border-color:var(--gold);box-shadow:0 18px 55px color-mix(in srgb,var(--gold) 13%,transparent)}.hub-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;margin-bottom:16px;border:1px solid var(--border);background:var(--card2);color:var(--gold2);font-size:1.15rem;font-weight:900}.hub-card h3{font-size:1.2rem;margin:8px 0}.hub-card p{color:var(--muted);font-size:.78rem;min-height:64px}.compact-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.compact-actions .btn{min-height:46px;padding-block:8px}.backup-card .compact-actions .btn{flex:1 1 135px}.ghost-danger{border:1px solid rgba(220,100,100,.35);background:transparent;color:var(--text)}
.prayer-section{padding-top:76px}.prayer-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;padding:34px;border:1px solid var(--border);border-radius:32px;background:linear-gradient(135deg,var(--card2),color-mix(in srgb,var(--card) 84%,transparent));box-shadow:var(--shadow)}.prayer-intro h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.2;margin:8px 0}.prayer-intro p{color:var(--muted)}.prayer-location{margin-top:16px;font-weight:800;color:var(--gold2)}.prayer-method{font-size:.7rem;color:var(--muted);margin-top:4px}.prayer-method b{color:var(--text)}.micro-note{font-size:.62rem!important;color:var(--soft)!important}.prayer-results{display:grid;align-content:center}.prayer-status{font-size:.72rem;color:var(--muted);margin-bottom:10px}.prayer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.prayer-time{padding:19px 12px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--bg) 28%,var(--card));text-align:center}.prayer-time span,.prayer-time b{display:block}.prayer-time span{font-size:.65rem;color:var(--muted)}.prayer-time b{font-size:1.25rem;color:var(--gold2);margin-top:3px}.feature-grid.four{grid-template-columns:repeat(4,1fr)}.feature-grid.four .feature{min-height:130px}.shots-heading{margin-top:75px}.new-download{grid-template-columns:1fr auto}.qr-card{display:grid;place-items:center;gap:6px;padding:12px;border-radius:20px;background:#fff;color:#111;min-width:160px}.qr-card img{width:142px;height:142px;object-fit:contain}.qr-card span{font-size:.65rem;font-weight:800}.footer-modern{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:32px;align-items:start}.footer-modern p{max-width:420px;color:var(--muted);font-size:.72rem}.footer-modern>div>b{display:block;margin-bottom:8px;font-size:.74rem;color:var(--gold2)}.footlinks.vertical{display:grid;gap:6px}.contact-panel{margin-top:28px;padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--card2)}.contact-panel a{text-decoration:underline;text-underline-offset:3px}.install-compact{white-space:nowrap}.site-toast{position:fixed;z-index:9999;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%,18px);opacity:0;pointer-events:none;background:var(--card);border:1px solid var(--gold);color:var(--text);border-radius:999px;padding:10px 16px;box-shadow:var(--shadow);font-size:.72rem;transition:.2s}.site-toast.show{opacity:1;transform:translate(-50%,0)}.backup-drawer .drawer-actions{grid-template-columns:1fr 1fr}.content a{color:var(--gold2)}
@media(max-width:1000px){.reading-hub{grid-template-columns:1fr 1fr}.backup-card{grid-column:1/-1}.prayer-panel{grid-template-columns:1fr}.feature-grid.four{grid-template-columns:repeat(2,1fr)}.footer-modern{grid-template-columns:1fr 1fr}.footer-modern>div:first-child{grid-column:1/-1}.install-compact{display:none}.compact-hero .hero-mushaf{min-height:420px}}
@media(max-width:700px){.compact-hero{padding:40px 0}.reading-hub{grid-template-columns:1fr}.backup-card{grid-column:auto}.prayer-panel{padding:20px}.prayer-grid{grid-template-columns:repeat(2,1fr)}.feature-grid.four{grid-template-columns:1fr 1fr}.new-download{grid-template-columns:1fr}.new-download .download-main{align-items:flex-start}.qr-card{width:max-content;margin-inline:auto}.footer-modern{grid-template-columns:1fr}.footer-modern>div:first-child{grid-column:auto}.reader-title h1{font-size:.78rem}}