*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf8f3;--bg2:#f2eee5;--bg3:#e6e0d2;--bg4:#d9d1bf;--ink:#1c1916;--ink2:#3a342c;--ink3:#6b6358;--sand:#b8956a;--sand2:#8c6a3f;--terr:#c4784a;--green-light:#eaf3ee;--forest:#2b4d3e;--forest2:#1a3028;--gold:#c9a050;--r8:8px;--r12:12px;--r16:16px;--r20:20px;--r24:24px;--r32:32px}html{scroll-behavior:smooth}body{position:relative}.scroll-top-ring{-webkit-backdrop-filter:blur(18px);cursor:pointer;z-index:70;opacity:0;pointer-events:none;background:linear-gradient(#fffcf7f0 0%,#f2e9dbe0 100%);border:1px solid #c2ae8e38;border-radius:999px;justify-content:center;align-items:center;width:66px;height:66px;transition:opacity .24s,transform .24s,box-shadow .24s,background .24s,border-color .24s;display:flex;position:fixed;bottom:22px;right:22px;transform:translateY(14px)scale(.92);box-shadow:0 20px 50px #16191426,inset 0 1px #ffffffb8}.scroll-top-ring:before{content:"";border-radius:inherit;opacity:.72;z-index:-1;background:radial-gradient(circle,#355e4d2e 0%,#355e4d00 72%);position:absolute;inset:-8px}.scroll-top-ring:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff85;position:absolute;inset:7px}.scroll-top-ring.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.scroll-top-ring:hover{background:linear-gradient(#fffffffa 0%,#f7efe3f5 100%);border-color:#355e4d33;box-shadow:0 24px 58px #1619142e,0 0 0 6px #355e4d14}.scroll-top-ring-svg{width:66px;height:66px;position:absolute;inset:0;transform:rotate(-90deg)}.scroll-top-ring-track{fill:none;stroke:#9c8b702e;stroke-width:3.4px}.scroll-top-ring-progress{fill:none;stroke:#355e4d;stroke-width:4.2px;stroke-linecap:round;filter:drop-shadow(0 4px 8px #355e4d38);transition:stroke-dashoffset .18s}.scroll-top-ring-icon{color:#f8f4ec;background:linear-gradient(#355e4d 0%,#274437 100%);border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:relative;box-shadow:0 10px 24px #1f3b2f42,inset 0 1px #ffffff29}.scroll-top-ring-icon svg{width:17px;height:17px}@media (max-width:640px){.scroll-top-ring{width:58px;height:58px;bottom:14px;right:14px}.scroll-top-ring-svg{width:58px;height:58px}.scroll-top-ring-icon{width:36px;height:36px}.scroll-top-ring-icon svg{width:15px;height:15px}}body{background:var(--bg);color:var(--ink);font-family:Plus Jakarta Sans,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}nav{z-index:500;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#faf8f3d1;border:1px solid #8c6a3f1f;border-radius:28px;justify-content:space-between;align-items:center;gap:1rem;width:min(1280px,100% - 32px);padding:.78rem 1rem .78rem 1.12rem;transition:border-color .3s,box-shadow .3s,background .3s,padding .3s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #1c191614,inset 0 1px #ffffff57}nav.stuck{background:#faf8f3e6;border-color:#8c6a3f2e;padding:.7rem .95rem .7rem 1.05rem;box-shadow:0 20px 48px #1c19161a,inset 0 1px #fff6}.nav-main{flex:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.58rem;min-width:0;display:grid}.logo{border-radius:18px;flex-shrink:0;align-items:center;padding:.18rem .2rem .18rem .08rem;text-decoration:none;transition:background .2s,transform .2s;display:flex}.logo:hover{background:#ffffff61;transform:translateY(-.5px)}.site-logo-wrap{flex-shrink:0;display:block;position:relative;overflow:hidden}.site-logo{object-fit:contain;object-position:center;display:block}.site-logo-wrap-header{width:196px;height:56px}.site-logo-header{object-fit:contain;object-position:left center}.site-logo-wrap-header-main{width:196px;height:56px}.site-logo-header-main{filter:drop-shadow(0 8px 18px #2b4d3e14)contrast(1.06)saturate(1.04)}.site-logo-wrap-header-mobile{width:174px;height:50px}.site-logo-header-mobile{filter:drop-shadow(0 6px 14px #2b4d3e12)contrast(1.04)saturate(1.03)}.nav-links-panel{background:#ffffff70;border:1px solid #8c6a3f1a;border-radius:22px;flex:1;align-items:center;min-width:0;padding:.34rem;display:flex;box-shadow:inset 0 1px #ffffff42}.nav-links{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.32rem;min-width:0;display:flex}.nav-links a{letter-spacing:-.01em;color:var(--ink2);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:16px;padding:.68rem .98rem;font-size:.84rem;font-weight:600;line-height:1;text-decoration:none;transition:all .2s}.nav-links a:hover{color:var(--ink);background:#ffffffbd;border-color:#8c6a3f1f}.nav-links a.active{color:var(--forest);background:linear-gradient(#fffffff0 0%,#f2eee5f5 100%);border-color:#2b4d3e29;box-shadow:0 10px 20px #1c19160f,inset 0 1px #ffffff6b}.nav-end{flex-shrink:0;align-items:center;gap:.62rem;display:flex}.btn-outline,.btn-fill{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;min-height:44px;padding:.72rem 1.08rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:650;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline{color:var(--ink2);background:#ffffff75;border:1px solid #8c6a3f24;box-shadow:inset 0 1px #ffffff3d}.btn-outline:hover{color:var(--ink);background:#ffffffd1;border-color:#8c6a3f38}.btn-fill{color:#fff;background:linear-gradient(#355e4d 0%,#28473a 100%);border:1px solid #2b4d3e33;box-shadow:0 14px 24px #2b4d3e2e}.btn-fill:hover{background:linear-gradient(#3a6653 0%,#2b4c3d 100%);transform:translateY(-1px);box-shadow:0 18px 28px #2b4d3e38}.ham{cursor:pointer;background:#ffffff75;border:1px solid #8c6a3f1f;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:48px;height:48px;padding:0;display:none;box-shadow:inset 0 1px #ffffff3d}.ham span{background:var(--ink);border-radius:999px;width:18px;height:1.5px;transition:all .3s;display:block}.ham.open span:first-child{transform:translateY(5.5px)rotate(45deg)}.ham.open span:nth-child(2){opacity:0}.ham.open span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.mob-menu{z-index:520;display:none;position:fixed;inset:0}.mob-menu.open{display:block}.mob-menu-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c191638;position:absolute;inset:0}.mob-menu-panel{background:#faf8f3f0;border:1px solid #8c6a3f1f;border-radius:28px;padding:1rem;position:absolute;top:16px;left:16px;right:16px;box-shadow:0 24px 60px #1c191624,inset 0 1px #ffffff52}.mob-menu-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.mob-logo{padding:0}.mob-close{cursor:pointer;background:#ffffff8a;border:1px solid #8c6a3f24;border-radius:14px;flex-shrink:0;width:44px;height:44px;position:relative}.mob-close span{background:var(--ink);border-radius:999px;width:16px;height:1.5px;position:absolute;top:50%;left:50%}.mob-close span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.mob-close span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.mob-menu-links{gap:.55rem;display:grid}.mob-menu-links a{color:var(--ink);background:#ffffff8f;border:1px solid #8c6a3f1a;border-radius:18px;justify-content:space-between;align-items:center;padding:.95rem 1rem;font-size:.96rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mob-menu-links a:hover,.mob-menu-links a.active{color:var(--forest);background:linear-gradient(#fffffff0 0%,#f2eee5f5 100%);border-color:#2b4d3e29}.mob-menu-actions{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem;display:grid}.home-basmala-band{max-width:1280px;margin:0 auto;padding:7.2rem 1.5rem 0}.home-basmala-shell{text-align:center;background:linear-gradient(#fffbf4eb 0%,#f7f2e8e0 100%);border:1px solid #8c6a3f1f;border-radius:28px;padding:1.35rem 1.5rem 1.25rem;box-shadow:0 18px 42px #1c19160d}.home-basmala-ar{color:#0000;-webkit-text-fill-color:transparent;text-shadow:0 6px 18px #b8956a24;direction:rtl;background:linear-gradient(90deg,#8c6a3f 0%,#c09a62 32%,#7b5f39 58%,#b8874a 78%,#8c6a3f 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;font-family:Scheherazade New,serif;font-size:clamp(2.35rem,4vw,3.4rem);line-height:1.7;animation:7s ease-in-out infinite basmalaGlow}.home-basmala-tr{letter-spacing:.01em;color:#8a6d44;margin-top:.05rem;font-size:.92rem;font-style:italic;font-weight:500}.home-basmala-hadith{max-width:860px;color:var(--ink3);margin:.75rem auto 0;font-size:.82rem;line-height:1.85}.home-basmala-hadith span{color:#7f745f;font-weight:700}@keyframes basmalaGlow{0%{filter:drop-shadow(0 0 #b8956a14);background-position:0%}50%{filter:drop-shadow(0 10px 18px #b8956a29);background-position:100%}to{filter:drop-shadow(0 0 #b8956a14);background-position:0%}}.hero{grid-template-columns:minmax(0,1.08fr) 440px;align-items:center;gap:3.2rem;max-width:1280px;min-height:auto;margin:0 auto;padding:2.4rem 3rem 5rem;display:grid}.hero-badge{background:var(--bg2);border:1px solid var(--bg3);letter-spacing:.1em;text-transform:uppercase;color:var(--sand2);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .9rem;font-size:.7rem;font-weight:700;display:inline-flex}.hero-badge-dot{background:var(--terr);border-radius:50%;width:5px;height:5px;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}h1{letter-spacing:-.03em;color:var(--ink);margin-bottom:1.5rem;font-family:Ubuntu,sans-serif;font-size:clamp(2.35rem,4.45vw,4.1rem);font-weight:800;line-height:1.04}h1 .hl{color:var(--terr);position:relative}h1 .hl:after{content:"";background:var(--terr);opacity:.3;border-radius:2px;height:3px;position:absolute;bottom:-3px;left:0;right:0}.hero-sub{color:var(--ink3);max-width:440px;margin-bottom:2.5rem;font-size:1rem;line-height:1.8}.hero-btns{flex-wrap:wrap;gap:.8rem;display:flex}.btn-lg{cursor:pointer;border:none;border-radius:2rem;align-items:center;gap:.55rem;padding:.85rem 1.8rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--forest);color:#fff}.btn-primary:hover{background:var(--forest2);transform:translateY(-1px)}.btn-sec{background:var(--bg2);color:var(--ink2);border:1px solid var(--bg3)}.btn-sec:hover{background:var(--bg3)}.hero-stats{border-top:1px solid var(--bg3);gap:2.5rem;margin-top:3rem;padding-top:2rem;display:flex}.hstat-n{color:var(--ink);font-family:Ubuntu,sans-serif;font-size:1.8rem;font-weight:800;line-height:1}.hstat-l{letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-top:.2rem;font-size:.7rem;font-weight:700}.hero-panel{background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--r32);overflow:hidden}.panel-header{border-bottom:1px solid var(--bg3);justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.panel-title{color:var(--ink2);font-family:Ubuntu,sans-serif;font-size:.82rem;font-weight:700}.panel-meta-line{color:var(--ink3);flex-wrap:wrap;gap:.55rem;margin-top:.25rem;font-size:.68rem;display:flex}.ptabs{background:var(--bg3);border-radius:2rem;gap:.2rem;padding:3px;display:flex}.ptab{cursor:pointer;color:var(--ink3);background:0 0;border:none;border-radius:2rem;padding:.3rem .75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:600;transition:all .2s}.ptab.on{background:var(--bg);color:var(--ink);box-shadow:0 1px 4px #00000012}.panel-body{padding:1.2rem 1.4rem}.prayer-panel-body{flex-direction:column;gap:.9rem;display:flex;position:relative}.compact-prayer-body{padding-bottom:1.2rem}.prayer-topline{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.prayer-topline-text{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.prayer-day-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--sand2);background:#fffc;border:1px solid #8c6a3f1f;border-radius:999px;justify-content:center;align-items:center;padding:.32rem .62rem;font-size:.6rem;font-weight:700;display:inline-flex}.prayer-day-text{color:var(--ink3);font-size:.74rem}.prayer-link-btn{color:var(--forest);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.76rem;font-weight:700}.prayer-focus-card{background:linear-gradient(#fffffffa 0%,#f4efe6fa 100%);border:1px solid #8c6a3f24;border-radius:22px;padding:1.05rem 1.1rem;box-shadow:0 16px 34px #1c19160d}.prayer-focus-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--sand2);font-size:.62rem;font-weight:700}.prayer-focus-main{justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:.55rem;display:flex}.prayer-focus-name{color:var(--ink);font-family:Ubuntu,sans-serif;font-size:1.45rem;font-weight:800;line-height:1}.prayer-focus-sub{color:var(--ink3);margin-top:.3rem;font-size:.76rem}.prayer-focus-timer{color:var(--forest);white-space:nowrap;font-family:Ubuntu,sans-serif;font-size:1.55rem;font-weight:800;line-height:1}.prayer-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.prayer-mini-item{background:#ffffff8f;border:1px solid #8c6a3f1a;border-radius:18px;min-width:0;padding:.72rem .78rem}.prayer-mini-item.current{background:#fffffff0;border-color:#c4784a2e;box-shadow:0 8px 18px #c4784a14}.prayer-mini-item.next{background:#eaf3eeeb;border-color:#2b4d3e29}.prayer-mini-top{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.prayer-mini-name{color:var(--ink2);font-size:.72rem;font-weight:700}.prayer-mini-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--forest);background:#2b4d3e1a;border-radius:999px;justify-content:center;align-items:center;padding:.18rem .38rem;font-size:.54rem;font-weight:700;display:inline-flex}.prayer-mini-tag.current{color:var(--terr);background:#c4784a1f}.prayer-mini-time{color:var(--ink);margin-top:.45rem;font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:800;line-height:1}.prayer-mini-ar{color:var(--ink3);margin-top:.18rem;font-family:Noto Naskh Arabic,serif;font-size:.7rem}.prayer-hero-actions{gap:.5rem;display:flex}.prayer-hero-actions .pf-btn{flex:1}.prayer-select-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.prayer-field{flex-direction:column;gap:.32rem;display:flex}.prayer-field span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);font-size:.62rem;font-weight:700}.prayer-select{border:1px solid var(--bg3);width:100%;color:var(--ink);appearance:none;background:#fff;background-image:linear-gradient(45deg,transparent 50%,var(--ink3) 50%),linear-gradient(135deg,var(--ink3) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:14px;outline:none;padding:.75rem .85rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem}.prayer-select:focus{border-color:var(--sand);box-shadow:0 0 0 3px #b8956a1f}.prayer-locate-btn{color:var(--forest);cursor:pointer;background:#eaf3eeb8;border:1px solid #2b4d3e29;border-radius:999px;align-self:flex-start;padding:.62rem .95rem;font-size:.76rem;font-weight:700;transition:all .2s}.prayer-locate-btn:hover{background:#eaf3eef5;border-color:#2b4d3e3d}.prayer-editor{z-index:6;display:none;position:absolute;inset:0}.prayer-editor.open{display:block}.prayer-editor-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c191638;border:none;position:absolute;inset:0}.prayer-editor-sheet{background:#faf8f3f5;border:1px solid #8c6a3f1f;border-radius:24px;padding:1rem;position:absolute;bottom:.95rem;left:.95rem;right:.95rem;box-shadow:0 22px 50px #1c191629}.prayer-editor-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.prayer-editor-title{color:var(--ink);font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:700}.prayer-editor-sub{color:var(--ink3);margin-top:.22rem;font-size:.78rem;line-height:1.6}.prayer-editor-close{cursor:pointer;width:36px;height:36px;color:var(--ink2);background:#ffffffad;border:1px solid #8c6a3f24;border-radius:12px}.prayer-editor-actions{gap:.55rem;margin-top:.9rem;display:flex}.prayer-editor-actions .pf-btn.fill{min-width:110px}.verse-block{padding:.5rem 0}.verse-ar{color:var(--ink);text-align:right;border-bottom:1px solid var(--bg3);direction:rtl;margin-bottom:.8rem;padding-bottom:.8rem;font-family:Noto Naskh Arabic,serif;font-size:1.3rem;line-height:2.2}.verse-tr{color:var(--ink3);margin-bottom:.5rem;font-size:.8rem;font-style:italic;line-height:1.75}.verse-ref{letter-spacing:.1em;text-transform:uppercase;color:var(--sand);font-size:.68rem;font-weight:700}.panel-footer{border-top:1px solid var(--bg3);gap:.5rem;padding:.9rem 1.4rem;display:flex}.pf-btn{border-radius:var(--r8);border:1px solid var(--bg3);cursor:pointer;color:var(--ink2);background:0 0;flex:1;padding:.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600;transition:all .2s}.pf-btn:hover{background:var(--bg3)}.pf-btn.fill{background:var(--forest);color:#fff;border-color:#0000}.pf-btn.fill:hover{background:var(--forest2)}.section{max-width:1280px;margin:0 auto;padding:6rem 3rem}.full-bleed{padding:6rem 3rem}.full-inner{max-width:1280px;margin:0 auto}.stag{letter-spacing:.14em;text-transform:uppercase;color:var(--sand2);align-items:center;gap:.4rem;margin-bottom:.9rem;font-size:.68rem;font-weight:700;display:inline-flex}.stag:before{content:"";background:var(--sand);width:16px;height:1.5px}.sec-title{letter-spacing:-.025em;color:var(--ink);font-family:Ubuntu,sans-serif;font-size:clamp(1.8rem,3.5vw,2.9rem);font-weight:800;line-height:1.1}.sec-sub{color:var(--ink3);max-width:500px;margin-top:.8rem;font-size:.95rem;line-height:1.8}.divider{background:var(--bg3);height:1px}.pill-wrap{background:var(--bg2);border-top:1px solid var(--bg3);border-bottom:1px solid var(--bg3)}.pill-nav{scrollbar-width:none;justify-content:center;gap:.4rem;max-width:1280px;margin:0 auto;padding:1rem 3rem;display:flex;overflow-x:auto}.pill-nav::-webkit-scrollbar{display:none}.pill{border:1.5px solid var(--bg3);background:var(--bg);cursor:pointer;white-space:nowrap;color:var(--ink2);border-radius:2rem;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .22s;display:flex}.pill:hover{border-color:var(--bg4);background:#fff}.pill.act{background:var(--forest);color:#fff;border-color:var(--forest)}.pill svg{flex-shrink:0;width:15px;height:15px}.quran-layout{grid-template-columns:260px 1fr;gap:1.5rem;margin-top:2.5rem;display:grid}.sure-sidebar{background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--r24);flex-direction:column;max-height:540px;display:flex;overflow:hidden}.ss-head{border-bottom:1px solid var(--bg3);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.ss-title{color:var(--ink2);font-family:Ubuntu,sans-serif;font-size:.8rem;font-weight:700}.sure-search{border:1px solid var(--bg3);border-radius:var(--r8);width:calc(100% - 2rem);color:var(--ink);background:#fff;outline:none;flex-shrink:0;margin:.7rem 1rem;padding:.45rem .8rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;display:block}.sure-search:focus{border-color:var(--sand)}.sure-list{scrollbar-width:thin;scrollbar-color:var(--bg3) transparent;flex:1;overflow-y:auto}.sure-item{cursor:pointer;border-bottom:1px solid var(--bg3);align-items:center;gap:.75rem;padding:.65rem 1.1rem;transition:background .15s;display:flex}.sure-item:hover,.sure-item.sel{background:#fff}.sure-item.sel{position:relative}.sure-item.sel:before{content:"";background:var(--forest);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.sure-num{background:var(--bg3);width:24px;height:24px;color:var(--ink3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;transition:all .2s;display:flex}.sure-item.sel .sure-num{background:var(--forest);color:#fff}.sure-info{flex:1;min-width:0}.sure-name{color:var(--ink);font-size:.8rem;font-weight:600}.sure-meta{color:var(--ink3);font-size:.65rem}.sure-ar{color:var(--sand2);font-family:Noto Naskh Arabic,serif;font-size:.82rem}.reader-panel{background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--r24);flex-direction:column;max-height:540px;display:flex;overflow:hidden}.reader-head{border-bottom:1px solid var(--bg3);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.reader-title-block .rt{color:var(--ink);font-family:Ubuntu,sans-serif;font-size:.95rem;font-weight:800}.reader-title-block .rm{color:var(--ink3);margin-top:2px;font-size:.7rem}.reader-ctrls{gap:.35rem;display:flex}.rc-btn{border:1px solid var(--bg3);background:var(--bg);cursor:pointer;width:30px;height:30px;color:var(--ink3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.rc-btn:hover{background:var(--bg3);color:var(--ink)}.rc-btn.on{background:var(--forest);color:#fff;border-color:var(--forest)}.view-toggle{background:var(--bg3);border-radius:2rem;flex-shrink:0;gap:.2rem;padding:3px;display:flex}.vt-btn{cursor:pointer;color:var(--ink3);background:0 0;border:none;border-radius:2rem;padding:.25rem .65rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:600;transition:all .2s}.vt-btn.on{background:var(--bg);color:var(--ink);box-shadow:0 1px 3px #0000000f}.reader-body{scrollbar-width:thin;scrollbar-color:var(--bg3) transparent;flex:1;padding:1.5rem;overflow-y:auto}.basmalah{color:var(--sand2);text-align:center;direction:rtl;margin-bottom:1.8rem;font-family:Noto Naskh Arabic,serif;font-size:1.4rem;line-height:2}.ayet-block{border-radius:var(--r16);cursor:pointer;border:1px solid #0000;margin-bottom:.5rem;padding:1rem 1.1rem;transition:all .18s}.ayet-block:hover{border-color:var(--bg3);background:#fff}.ayet-block.playing{border-color:var(--bg3);background:#fff;box-shadow:0 2px 12px #0000000d}.ayet-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.ayet-num{background:var(--bg3);width:22px;height:22px;color:var(--ink3);border-radius:50%;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;display:flex}.ayet-block.playing .ayet-num{background:var(--forest);color:#fff}.ayet-play-icon{opacity:0;width:18px;height:18px;transition:opacity .2s}.ayet-block:hover .ayet-play-icon,.ayet-block.playing .ayet-play-icon{opacity:1}.ayet-ar{color:var(--ink);text-align:right;direction:rtl;margin-bottom:.6rem;font-family:Noto Naskh Arabic,serif;font-size:1.35rem;line-height:2.2}.ayet-tr{color:var(--ink3);font-size:.8rem;line-height:1.75;display:none}.ayet-tr.show{display:block}.reader-foot{border-top:1px solid var(--bg3);flex-shrink:0;align-items:center;gap:1rem;padding:.8rem 1.5rem;display:flex}.rf-bar{background:var(--bg3);border-radius:2px;flex:1;height:3px;overflow:hidden}.rf-prog{background:var(--forest);border-radius:2px;height:100%;transition:width .3s}.rf-txt{color:var(--ink3);white-space:nowrap;font-size:.7rem}.dua-bg{background:var(--bg2)}.dua-cats{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.65rem;margin-top:2.5rem;display:grid}.dua-cat{background:var(--bg);border:1.5px solid var(--bg3);border-radius:var(--r16);cursor:pointer;text-align:center;padding:1.1rem;transition:all .25s}.dua-cat:hover{border-color:var(--bg4);background:#fff;transform:translateY(-2px)}.dua-cat.sel{border-color:var(--forest);background:#fff}.dua-cat.sel .dc-icon{background:var(--forest)}.dua-cat.sel .dc-icon svg{stroke:#fff}.dc-icon{border-radius:var(--r16);background:var(--bg2);justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto .75rem;transition:all .25s;display:flex}.dc-name{color:var(--ink);font-size:.8rem;font-weight:600}.dc-count{color:var(--ink3);margin-top:.15rem;font-size:.65rem}.dua-list{flex-direction:column;gap:.9rem;margin-top:1.8rem;display:flex}.dua-card{background:var(--bg);border:1px solid var(--bg3);border-radius:var(--r16);padding:1.4rem 1.6rem;transition:all .25s}.dua-card:hover{border-color:var(--bg4);transform:translateY(-1px);box-shadow:0 4px 20px #0000000d}.dua-head{justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.9rem;display:flex}.dua-title{color:var(--ink);font-family:Ubuntu,sans-serif;font-size:.92rem;font-weight:700}.dua-badge{letter-spacing:.07em;background:var(--bg2);color:var(--ink3);white-space:nowrap;border-radius:2rem;flex-shrink:0;padding:.22rem .65rem;font-size:.63rem;font-weight:700}.dua-ar{text-align:right;color:var(--ink);border-bottom:1px solid var(--bg3);direction:rtl;margin-bottom:.8rem;padding-bottom:.9rem;font-family:Noto Naskh Arabic,serif;font-size:1.1rem;line-height:2.1}.dua-oku{color:var(--ink3);margin-bottom:.4rem;font-size:.77rem;font-style:italic;line-height:1.7}.dua-meal{color:var(--sand2);font-size:.77rem;font-weight:500;line-height:1.6}.dua-actions{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.da-btn{border:1px solid var(--bg3);cursor:pointer;color:var(--ink3);background:0 0;border-radius:2rem;align-items:center;gap:.3rem;padding:.3rem .75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.da-btn:hover{background:var(--bg2);color:var(--ink);border-color:var(--bg4)}.da-btn.saved{background:var(--forest);color:#fff;border-color:var(--forest)}.media-bg{background:var(--forest2)}.media-bg .stag{color:#ffffff73}.media-bg .stag:before{background:#ffffff40}.media-bg .sec-title{color:#fff}.media-bg .sec-sub{color:#ffffff80}.media-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.media-tabs{background:#ffffff14;border:1px solid #ffffff1a;border-radius:2rem;gap:.2rem;padding:4px;display:flex}.mtab{cursor:pointer;color:#ffffff73;background:0 0;border:none;border-radius:2rem;padding:.35rem .9rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600;transition:all .2s}.mtab.on{color:#fff;background:#ffffff26}.player-card{border-radius:var(--r24);background:#ffffff0f;border:1px solid #ffffff17;margin-top:2.5rem;overflow:hidden}.player-head{border-bottom:1px solid #ffffff12;align-items:center;gap:1.4rem;padding:1.4rem 1.8rem;display:flex}.player-art{border-radius:var(--r16);background:#ffffff17;flex-shrink:0;justify-content:center;align-items:center;width:66px;height:66px;display:flex}.pm-ar{color:#ffffffb3;font-family:Noto Naskh Arabic,serif;font-size:1.1rem}.pm-sure{color:#fff;margin-top:.2rem;font-family:Ubuntu,sans-serif;font-size:.95rem;font-weight:700}.pm-kari{color:#fff6;margin-top:.15rem;font-size:.78rem}.pm-badge{letter-spacing:.07em;color:#ffffff80;background:#ffffff1a;border-radius:2rem;margin-top:.4rem;padding:.2rem .55rem;font-size:.62rem;font-weight:700;display:inline-flex}.player-body{padding:1.4rem 1.8rem}.waveform{cursor:pointer;align-items:center;gap:2px;height:50px;margin-bottom:1rem;display:flex;overflow:hidden}.wbar{cursor:pointer;background:#ffffff2e;border-radius:2px;flex:1;min-width:3px;transition:background .15s,height .15s}.wbar.played{background:#ffffffa6}.wbar.head{background:#ffffffe6}.player-times{color:#ffffff59;justify-content:space-between;margin-bottom:1.2rem;font-family:Ubuntu,sans-serif;font-size:.7rem;display:flex}.player-ctrls{justify-content:center;align-items:center;gap:.9rem;display:flex}.pc-btn{cursor:pointer;color:#fff;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.pc-btn:hover{background:#ffffff29}.pc-btn.main{width:56px;height:56px;color:var(--forest2);background:#fff}.pc-btn.main:hover{transform:scale(1.05)}.pc-btn.active{background:#fff3}.playlist{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.8rem;margin-top:1.8rem;display:grid}.pl-item{border-radius:var(--r16);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff12;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.pl-item:hover{background:#ffffff1a;border-color:#ffffff24}.pl-item.pl-act{background:#ffffff1f;border-color:#fff3}.pl-icon{border-radius:var(--r8);color:#fff9;background:#ffffff14;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Ubuntu,sans-serif;font-size:.68rem;font-weight:700;display:flex}.pl-act .pl-icon{background:#ffffff2e}.pl-ar{color:#ffffff8c;font-family:Noto Naskh Arabic,serif;font-size:.8rem}.pl-name{color:#fff;margin-top:1px;font-size:.78rem;font-weight:600}.pl-kari{color:#ffffff59;margin-top:1px;font-size:.65rem}footer{background:radial-gradient(circle at 0 0,#ffffffbf 0%,#fff0 36%),radial-gradient(circle at 100% 0,#eaf3eec7 0%,#eaf3ee00 34%),linear-gradient(#f4efe5 0%,#ede8dc 45%,#e9e3d5 100%);border-top:1px solid #8c6a3f2e;padding:2.8rem 3rem 1.15rem;position:relative;overflow:hidden}.footer-inner{isolation:isolate;max-width:1240px;margin:0 auto;position:relative}.footer-wordmark{letter-spacing:-.06em;color:#ffffff85;text-shadow:0 16px 30px #ffffff59,0 30px 90px #8c6a3f0f;opacity:.62;pointer-events:none;-webkit-user-select:none;user-select:none;filter:blur(.2px);white-space:nowrap;font-family:Ubuntu,sans-serif;font-size:clamp(4.6rem,15vw,12rem);font-weight:800;line-height:.9;position:absolute;top:.4rem;left:50%;transform:translate(-50%)}.footer-verse-card{z-index:2;background:linear-gradient(#ffffffeb 0%,#ddd2bfb8 100%);border-radius:34px;max-width:920px;margin:0 auto 1.9rem;padding:1px;position:relative;box-shadow:0 28px 80px #3e301b1f}.footer-verse-shell{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#fffaf3f5 0%,#f5efe5f5 100%);border-radius:33px;flex-direction:column;align-items:center;padding:1.45rem 1.55rem 1.35rem;display:flex;box-shadow:inset 0 1px #ffffff85}.footer-verse-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--sand2);background:#ffffffb8;border:1px solid #8c6a3f1f;border-radius:999px;justify-content:center;align-items:center;margin-bottom:.9rem;padding:.38rem .8rem;font-size:.66rem;font-weight:700;display:inline-flex}.footer-arabic{color:#162922eb;text-align:center;text-wrap:balance;direction:rtl;max-width:760px;font-family:Noto Naskh Arabic,serif;font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:700;line-height:1.95}.footer-verse-meaning{color:#3a342ce0;text-wrap:pretty;max-width:670px;margin-top:.9rem;font-size:1rem;line-height:1.82}.footer-verse-meta{background:#ffffffc2;border:1px solid #8c6a3f1f;border-radius:999px;align-items:center;gap:.45rem;margin-top:1rem;padding:.42rem .82rem;display:inline-flex}.footer-verse-ref{letter-spacing:.12em;text-transform:uppercase;color:var(--sand2);font-size:.72rem;font-weight:700}.footer-verse-dot{background:#8c6a3f6b;border-radius:50%;width:4px;height:4px}.footer-body{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff8a 0%,#f3eee5bd 100%);border:1px solid #8c6a3f1f;border-radius:34px;grid-template-columns:minmax(280px,1.25fr) minmax(0,2.4fr);gap:2rem;padding:1.65rem 1.55rem 1.45rem;display:grid;position:relative;box-shadow:0 24px 68px #3e301b14,inset 0 1px #ffffff57}.fg-brand{flex-direction:column;gap:.95rem;max-width:340px;display:flex}.fg-logo{align-items:center;text-decoration:none;display:flex}.site-logo-wrap-footer{width:min(300px,100%);height:88px}.site-logo-footer{object-fit:contain;object-position:left center}.fg-lead{color:#1c1916d1;max-width:32ch;font-size:.94rem;line-height:1.78}.fg-copy{color:#3a342cb8;max-width:34ch;font-size:.82rem;line-height:1.76}.footer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem;display:grid}.foot-col{min-width:0}.foot-col h4{letter-spacing:.18em;text-transform:uppercase;color:#2b4d3e8f;margin-bottom:.95rem;font-size:.63rem;font-weight:700}.foot-links{gap:.52rem;display:grid}.foot-col a{color:#1c1916b8;font-size:.92rem;line-height:1.45;text-decoration:none;transition:color .2s,transform .2s;display:block}.foot-col a:hover{color:var(--forest);transform:translate(1px)}.footer-bottom{z-index:2;border-top:1px solid #8c6a3f24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;margin-top:1rem;padding:1rem 0 0;display:flex;position:relative}.footer-bottom-copy{flex-direction:column;gap:.12rem;display:flex}.fb-copy{color:#1c1916a3;font-size:.76rem;font-weight:700}.fb-sub{color:#3a342c8f;font-size:.76rem;line-height:1.5}.fb-links{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.fb-links a{color:#1c1916a8;background:#ffffff80;border:1px solid #8c6a3f1f;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:.5rem .78rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.fb-links a:hover{color:var(--forest);background:#ffffffd1;border-color:#2b4d3e29}.toast{background:var(--ink);color:#fff;z-index:999;opacity:0;border-radius:2rem;padding:.7rem 1.2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:600;transition:all .35s;position:fixed;bottom:2rem;right:2rem;transform:translateY(100px)}.toast.show{opacity:1;transform:translateY(0)}.fi{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.fi.vis{opacity:1;transform:translateY(0)}@media (max-width:1100px){nav{gap:.8rem;width:min(1180px,100% - 28px);padding:.72rem .88rem .72rem .98rem}nav.stuck{padding:.66rem .84rem .66rem .94rem}.site-logo-wrap-header-main{width:188px;height:54px}.nav-main{gap:.72rem}.nav-links a{padding:.62rem .82rem;font-size:.79rem}.nav-end{gap:.5rem}.btn-outline,.btn-fill{min-height:42px;padding:.68rem .92rem;font-size:.76rem}.home-basmala-band{max-width:680px;padding:6.8rem 2rem 0}.hero{grid-template-columns:1fr;max-width:680px;padding:2.1rem 2rem 4rem}.hero-panel{order:-1}.prayer-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quran-layout{grid-template-columns:1fr}.sure-sidebar{display:none}footer{padding:2.45rem 1.8rem 1.1rem}.footer-wordmark{opacity:.56;font-size:clamp(4rem,18vw,9rem);top:.8rem}.footer-body{grid-template-columns:1fr;gap:1.6rem;padding:1.4rem 1.25rem}.fg-brand{max-width:100%}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.site-logo-wrap-footer{width:280px;height:82px}}@media (max-width:768px){nav{border-radius:24px;align-items:center;gap:.72rem;width:calc(100% - 24px);min-height:74px;padding:.62rem .7rem .62rem .74rem;top:12px}nav.stuck{padding:.58rem .66rem .58rem .7rem}.nav-main{flex:1;justify-content:flex-start;align-items:center;gap:0;min-width:0;display:flex}.logo{border-radius:18px;min-width:0;max-width:calc(100% - 56px);padding:.16rem .1rem}.site-logo-wrap-header-main,.site-logo-wrap-header-mobile{width:176px;height:50px}.nav-links-panel,.nav-links,.nav-end{display:none}.ham{background:#ffffffbd;border-color:#8c6a3f24;border-radius:18px;width:46px;height:46px;margin-left:auto;display:inline-flex;box-shadow:0 10px 22px #1c19160f,inset 0 1px #ffffff61}.ham span{width:17px}.section,.full-bleed{padding:4rem 1.2rem}.pill-nav{justify-content:flex-start;padding:.85rem 1.2rem}.home-basmala-band{padding:6.6rem 1.2rem 0}.home-basmala-shell{border-radius:24px;padding:1.15rem 1rem 1.05rem}.home-basmala-ar{font-size:clamp(1.9rem,8vw,2.55rem);line-height:1.6}.home-basmala-tr{font-size:.84rem}.home-basmala-hadith{font-size:.77rem;line-height:1.75}.hero{padding:2rem 1.2rem 3rem}.hero-stats{gap:1.5rem}.panel-header{flex-direction:column;align-items:flex-start;gap:.85rem}.prayer-select-grid{grid-template-columns:1fr}.prayer-focus-main{flex-direction:column;align-items:flex-start}.prayer-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prayer-hero-actions{flex-direction:column}.prayer-editor-sheet{bottom:.75rem;left:.75rem;right:.75rem}.dua-cats{grid-template-columns:repeat(3,1fr)}footer{padding:2.15rem 1.2rem 1rem}.footer-wordmark{opacity:.46;font-size:clamp(3.3rem,22vw,7rem);top:1rem}.footer-verse-card{border-radius:28px;margin-bottom:1.4rem}.footer-verse-shell{border-radius:27px;padding:1.2rem 1rem 1.15rem}.footer-arabic{font-size:1.55rem;line-height:1.85}.footer-verse-meaning{font-size:.92rem}.footer-body{border-radius:28px;padding:1.15rem 1rem}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}.site-logo-wrap-footer{width:252px;height:74px}.footer-bottom{padding-top:.9rem}.footer-bottom-copy{max-width:100%}.playlist{grid-template-columns:1fr 1fr}}@media (max-width:480px){h1{font-size:2.3rem}nav{border-radius:22px;gap:.62rem;width:calc(100% - 20px);min-height:68px;padding:.54rem .6rem .54rem .66rem;top:10px}nav.stuck{padding:.5rem .56rem .5rem .62rem}.logo{max-width:calc(100% - 52px)}.site-logo-wrap-header-main,.site-logo-wrap-header-mobile{width:150px;height:43px}.ham{border-radius:16px;width:42px;height:42px}.mob-menu-panel{padding:.88rem;top:10px;left:10px;right:10px}.mob-menu-actions{grid-template-columns:1fr}.panel-body{padding:1rem}.prayer-topline{flex-direction:column;align-items:flex-start}.prayer-panel-body{gap:.62rem}.compact-prayer-body{padding-bottom:.75rem}.prayer-day-badge{padding:.24rem .52rem;font-size:.55rem}.prayer-day-text{font-size:.68rem}.prayer-link-btn{font-size:.7rem}.prayer-focus-card{border-radius:18px;padding:.78rem .82rem}.prayer-focus-kicker{font-size:.55rem}.prayer-focus-main{gap:.46rem;margin-top:.42rem}.prayer-focus-name{font-size:1.25rem}.prayer-focus-timer{font-size:1.35rem}.prayer-focus-sub{margin-top:.22rem;font-size:.7rem}.prayer-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.prayer-mini-item{border-radius:15px;padding:.52rem .56rem}.prayer-mini-name{font-size:.66rem}.prayer-mini-time{margin-top:.28rem;font-size:.86rem}.prayer-mini-ar{display:none}.prayer-mini-tag{padding:.14rem .28rem;font-size:.48rem}.prayer-hero-actions{gap:.42rem}.prayer-hero-actions .pf-btn{min-height:42px;padding:.68rem .82rem;font-size:.74rem}.prayer-editor-head{align-items:flex-start}.prayer-editor-actions{flex-direction:column}.prayer-locate-btn,.prayer-hero-actions .pf-btn,.prayer-editor-actions .pf-btn.fill{width:100%}footer{padding:1.9rem .95rem .95rem}.footer-wordmark{opacity:.24;font-size:3.1rem;top:1.1rem}.footer-verse-card{border-radius:24px}.footer-verse-shell{border-radius:23px;padding:1rem .82rem}.footer-verse-kicker{padding:.34rem .68rem;font-size:.6rem}.footer-arabic{font-size:1.34rem;line-height:1.95}.footer-verse-meaning{font-size:.86rem}.footer-verse-meta{padding:.38rem .7rem}.footer-body{border-radius:24px;padding:1rem .85rem}.site-logo-wrap-footer{width:228px;height:67px}.footer-grid{grid-template-columns:1fr;gap:1rem}.foot-col h4{margin-bottom:.72rem}.foot-links{gap:.44rem}.footer-bottom{gap:.7rem}.fb-links{gap:.5rem}.fb-links a{padding:.46rem .7rem}.dua-cats{grid-template-columns:repeat(2,1fr)}.playlist{grid-template-columns:1fr}.hero-stats{flex-wrap:wrap;row-gap:1rem}}@media (max-width:640px){.mob-menu-panel{border-radius:26px;flex-direction:column;padding:1rem .92rem .92rem;display:flex;inset:8px;overflow:hidden}.mob-menu-top{flex-shrink:0;margin-bottom:.85rem}.mob-menu-links{flex:1;align-content:start;padding-right:.12rem;overflow:auto}.mob-menu-links a{border-radius:20px;min-height:56px;padding:1rem;font-size:1rem}.mob-menu-actions{border-top:1px solid #8c6a3f1f;flex-shrink:0;margin-top:.85rem;padding-top:.85rem}.footer-grid,.fb-links{display:none}.footer-body{grid-template-columns:1fr}.footer-bottom{justify-content:flex-start}}