/* NOXILIS DZ — المصحف الشريف · كتاب سماوي */
:root{--sky1:#e6f6ff;--sky2:#b9e4fa;--sky3:#7ec6ee;--blue:#2f86bf;--deep:#145a8a;--ink:#0e3552;--mute:#4f7a98;--paper:#fbfeff;--paper2:#eef8ff;--hi:rgba(47,134,191,.2);--line:rgba(47,134,191,.55);--fs:1.6rem;--chrome:rgba(255,255,255,.82);--bg1:#e6f6ff;--bg2:#9fd6f3}
body[data-theme="night"]{--paper:#0f2c46;--paper2:#0b2238;--ink:#e6f4ff;--mute:#9cc3df;--hi:rgba(126,198,238,.22);--line:rgba(126,198,238,.5);--chrome:rgba(11,34,56,.88);--bg1:#14405f;--bg2:#06182a;--sky1:#14405f;--sky2:#1d5a82;--blue:#5cb3e6;--deep:#2c7cb3}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-x:none}
html,body,body *{touch-action:pan-y;-webkit-touch-callout:none}
body{min-height:100dvh;color:var(--ink);font-family:"Reem Kufi","Noto Kufi Arabic","Segoe UI",Tahoma,sans-serif;line-height:1.8;background:var(--bg2)}
.m-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(9rem 3.2rem at 18% 14%,rgba(255,255,255,.85),transparent 70%),radial-gradient(11rem 3.6rem at 82% 30%,rgba(255,255,255,.7),transparent 70%),radial-gradient(10rem 3rem at 30% 72%,rgba(255,255,255,.55),transparent 70%),linear-gradient(180deg,var(--bg1),var(--bg2))}
body[data-theme="night"] .m-bg{background:radial-gradient(2px 2px at 20% 20%,#fff,transparent),radial-gradient(2px 2px at 70% 12%,#cfe9ff,transparent),radial-gradient(2px 2px at 85% 55%,#fff,transparent),radial-gradient(2px 2px at 35% 80%,#cfe9ff,transparent),linear-gradient(180deg,var(--bg1),var(--bg2))}
button,a,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--deep);outline-offset:2px}
.m-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.4rem;padding:calc(.45rem + env(safe-area-inset-top,0px)) .6rem .5rem;background:var(--chrome);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.m-title{margin:0;flex:1;min-width:0;text-align:center;font-family:"Aref Ruqaa Ink","Amiri Quran",serif;font-size:clamp(1.05rem,4.6vw,1.45rem);font-weight:700;line-height:1.5;color:var(--deep);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-tools{display:flex;gap:.3rem}
.m-btn{display:inline-grid;place-items:center;min-width:2.6rem;height:2.6rem;border-radius:.85rem;border:1px solid var(--line);background:rgba(255,255,255,.55);color:var(--deep);cursor:pointer;text-decoration:none}
body[data-theme="night"] .m-btn{background:rgba(255,255,255,.08);color:var(--ink)}
.m-btn svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.m-btn:hover{background:rgba(47,134,191,.18)}
.m-home svg{transform:scaleX(-1)}html[dir="ltr"] .m-home svg{transform:none}
.m-progress{position:absolute;inset-inline:0;bottom:-1px;height:3px;background:rgba(47,134,191,.15)}
.m-progress i{display:block;height:100%;width:100%;transform-origin:right center;transform:scaleX(0);background:linear-gradient(90deg,var(--sky3),var(--deep))}
html[dir="ltr"] .m-progress i{transform-origin:left center}
.m-main{max-width:46rem;margin:0 auto;padding:1.1rem .7rem 6rem}
.m-loader{display:grid;place-items:center;gap:1rem;padding:5rem 1rem;text-align:center;color:var(--deep)}
.m-orb{position:relative;width:6.5rem;height:6.5rem}
.m-orb span{position:absolute;inset:0;border-radius:50%;border:3px solid var(--blue);border-top-color:transparent;border-bottom-color:transparent;animation:mspin 3s linear infinite}
.m-orb span:nth-child(2){inset:.9rem;animation-duration:2s;animation-direction:reverse}.m-orb span:nth-child(3){inset:1.8rem;animation-duration:1.3s}
@keyframes mspin{to{transform:rotate(360deg)}}
.m-retry,.m-pill{font-weight:700;min-height:2.75rem;padding:.3rem 1.2rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.6);color:var(--deep);cursor:pointer}
body[data-theme="night"] .m-pill,body[data-theme="night"] .m-retry{background:rgba(255,255,255,.08);color:var(--ink)}
.m-pill.solid{background:linear-gradient(135deg,var(--sky3),var(--blue));color:#fff;border-color:transparent}
.m-pill[disabled]{opacity:.4;cursor:default}
/* صفحة الكتاب */
.m-page{position:relative;margin:0 auto;padding:1.6rem 1.15rem 1.4rem;color:var(--ink);background:linear-gradient(90deg,rgba(47,134,191,.12),transparent 9%,transparent 91%,rgba(47,134,191,.1)),radial-gradient(120% 80% at 50% 0,var(--paper),var(--paper2));border-radius:.5rem .9rem .9rem .5rem;box-shadow:0 0 0 1px var(--line),5px 6px 0 -1px var(--paper2),5px 6px 0 0 var(--line),10px 12px 0 -1px var(--paper2),10px 12px 0 0 var(--line),0 26px 50px rgba(20,90,138,.35);transform-origin:right center;animation:mturn .85s cubic-bezier(.2,.8,.2,1)}
@keyframes mturn{from{opacity:.25;transform:perspective(1500px) rotateY(-62deg)}to{opacity:1;transform:none}}
.m-page::before{content:"";position:absolute;inset:.55rem;border:1.5px solid var(--line);border-radius:.4rem;pointer-events:none}
.cn{position:absolute;width:3.2rem;height:3.2rem;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%232f86bf' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 57V18C3 9 9 3 18 3h39'/%3E%3Cpath d='M11 57V24c0-8 5-13 13-13h33' opacity='.55'/%3E%3Cpath d='M20 20c8 0 12 4 12 12 0-8 4-12 12-12-8 0-12-4-12-12 0 8-4 12-12 12z' fill='%23bfe6fa'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.cn.tl{top:.15rem;inset-inline-start:.15rem}.cn.tr{top:.15rem;inset-inline-end:.15rem;transform:scaleX(-1)}.cn.bl{bottom:.15rem;inset-inline-start:.15rem;transform:scaleY(-1)}.cn.br{bottom:.15rem;inset-inline-end:.15rem;transform:scale(-1,-1)}
html[dir="ltr"] .cn.tl{transform:scaleX(-1)}html[dir="ltr"] .cn.tr{transform:none}html[dir="ltr"] .cn.bl{transform:scale(-1,-1)}html[dir="ltr"] .cn.br{transform:scaleY(-1)}
.m-sura{position:relative;isolation:isolate;display:grid;justify-items:center;margin:.9rem auto 1rem;padding:.55rem 2.2rem .6rem;max-width:30rem;text-align:center;color:#fff;background:linear-gradient(180deg,#4ea9de,var(--deep));clip-path:polygon(0 50%,5% 0,95% 0,100% 50%,95% 100%,5% 100%)}
.m-sura::before{content:"";position:absolute;inset:3px;clip-path:polygon(0 50%,5% 0,95% 0,100% 50%,95% 100%,5% 100%);background:#fff;opacity:.9;z-index:-1}
.m-sura::after{content:"";position:absolute;inset:6px;clip-path:polygon(0 50%,5% 0,95% 0,100% 50%,95% 100%,5% 100%);background:linear-gradient(180deg,#4ea9de,var(--deep));z-index:-1}
.m-sura h2{margin:0;font-family:"Aref Ruqaa Ink","Amiri Quran",serif;font-weight:700;font-size:clamp(1.5rem,6.4vw,2.2rem);line-height:1.6;text-shadow:0 2px 3px rgba(0,40,70,.5)}
.m-sura p{margin:0;font-size:.82rem;opacity:.95}
.m-basmala{margin:.2rem 0 .9rem;text-align:center;font-family:"Amiri Quran","Scheherazade New","Noto Naskh Arabic",serif;font-size:calc(var(--fs)*1.08);line-height:2.1;color:var(--deep)}
body[data-theme="night"] .m-basmala{color:#bfe6fa}
.m-text{font-family:"Amiri Quran","Scheherazade New","Noto Naskh Arabic","Traditional Arabic",serif;font-size:var(--fs);line-height:2.3;text-align:justify;text-align-last:center;text-justify:inter-word;overflow-wrap:break-word}
.v{cursor:pointer;border-radius:.4rem;padding:.05rem .1rem;transition:background .2s;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.v:hover{background:var(--hi)}.v.sel{background:var(--hi);box-shadow:0 0 0 2px var(--line)}
.v.play{background:rgba(94,196,238,.35);box-shadow:0 0 0 2px var(--blue)}
.v.mk .vn{background:radial-gradient(circle,#fff,#7ec6ee);color:var(--deep)}
.vn{display:inline-grid;place-items:center;min-width:1.9em;height:1.9em;margin:0 .3em;padding:0 .2em;vertical-align:middle;border-radius:50%;border:1.5px solid var(--blue);background:radial-gradient(circle at 35% 30%,#fff,rgba(126,198,238,.3));color:var(--deep);font-family:"Reem Kufi",sans-serif;font-size:.5em;font-weight:700;line-height:1;box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--line)}
body[data-theme="night"] .vn{color:#e6f4ff;background:radial-gradient(circle at 35% 30%,rgba(126,198,238,.4),transparent)}
.m-page.by .m-text{text-align:start;text-align-last:auto}
.m-page.by .v{display:block;padding:.55rem .35rem;border-bottom:1px dashed var(--line);border-radius:0}
.m-end{margin-top:1.2rem;text-align:center;color:var(--blue);font-size:1.4rem;letter-spacing:.3em}
.m-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 .6rem}
.m-credit{margin:1rem auto 0;text-align:center;font-size:.78rem;color:var(--mute);max-width:30rem}
.m-toast{position:fixed;inset-inline:0;bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));margin:auto;width:max-content;max-width:90vw;padding:.55rem 1.1rem;border-radius:999px;background:var(--deep);color:#fff;z-index:90;animation:mup .25s ease-out}
@keyframes mup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.m-x{width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--line);background:transparent;color:inherit;font-size:1.3rem;line-height:1;cursor:pointer}
/* قائمة الآية */
.m-actions{position:fixed;inset-inline:.6rem;bottom:calc(.7rem + env(safe-area-inset-bottom,0px));margin:auto;max-width:30rem;padding:.7rem .8rem .8rem;border-radius:1.3rem;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 18px 50px rgba(20,90,138,.45);z-index:50;animation:mup .25s ease-out}
.m-act-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.m-act-ref{font-weight:700;color:var(--deep);font-size:.95rem}
body[data-theme="night"] .m-act-ref{color:#bfe6fa}
.m-act-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.2rem,1fr));gap:.45rem;margin:.55rem 0 .4rem}
.m-act{display:grid;justify-items:center;gap:.1rem;padding:.55rem .3rem;border-radius:1rem;border:1px solid var(--line);background:var(--paper2);color:var(--ink);cursor:pointer;font-size:.85rem;line-height:1.35;text-align:center}
.m-act i{font-style:normal;font-size:1.3rem;color:var(--blue)}
.m-act:hover,.m-act.on{background:var(--hi)}
.m-note{margin:.2rem 0 0;font-size:.8rem;color:var(--mute);text-align:center}
/* نوافذ */
.m-dlg{border:0;padding:0;background:transparent;width:min(94vw,26rem);max-height:92dvh;margin:auto;color:var(--ink);overflow:visible}
.m-dlg::backdrop{background:rgba(8,40,66,.55);backdrop-filter:blur(3px)}
.m-card{display:flex;flex-direction:column;max-height:90dvh;padding:1rem .9rem .9rem;border-radius:1.3rem;background:var(--paper);border:1px solid var(--line);box-shadow:0 30px 80px rgba(20,90,138,.5);animation:mup .3s ease-out}
.m-card-head{display:flex;align-items:center;justify-content:space-between}
.m-card-head h2{margin:0;font-family:"Aref Ruqaa Ink","Amiri Quran",serif;font-size:1.5rem;color:var(--deep)}
body[data-theme="night"] .m-card-head h2{color:#bfe6fa}
.m-q{margin:.7rem 0 .5rem;width:100%;min-height:2.75rem;padding:.4rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--paper2);color:var(--ink);font:inherit;user-select:text;-webkit-user-select:text}
.m-resume button{width:100%;min-height:2.75rem;margin-bottom:.5rem;border-radius:.9rem;border:1px dashed var(--blue);background:var(--hi);color:var(--ink);cursor:pointer;font-weight:700}
.m-list{list-style:none;margin:0;padding:0 .1rem 0 .3rem;overflow-y:auto;overscroll-behavior:contain;flex:1}
.m-list button{display:grid;grid-template-columns:2.4rem 1fr auto;align-items:center;gap:.65rem;width:100%;padding:.5rem .45rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;text-align:start}
.m-list button:hover,.m-list button[aria-current="true"]{background:var(--hi)}
.m-no{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:linear-gradient(135deg,var(--sky3),var(--blue));color:#fff;font-weight:800;font-size:.85rem}
.m-nm{display:grid;line-height:1.4}.m-nm b{font-family:"Amiri Quran",serif;font-size:1.25rem;font-weight:400}.m-nm small{opacity:.75;font-size:.76rem}
.m-meta{font-size:.74rem;opacity:.8;text-align:end}
.m-sets{display:grid;gap:.7rem;margin-top:.8rem;overflow-y:auto}
.m-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.m-step,.m-seg{display:flex;align-items:center;gap:.35rem}
.m-step button,.m-seg button{min-width:2.6rem;min-height:2.5rem;padding:0 .8rem;border-radius:.8rem;border:1px solid var(--line);background:var(--paper2);color:var(--ink);cursor:pointer;font-weight:700}
.m-seg button[aria-pressed="true"]{background:linear-gradient(135deg,var(--sky3),var(--blue));color:#fff;border-color:transparent}
.m-step output{min-width:2rem;text-align:center;font-weight:800}
.m-row select{min-height:2.5rem;padding:0 .7rem;border-radius:.8rem;border:1px solid var(--line);background:var(--paper2);color:var(--ink)}
.m-chk input{width:1.4rem;height:1.4rem;accent-color:var(--blue)}
.m-sr{position:fixed;opacity:0;pointer-events:none;inset-block-start:0}
/* غلاف الكتاب */
.bk{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:linear-gradient(180deg,#e6f6ff,#8fcbee);perspective:1700px;transition:opacity .6s .1s}
.bk.gone{opacity:0;pointer-events:none}
.bk-book{position:relative;width:min(76vw,21rem);aspect-ratio:3/4.1;transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.6,.05,.2,1);transform:rotateX(8deg) rotateY(8deg)}
.bk-pages{position:absolute;inset:.5% 1.5% .5% 0;border-radius:.3rem .6rem .6rem .3rem;background:repeating-linear-gradient(90deg,#fff 0 3px,#d8eefb 3px 4px);box-shadow:0 30px 60px rgba(20,90,138,.45)}
.bk-front{position:absolute;inset:0;transform-origin:right center;transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.6,.05,.2,1)}
.bk-face{position:absolute;inset:0;border-radius:.4rem .8rem .8rem .4rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.bk-out{display:grid;align-content:center;justify-items:center;gap:.55rem;padding:1.4rem;text-align:center;color:#fff;background:linear-gradient(100deg,rgba(255,255,255,.18) 0,transparent 8%),linear-gradient(160deg,#6cc0ee,#2f86bf 55%,#1a6194);box-shadow:inset 0 0 0 .5rem rgba(255,255,255,.12),inset 0 0 0 .55rem rgba(255,255,255,.55),inset -.9rem 0 1.2rem rgba(0,40,80,.28)}
.bk-in{transform:rotateY(180deg);background:linear-gradient(270deg,#f4fbff,#d3ecfb)}
.bk-star{width:46%;filter:drop-shadow(0 2px 4px rgba(0,40,80,.4));animation:mspin 40s linear infinite}
.bk-t{margin:.2rem 0 0;font-family:"Aref Ruqaa Ink","Amiri Quran",serif;font-size:clamp(1.8rem,9vw,2.5rem);line-height:1.4;text-shadow:0 3px 6px rgba(0,40,80,.55)}
.bk-s{margin:0;opacity:.95}.bk-by{margin:.4rem 0 0;font-size:.78rem;letter-spacing:.3em;opacity:.85;direction:ltr}
.bk-go{margin-top:.5rem;min-height:2.9rem;padding:.3rem 1.7rem;border-radius:999px;border:1.5px solid #fff;background:rgba(255,255,255,.22);color:#fff;font-weight:800;font-size:1.05rem;cursor:pointer;animation:mbeat 2s ease-in-out infinite}
@keyframes mbeat{50%{box-shadow:0 0 0 .5rem rgba(255,255,255,.2)}}
.bk.open .bk-front{transform:rotateY(172deg)}
.bk.open .bk-book{transform:rotateX(0) rotateY(0) scale(1.9) translateX(-18%)}
@media(prefers-reduced-motion:reduce){.bk-front,.bk-book{transition-duration:.01s}.bk-star,.m-page,.bk-go{animation:none}}