@font-face{font-family:IndoPak;src:url(fonts/indopak-nastaleeq.woff2) format("woff2");font-display:swap}@font-face{font-family:Outfit Fallback;src:local("Arial"),local("ArialMT");font-weight:100 549;size-adjust:99.61%;ascent-override:100.39%;descent-override:26.1%;line-gap-override:0%}@font-face{font-family:Outfit Fallback;src:local("Arial Bold"),local("Arial-BoldMT");font-weight:550 900;size-adjust:95.21%;ascent-override:105.03%;descent-override:27.31%;line-gap-override:0%}@font-face{font-family:Outfit Fallback Android;src:local("Roboto"),local("Roboto-Regular");font-weight:100 549;size-adjust:99.29%;ascent-override:100.71%;descent-override:26.19%;line-gap-override:0%}@font-face{font-family:Outfit Fallback Android;src:local("Roboto Bold"),local("Roboto-Bold");font-weight:550 900;size-adjust:101.29%;ascent-override:98.73%;descent-override:25.67%;line-gap-override:0%}:root{color-scheme:light;--bg: #FBF7F1;--bg-2: #F6EFE5;--surface: #FFFFFF;--surface-2: #F7F0E6;--ink: #2E2018;--ink-strong: #160D08;--muted: #6E5B49;--primary: #8A6321;--primary-soft: #F5EAD6;--deep: #160D08;--deep-bg: #160D08;--gold: #C89A45;--gold-deep: #8A6321;--gold-soft: #F3E6CB;--line: #EEE5D7;--danger: #A6403A;--ok: #2E7D5B;--btn-ink: #FFF7EC;--hero-ink: #160D08;--hero-muted: #6E5B49;--radius: 18px;--shadow: 0 1px 3px rgba(22, 13, 8, .05), 0 10px 26px rgba(22, 13, 8, .06);--font-ui: "Outfit", "Outfit Fallback", "Outfit Fallback Android", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ar: "Amiri", "Scheherazade New", serif;--ar-scale: 1}html[data-theme=dark]{color-scheme:dark;--bg: #160D08;--bg-2: #1C120B;--surface: #221710;--surface-2: #2C1F14;--ink: #F0E4D2;--ink-strong: #F5EBDD;--muted: #B09C86;--primary: #D9A94F;--primary-soft: #3A2A14;--deep: #FBF6EE;--deep-bg: #0E0805;--gold: #D9A94F;--gold-deep: #C89A45;--gold-soft: #332714;--line: #3A2C1E;--btn-ink: #160D08;--hero-ink: #F0E4D2;--hero-muted: #C0AC94;--shadow: 0 2px 10px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .25)}*{margin:0;padding:0;box-sizing:border-box}button,a,input,select,textarea,label,summary,[role=button]{touch-action:manipulation}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h, 56px) + 1rem)}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}img,svg{max-width:100%}a{color:var(--primary)}h1,h2,h3,h4,.kicker,.section-head .sub,.hero-ayah-tr,figcaption,.btn,.goal-chip{text-wrap:balance}p,li,dd,blockquote,.lede,.sub,.meta,.note,summary{text-wrap:pretty}@media (max-width: 760px){p,li,dd,blockquote,.lede,.sub,.meta,.note,summary{text-wrap:wrap}}.cite,.nowrap{white-space:nowrap}p.cite,div.cite,li>.cite,.tp-after-l .cite{white-space:normal;overflow-wrap:anywhere}.site-header{background:var(--bg);border-bottom:1px solid var(--line);color:var(--ink);position:sticky;top:0;z-index:50;padding-top:env(safe-area-inset-top,0px)}.site-header:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:100vh;background:var(--bg);pointer-events:none}.header-inner{max-width:1120px;margin:0 auto;padding:.6rem 1.1rem;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink-strong);margin-right:auto}.brand svg{width:32px;height:32px;flex:none}.brand .brand-name{font-weight:700;font-size:1.22rem;letter-spacing:.02em}.brand .brand-ar{font-family:var(--font-ar);color:var(--gold-deep);font-size:1.15rem;margin-left:.1rem}.site-nav{display:flex;gap:.15rem;flex-wrap:wrap}.site-nav a{color:var(--muted);text-decoration:none;font-size:.91rem;font-weight:500;padding:.4rem .72rem;border-radius:999px;transition:background .15s ease,color .15s ease}.site-nav a:hover{background:var(--primary-soft);color:var(--primary)}.site-nav a.active{background:var(--gold);color:#160d08;font-weight:600}.header-controls{display:flex;align-items:center;gap:.5rem}.mode-switch{min-width:0;flex-wrap:wrap;display:inline-flex;border:1.5px solid var(--line);border-radius:999px;padding:3px;gap:2px;background:var(--surface)}.mode-switch button{border:none;border-radius:999px;background:transparent;font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--muted);padding:.34rem .72rem;display:inline-flex;align-items:center;justify-content:center;gap:.34rem;cursor:pointer;transition:background .18s ease,color .18s ease}.mode-switch button svg{width:14px;height:14px;flex:none}.mode-switch button.on{background:var(--primary);color:var(--btn-ink)}.wrap{max-width:1120px;margin:0 auto;padding:1.4rem 1.1rem 2.4rem}.narrow{max-width:840px}.hero,.page-hero{position:relative;background:linear-gradient(180deg,var(--bg-2),var(--bg));color:var(--hero-ink);overflow:hidden}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(560px 420px at 12% -10%,rgba(240,201,138,.4),transparent 68%),radial-gradient(640px 460px at 88% 8%,rgba(232,168,124,.3),transparent 70%),radial-gradient(500px 380px at 50% 110%,rgba(200,154,69,.22),transparent 72%)}.hero.hero-photo{position:relative;overflow:hidden;isolation:isolate;background:#180d06;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.hero.hero-photo .floaters{display:none}.hero.hero-photo:before,.hero.hero-photo:after{display:none}.hero-film{position:absolute;inset:0;margin:0;z-index:0;overflow:hidden;background:#180d06}.hero-film video{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 70%;filter:contrast(1.08) saturate(1.06) brightness(.97)}#heroVideoB{opacity:0}.hero-film:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(97deg,rgba(24,13,6,.88) 0%,rgba(24,13,6,.78) 17%,rgba(24,13,6,.56) 33%,rgba(24,13,6,.26) 49%,rgba(24,13,6,.06) 64%,transparent 74%),linear-gradient(180deg,rgba(24,13,6,.5) 0%,rgba(24,13,6,.14) 12%,transparent 22%),linear-gradient(0deg,rgba(24,13,6,.58) 0%,rgba(24,13,6,.14) 20%,transparent 38%)}.hero-slides{position:relative;z-index:2;width:100%}.hero-slide{position:relative;display:flex;align-items:center}.hero-slide[hidden]{display:none}.hero-photo .hero-inner{position:relative;z-index:2;color:#f7efe3;text-align:left;max-width:40rem;margin:0 0 0 calc(max(1.4rem,(100vw - 1180px) / 2) + 1.4rem);padding:6.5rem 1.1rem 6rem 0}.hero-photo .hero-inner .kicker{color:#edc98a;letter-spacing:.18em}.hero-photo .hero-inner h1,.hero-photo .hero-inner .hero-title{color:#fff9ef;font-size:clamp(2rem,3.4vw,2.95rem);max-width:min(17ch,54vw);margin-left:0;margin-right:0;text-shadow:0 2px 34px rgba(12,6,2,.5)}.hero-photo .hero-inner .hero-ayah{color:#fcf2de;text-shadow:0 2px 26px rgba(12,6,2,.5)}.hero-photo .hero-inner .hero-ayah-tr{color:#f7efe3c7;max-width:min(34rem,46vw)}.hero-photo .hero-inner p.lede{color:#f7efe3e6;margin-left:0;margin-right:0;max-width:min(30rem,46vw);text-shadow:0 1px 20px rgba(12,6,2,.5)}.hero-photo .hero-cta{justify-content:flex-start}.hero-photo .hero-inner .btn.ghost{color:#fff9ef;border-color:#fff9ef80;background:#fff9ef1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-photo .hero-inner .btn.ghost:hover{background:#fff9ef38}.hero-scroll{position:absolute;right:max(1.4rem,(100vw - 1180px) / 2);bottom:1.9rem;z-index:3;display:flex;align-items:center;gap:.45rem;color:#fff9efd1;text-decoration:none;font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.hero-scroll svg{width:18px;height:18px;animation:heroNudge 2.4s ease-in-out infinite}.hero-scroll:hover{color:#fff9ef}@keyframes heroNudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hero-slide.is-active .hero-inner>*{animation:heroCopyIn .6s ease both}.hero-slide.is-active .hero-inner>*:nth-child(2){animation-delay:.05s}.hero-slide.is-active .hero-inner>*:nth-child(3){animation-delay:.1s}.hero-slide.is-active .hero-inner>*:nth-child(4){animation-delay:.14s}.hero-slide.is-active .hero-inner>*:nth-child(5){animation-delay:.18s}.hero-slide.is-active .hero-inner>*:nth-child(6){animation-delay:.22s}@keyframes heroCopyIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero-cta{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:.4rem}.hero-nav{position:absolute;left:0;right:0;bottom:1.7rem;z-index:3;display:flex;align-items:center;gap:.9rem;justify-content:flex-start;padding-left:calc(max(1.4rem,(100vw - 1180px) / 2) + 1.4rem)}.hero-arrow{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff9ef1f;border:1px solid rgba(255,249,239,.32);color:#fff9ef;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .15s ease,background .15s ease}.hero-arrow:hover{transform:scale(1.08);background:#fff9ef3d}.hero-arrow svg{width:20px;height:20px}.hero-dots{display:flex;gap:.5rem;align-items:center}.hero-dot{width:34px;height:5px;border-radius:999px;border:none;padding:0;background:#fff9ef4d;cursor:pointer;position:relative;overflow:hidden}.hero-dot[aria-selected=true]{background:#fff9ef57}.hero-dot span{position:absolute;inset:0;width:0;background:#edc98a;border-radius:999px}.hero-dot[aria-selected=true] span{animation:heroDotFill var(--hero-delay, 8s) linear forwards}.hero-carousel.is-paused .hero-dot span{animation-play-state:paused}@keyframes heroDotFill{0%{width:0}to{width:100%}}body[data-page=home] .site-header{position:fixed;left:0;right:0;top:0;transition:background .25s ease,border-color .25s ease}body[data-page=home] #main{scroll-margin-top:5rem}body[data-page=home] .site-header.is-over-hero{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent}body[data-page=home] .site-header.is-over-hero .brand,body[data-page=home] .site-header.is-over-hero .brand-name,body[data-page=home] .site-header.is-over-hero .brand-ar,body[data-page=home] .site-header.is-over-hero .site-nav>a,body[data-page=home] .site-header.is-over-hero .nav-dd>button,body[data-page=home] .site-header.is-over-hero .icon-btn{color:#fff9ef}body[data-page=home] .site-header.is-over-hero .icon-btn{border-color:#fff9ef57;background:#fff9ef1f}body[data-page=home] .site-header.is-over-hero .menu-btn .mb-burger span{background:#fff9ef}.brand svg{color:#9a6c1e}@media (min-width: 900px){body[data-page=home] .site-header.is-over-hero .brand svg{color:#fff9ef}body[data-page=home] .site-header.is-over-hero .brand .bm-arch{stroke:url(#sdBrandGrad)}body[data-page=home] .site-header.is-over-hero .brand .bm-star{fill:url(#sdBrandGrad)}body[data-page=home] .site-header.is-over-hero .brand svg{filter:drop-shadow(0 1px 1px rgba(20,11,4,.45))}body[data-page=home] .site-header.is-over-hero .site-nav>a,body[data-page=home] .site-header.is-over-hero .nav-dd>button{text-shadow:0 1px 2px rgba(20,11,4,.35);transition:background .2s ease,color .2s ease,box-shadow .2s ease}body[data-page=home] .site-header.is-over-hero .site-nav>a:not(.active):hover,body[data-page=home] .site-header.is-over-hero .site-nav>a:not(.active):focus-visible,body[data-page=home] .site-header.is-over-hero .nav-dd>button:not(.here):hover,body[data-page=home] .site-header.is-over-hero .nav-dd.open>button:not(.here),body[data-page=home] .site-header.is-over-hero .nav-dd:hover>button:not(.here),body[data-page=home] .site-header.is-over-hero .nav-dd:focus-within>button:not(.here){background:#180d0673;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:inset 0 0 0 1px #fff9ef47;color:#fff9ef}body[data-page=home] .site-header.is-over-hero .site-nav>a.active,body[data-page=home] .site-header.is-over-hero .nav-dd>button.here{color:#160d08;text-shadow:none;box-shadow:0 2px 10px #140b0440}}@media (max-width: 719px){.hero.hero-photo{min-height:calc(100svh - 7rem);justify-content:flex-end}.hero-film video{object-position:68% 62%}.hero-film:after{background:linear-gradient(0deg,#180d06f0,#180d06db 30%,#180d069e 55%,#180d0670 76%,#180d0657),linear-gradient(180deg,rgba(24,13,6,.45) 0%,transparent 20%)}.hero-photo .hero-inner{max-width:none;margin:0;padding:4.4rem 1.2rem 5.2rem}.hero-photo .hero-inner h1,.hero-photo .hero-inner .hero-title{max-width:none;font-size:clamp(1.85rem,7.8vw,2.4rem)}.hero-photo .hero-inner p.lede{max-width:none;font-size:1rem}.hero-photo .hero-inner .hero-ayah-tr{max-width:none}.hero-nav{bottom:1.3rem;padding-left:1.2rem}.hero-arrow,.hero-scroll{display:none}}@media (max-width: 899px){.hero-film{display:none}.hero.hero-photo{background:linear-gradient(180deg,var(--bg-2),var(--bg));color:var(--hero-ink);min-height:0;justify-content:center}.hero.hero-photo:before{display:block}.hero-photo .hero-inner{padding:2.6rem 1.2rem 3rem}.hero-photo .hero-inner .kicker{color:var(--primary)}.hero-photo .hero-inner h1,.hero-photo .hero-inner .hero-title,.hero-photo .hero-inner .hero-ayah{color:var(--ink-strong);text-shadow:none}.hero-photo .hero-inner .hero-ayah-tr{color:var(--muted)}.hero-photo .hero-inner p.lede{color:var(--ink);text-shadow:none}.hero-photo .hero-inner .btn.ghost{color:var(--ink);border-color:var(--line);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.hero-nav{position:static;padding:0 1.2rem 1.4rem}.hero-dot,.hero-dot[aria-selected=true]{background:color-mix(in srgb,var(--ink-strong) 16%,transparent)}.hero-dot span{background:var(--gold-deep)}body[data-page=home] .site-header{position:sticky}body[data-page=home] .site-header.is-over-hero{background:var(--bg);border-color:var(--line)}body[data-page=home] .site-header.is-over-hero .brand,body[data-page=home] .site-header.is-over-hero .brand-name,body[data-page=home] .site-header.is-over-hero .brand-ar,body[data-page=home] .site-header.is-over-hero .site-nav>a,body[data-page=home] .site-header.is-over-hero .nav-dd>button,body[data-page=home] .site-header.is-over-hero .icon-btn{color:var(--ink)}body[data-page=home] .site-header.is-over-hero .icon-btn{border-color:var(--line);background:transparent}body[data-page=home] .site-header.is-over-hero .menu-btn .mb-burger span{background:var(--ink)}}@media (prefers-reduced-motion: reduce){.hero-slide.is-active .hero-inner>*,.hero-scroll svg,.hero-dot[aria-selected=true] span{animation:none;opacity:1;transform:none}}.floaters{position:absolute;inset:0;pointer-events:none}.floater{position:absolute;border-radius:50%;filter:blur(38px);opacity:.5;animation:floatY 9s ease-in-out infinite}.floater.f1{width:220px;height:220px;background:#f0c98a;top:-60px;left:6%}.floater.f2{width:180px;height:180px;background:#d9b067;bottom:-40px;right:10%;animation-delay:-3s;animation-duration:11s}.floater.f3{width:140px;height:140px;background:#f3dca8;top:30%;right:28%;animation-delay:-6s;animation-duration:13s}html[data-theme=dark] .floater{opacity:.16}.float-arch{position:absolute;width:54px;height:74px;border:2.5px solid var(--gold);border-bottom:none;border-radius:27px 27px 0 0;opacity:.24;animation:drift 16s ease-in-out infinite}.float-arch.a1{left:8%;top:58%}.float-arch.a2{right:7%;top:22%;width:38px;height:52px;border-radius:19px 19px 0 0;animation-delay:-5s;animation-duration:19s}.float-arch.a3{left:24%;top:14%;width:30px;height:42px;border-radius:15px 15px 0 0;animation-delay:-10s;animation-duration:22s}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-26px)}}@keyframes drift{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(3deg)}}.hero-inner{position:relative;max-width:1120px;margin:0 auto;padding:3.6rem 1.1rem 3.2rem;text-align:center}.hero .kicker,.page-hero .kicker,.ab-hero .kicker{color:var(--primary);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}.hero h1,.hero .hero-title{font-size:clamp(2rem,4.8vw,3.2rem);line-height:1.16;margin:.55rem auto .9rem;max-width:760px;font-weight:700;color:var(--ink-strong)}.hero p.lede{color:var(--hero-muted);max-width:640px;margin:0 auto 1.6rem;font-size:1.06rem}.hero .hero-ayah{font-family:var(--font-ar);font-size:clamp(1.6rem,3.6vw,2.4rem);color:var(--ink-strong);direction:rtl;line-height:2;margin-bottom:.3rem}.hero .hero-ayah-tr{color:var(--hero-muted);font-size:.95rem;margin-bottom:1.6rem}.btn[hidden]{display:none}.btn{display:inline-block;background:var(--primary);color:var(--btn-ink);font-weight:600;text-decoration:none;padding:.78rem 1.55rem;border-radius:999px;border:none;font-size:1rem;font-family:var(--font-ui);cursor:pointer;box-shadow:0 6px 18px #8a632147;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 10px 24px #8a632157}.btn.gold{background:var(--gold);color:#160d08;box-shadow:0 6px 18px #c89a454d}.btn.ghost{background:transparent;color:var(--primary);border:1.5px solid var(--primary);box-shadow:none;margin-left:.5rem}.page-hero{padding:2.5rem 1.1rem 2.1rem;text-align:center}.page-hero>*{position:relative}.page-hero h1{font-size:clamp(1.8rem,4vw,2.5rem);margin:.4rem 0;color:var(--ink-strong)}.page-hero p{color:var(--hero-muted);max-width:640px;margin:0 auto;font-size:.99rem}#qMeta a{color:var(--primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.page-hero .page-progress{max-width:360px;margin:1.25rem auto 0}.rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}.rv.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.rv{opacity:1;transform:none;transition:none}.floater,.float-arch,.p-art .art-disc{animation:none!important}}.section-head{margin:2.6rem 0 1.2rem}.section-head .kicker{color:var(--primary);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.section-head h2{font-size:clamp(1.45rem,3vw,1.95rem);line-height:1.25;margin-top:.25rem;color:var(--ink-strong)}.section-head p.sub{color:var(--muted);margin-top:.4rem;max-width:660px;text-wrap:pretty}.section-head p.sub.sub-line{max-width:none}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1rem}.module-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.2rem 1.1rem;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.55rem;transition:transform .18s ease,box-shadow .18s ease;position:relative}.module-card:hover{transform:translateY(-4px) rotate(-.3deg);box-shadow:0 8px 16px #331e1017,0 22px 44px #331e101f}.module-card{--mc: var(--primary);--mc-soft: var(--primary-soft)}.module-card .icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--mc) 22%,#fff),color-mix(in srgb,var(--mc) 8%,#fff));color:var(--mc);box-shadow:inset 0 1px #ffffffb3,0 3px 8px color-mix(in srgb,var(--mc) 18%,transparent);display:grid;place-items:center;transition:transform .25s ease}.module-card:after{content:"";position:absolute;left:1.2rem;right:1.2rem;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--mc),color-mix(in srgb,var(--mc) 15%,transparent))}.module-card .num{color:var(--mc)}.module-card:hover{border-color:color-mix(in srgb,var(--mc) 35%,var(--line))}.module-card[data-module-card=origin]{--mc: #C2892E}.module-card[data-module-card=prophets]{--mc: #2A6E92}.module-card[data-module-card=seerah]{--mc: #9C6B3F}.module-card[data-module-card=stories]{--mc: #6C5FA6}.module-card[data-pillar=shahada]{--mc: #C2892E}.module-card[data-module-card=wudu]{--mc: #2F7A8A}.pillar-before{--mc: #2F7A8A;text-decoration:none;margin-top:.2rem}.pillar-before h3{color:var(--ink-strong)}.module-card[data-module-card=salah]{--mc: #B25B34}.module-card[data-module-card=fasting]{--mc: #4A6FA5}.module-card[data-module-card=zakat]{--mc: #2F7A57}.module-card[data-module-card=hajj]{--mc: #7A6A2A}.module-card[data-module-card=character]{--mc: #A6413A}.module-card[data-module-card=marriage]{--mc: #A8557F}.module-card:hover .icon{transform:scale(1.12) rotate(-4deg)}.module-card .icon svg{width:24px;height:24px}.module-card h3{font-size:1.12rem;color:var(--ink-strong)}.module-card p{color:var(--muted);font-size:.92rem;flex:1}.module-card .num{position:absolute;top:1rem;right:1.1rem;font-weight:700;color:var(--gold-deep);font-size:.85rem;letter-spacing:.08em}.module-card.soon{opacity:.62;pointer-events:none}.module-card.soon .badge-soon{display:inline-block;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .55rem;border-radius:999px;width:fit-content}.progress{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;border:1px solid var(--line)}.progress>span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--gold));border-radius:999px;transition:width .7s cubic-bezier(.2,.7,.3,1)}.progress-label{font-size:.78rem;color:var(--muted);display:flex;justify-content:space-between;margin-top:.35rem}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;text-align:center;box-shadow:var(--shadow)}.stat .big{font-size:1.75rem;font-weight:700;color:var(--primary)}.stat .lbl{color:var(--muted);font-size:.83rem}@media (max-width: 520px){.stat-strip{gap:.55rem}.stat{padding:.75rem .4rem}.stat .big{font-size:1.3rem}.stat .lbl{font-size:.68rem}}.content-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem 1.5rem;margin-bottom:1.4rem}.content-section h2{font-size:1.35rem;margin-bottom:.7rem;display:flex;align-items:baseline;gap:.55rem;color:var(--ink-strong)}.content-section h2 .sec-num{color:var(--primary);font-size:.95rem;font-weight:700}.content-section h2 .sec-icon{flex:none;align-self:flex-start;margin-top:-.15rem;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary)}.content-section h2 .sec-icon svg{width:17px;height:17px;display:block}.content-section h3{font-size:1.05rem;margin:1.1rem 0 .4rem;color:var(--ink-strong)}.content-section p{margin-bottom:.8rem}.content-section ul,.content-section ol{margin:.2rem 0 .9rem 1.3rem}.content-section li{margin-bottom:.4rem}.ayah{background:var(--surface-2);border-inline-start:3px solid var(--gold);border-radius:14px;padding:1.1rem 1.2rem;margin:1rem 0;text-align:center}.ayah .ar{font-family:var(--font-ar);font-size:calc(1.55rem * var(--ar-scale));line-height:2.1;direction:rtl;color:var(--ink-strong)}.ayah .tr{font-style:italic;color:var(--muted);font-size:.9rem;margin-top:.5rem}.ayah .en{margin-top:.5rem;font-size:.98rem}.ayah .src{display:inline-block;margin-top:.6rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--gold-deep);background:var(--gold-soft);padding:.15rem .6rem;border-radius:999px}.hadith{border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem;margin:1rem 0;background:var(--surface)}.hadith .txt{font-size:.98rem}.hadith .src{display:block;margin-top:.45rem;font-size:.78rem;color:var(--gold-deep);font-weight:600}.note{background:var(--primary-soft);border-radius:14px;padding:.85rem 1.1rem;font-size:.92rem;margin:.9rem 0}.note strong{color:var(--primary)}.diff-note{border:1.5px dashed var(--gold-deep);border-radius:14px;padding:.8rem 1rem;font-size:.88rem;margin:.9rem 0}.diff-note strong{color:var(--gold-deep)}.figure-switch{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;margin:.2rem 0 .4rem}.figure-switch button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.86rem;font-weight:600;padding:.34rem 1rem;border-radius:999px;cursor:pointer}.figure-switch button.on{background:var(--primary);color:var(--btn-ink)}.pray-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(258px,100%),1fr));gap:1.1rem;margin:1rem 0 1.4rem}.pray-step{margin:0;perspective:1600px}.ps-flip{box-sizing:border-box;display:block;position:relative;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:18px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.16,.2,1)}.ps-flip:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.ps-flip[aria-expanded=true]{transform:rotateY(180deg)}.ps-face{display:block;border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ps-back{position:absolute;inset:0;transform:rotateY(180deg);background:var(--surface-2)}.ps-front img{width:100%;height:auto;display:block;aspect-ratio:1 / 1;object-fit:cover;background:#f3ded6}.ps-cap,.ps-back-in{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1rem 1rem;text-align:left}.ps-back-in{height:100%;overflow-y:auto;gap:.34rem}.ps-num{width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center}.ps-name{font-weight:700;font-size:1.02rem;color:var(--deep)}.ps-name [lang=ar]{font-family:var(--font-ar);font-weight:400;color:var(--primary);margin-left:.3rem}.ps-do{font-size:.9rem;color:var(--ink)}.ps-step{margin-top:.55rem;padding-top:.5rem;border-top:1px solid var(--line);font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-deep)}.ps-label{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-deep)}.v-sep{display:inline-block;width:.58em;height:.58em;margin:0 .45em;border:1.5px solid var(--gold);border-radius:50%;vertical-align:.08em;opacity:.85}.ps-ar{font-family:var(--font-ar);font-size:1.32rem;line-height:2;color:var(--deep);direction:rtl}.ps-tr{font-size:.84rem;font-style:italic;color:var(--primary)}.ps-en{font-size:.86rem;color:var(--ink)}.ps-src{font-size:.74rem;color:var(--muted)}.ps-why{font-size:.83rem;color:var(--muted);font-style:italic}.ps-tap{margin-top:auto;padding-top:.5rem;font-size:.74rem;font-weight:600;color:var(--primary);opacity:.75}@media (prefers-reduced-motion: reduce){.ps-flip{transition:none}}.done-chip{margin-top:1rem;display:inline-flex;align-items:center;gap:.45rem;border:1.5px solid var(--line);background:var(--surface);color:var(--muted);font-family:var(--font-ui);font-weight:600;font-size:.88rem;padding:.45rem 1rem;border-radius:999px;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}.done-chip:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.03)}.done-chip.is-done{background:var(--primary);border-color:var(--primary);color:var(--btn-ink)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:.7rem;margin:.9rem 0}.tile{background:var(--surface-2);border-radius:14px;padding:.85rem .9rem;text-align:center;transition:transform .15s ease}.tile:hover{transform:translateY(-3px)}.tile .t-ar{font-family:var(--font-ar);font-size:1.25rem;color:var(--primary);direction:rtl}.tile .t-en{font-weight:600;font-size:.92rem;margin-top:.15rem;color:var(--ink-strong)}.tile .t-sub{color:var(--muted);font-size:.8rem}.prophet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1rem}details.prophet-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .15s ease}details.prophet-card:hover{transform:translateY(-2px)}details.prophet-card summary{list-style:none;cursor:pointer;padding:1.05rem 1.2rem;display:flex;align-items:center;gap:.8rem}details.prophet-card summary::-webkit-details-marker{display:none}.prophet-num{flex:none;width:36px;height:36px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:.85rem;display:grid;place-items:center}.prophet-name{flex:1}.prophet-name .en{font-weight:700;font-size:1.05rem;display:block;color:var(--ink-strong)}.prophet-name .meta{color:var(--muted);font-size:.8rem}.prophet-ar{font-family:var(--font-ar);font-size:1.35rem;color:var(--gold-deep);direction:rtl}details.prophet-card .prophet-body{padding:0 1.2rem 1.2rem;border-top:1px dashed var(--line)}details.prophet-card .prophet-body p{margin-top:.8rem;font-size:.95rem}.lesson{background:var(--gold-soft);border-radius:12px;padding:.6rem .9rem;font-size:.88rem;margin-top:.8rem}.lesson strong{color:var(--gold-deep)}.qref{color:var(--muted);font-size:.8rem;margin-top:.55rem;display:block}.story-link{display:inline-block;margin-top:.9rem;margin-right:.6rem;font-weight:600;font-size:.9rem;color:var(--primary);text-decoration:none;border-bottom:2px solid var(--primary-soft);transition:border-color .15s ease}.story-link:hover{border-color:var(--primary)}.story-toggle{display:inline-flex;background:var(--surface);border:1.5px solid var(--line);border-radius:999px;overflow:hidden;margin:1.1rem auto 0}.story-toggle button{border:none;background:transparent;font-family:var(--font-ui);font-weight:600;font-size:.9rem;color:var(--muted);padding:.5rem 1.2rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}.story-toggle button.on{background:var(--primary);color:var(--btn-ink)}.p-chapter{margin-bottom:1.3rem}.p-chapter p{font-size:1rem}.p-art{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:1.5rem auto}.p-art .art-disc{width:92px;height:92px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;animation:floatY 7s ease-in-out infinite}.p-art .art-disc svg{width:46px;height:46px}.p-art figcaption{color:var(--muted);font-size:.8rem;font-style:italic}.p-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1.6rem;flex-wrap:wrap}.p-nav a{text-decoration:none;font-weight:600;font-size:.92rem;color:var(--primary)}.timeline{position:relative;margin:1.2rem 0 0;padding-left:1.6rem}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--gold),var(--primary));border-radius:2px}.tl-item{position:relative;padding:0 0 1.5rem .9rem}.tl-item:before{content:"";position:absolute;left:-1.6rem;top:7px;width:12px;height:12px;margin-left:2px;border-radius:50%;background:var(--gold);border:2.5px solid var(--bg);box-shadow:0 0 0 2px var(--gold)}.tl-item .year{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:.12rem .6rem;margin-bottom:.3rem}.tl-item h4{font-size:1.02rem;margin-bottom:.25rem;color:var(--ink-strong)}.tl-item p{font-size:.93rem}.quiz{background:linear-gradient(135deg,#8a6321,#5e4315);color:#fff3e6;border-radius:var(--radius);padding:1.6rem 1.5rem;margin:2rem 0 1rem;position:relative;overflow:hidden}html[data-theme=dark] .quiz{background:linear-gradient(135deg,#5e4315,#3a2a0e)}.quiz h2{font-size:1.3rem;margin-bottom:.3rem}.quiz .quiz-sub{color:#f3d9c4;font-size:.9rem;margin-bottom:1.1rem}.quiz-q{font-weight:600;font-size:1.05rem;margin-bottom:.9rem}.quiz-opts{display:grid;gap:.55rem}.quiz-opt{text-align:left;background:#fff7ec1a;border:1.5px solid rgba(255,247,236,.32);color:#fff3e6;font-family:var(--font-ui);font-size:.95rem;padding:.7rem 1rem;border-radius:12px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}.quiz-opt:hover{border-color:var(--gold);transform:translate(3px)}.quiz-opt.correct{background:var(--ok);border-color:var(--ok);color:#fff}.quiz-opt.wrong{background:#7a2a24;border-color:#7a2a24;color:#fff;animation:shake .35s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.quiz-opt:disabled{cursor:default}.quiz-foot{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9rem;color:#f3d9c4}.quiz-score{font-weight:700;color:var(--gold);font-size:1.05rem}.quiz .btn{font-size:.9rem;padding:.55rem 1.2rem;background:var(--gold);color:#160d08}.confetti{position:absolute;top:-12px;width:9px;height:9px;border-radius:2px;pointer-events:none;animation:confetti-fall 1.6s ease-in forwards}@keyframes confetti-fall{to{transform:translateY(340px) rotate(560deg);opacity:0}}.checklist{display:grid;gap:.5rem;margin:1rem 0}.check-item{display:flex;align-items:flex-start;gap:.7rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.75rem .95rem;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.check-item:hover{border-color:var(--primary);transform:translate(3px)}.check-item input{margin-top:.28rem;width:17px;height:17px;accent-color:var(--primary);flex:none}.check-item span{font-size:.94rem}.check-item.checked span{text-decoration:line-through;color:var(--muted)}.site-footer{border-top:1px solid var(--line);margin-top:0;padding:1.8rem 1.1rem 2.4rem;text-align:center;color:var(--muted);font-size:.84rem}.site-footer .foot-brand{font-weight:700;color:var(--primary);font-size:.95rem;margin-bottom:.4rem}.site-footer p{max-width:660px;margin:.25rem auto}.foot-legal{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--line);display:flex;justify-content:center;gap:.9rem;font-size:.78rem;color:var(--muted)}.foot-legal a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.foot-legal a:hover{color:var(--primary)}.pill-row{display:flex;flex-wrap:wrap;gap:.45rem;margin:.6rem 0}.pill{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;font-size:.8rem;padding:.25rem .75rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 700px){.two-col{grid-template-columns:1fr}.hero-inner{padding-top:2.5rem}.brand .brand-name{font-size:1.08rem}.brand .brand-ar,body[data-page=today] .brand .brand-name{display:none}.header-controls{order:2;margin-left:auto}.site-nav{order:3;width:100%}}.center{text-align:center}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.icon-btn{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-strong);display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.icon-btn:hover{transform:scale(1.08);border-color:var(--primary);color:var(--primary)}.icon-btn svg{width:17px;height:17px}.menu-panel{position:fixed;top:0;right:0;height:100%;width:min(320px,88vw);background:var(--surface);border-left:1px solid var(--line);box-shadow:-18px 0 44px #160d0829;z-index:90;padding:1.2rem 1.3rem 2rem;overflow-y:auto;transform:translate(105%);transition:transform .28s cubic-bezier(.2,.7,.3,1)}.menu-panel.open{transform:none}.menu-panel .menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.menu-panel .menu-head strong{font-size:1.05rem;color:var(--ink-strong)}.menu-panel nav{display:grid;gap:.2rem}.menu-panel nav a{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-weight:600;font-size:.98rem;padding:.6rem .7rem;border-radius:12px;transition:background .12s ease,color .12s ease}.menu-panel nav a:hover{background:var(--primary-soft);color:var(--primary)}.menu-panel nav a .m-ar{margin-left:auto;font-family:var(--font-ar);color:var(--gold-deep);font-size:1.05rem}.menu-panel .menu-section{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.7rem .7rem .25rem;margin-top:.15rem;border-top:1px solid var(--line)}.menu-panel .menu-section:first-of-type{border-top:none;margin-top:0}.menu-controls{padding:.15rem .7rem .5rem}.set-row{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.45rem 0}.set-row-stack{flex-direction:column;align-items:stretch;gap:.6rem}.set-row-text strong{display:block;font-size:.95rem;font-weight:600;color:var(--ink-strong)}.set-row-text small{display:block;margin-top:.12rem;font-size:.78rem;line-height:1.4;color:var(--muted)}.set-row-stack .mode-switch{min-width:0;flex-wrap:wrap;width:100%}.set-row-stack .mode-switch button{flex:1;padding:.46rem .5rem}.set-row select{width:100%;font-family:var(--font-ui);font-size:.88rem;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:.5rem .6rem}.set-note{margin:.4rem 0 0;font-size:.78rem;line-height:1.4;color:var(--muted)}.btn.set-danger{align-self:flex-start;white-space:nowrap;color:var(--danger);background:transparent;border:1.5px solid var(--danger)}.btn.set-danger.is-armed{background:var(--danger);border-color:var(--danger);color:#fff7ec}html[data-translit=off] .pv-tr,html[data-translit=off] .nm-tr{display:none}.pt-float{position:fixed;right:max(.9rem,env(safe-area-inset-right));bottom:calc(.9rem + env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:.55rem}body.has-audio .pt-float{display:none}.pt-float{transition:transform .24s ease,opacity .24s ease}.pt-float.is-tucked{transform:translateY(150%);opacity:0;pointer-events:none}@media (prefers-reduced-motion: reduce){.pt-float{transition:none}}.ptf-pill{display:inline-flex;align-items:center;gap:.45rem;border:1.5px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink-strong);font-family:var(--font-ui);font-size:.86rem;font-weight:600;padding:.5rem .9rem;cursor:pointer;box-shadow:var(--shadow)}.ptf-pill svg{width:15px;height:15px;color:var(--gold-deep);flex:none}.ptf-text .pt-live{margin-right:.35rem;vertical-align:1px}.ptf-text b{font-weight:700;color:var(--deep)}@media (pointer: coarse),(max-width: 760px){body.has-tabbar .pt-float{left:0;right:0;bottom:calc(70px + env(safe-area-inset-bottom));align-items:stretch;gap:0}body.has-tabbar .ptf-pill{border-radius:0;border:none;border-top:1px solid var(--line);box-shadow:none;justify-content:center;padding:.42rem .9rem;font-size:.82rem}body.has-tabbar.has-ptf{padding-bottom:calc(102px + env(safe-area-inset-bottom))}body.has-tabbar .ptf-sheet{margin:0 .6rem .5rem}body.has-tabbar .ptf-invite{margin:0 .6rem .5rem;max-width:none}}.ptf-sheet{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.7rem .85rem .6rem;min-width:200px}.ptf-list{list-style:none;margin:0 0 .45rem;padding:0}.ptf-list li{display:flex;justify-content:space-between;gap:1.4rem;padding:.28rem .35rem;border-radius:8px;font-size:.88rem;color:var(--ink)}.ptf-list li strong{font-variant-numeric:tabular-nums;color:var(--ink-strong)}.ptf-list li.on{background:var(--primary-soft);color:var(--primary);font-weight:600}.ptf-list li.on strong{color:var(--primary)}.ptf-link{display:block;text-align:right;font-size:.8rem;font-weight:600;color:var(--primary);text-decoration:none;padding:.2rem .35rem}.ptf-invite{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);padding:.45rem .5rem .45rem .95rem;max-width:min(320px,calc(100vw - 2rem))}.ptf-invite a{font-size:.82rem;font-weight:600;color:var(--ink);text-decoration:none}.ptf-x{flex:none;width:26px;height:26px;border:none;border-radius:50%;background:var(--surface-2);color:var(--muted);display:grid;place-items:center;cursor:pointer}.ptf-x svg{width:12px;height:12px}.tsb-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.3rem}.tsb-chip{border:1.5px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-family:var(--font-ui);font-size:.82rem;font-weight:600;padding:.4rem .85rem;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.tsb-chip.on{background:var(--primary);border-color:var(--primary);color:var(--btn-ink)}.tsb-why{font-size:.84rem;color:var(--muted);margin:1rem 0 .4rem;text-align:center}.tsb-why[hidden],.tsb-chipbtns{display:none}.tsb-round{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:var(--primary);display:grid;place-items:center;cursor:pointer;padding:0}.tsb-round svg{width:18px;height:18px;transition:transform .2s ease}#tsbAllBtn[aria-expanded=true] svg{transform:rotate(180deg)}.tsb-chip-add{border-style:dashed;color:var(--primary);background:transparent}.tsb-chip-edit{border-style:solid;border-color:transparent;text-decoration:underline;text-underline-offset:3px}.tsb-chips.is-editing .tsb-chip:not(.tsb-chip-add){background:var(--surface);color:var(--ink);border-style:dashed;border-color:color-mix(in srgb,var(--danger, #b3412e) 45%,var(--line))}.tsb-chips.is-editing .tsb-chip:not(.tsb-chip-add):after{content:"\d7";margin-left:.4rem;font-weight:700;color:var(--danger, #b3412e)}.tsb-chips.is-editing .tsb-chip-edit{text-decoration:none;background:var(--primary);color:var(--btn-ink);border-color:var(--primary)}.tsb-edit-hint{margin:-.4rem 0 .9rem;font-size:.8rem;color:var(--muted)}.tsb-edit-hint[hidden]{display:none}.tsb-full{margin:0;font-size:.84rem;color:var(--muted);text-align:right}.tsb-own{display:grid;gap:.75rem;margin:0 0 1.2rem;padding:1rem 1.05rem 1.1rem;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;text-align:left}.tsb-own[hidden]{display:none}.tsb-own-title{margin:0;font-size:1.02rem;color:var(--ink-strong)}.tsb-own label{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.35rem;row-gap:.3rem;font-size:.84rem;font-weight:600;color:var(--ink)}.tsb-own label input{flex:1 0 100%}.tsb-opt{font-weight:400;color:var(--muted)}.tsb-own input{width:100%;font:inherit;font-size:1rem;font-weight:400;color:var(--ink-strong);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.6rem .75rem}.tsb-own input:focus{outline:2px solid var(--gold);outline-offset:1px}.tsb-own input[lang=ar]{font-family:var(--font-ar);font-size:1.2rem}.tsb-own-lbl{display:block;font-size:.84rem;font-weight:600;margin-bottom:.35rem}.tsb-own-counts{display:flex;flex-wrap:wrap;gap:.4rem}.tsb-own-counts button{border:1.5px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:.85rem;font-weight:600;padding:.4rem .9rem;cursor:pointer;min-height:40px}.tsb-own-counts button.on{background:var(--primary);border-color:var(--primary);color:var(--btn-ink)}.tsb-own-note{margin:0;font-size:.78rem;color:var(--muted)}.tsb-own-actions{display:flex;justify-content:flex-end;gap:.5rem}.tsb-ownbar{display:flex;justify-content:center;align-items:center;gap:.9rem;margin:-.6rem 0 1rem;font-size:.82rem;color:var(--muted)}.tsb-ownbar[hidden]{display:none}.tsb-ownbar button{border:none;background:none;padding:.35rem .2rem;font:inherit;font-weight:600;color:var(--primary);cursor:pointer}.tsb-ownbar button#tsbOwnDel{color:var(--danger, #b3412e)}.tsb-ar[hidden],.tsb-en[hidden],.tsb-src[hidden]{display:none}.tsb-src{margin:.35rem 0 0;font-size:.78rem;color:var(--muted)}.tsb-find{display:grid;gap:.7rem;margin:0 0 1.2rem;padding:.9rem 1rem 1rem;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;text-align:left}.tsb-find[hidden],.tsb-find [hidden]{display:none}.tsb-find-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.tsb-find-x{width:36px;height:36px;border:none;background:none;border-radius:50%;color:var(--muted);display:grid;place-items:center;cursor:pointer}.tsb-find-x:hover{background:var(--surface);color:var(--ink-strong)}.tsb-find-x svg{width:18px;height:18px}.tsb-search{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:0 .75rem}.tsb-search:focus-within{border-color:var(--gold)}.tsb-search svg{width:18px;height:18px;color:var(--muted);flex:none}.tsb-search input{flex:1;min-width:0;border:none;background:none;font:inherit;font-size:1rem;color:var(--ink-strong);padding:.7rem 0;outline:none}.tsb-find-list{max-height:min(52vh,440px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem;margin:0 -.2rem;padding:0 .2rem}.tsb-lib-h{margin:.55rem 0 .1rem;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-deep)}.tsb-lib-h:first-child{margin-top:0}.tsb-lib{display:flex;align-items:center;justify-content:space-between;gap:.7rem;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.5rem .75rem;cursor:pointer;font:inherit;color:var(--ink);min-width:0}.tsb-lib:hover{border-color:var(--gold)}.tsb-lib-t{display:flex;flex-direction:column;gap:.1rem;min-width:0}.tsb-lib-t b{font-size:.9rem;line-height:1.3;color:var(--ink-strong);overflow-wrap:anywhere}.tsb-lib-t span{font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsb-lib-n{flex:none;font-size:.72rem;font-weight:700;color:var(--gold-deep);background:var(--gold-soft);border-radius:999px;padding:.15rem .5rem}.tsb-lib-n.is-had{color:var(--muted);background:var(--surface-2)}.tsb-lib-none{margin:.3rem 0;font-size:.86rem;color:var(--muted)}.tsb-find-own{justify-self:start;border:none;background:none;padding:.2rem 0;font:inherit;font-size:.86rem;font-weight:600;color:var(--primary);cursor:pointer}.tsb-pick{display:grid;gap:.45rem}.tsb-pick-back{justify-self:start;border:none;background:none;padding:.2rem 0;font:inherit;font-size:.84rem;font-weight:600;color:var(--primary);cursor:pointer}.tsb-pick-cat{margin:.2rem 0 0;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-deep)}.tsb-pick-name{margin:0;font-size:1.05rem;color:var(--ink-strong)}.tsb-pick-ar{margin:.2rem 0;font-family:var(--font-ar);font-size:calc(1.45rem * var(--ar-scale, 1));line-height:2;text-align:right;color:var(--ink-strong)}.tsb-pick-tr{margin:0;font-style:italic;color:var(--ink)}.tsb-pick-en{margin:0;color:var(--ink)}.tsb-pick-why{margin:.2rem 0 0;font-size:.88rem;color:var(--muted)}.tsb-pick-src{margin:0;font-size:.8rem;color:var(--muted)}.tsb-pick-note{font-weight:400;color:var(--muted)}.tsb-sun{font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.85;margin-left:.15rem}@media (max-width: 760px){body[data-page=tasbih] .page-hero{padding:1.1rem 1.1rem .7rem}body[data-page=tasbih] .page-hero .kicker,body[data-page=tasbih] .page-hero>p{display:none}body[data-page=tasbih] .page-hero h1{font-size:1.65rem;margin:0}body[data-page=tasbih] .tsb-main{margin-top:.6rem}.tsb-chiprow{display:flex;align-items:flex-start;gap:.4rem;margin-bottom:1rem}.tsb-chips{flex:1;min-width:0;margin-bottom:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:.15rem;scroll-padding-inline:.5rem;-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent)}.tsb-chips::-webkit-scrollbar{display:none}.tsb-chip{flex:none;white-space:nowrap}.tsb-chips.is-all{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}.tsb-chipbtns{display:flex;gap:.35rem;flex:none}.tsb-chiprow.is-open{flex-wrap:wrap;align-items:center}.tsb-chiprow.is-open .tsb-chips{display:contents}.tsb-chiprow.is-open .tsb-chipbtns{order:1;margin-left:auto}.tsb-chiprow.is-open #tsbAddBtn{display:none}.tsb-round{width:36px;height:36px}.tsb-round svg{width:16px;height:16px}body[data-page=tasbih] .tsb-chip{min-height:36px;min-width:0;padding:.25rem .75rem;font-size:.8rem;border-width:1px;line-height:1.2}.tsb-chips{gap:.35rem}.tsb-chiprow{gap:.35rem;margin-bottom:.8rem}.tsb-chip-add{display:none}.tsb-chips.is-all .tsb-chip-add{display:inline-block}.tsb-chips.is-editing{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}.tsb-chips.is-editing .tsb-chip-edit{display:inline-block}.tsb-pad{width:min(230px,60vw)}}.tsb-why a{color:var(--primary);font-weight:600;text-decoration:none}.nm-banner{display:flex;align-items:center;gap:.9rem;margin:1.3rem 0 .4rem;padding:1rem 1.2rem;background:var(--primary-soft);border:1.5px solid color-mix(in srgb,var(--primary) 35%,var(--line));border-radius:var(--radius);text-decoration:none;color:var(--ink);transition:transform .15s ease,border-color .15s ease}.nm-banner:hover{transform:translateY(-2px);border-color:var(--primary)}.nm-banner-icon{flex:none;width:40px;height:40px;color:var(--primary)}.nm-banner-icon svg{width:100%;height:100%}.nm-banner-text{display:grid;gap:.1rem}.nm-banner-text strong{color:var(--ink-strong);font-size:1.02rem}.nm-banner-text span{font-size:.87rem;color:var(--muted)}.nm-banner-go{margin-left:auto;flex:none;font-size:1.3rem;color:var(--primary)}.nm-art{margin:1.4rem 0 0}.nm-art img{width:100%;height:auto;display:block;border-radius:var(--radius);box-shadow:var(--shadow)}.content-section .nm-art{margin:-.2rem 0 1.1rem}.content-section .nm-art img{box-shadow:none;border:1px solid var(--line)}.nm-path{margin-top:1.4rem;padding-top:1.2rem;border-top:1px dashed var(--line)}.nm-path-track{height:7px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}.nm-path-fill{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--primary));transition:width .35s ease}.nm-path-stops{list-style:none;margin:.7rem 0 0;padding:0;display:flex}.nm-path-stops li{flex:1}.nm-path-stops a{display:grid;justify-items:center;gap:.15rem;text-decoration:none;color:var(--ink)}.nm-path-stops strong{font-size:.86rem;color:var(--ink-strong)}.nm-path-stops small{font-size:.74rem;color:var(--muted);font-variant-numeric:tabular-nums}.nm-dot{width:14px;height:14px;border-radius:50%;border:2.5px solid var(--line);background:var(--surface)}.nm-dot.part{border-color:var(--gold);background:var(--gold-soft)}.nm-dot.done{border-color:var(--ok);background:var(--ok)}.nm-path-note{margin:.8rem 0 0;text-align:center;font-size:.86rem;font-weight:600;color:var(--primary);min-height:1.2rem}.sh-hint{font-size:.86rem;color:var(--muted);margin-bottom:.7rem}.sh-words{display:flex;flex-wrap:wrap;gap:.45rem}.sh-word{font-family:var(--font-ar);font-size:calc(1.35rem * var(--ar-scale));line-height:1.6;color:var(--ink-strong);background:var(--surface-2);border:1.5px solid var(--line);border-radius:12px;padding:.3rem .7rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.sh-word.seen{border-color:var(--gold)}.sh-word.on{background:var(--primary);border-color:var(--primary);color:var(--btn-ink)}.sh-meaning{display:flex;align-items:baseline;gap:.7rem;margin:.8rem 0 1.1rem;padding:.7rem .9rem;background:var(--gold-soft);border-radius:12px;min-height:2.6rem}.sh-m-ar{font-family:var(--font-ar);font-size:1.25rem;color:var(--gold-deep)}.sh-m-en{font-size:.95rem;font-weight:600;color:var(--ink-strong)}.zc-live{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.9rem}.zc-live .zc-field{display:grid;gap:.3rem}.zc-live .zc-field>span{font-size:.8rem;font-weight:600;color:var(--muted)}.tsb-stage{text-align:center}.tsb-pad{position:relative;width:min(240px,62vw);aspect-ratio:1;border:none;border-radius:50%;background:var(--surface-2);cursor:pointer;margin:0 auto;display:block;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tsb-pad:active{transform:scale(.97)}.tsb-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.tsb-ring circle{fill:none;stroke-width:7}.tsb-ring-track{stroke:var(--line)}.tsb-ring-fill{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset .2s ease}.tsb-mid{position:absolute;inset:0;display:grid;place-content:center;gap:.1rem}.tsb-count{font-size:3.2rem;font-weight:700;line-height:1;color:var(--ink-strong);font-variant-numeric:tabular-nums}.tsb-target{font-size:.82rem;color:var(--muted)}.tsb-now{margin:1.2rem auto 0;max-width:480px}.tsb-ar{font-family:var(--font-ar);font-size:calc(1.7rem * var(--ar-scale));line-height:2;direction:rtl;color:var(--ink-strong)}.tsb-tr{font-size:.98rem;font-weight:600;color:var(--primary);margin-top:.2rem}.tsb-en{font-size:.88rem;color:var(--muted);margin-top:.15rem}html[data-translit=off] .tsb-tr{display:none}.tsb-actions{display:flex;justify-content:center;gap:.6rem;margin-top:1rem}.tsb-done{min-height:1.4rem;margin-top:.7rem;font-weight:600;color:var(--ok)}.tsb-day{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-top:1.4rem;padding-top:1.1rem;border-top:1px dashed var(--line)}.tsb-day div{display:grid;text-align:center}.tsb-day strong{font-size:1.25rem;color:var(--ink-strong);font-variant-numeric:tabular-nums}.tsb-day span{font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}@media (prefers-reduced-motion: reduce){.tsb-pad:active{transform:none}.tsb-ring-fill{transition:none}}.menu-panel .menu-note{margin-top:1.1rem;padding-top:1rem;border-top:1px dashed var(--line);color:var(--muted);font-size:.82rem}.menu-panel .menu-note.menu-links{margin-top:.5rem;padding-top:0;border-top:0}.menu-panel .menu-links a{color:var(--primary);text-underline-offset:2px}.menu-backdrop{position:fixed;inset:0;background:#2a1b1057;z-index:80;opacity:0;pointer-events:none;transition:opacity .25s ease}.menu-backdrop.show{opacity:1;pointer-events:auto}.search-overlay{position:fixed;inset:0;z-index:95;display:none;align-items:flex-start;justify-content:center;padding:9vh 1rem 2rem;background:#2a1b1066;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.search-overlay.open{display:flex}.search-box{width:min(640px,100%);background:var(--surface);border-radius:20px;box-shadow:0 30px 80px #140a0459;overflow:hidden;animation:searchPop .22s cubic-bezier(.2,.7,.3,1)}@keyframes searchPop{0%{opacity:0;transform:translateY(14px) scale(.98)}}.search-input-row{display:flex;align-items:center;gap:.7rem;padding:.95rem 1.2rem;border-bottom:1px solid var(--line)}.search-input-row svg{width:19px;height:19px;color:var(--primary);flex:none}.search-input-row input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-ui);font-size:1.05rem;color:var(--ink-strong)}.search-input-row input::placeholder{color:var(--muted)}.search-results{max-height:54vh;overflow-y:auto;padding:.5rem}.search-hint{color:var(--muted);font-size:.85rem;padding:1rem 1.2rem}.search-result{display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;border-radius:12px;text-decoration:none;color:var(--ink)}.search-result:hover,.search-result.sel{background:var(--primary-soft)}.search-result .sr-type{flex:none;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-deep);background:var(--gold-soft);border-radius:999px;padding:.16rem .55rem}.search-result .sr-main{min-width:0}.search-result .sr-title{font-weight:600;color:var(--ink-strong);font-size:.95rem}.search-result .sr-sub{color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prophet-grid{align-items:start}.prophet-tile{display:flex;align-items:center;gap:.8rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem;text-decoration:none;color:var(--ink);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.prophet-tile:hover,.prophet-tile:focus-visible{transform:translateY(-3px);border-color:var(--primary);background:color-mix(in srgb,var(--gold-soft) 55%,var(--surface));box-shadow:0 8px 16px #160d0817,0 20px 40px #160d081c}.prophet-tile:hover .prophet-name .en,.prophet-tile:focus-visible .prophet-name .en{color:var(--gold-deep)}.prophet-tile:hover .tile-thumb,.prophet-tile:focus-visible .tile-thumb{border-color:color-mix(in srgb,var(--gold) 50%,transparent)}.prophet-tile .tile-go{flex:none;color:var(--primary);opacity:0;transform:translate(-4px);transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease}.prophet-tile:hover .tile-go,.prophet-tile:focus-visible .tile-go{opacity:1;transform:none}.prophet-tile .tile-go svg{width:18px;height:18px;display:block}.prophet-tile.is-done .prophet-num{background:var(--primary);color:var(--btn-ink)}.view-switch{display:none}@media (max-width: 760px){.view-switch{display:inline-flex;align-items:center;padding:.4rem .62rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font:inherit;font-size:.73rem;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer}.view-switch:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.header-controls{gap:.4rem}.header-inner{gap:.5rem}body.site-mode .app-home{display:none!important}body.site-mode[data-page=home] #main{padding-top:0}}.term-filter{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:.6rem 1.1rem;max-width:440px;margin:0 auto 1.6rem}.term-filter svg{width:17px;height:17px;color:var(--primary);flex:none}.term-filter:focus-within,.dua-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 28%,transparent)}.search-input-row:focus-within{box-shadow:inset 0 -2px 0 var(--gold)}.term-filter input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-ui);font-size:.98rem;color:var(--ink-strong)}.term-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1rem;align-items:start}.term-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.25rem 1.1rem}.term-card .term-head{display:block;width:100%;text-align:left;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.term-card .term-top{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.2rem}.term-card .term-name{font-weight:700;font-size:1.12rem;color:var(--ink-strong)}.term-card .term-arabic{margin-left:auto;font-family:var(--font-ar);font-size:1.5rem;color:var(--gold-deep);direction:rtl}.term-card .term-lit{color:var(--muted);font-size:.84rem;font-style:italic;margin-bottom:.55rem}.term-card .term-means{font-size:.94rem;margin-bottom:.75rem}.term-card .term-use{background:var(--primary-soft);border-radius:12px;padding:.6rem .85rem;font-size:.87rem;margin-bottom:.5rem}.term-card .term-use strong{color:var(--primary)}.term-card .term-not{background:var(--gold-soft);border-radius:12px;padding:.6rem .85rem;font-size:.87rem}.term-card .term-not strong{color:var(--gold-deep)}.term-card ul{margin:.3rem 0 0 1.1rem}.term-card li{margin-bottom:.25rem}.q-bismillah{font-family:var(--font-ar);font-size:1.7rem;text-align:center;direction:rtl;color:var(--gold-deep);margin:.4rem 0 1.4rem}.q-verse{padding:1.05rem .2rem;border-bottom:1px dashed var(--line)}.q-verse:last-child{border-bottom:none}.q-verse .q-ar{font-family:var(--font-ar);font-size:calc(1.65rem * var(--ar-scale));line-height:2.3;direction:rtl;text-align:right;color:var(--ink-strong);white-space:normal;overflow-wrap:anywhere}.q-verse .q-num{display:inline-grid;place-items:center;min-width:34px;height:34px;border:1.5px solid var(--gold);border-radius:50%;font-family:var(--font-ui);font-size:.78rem;font-weight:700;color:var(--gold-deep);margin-right:.5rem;vertical-align:middle;padding:0 .3rem}.q-verse .q-en{margin-top:.55rem;font-size:.98rem;color:var(--ink)}#verses.ar-only .q-en{display:none}#verses.ar-only .q-verse{padding:.7rem .2rem}#verses.ar-flow{direction:rtl;text-align:justify;text-align-last:right}#verses.ar-flow .q-verse{display:inline;padding:0;border:0}#verses.ar-flow .q-ar-row{display:inline}#verses.ar-flow .q-verse .q-ar{display:inline;line-height:2.5}#verses.ar-flow .q-verse .q-ar:after{content:"\200b"}#verses.ar-flow .q-note-btn,#verses.ar-flow .q-mark,#verses.ar-flow .q-en{display:none}#verses.ar-flow .q-verse .q-num{width:1.7rem;height:1.7rem;min-width:0;margin:0 .2rem;padding:0;font-size:.62rem;vertical-align:.15em}#verses.ar-flow .q-verse .q-num i{font-size:.62rem}#verses.ar-flow .q-verse.playing{background:none;margin:0;padding:0;border-radius:0}#verses.ar-flow .q-verse.playing .q-ar{color:var(--primary)}.q-tail{white-space:nowrap}#verses.ar-flow .q-surah-head,#verses.ar-flow .q-bismillah{display:block;direction:ltr;text-align:center}#verses.ar-flow .q-bismillah{direction:rtl}.q-arlayout{display:flex;width:max-content;gap:.2rem;margin:1.1rem 0 -.6rem auto;padding:.2rem;border-radius:999px;background:var(--surface);border:1px solid var(--line)}.q-arlayout[hidden]{display:none}.q-arlayout button{border:none;background:none;font:inherit;font-size:.74rem;font-weight:600;color:var(--muted);padding:.3rem .7rem;border-radius:999px;cursor:pointer;min-height:30px}.q-arlayout button.on{background:var(--primary);color:var(--btn-ink)}.q-readbar{display:contents}.rb-tools{display:none}@media (min-width: 900px){.q-readbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin:1.1rem 0 -.6rem}.q-readbar .q-arlayout button{padding:.3rem .6rem}.q-readbar .q-arlayout{margin:0 0 0 auto}#mzStage .q-readbar{margin:1rem 0 0}.rb-tools{display:flex;flex-wrap:wrap;gap:.35rem}.rb-group{display:flex;align-items:center;gap:.1rem;padding:.2rem .2rem .2rem .6rem;border-radius:999px;background:var(--surface);border:1px solid var(--line)}.rb-label{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:.2rem}.rb-group button{border:none;background:none;font:inherit;font-size:.74rem;font-weight:600;color:var(--muted);padding:.3rem .5rem;border-radius:999px;cursor:pointer;min-height:30px}.rb-group button:hover:not(:disabled){color:var(--ink-strong)}.rb-group button.on{background:var(--primary);color:var(--btn-ink)}.rb-group button:disabled{opacity:.35;cursor:default}.rb-now{min-width:1.6rem;text-align:center;font-size:.74rem;font-weight:700;color:var(--ink-strong)}html[data-qwidth=w] .q-reader-main{max-width:1240px}}.scene{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin:1.4rem auto}.scene svg{width:min(320px,80%);height:auto}.scene figcaption{color:var(--muted);font-size:.8rem;font-style:italic;text-align:center}.tawaf-orbit{transform-origin:110px 92px;animation:tawaf-spin 22s linear infinite}@keyframes tawaf-spin{to{transform:rotate(-360deg)}}.sai-runner{animation:sai-run 6s ease-in-out infinite}@keyframes sai-run{0%,to{transform:translate(0)}50%{transform:translate(150px)}}.arafah-sun{animation:sun-glow 5s ease-in-out infinite;transform-origin:center}@keyframes sun-glow{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.pebble{opacity:0;animation:pebble-throw 2.6s ease-in infinite}.pebble.p2{animation-delay:.85s}.pebble.p3{animation-delay:1.7s}@keyframes pebble-throw{0%{opacity:0;transform:translate(0)}12%{opacity:1}55%{opacity:1;transform:translate(74px,-34px)}75%{opacity:0;transform:translate(96px,-18px)}to{opacity:0}}.ripple{transform-origin:center;animation:ripple-out 3.2s ease-out infinite}.ripple.r2{animation-delay:1.1s}.ripple.r3{animation-delay:2.2s}@keyframes ripple-out{0%{transform:scale(.35);opacity:.85}to{transform:scale(1.25);opacity:0}}.tent-glow{animation:sun-glow 7s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.tawaf-orbit,.sai-runner,.arafah-sun,.pebble,.ripple,.tent-glow{animation:none!important}.pebble{opacity:1}}.q-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:1rem;margin-top:1.4rem}.q-mode{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem 1.3rem;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:.5rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.q-mode:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 10px 22px #331e101f}.q-mode .q-mode-ic{width:50px;height:50px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.q-mode .q-mode-ic svg{width:27px;height:27px}.q-mode h3{font-size:1.18rem;color:var(--ink-strong)}.q-mode p{color:var(--muted);font-size:.9rem;flex:1}.q-mode .q-mode-go{color:var(--primary);font-weight:600;font-size:.9rem}.saved-list{display:grid;gap:.5rem;margin-top:.5rem}.saved-item{display:flex;align-items:center;gap:.7rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.7rem .95rem;text-decoration:none;color:var(--ink);transition:border-color .15s ease}.saved-item:hover{border-color:var(--primary)}.saved-item .si-ic{color:var(--gold-deep);flex:none}.saved-item .si-ic svg{width:18px;height:18px;display:block}.saved-item .si-main{flex:1;min-width:0}.saved-item .si-title{font-weight:600;color:var(--ink-strong);font-size:.94rem}.saved-item .si-sub{color:var(--muted);font-size:.8rem}.saved-item .si-del{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:1.1rem;padding:.2rem .4rem;border-radius:8px}.saved-item .si-del:hover{color:var(--danger);background:var(--surface-2)}.audio-bar{position:fixed;left:50%;transform:translate(-50%);bottom:14px;z-index:70;width:min(680px,calc(100% - 24px));display:flex;align-items:center;gap:.85rem;background:var(--deep-bg);color:#f5efe2;border-radius:999px;padding:.55rem 1rem .55rem .6rem;box-shadow:0 10px 34px #140a0459}.audio-bar .ap-play{flex:none;width:42px;height:42px;border-radius:50%;border:none;background:var(--gold);color:#160d08;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease}.audio-bar .ap-play:hover{transform:scale(1.06)}.audio-bar .ap-play svg{width:22px;height:22px}.audio-bar .ap-mid{flex:1;min-width:0}.audio-bar .ap-label{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;margin-bottom:.3rem}.audio-bar .ap-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f5efe2}.audio-bar .ap-time{color:#c9b79a;flex:none}.audio-bar .ap-track{height:6px;background:#f5efe22e;border-radius:999px;cursor:pointer;overflow:hidden}.audio-bar .ap-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--gold),#E0BC7A);border-radius:999px}.audio-bar .ap-reciter{flex:none;font-size:.72rem;color:#c9b79a;letter-spacing:.04em}@media (max-width: 480px){.audio-bar .ap-reciter{display:none}}body.has-audio{padding-bottom:84px}.np-bar .np-open{text-decoration:none;color:inherit;display:block}.np-bar .np-close{opacity:.7}.np-bar .np-close:hover{opacity:1}body.has-np{padding-bottom:84px}@media (max-width: 760px){body.has-np{padding-bottom:148px}.np-bar{bottom:calc(66px + env(safe-area-inset-bottom))}}.q-verse .q-ar .qw{cursor:pointer;border-radius:10px;padding:.16em .14em;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:color .12s,background .12s}.q-verse .q-ar .qw:hover{color:var(--primary)}.q-verse .q-ar .qw.on{color:var(--btn-ink);background:var(--primary);box-shadow:0 3px 12px #8a632152}html[data-theme=dark] .q-verse .q-ar .qw.on{color:#1b120a}.audio-bar[hidden]{display:none}.audio-bar .ap-close{flex:none;width:34px;height:34px;border:none;background:none;color:#ebdcc4;opacity:.75;border-radius:50%;cursor:pointer;display:grid;place-items:center}.audio-bar .ap-close:hover{opacity:1;background:#f5efe21a}.audio-bar .ap-close svg{width:18px;height:18px}.audio-bar .ap-gear{flex:none;width:40px;height:40px;border:none;background:#f5efe21a;color:#ebdcc4;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:background .14s}.audio-bar .ap-gear:hover{background:#f5efe238}.audio-bar .ap-speed{flex:none;min-width:44px;height:32px;padding:0 8px;border:1px solid rgba(245,239,226,.22);background:none;color:#ebdcc4;border-radius:999px;cursor:pointer;font:600 .8rem/1 inherit;font-variant-numeric:tabular-nums;transition:background .14s}.audio-bar .ap-speed:hover{background:#f5efe21f}.audio-bar .ap-speed.off-normal{background:#c99a46;border-color:#c99a46;color:#1b120a}.audio-bar .ap-gear svg{width:20px;height:20px}.ra-scrim{position:fixed;inset:0;z-index:69;background:#140a044d;opacity:0;pointer-events:none;transition:opacity .16s;cursor:pointer;-webkit-tap-highlight-color:transparent}.ra-scrim.open{opacity:1;pointer-events:auto}.ra-pop{position:fixed;z-index:71;left:50%;bottom:86px;transform:translate(-50%) translateY(8px);width:min(380px,calc(100% - 24px));max-height:min(540px,calc(100vh - 86px - 5rem));max-height:min(540px,calc(100dvh - 86px - 5rem));display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .16s,transform .16s}.ra-pop.open{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.ra-pop-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem .5rem .5rem 1rem;border-bottom:1px solid var(--line)}.ra-pop-title{margin:0;font-size:1rem;font-weight:700;color:var(--ink-strong)}.ra-x{flex:none;width:40px;height:40px;border:none;border-radius:50%;background:var(--surface-2);color:var(--ink);display:grid;place-items:center;cursor:pointer}.ra-x svg{width:18px;height:18px}.ra-pop-body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 1rem}.ra-pop-sec{padding:.8rem 0;border-bottom:1px solid var(--line)}.ra-pop-sec:last-child{border-bottom:none}.ra-pop-list{padding:0}.ra-row{display:flex;align-items:center;justify-content:space-between;gap:.9rem}.ra-row+.ra-row{margin-top:.85rem}.ra-row-t{min-width:0}.ra-row-n{display:block;font-weight:600;font-size:.92rem;color:var(--ink-strong)}.ra-row-d{display:block;font-size:.76rem;line-height:1.4;color:var(--muted);margin-top:1px}.ra-more summary{display:flex;align-items:center;gap:.6rem;min-height:50px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.ra-more summary::-webkit-details-marker{display:none}.ra-more summary .ra-row-n{flex:1}.ra-now{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;color:var(--muted)}.ra-chev{flex:none;width:16px;height:16px;color:var(--muted);transition:transform .16s}.ra-more[open] .ra-chev{transform:rotate(90deg)}.ra-more+.ra-more{border-top:1px solid var(--line)}.ra-more-body{padding:0 0 .9rem}.ra-seg{display:flex;flex-wrap:wrap;gap:.35rem}.ra-chip{flex:1 1 auto;min-height:40px;padding:0 .7rem;border:1.5px solid var(--line);background:var(--surface);border-radius:10px;font:inherit;font-size:.84rem;font-weight:600;color:var(--ink);cursor:pointer}.ra-chip.sel{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.ra-pop-lab{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem;display:flex;align-items:center;justify-content:space-between}.ra-toggle{flex:none;width:44px;height:26px;border-radius:999px;border:none;background:var(--line);cursor:pointer;position:relative;transition:background .16s}.ra-toggle.on{background:var(--primary)}.ra-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .16s}.ra-toggle.on .ra-knob{left:21px}.ra-reciters{display:flex;flex-direction:column;gap:.4rem}.ra-opt{text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:11px;padding:.5rem .7rem;cursor:pointer;font-family:inherit;color:var(--ink);transition:border-color .14s,background .14s}.ra-opt:hover{border-color:var(--gold)}.ra-opt.sel{border-color:var(--primary);background:var(--primary-soft)}.ra-opt-n{display:block;font-weight:600;font-size:.9rem;color:var(--ink-strong)}.ra-opt.sel .ra-opt-n{color:var(--primary)}.ra-opt-d{display:block;font-size:.76rem;color:var(--muted);margin-top:1px}.ra-speeds{flex-wrap:nowrap}.ra-sp{flex:1;min-height:40px;border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:0;cursor:pointer;font-family:inherit;font-weight:600;font-size:.85rem;color:var(--ink);transition:border-color .14s,background .14s}.ra-sp.sel{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.story-toggle{flex-wrap:wrap}.tafsir-top{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:space-between;margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.tafsir-src{font-size:.82rem;color:var(--muted)}.tafsir-src strong{color:var(--ink-strong);font-weight:700}.go-deeper{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px}.go-deeper button{border:none;background:none;font-family:inherit;font-weight:600;font-size:.82rem;color:var(--muted);padding:.35rem .85rem;border-radius:999px;cursor:pointer;transition:background .14s,color .14s}.go-deeper button.on{background:var(--primary);color:var(--btn-ink)}.tafsir-passage{margin-bottom:1.9rem;padding-bottom:1.5rem;border-bottom:1px dashed var(--line)}.tafsir-passage:last-child{border-bottom:none}.tafsir-range{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);padding:.32rem .7rem;border-radius:999px;margin-bottom:.95rem}.tafsir-h{font-size:1.05rem;color:var(--ink-strong);margin:1.15rem 0 .5rem}.tafsir-p{font-size:1.02rem;line-height:1.75;color:var(--ink);margin-bottom:.85rem}.book-wrap{max-width:680px;margin:0 auto}.book-surah{margin:2.4rem 0 2.8rem}.book-surah:first-child{margin-top:.6rem}.book-title{font-size:1.5rem;text-align:center;color:var(--ink-strong);margin-bottom:.25rem}.book-sub{text-align:center;color:var(--muted);font-size:.82rem;letter-spacing:.03em;text-transform:uppercase;margin-bottom:1.5rem}.book-bism{text-align:center;font-style:italic;color:var(--gold-deep);margin:0 0 1.5rem;font-size:1.05rem}.book-p{font-size:1.15rem;line-height:1.95;color:var(--ink);margin-bottom:1.15rem}.book-p .vn{font-size:.6em;color:var(--gold-deep);font-weight:700;vertical-align:super;margin:0 .16em 0 .04em}.book-note{margin-top:2.4rem;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;text-align:center}.book-continue{display:flex;align-items:center;gap:.8rem;text-decoration:none;background:var(--gold-soft);border:1px solid var(--gold);border-radius:var(--radius);padding:.85rem 1rem;margin-bottom:1.2rem;color:var(--ink)}.book-continue .bc-ic{width:38px;height:38px;flex:none;border-radius:50%;background:var(--gold);color:#160d08;display:grid;place-items:center}.book-continue .bc-ic svg{width:18px;height:18px}.book-continue .bc-main{flex:1;min-width:0;display:flex;flex-direction:column}.book-continue .bc-t{font-weight:700;color:var(--ink-strong)}.book-continue .bc-s{font-size:.85rem;color:var(--muted)}.book-continue .bc-go{color:var(--gold-deep);font-size:1.2rem;flex:none}.book-fab{position:fixed;right:16px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:var(--btn-ink);border:none;border-radius:999px;padding:.7rem 1.15rem;font-family:inherit;font-weight:600;font-size:.9rem;box-shadow:0 8px 24px #8a632166;cursor:pointer;transition:transform .12s,background .15s}.book-fab:hover{transform:translateY(-1px)}.book-fab:active{transform:translateY(1px)}.book-fab svg{width:18px;height:18px}.book-fab.saved{background:var(--gold-deep)}.book-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%) translateY(10px);background:var(--ink-strong);color:#faf3e6;padding:.6rem 1.05rem;border-radius:999px;font-size:.85rem;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:61;box-shadow:var(--shadow)}.book-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.pin-bar{position:fixed;left:0;right:0;z-index:48;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:.5rem 1.1rem;display:flex;align-items:baseline;gap:.5rem;transform:translateY(-130%);transition:transform .22s ease;pointer-events:none}.pin-bar.show{transform:translateY(0)}.pin-bar .pin-s{font-weight:700;color:var(--ink-strong);font-size:.95rem}.pin-bar .pin-v{color:var(--muted);font-size:.82rem}.q-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.8rem}@media (max-width: 760px){body[data-page=quran] .q-toolbar{flex-wrap:nowrap;gap:.4rem;margin-top:.65rem}body[data-page=quran] .q-bookmark-btn{font-size:.78rem;padding:.4rem .75rem;white-space:nowrap}body[data-page=quran] .q-bookmark-btn svg{width:14px;height:14px}}.q-bookmark-btn{display:inline-flex;align-items:center;gap:.4rem;border:1.5px solid var(--line);background:var(--surface);color:var(--muted);font-family:var(--font-ui);font-weight:600;font-size:.86rem;padding:.45rem 1rem;border-radius:999px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}.q-bookmark-btn:hover{border-color:var(--gold-deep);color:var(--gold-deep)}.q-bookmark-btn.saved{background:var(--gold);border-color:var(--gold);color:#160d08}.q-bookmark-btn svg{width:16px;height:16px}.q-surah-head{text-align:center;margin:1.6rem 0 .4rem;padding-top:1rem;border-top:2px solid var(--gold-soft)}.q-surah-head:first-child{border-top:none;padding-top:0;margin-top:.4rem}.q-surah-head .qsh-ar{font-family:var(--font-ar);font-size:1.7rem;color:var(--gold-deep);direction:rtl}.q-surah-head .qsh-en{font-weight:700;color:var(--ink-strong)}.q-verse.playing{background:var(--gold-soft);border-radius:12px;margin:0 -.4rem;padding-left:.6rem;padding-right:.6rem}.q-verse .q-mark{border:none;background:transparent;color:var(--line);cursor:pointer;padding:.15rem;border-radius:6px;vertical-align:middle;transition:color .15s ease}.q-verse .q-mark:hover{color:var(--gold-deep)}.q-verse .q-mark.on{color:var(--gold)}.q-verse .q-mark svg{width:16px;height:16px;display:block}.q-verse .q-ar-row{display:flex;align-items:flex-start;gap:.4rem;justify-content:space-between}.q-verse .q-ar-row .q-ar{flex:1;min-width:0}.q-vtools{flex:none;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding-top:.55rem}.q-verse .q-vtools .q-mark{position:static}.q-vplay{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;padding:0;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold-deep);transition:background-color .15s ease,color .15s ease}.q-vplay svg{width:20px;height:20px;grid-area:1 / 1}.q-vplay:hover{background:var(--primary);color:var(--btn-ink)}.q-vplay .vp-pause{display:none}body.qa-playing .q-verse.playing .q-vplay{background:var(--primary);color:var(--btn-ink)}body.qa-playing .q-verse.playing .q-vplay .vp-play{display:none}body.qa-playing .q-verse.playing .q-vplay .vp-pause{display:block}#verses.ar-flow .q-vtools{display:none}.q-verse .q-num{cursor:pointer;position:relative}.q-verse .q-num:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 45%,transparent)}.q-verse.has-ribbon .q-num{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff}.q-verse.has-ribbon .q-num i{color:#fff}.q-verse.ribbon-glow{animation:ribbon-glow 3.2s ease-out;border-radius:10px}.q-verse.ribbon-glow .q-ar{animation:ribbon-ink 3.2s ease-out}@keyframes ribbon-glow{0%,45%{background:color-mix(in srgb,var(--gold) 22%,transparent)}to{background:transparent}}@keyframes ribbon-ink{0%,45%{color:var(--gold-deep)}to{color:inherit}}.ribbon-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,12px);background:var(--ink-strong);color:var(--surface);font-size:.86rem;padding:.6rem 1rem;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:90;max-width:calc(100% - 32px);text-align:center}.ribbon-toast.on{opacity:1;transform:translate(-50%)}#verses{position:relative}.ribbon-rail{display:none}@media (min-width: 900px) and (hover: hover){.ribbon-rail{display:block;position:absolute;top:1.2rem;bottom:1.2rem;right:.15rem;width:20px;cursor:pointer}.ribbon-rail:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;border-radius:2px;background:color-mix(in srgb,var(--gold) 28%,transparent);transition:background-color .15s ease}.ribbon-rail:hover:before{background:color-mix(in srgb,var(--gold) 60%,transparent)}.ribbon-ghost{position:absolute;left:3px;top:0;width:14px;height:22px;background:var(--gold-deep);opacity:0;clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%);transition:opacity .15s ease;pointer-events:none}.ribbon-rail:hover .ribbon-ghost{opacity:.85}}html[data-qscript=indopak] #verses .q-ar,html[data-qscript=indopak] #verses .q-bismillah{font-family:"IndoPak",var(--font-ar)}html[data-qscript=indopak] #verses .q-ar{font-size:calc(1.75rem * var(--ar-scale));line-height:2.5}html[data-qscript=indopak] #verses.ar-flow .q-verse .q-ar{line-height:2.7}html[data-qscript=indopak] #verses.ar-flow{text-align:right;text-align-last:right}html[data-qscript=indopak] .qs-ip{font-family:"IndoPak",var(--font-ar);line-height:2.4}.set-script .ss-ar{font-family:var(--font-ar);font-size:1.05rem;margin-left:.3rem;font-weight:400}.set-script .ss-ip{font-family:"IndoPak",var(--font-ar)}.set-script button{display:flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap}.set-script .ss-ar{display:inline-block;margin-left:0;line-height:1.3;white-space:nowrap}.set-script .ss-ip{font-size:.95rem;line-height:1.3}.menu-controls{display:flex;align-items:center;gap:.6rem;margin-top:1.1rem;padding-top:1rem;border-top:1px dashed var(--line)}.set-install{display:block}.set-install .set-note{margin:0 0 .75rem}.set-install .btn{display:block;width:100%;text-align:center;margin-top:.5rem}.set-install .btn[hidden]{display:none}.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:.8rem}.badge{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem .9rem;text-align:center;opacity:.55;transition:transform .15s ease}.badge.earned{opacity:1;border-color:var(--gold);background:linear-gradient(160deg,var(--surface),var(--gold-soft));box-shadow:var(--shadow)}.badge:hover{transform:translateY(-3px)}.badge .badge-medal{display:grid;place-items:center;width:46px;height:46px;margin:0 auto .4rem;border-radius:50%;background:var(--surface-2);color:var(--muted)}.badge.earned .badge-medal{background:var(--gold);color:#160d08}.badge .badge-medal svg{width:26px;height:26px}.badge .badge-name{display:block;font-weight:700;font-size:.92rem;color:var(--ink-strong)}.badge .badge-sub{display:block;color:var(--muted);font-size:.76rem;margin-top:.15rem}.vod{position:relative;background:var(--surface);border:1px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.8rem 1.5rem 1.5rem;text-align:center;margin-top:1.4rem;overflow:hidden}.vod:before{content:"";position:absolute;inset:0;background:radial-gradient(420px 200px at 85% 0%,rgba(240,201,138,.28),transparent 70%);pointer-events:none}.vod .vod-kicker{color:var(--gold-deep);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.vod .vod-ar{font-family:var(--font-ar);font-size:clamp(1.5rem,3.2vw,2.1rem);line-height:2;direction:rtl;color:var(--ink-strong);margin:.6rem 0 .2rem}.vod .vod-tr{font-style:italic;color:var(--muted);font-size:.88rem}.vod .vod-en{font-size:1.02rem;margin-top:.5rem}.vod .vod-src{display:inline-block;margin-top:.6rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--gold-deep);background:var(--gold-soft);padding:.15rem .6rem;border-radius:999px}.vod .btn{margin-top:.9rem;font-size:.88rem;padding:.55rem 1.2rem}.start-strip{background:linear-gradient(120deg,var(--primary-soft),var(--gold-soft));border-radius:var(--radius);padding:1.3rem 1.4rem;margin-top:1.4rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.start-strip .ss-text{flex:1;min-width:220px}.start-strip h3{color:var(--ink-strong);font-size:1.08rem;margin-bottom:.15rem}.start-strip p{color:var(--ink);font-size:.9rem;opacity:.85}.start-strip .btn{font-size:.9rem;padding:.6rem 1.2rem}.surah-picks{display:grid;gap:.7rem;margin:1rem 0 .9rem}.pick{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.pick[open]{border-color:var(--gold);background:var(--surface-2)}.pick>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .6rem;padding:.85rem 1rem;cursor:pointer;list-style:none}.pick>summary::-webkit-details-marker{display:none}.pick>summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.pick-ar{font-family:var(--font-ar);font-size:calc(1.3rem * var(--ar-scale));color:var(--primary)}.pick-en{font-weight:700;color:var(--deep)}.pick-meta{font-size:.78rem;color:var(--muted);margin-inline-start:auto}.pick-vs{list-style:none;margin:0;padding:0 1rem 1rem}.pv{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 0;border-top:1px solid var(--line);position:relative}.pv-n{position:absolute;inset-inline-start:-.1rem;top:.8rem;font-size:.7rem;font-weight:700;color:var(--gold-deep);opacity:.7}.pv-ar{font-family:var(--font-ar);font-size:calc(1.5rem * var(--ar-scale));line-height:2.1;direction:rtl;color:var(--ink-strong);text-align:right}.pv-tr{font-size:1.02rem;font-weight:600;color:var(--primary);padding-inline-start:1.1rem}.pv-en{font-size:.88rem;color:var(--muted);padding-inline-start:1.1rem}.picks-foot{font-size:.78rem;color:var(--muted)}@media (max-width: 520px){.pick-meta{margin-inline-start:0;width:100%}.pv-ar{font-size:calc(1.32rem * var(--ar-scale))}}.tagline{display:inline-block;vertical-align:middle;margin-inline-start:.5rem;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);background:var(--gold-soft);padding:.16rem .55rem;border-radius:999px}.tagline.req{color:var(--btn-ink);background:var(--primary)}.inline-ar{font-family:var(--font-ar);font-size:calc(1.15em * var(--ar-scale));line-height:2}.fard-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.92rem}.fard-table th,.fard-table td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}.fard-table th{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.fard-table td:last-child{white-space:nowrap;font-weight:600}.fard-table .is-req{color:var(--primary)}.fard-table .is-sun{color:var(--gold-deep)}.table-scroll{overflow-x:auto}.prayer-player{border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;margin:1rem 0 1.4rem}.pp-stage{position:relative;aspect-ratio:1 / 1;background:#f3ded6}.pp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease}.pp-img.on{opacity:1}.pp-cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem;padding:.85rem 1rem .2rem}.pp-n{width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center}.pp-name{font-weight:700;color:var(--deep)}.pp-say{font-size:.9rem;font-weight:600;color:var(--gold-deep)}.pp-do{width:100%;font-size:.88rem;color:var(--muted)}.pp-bar{display:flex;align-items:center;gap:.4rem;padding:.7rem 1rem .9rem}.pp-btn{flex:none;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface-2);color:var(--deep);border-radius:50%;cursor:pointer;padding:0}.pp-btn svg{width:20px;height:20px}.pp-play{background:var(--primary);border-color:var(--primary);color:var(--btn-ink)}.pp-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.pp-play .i-pause,.playing .pp-play .i-play{display:none}.playing .pp-play .i-pause{display:block}.pp-dots{display:flex;gap:.3rem;margin-inline-start:auto;flex-wrap:wrap}.pp-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:var(--line);cursor:pointer}.pp-dot.on{background:var(--primary);transform:scale(1.25)}@media (prefers-reduced-motion: reduce){.pp-img{transition:none}}.src-flag{display:inline-block;margin-inline-start:.4rem;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-deep);background:var(--gold-soft);padding:.1rem .4rem;border-radius:999px;vertical-align:1px}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1.1rem}.story-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.story-card:hover,.story-card:focus-visible{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 12px 28px #160d081f}.sc-img{display:block;background:#f3ded6}.sc-img img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.sc-body{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 1rem 1rem;position:relative}.sc-num{position:absolute;top:-14px;inset-inline-end:1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary);color:#fff;font-size:.78rem;font-weight:700;box-shadow:0 2px 8px #160d0833}.sc-name{font-weight:700;font-size:1.02rem;color:var(--deep);padding-inline-end:2rem}.sc-ar{font-family:var(--font-ar);font-weight:400;color:var(--primary);margin-inline-start:.4rem}.sc-meta{font-size:.86rem;color:var(--muted)}.story-card.is-done{border-color:var(--gold)}.story-card.is-done .sc-num{background:var(--gold-deep)}.story-hero{margin:1.4rem 0 0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#f3ded6}.story-hero img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.fold{border:1px solid var(--line);border-radius:16px;background:var(--surface-2);margin:1.1rem 0;overflow:hidden}.fold[open]{background:var(--surface);border-color:var(--gold)}.fold>summary{display:flex;flex-direction:column;gap:.15rem;padding:.9rem 2.4rem .9rem 1.1rem;cursor:pointer;list-style:none;position:relative}.fold>summary::-webkit-details-marker{display:none}.fold>summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.fold>summary:after{content:"";position:absolute;inset-inline-end:1.1rem;top:1.25rem;width:9px;height:9px;border-inline-end:2px solid var(--gold-deep);border-block-end:2px solid var(--gold-deep);transform:rotate(45deg);transition:transform .25s ease}.fold[open]>summary:after{transform:rotate(-135deg);top:1.5rem}.fold-t{font-weight:700;font-size:1.05rem;color:var(--deep)}.fold-s{font-size:.86rem;color:var(--muted)}.fold-in{padding:0 1.1rem .4rem}.fold-in>*:first-child{margin-top:0}.pt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pt-place{font-size:1.25rem;font-weight:700;color:var(--deep)}.pt-coords{font-size:.78rem;color:var(--muted)}.pt-hijri{font-size:.86rem;font-weight:600;color:var(--gold-deep);background:var(--gold-soft);padding:.25rem .7rem;border-radius:999px}.pt-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 .4rem;align-items:center}.pt-city{display:flex;gap:.4rem;flex:1 1 260px;min-width:0}.pt-city input{flex:1;font:inherit;font-size:.92rem;padding:.55rem .85rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);min-width:0}.pt-city input:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.btn-quiet{background:var(--surface-2);color:var(--deep);border:1px solid var(--line)}.pt-status{font-size:.9rem;color:var(--muted);margin:.6rem 0 0}.pt-next{margin:.8rem 0 0;font-size:1rem;color:var(--ink)}.pt-next strong{color:var(--primary)}.pt-list{list-style:none;padding:0;margin:1rem 0 0}.pt-row{display:grid;grid-template-columns:1fr auto;gap:0 1rem;align-items:baseline;padding:.7rem .85rem;border-radius:12px;border-bottom:1px solid var(--line)}.pt-row.is-next{background:var(--primary-soft);border-bottom-color:transparent}.pt-row.is-sunrise{opacity:.72}.pt-name{grid-column:1;grid-row:1;font-weight:700;color:var(--deep)}.pt-ar{font-family:var(--font-ar);font-weight:400;color:var(--primary);margin-inline-start:.4rem}.pt-sub{grid-column:1;grid-row:2;font-size:.8rem;color:var(--muted)}.pt-time{grid-column:2;grid-row:1 / span 2;justify-self:end;align-self:center;font-size:1.15rem;font-weight:700;color:var(--deep);font-variant-numeric:tabular-nums;white-space:nowrap}.pt-live,.tp-live{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#2e9e63;box-shadow:0 0 #2e9e638c;animation:livePulse 2.2s ease-out infinite}@keyframes livePulse{0%{box-shadow:0 0 #2e9e6380}70%{box-shadow:0 0 0 7px #2e9e6300}to{box-shadow:0 0 #2e9e6300}}@media (prefers-reduced-motion: reduce){.pt-live,.tp-live{animation:none;box-shadow:0 0 0 3px #2e9e6338}}.pt-row.is-now{background:color-mix(in srgb,#2E9E63 9%,transparent)}.pt-row.is-now .pt-name{display:flex;align-items:center;gap:.45rem}.pt-nowtag{margin-left:.1rem;padding:.05rem .4rem;border-radius:999px;background:color-mix(in srgb,#2E9E63 16%,transparent);color:#1f7a4a;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tp-nowline{display:inline-flex;align-items:center;gap:.4rem}.tp-nowline strong{color:#1f7a4a}.tp-until{color:var(--muted)}.tp-nextline{display:block;margin-top:.15rem;font-size:.92em;color:var(--muted)}.tp-nextline strong{color:var(--ink-strong)}.pt-walk{grid-column:1 / -1;grid-row:3;justify-self:start;display:inline-flex;align-items:center;gap:.35rem;min-height:36px;margin-top:.3rem;padding:.25rem .7rem .25rem .5rem;border:1px solid var(--line);border-radius:999px;color:var(--primary);font-size:.78rem;font-weight:600;text-decoration:none}.pt-walk svg{width:13px;height:13px;fill:currentColor}.pt-walk:hover{background:var(--primary);border-color:var(--primary);color:var(--btn-ink)}.pt-row.is-sunrise .pt-walk{display:none}@media (pointer: coarse),(max-width: 760px){.pt-walk{min-height:40px}}.pt-settings{display:flex;flex-wrap:wrap;gap:1rem;margin:1.2rem 0 .6rem}.pt-field{display:flex;flex-direction:column;gap:.3rem;flex:1 1 240px;min-width:0}.pt-field>span{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.pt-field select{font:inherit;font-size:.92rem;padding:.5rem .7rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);max-width:100%}.madhab-switch{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;align-self:flex-start}.madhab-switch button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.86rem;font-weight:600;padding:.34rem 1rem;border-radius:999px;cursor:pointer}.madhab-switch button.on{background:var(--primary);color:var(--btn-ink)}.qibla-box{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center;justify-content:center;margin:1rem 0}.q-dial{position:relative;flex:none;width:190px;height:190px;border-radius:50%;border:2px solid var(--line);background:var(--surface-2);color:var(--primary)}.q-mark{position:absolute;font-size:.72rem;font-weight:700;color:var(--muted)}.q-n{top:6px;left:50%;transform:translate(-50%);color:var(--gold-deep)}.q-s{bottom:6px;left:50%;transform:translate(-50%)}.q-e{right:8px;top:50%;transform:translateY(-50%)}.q-w{left:8px;top:50%;transform:translateY(-50%)}.q-needle{position:absolute;inset:30px;display:block;transform-origin:50% 50%;transition:transform .6s cubic-bezier(.4,.16,.2,1)}.q-needle svg{width:100%;height:100%;display:block}.q-kaaba{position:absolute;top:0;left:50%;width:30px;height:30px;transform:translate(-50%,-50%);transform-origin:50% 50%;transition:transform .6s cubic-bezier(.4,.16,.2,1)}.q-kaaba svg{width:100%;height:100%;display:block}.kb-body{fill:var(--deep)}.kb-band,.kb-door{fill:var(--gold)}@media (prefers-reduced-motion: reduce){.q-kaaba{transition:none}}.q-dial.is-aligned{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,var(--surface-2));box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 18%,transparent)}.q-dial.is-aligned .q-needle{color:var(--ok)}.q-dial.is-aligned .q-hub{background:var(--ok)}.q-aligned{display:none;margin:0 0 .6rem;font-weight:700;color:var(--ok)}.q-aligned.show{display:block}.q-hub{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--gold)}.q-read{flex:1 1 220px}.q-deg{font-size:2.1rem;font-weight:700;color:var(--deep);line-height:1.1;font-variant-numeric:tabular-nums}.q-word{color:var(--primary);font-weight:600;margin-bottom:.6rem}.q-help{font-size:.86rem;color:var(--muted);margin:.4rem 0 0}@media (prefers-reduced-motion: reduce){.q-needle{transition:none}}.q-dial{transition:transform .35s cubic-bezier(.4,.16,.2,1)}#qLiveBtn{margin:.5rem 0 .2rem;font-size:.88rem;padding:.45rem 1rem}#qLive{font-size:.84rem}@media (prefers-reduced-motion: reduce){.q-dial{transition:none}}.group-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.55rem;margin:2.2rem 0 .9rem;font-size:1.15rem;color:var(--deep)}.group-head:first-of-type{margin-top:1.2rem}.group-n{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--gold-soft);color:var(--gold-deep);font-size:.76rem;font-weight:700}.group-sub{font-size:.88rem;font-weight:400;color:var(--muted)}.tool-card{background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--radius);padding:1.3rem 1.2rem 1.1rem;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:.55rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.tool-card:hover{transform:translateY(-3px);border-color:var(--gold);border-style:solid;background:var(--surface)}.tool-card .icon{width:46px;height:46px;border-radius:14px;background:var(--gold-soft);color:var(--gold-deep);display:grid;place-items:center}.tool-card h3{margin:0;font-size:1.05rem;color:var(--deep)}.tool-card p{margin:0;font-size:.92rem;color:var(--muted)}.qz-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:.9rem;margin-top:1.1rem}.qz-mode{font:inherit;text-align:left;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;display:flex;flex-direction:column;gap:.18rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.qz-mode:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 20px #160d081a}.qz-mode-name{font-weight:700;font-size:1.05rem;color:var(--deep)}.qz-mode-sub{font-size:.86rem;color:var(--primary);font-weight:600}.qz-mode-best{font-size:.78rem;color:var(--muted)}.qz-opts{display:grid;gap:.6rem;margin-top:1rem}.qz-opt{font:inherit;text-align:left;padding:.75rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.qz-opt:hover:not(:disabled){border-color:var(--primary)}.qz-opt:disabled{cursor:default}.qz-opt{position:relative;display:flex;align-items:center;gap:.7rem;color:var(--ink-strong);transition:border-color .2s ease,background .2s ease,color .2s ease,opacity .25s ease,transform .2s ease,box-shadow .2s ease}.qz-opt:disabled{color:var(--ink-strong);opacity:1}.qz-opt:disabled:not(.correct):not(.wrong){opacity:.45}.qz-opt:after{content:"";flex:none;margin-left:auto;width:26px;height:26px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:14px;opacity:0;transform:scale(.4)}.qz-opt.correct,.qz-opt.wrong{font-weight:600}.qz-opt.correct{border-color:#2e7d5b;color:#1d5a40;background:linear-gradient(135deg,#2e7d5b29,#2e7d5b12);box-shadow:0 6px 18px -8px #2e7d5b8c;animation:qz-pop .4s cubic-bezier(.2,.9,.3,1.3)}.qz-opt.correct:after{background-color:#2e7d5b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");opacity:1;transform:scale(1);transition:transform .35s cubic-bezier(.2,.9,.3,1.4) .1s,opacity .2s ease .1s}.qz-opt.wrong{border-color:#b3423a;color:#8a2a24;background:linear-gradient(135deg,#b3423a26,#b3423a0f);box-shadow:0 6px 18px -8px #b3423a80;animation:shake .35s ease}.qz-opt.wrong:after{background-color:#b3423a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11'/%3E%3C/svg%3E");opacity:1;transform:scale(1);transition:transform .35s cubic-bezier(.2,.9,.3,1.4) .1s,opacity .2s ease .1s}html[data-theme=dark] .qz-opt.correct{color:#9ae0be}html[data-theme=dark] .qz-opt.wrong{color:#f0a59f}@keyframes qz-pop{0%{transform:scale(.98)}55%{transform:scale(1.02)}to{transform:scale(1)}}.qz-why{margin-top:1rem;padding:.85rem 1rem;font-size:.95rem;line-height:1.55;border-left:4px solid var(--gold);background:var(--surface-2);border-radius:0 12px 12px 0;animation:qz-rise .35s ease both}.qz-why.ok{border-left-color:#2e7d5b;background:#2e7d5b1a}.qz-why.bad{border-left-color:#b3423a;background:#b3423a17}.qz-why .qz-verdict{display:block;font-size:1.02rem;margin-bottom:.25rem}.qz-why.ok .qz-verdict{color:#1d5a40}.qz-why.bad .qz-verdict{color:#8a2a24}.qz-why .qz-answer{display:block;margin-bottom:.3rem}html[data-theme=dark] .qz-why.ok .qz-verdict{color:#9ae0be}html[data-theme=dark] .qz-why.bad .qz-verdict{color:#f0a59f}@keyframes qz-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.qz-opt,.qz-why,.qz-opt.correct,.qz-opt.wrong{animation:none;transition:none}}.qz-src{display:block;font-size:.78rem;color:var(--muted);margin-top:.3rem}.qz-score{font-size:3rem;font-weight:700;color:var(--primary);line-height:1.1}.btn-ghost{background:transparent;color:var(--primary);border:1px solid var(--line)}@media (prefers-reduced-motion: reduce){.qz-mode{transition:none}.qz-mode:hover{transform:none}}.cal-today{position:relative;text-align:center;padding:1.6rem 1.2rem 1.4rem;border:1px solid var(--line);border-radius:22px 22px 18px 18px;background:var(--surface-2);overflow:hidden}.cal-today:before{content:"";position:absolute;inset:10px 10px auto;height:130px;border:1.5px solid rgba(200,154,69,.35);border-bottom:0;border-radius:999px 999px 0 0;pointer-events:none}.cal-moon{width:34px;height:34px;color:var(--gold);margin-bottom:.2rem}.cal-today-label{font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-deep)}.cal-today-h{font-size:1.45rem;font-weight:700;color:var(--deep);margin:.15rem 0}.cal-today-ar{font-family:var(--font-ar);font-size:1.35rem;color:var(--primary);margin:.1rem 0 .3rem}.cal-today-g{font-size:.9rem;color:var(--muted)}.cal-nav{display:flex;align-items:center;justify-content:space-between;gap:.6rem;scroll-margin-top:5rem}.cal-month-sub{font-size:.85rem;color:var(--muted);margin-top:.3rem}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;margin-top:.8rem}.cal-wd{text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.cal-wd.fri{color:var(--gold-deep)}.cal-day{position:relative;aspect-ratio:1 / 1;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem}.cal-day .hd{font-weight:700;color:var(--deep);line-height:1}.cal-day .gd{font-size:.62rem;color:var(--muted);line-height:1}.cal-day.fri{background:#c89a4514}.cal-day.today{border-color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}.cal-day.today .hd{color:var(--primary)}button.cal-day{font:inherit;color:inherit;padding:0;width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}button.cal-day:hover{border-color:var(--primary)}button.cal-day:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cal-day.sel{background:color-mix(in srgb,var(--primary) 16%,var(--surface));border-color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}.cal-day.sel .hd{color:var(--primary)}.cal-day .ev-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--gold)}.cal-dayinfo{margin-top:.9rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:1rem 1.1rem;scroll-margin-top:5rem}.cal-dayinfo[hidden]{display:none}.cdi-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.cdi-h{font-size:1.15rem;font-weight:700;color:var(--deep);margin:0}.cdi-ar{font-family:var(--font-ar);color:var(--primary);font-size:1.05rem}.cdi-g{font-size:.85rem;color:var(--muted);margin:.15rem 0 0}.cdi-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.cdi-tag{font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:#c89a4524;color:var(--gold-deep)}.cdi-tag.no{background:#b2542d1f;color:#b2542d}.content-section .cdi-items{margin:.75rem 0 0;padding:0;list-style:none}.content-section .cdi-items li{margin:0;padding:.55rem 0;border-top:1px solid var(--line);font-size:.9rem}.cdi-items li strong{color:var(--deep);display:block}.cdi-items li span{color:var(--muted);font-size:.82rem}.cdi-times{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.8rem}.cdi-t{border:1px solid var(--line);border-radius:10px;padding:.5rem .4rem;text-align:center}.cdi-t b{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.cdi-t span{font-weight:700;color:var(--deep);font-size:.98rem}.cdi-t.key{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.cdi-t.key b{color:var(--primary)}.cdi-place{font-size:.78rem;color:var(--muted);margin:.5rem 0 0}.cdi-note{font-size:.85rem;color:var(--muted);margin:.8rem 0 0}@media (max-width: 380px){.cdi-times{grid-template-columns:repeat(2,1fr)}}.cal-event{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.75rem .2rem;border-bottom:1px solid var(--line)}.cal-event:last-child{border-bottom:0}.cal-event-main{display:flex;flex-direction:column;gap:.12rem}.cal-event-main strong{color:var(--deep)}.cal-event-main span{font-size:.82rem;color:var(--muted)}.cal-event-when{text-align:right;flex:0 0 auto;display:flex;flex-direction:column;gap:.12rem}.cal-event-when span{font-weight:600;color:var(--primary);font-size:.9rem}.cal-event-when em{font-style:normal;font-size:.78rem;color:var(--muted)}.cal-months{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:.8rem;margin-top:1.1rem}.cal-month-tile{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:.8rem .9rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .6rem}.cal-month-tile.sacred{background:#c89a4512}@media (max-width: 760px){body[data-page=calendar] .page-hero{padding:1.1rem 1.1rem .7rem}body[data-page=calendar] .page-hero .kicker,body[data-page=calendar] .page-hero>p{display:none}body[data-page=calendar] .page-hero h1{font-size:1.55rem;margin:0}body[data-page=calendar] main>.content-section:first-child{margin-top:.8rem!important;padding:0;background:none;border:0;box-shadow:none}.cal-today{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"moon h h" "moon ar g";column-gap:.7rem;align-items:center;text-align:left;padding:.6rem .9rem;border-radius:16px}.cal-today:before,.cal-today-label{display:none}.cal-moon{grid-area:moon;width:26px;height:26px;margin:0}.cal-today-h{grid-area:h;font-size:1rem;margin:0;line-height:1.3;text-align:left}.cal-today-ar{grid-area:ar;font-size:.95rem;margin:0;text-align:left;line-height:1.5;white-space:nowrap}.cal-today-g{grid-area:g;font-size:.72rem;text-align:right;line-height:1.3}body[data-page=calendar] main>.content-section{padding:1rem;margin-top:.8rem}.cal-grid{gap:.25rem;margin-top:.6rem}.cal-day{border-radius:9px;aspect-ratio:1 / .84}.cal-month-sub{margin-top:.1rem}.cal-nav h2{font-size:1.15rem;text-align:center;line-height:1.25}.cal-nav .icon-btn{width:38px;height:38px;flex:none}.cal-months{gap:.45rem;margin-top:.8rem}.cal-month-tile{padding:.6rem .75rem;gap:.15rem .5rem}.cm-note{font-size:.76rem}.cal-event{padding:.6rem .1rem}}.cal-month-tile.now{border-color:var(--primary)}.cm-num{font-size:.72rem;font-weight:700;color:var(--muted)}.cm-names{display:flex;align-items:baseline;gap:.5rem}.cm-names strong{color:var(--deep)}.cm-names [lang=ar]{font-family:var(--font-ar);color:var(--primary)}.cm-note{flex-basis:100%;font-size:.8rem;color:var(--muted)}.cm-tag{position:absolute;top:.65rem;right:.75rem;font-size:.64rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-deep)}.cm-tag.now{color:var(--primary)}body[data-page=calendar]{--ramadan: #3E8C69}html[data-theme=dark] body[data-page=calendar]{--ramadan: #74C79E}.cal-grid.is-sacred .cal-day{background:#c89a4521;border-color:#c89a4573}.cal-grid.is-sacred .cal-day.fri{background:#c89a453d}.cal-grid.is-ramadan .cal-day{background:color-mix(in srgb,var(--ramadan) 11%,var(--surface));border-color:color-mix(in srgb,var(--ramadan) 40%,var(--surface))}.cal-grid.is-ramadan .cal-day.fri{background:color-mix(in srgb,var(--ramadan) 20%,var(--surface))}.cal-grid.is-ramadan .cal-day .hd{color:color-mix(in srgb,var(--ramadan) 70%,var(--deep))}.cal-grid .cal-day.sel,.cal-grid .cal-day.today{border-color:var(--primary)}.cal-grid .cal-day.sel{background:color-mix(in srgb,var(--primary) 16%,var(--surface))}.cal-grid .cal-day.sel .hd{color:var(--primary)}.cal-month-tile.ramadan{background:color-mix(in srgb,var(--ramadan) 9%,var(--surface))}.cm-tag.fast{color:var(--ramadan)}.cal-event.is-link{cursor:pointer;border-radius:10px;transition:background .15s}.cal-event.is-link:hover{background:color-mix(in srgb,var(--primary) 7%,transparent)}.cal-event.is-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nav-dd{position:relative;display:inline-block}.nav-dd>button{font:inherit;font-size:.92rem;display:inline-flex;align-items:center;gap:.25rem;padding:.45rem .8rem;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}.nav-dd>button:hover{background:var(--primary-soft);color:var(--primary)}.nav-dd>button.here{background:var(--gold);color:#160d08;font-weight:600}.dd-caret{width:13px;height:13px;transition:transform .18s ease}.nav-dd.open .dd-caret{transform:rotate(180deg)}.nav-dd-panel{position:absolute;top:calc(100% + 10px);left:50%;min-width:280px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px #160d080d,0 22px 48px -16px #160d0847;padding:.5rem;z-index:60;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.7,.2,1),visibility 0s linear .22s}.nav-dd-panel:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.nav-dd.open .nav-dd-panel{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.7,.2,1),visibility 0s}@media (hover: hover) and (pointer: fine){.nav-dd:hover .nav-dd-panel,.nav-dd:focus-within .nav-dd-panel{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .18s ease .06s,transform .22s cubic-bezier(.2,.7,.2,1) .06s,visibility 0s .06s}.nav-dd:hover .dd-caret{transform:rotate(180deg)}.nav-dd.dd-shut:hover .nav-dd-panel,.nav-dd.dd-shut:focus-within .nav-dd-panel{opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:none}.nav-dd[data-g=tools].dd-shut:hover .nav-dd-panel{transform:translateY(6px)}.nav-dd:hover>button:not(.here){background:var(--primary-soft);color:var(--primary)}}@media (prefers-reduced-motion: reduce){.nav-dd-panel{transition:none!important;transform:translate(-50%)}}.nav-dd-panel.is-mega{display:grid;grid-template-columns:250px 1fr;width:min(600px,calc(100vw - 32px));padding:0;overflow:hidden}.nav-dd-panel.is-mega:before{z-index:1}.nav-dd-panel.is-mega .dd-list{padding:.6rem}.nav-dd-panel.is-mega .dd-feature{background:var(--surface-2);padding:1rem 1.1rem 1.1rem;border-left:1px solid var(--line)}.nav-dd-panel .dd-h{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}.nav-dd-panel a.dd-now{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding:0;background:none;border-radius:0;color:var(--ink-strong)}.nav-dd-panel a.dd-now[hidden]{display:none}.nav-dd-panel a.dd-now:not([hidden]){animation:dd-now-in .22s ease both}@keyframes dd-now-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.nav-dd-panel a.dd-now:not([hidden]){animation:none}}.nav-dd-panel a.dd-now:hover{background:none}.nav-dd-panel .dd-now-img{display:block;width:100%;border-radius:14px;overflow:hidden;margin-bottom:.55rem;background:color-mix(in srgb,var(--gold) 14%,var(--surface-2))}.nav-dd-panel .dd-now-img img{display:block;width:100%;height:150px;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.nav-dd-panel a.dd-now:hover .dd-now-img img{transform:scale(1.04)}.nav-dd-panel .dd-now-title{font-size:1.08rem;font-weight:700;line-height:1.25}.nav-dd-panel .dd-now-ar{font-family:var(--font-ar);font-size:1.3rem;line-height:1.9;color:var(--ink-strong);text-align:right;margin-top:.1rem}.nav-dd-panel .dd-now-en{font-size:.84rem;line-height:1.45;color:var(--muted);font-style:italic}.nav-dd-panel .dd-now-go{margin-top:.45rem;font-size:.84rem;font-weight:600;color:var(--gold-deep)}.nav-dd-panel a.dd-now:hover .dd-now-go{color:var(--primary)}.nav-dd-panel.is-tools{width:min(560px,calc(100vw - 32px));padding:.75rem}.nav-dd-panel .dd-ask{display:flex;align-items:center;gap:.55rem;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:.35rem .4rem .35rem .8rem;margin:0 0 .6rem;transition:border-color .15s ease,box-shadow .15s ease}.nav-dd-panel .dd-ask:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 25%,transparent)}.nav-dd-panel .dd-ask svg{width:17px;height:17px;color:var(--gold-deep);flex:none}.nav-dd-panel .dd-ask input{flex:1;min-width:0;border:0;background:none;outline:none;font:inherit;font-size:.95rem;color:var(--ink-strong);padding:.4rem 0}.nav-dd-panel .dd-ask button{flex:none;font:inherit;font-size:.85rem;font-weight:600;border:0;border-radius:9px;padding:.45rem .9rem;background:var(--gold);color:#160d08;cursor:pointer}.nav-dd-panel .dd-ask button:hover{filter:brightness(1.05)}.nav-dd-panel .dd-cols{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .5rem}.nav-dd-panel .dd-cols .dd-h{display:block;margin:.35rem .85rem .2rem}.nav-dd-panel a.dd-foot{display:flex;align-items:center;gap:.6rem;margin:.55rem -.75rem -.75rem;padding:.7rem 1.15rem;border-radius:0 0 18px 18px;border-top:1px solid var(--line);background:var(--surface-2);font-size:.84rem;color:var(--muted)}.nav-dd-panel a.dd-foot svg{width:18px;height:18px;color:var(--gold-deep);flex:none}.nav-dd-panel a.dd-foot strong{color:var(--ink-strong);font-weight:600}.nav-dd-panel a.dd-foot:hover{background:color-mix(in srgb,var(--gold) 12%,var(--surface-2))}.nav-dd-panel a.dd-foot:hover strong{color:var(--primary)}.nav-dd[data-g=tools] .nav-dd-panel{left:auto;right:0;transform:translateY(6px)}.nav-dd[data-g=tools].open .nav-dd-panel{transform:none}@media (hover: hover) and (pointer: fine){.nav-dd[data-g=tools]:hover .nav-dd-panel,.nav-dd[data-g=tools]:focus-within .nav-dd-panel{transform:none}}.nav-dd-panel a{display:flex;align-items:flex-start;gap:.8rem;padding:.62rem .85rem;border-radius:12px;color:var(--ink-strong);transition:background-color .14s ease}.nav-dd-panel .dd-t{display:flex;flex-direction:column;gap:.1rem;font-size:.95rem;font-weight:600;line-height:1.3}.nav-dd-panel .dd-s{font-size:.8rem;font-weight:400;color:var(--muted);line-height:1.35}.nav-dd-panel .dd-num{flex:none;width:1.6rem;padding-top:.05rem;font-family:var(--font-display, inherit);font-size:1.05rem;font-weight:700;color:var(--gold-deep);font-variant-numeric:lining-nums}.nav-dd-panel a:hover{background:var(--surface-2);color:var(--ink-strong)}.nav-dd-panel a:hover .dd-t{color:var(--primary)}.nav-dd-panel a{position:relative}.nav-dd-panel a+a{margin-top:2px}.nav-dd-panel a.active{background:none;box-shadow:none}.nav-dd-panel a.active .dd-t{color:var(--gold-deep)}.nav-dd-panel a.active:before{content:"";position:absolute;left:.3rem;top:1.05rem;width:6px;height:6px;border-radius:50%;background:var(--gold)}.nav-dd-panel a.active:hover{background:var(--surface-2)}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;background:var(--surface);border-top:1px solid var(--line);padding:.3rem .4rem calc(.3rem + env(safe-area-inset-bottom))}.header-inner,.wrap,.site-footer,.hero-inner,.page-hero{padding-left:max(1.1rem,env(safe-area-inset-left));padding-right:max(1.1rem,env(safe-area-inset-right))}.tab-bar{padding-left:max(.4rem,env(safe-area-inset-left));padding-right:max(.4rem,env(safe-area-inset-right))}.tab-item{flex:1;position:relative;text-align:center;text-decoration:none}.tab-item>button{font:inherit;border:0;background:transparent;cursor:pointer;width:100%;padding:0}.tab-item svg{width:22px;height:22px;display:block;margin:.15rem auto 0;color:var(--muted)}.tab-item span{display:block;font-size:.62rem;font-weight:600;color:var(--muted);padding-bottom:.15rem}.tab-item.now svg,.tab-item.now span,.tab-item.open svg,.tab-item.open span{color:var(--primary)}.tab-item.now svg{color:var(--primary)}.tab-item.now span{color:var(--primary);font-weight:700}.tab-sheet{position:fixed;left:.6rem;right:.6rem;bottom:calc(64px + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 -10px 34px #160d0829;padding:.6rem;display:none;text-align:left;max-height:60vh;overflow-y:auto}.tab-item.open .tab-sheet{display:block}.tab-sheet-title{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);padding:.3rem .7rem .4rem}.tab-sheet a{display:block;padding:.6rem .7rem;border-radius:10px;font-size:.95rem;color:var(--ink)}.tab-sheet a:hover{background:var(--primary-soft);color:var(--primary)}body.has-audio .tab-bar{display:none!important}body.has-audio.has-tabbar{padding-bottom:0}@media (max-width: 700px){.site-nav{display:none!important}.tab-bar{display:flex}body.site-mode .site-nav{display:flex!important;flex:1 0 100%;order:3;flex-wrap:nowrap;overflow-x:auto;gap:.1rem;padding:.1rem 0 .3rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}body.site-mode .site-nav::-webkit-scrollbar{display:none}body.site-mode .site-nav a,body.site-mode .site-nav .nav-dd>button{white-space:nowrap;font-size:.86rem}body.has-tabbar{padding-bottom:calc(56px + env(safe-area-inset-bottom))}body.has-tabbar.has-np{padding-bottom:calc(136px + env(safe-area-inset-bottom))}body.has-tabbar:not([data-page=home]) .site-footer{display:none}body.has-tabbar[data-page=home] .site-footer{padding-bottom:0}body.has-tabbar[data-page=home] .foot-legal{margin-bottom:0;padding-bottom:0;border-bottom:none}}.nav-dd-panel a,.tab-sheet a{text-decoration:none}.zc-basis{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.9rem}.zc-basis-btn{font:inherit;text-align:left;padding:.85rem 1rem;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;display:flex;flex-direction:column;gap:.25rem}.zc-basis-btn strong{color:var(--deep)}.zc-basis-btn span{font-size:.8rem;color:var(--muted)}.zc-basis-btn.on{border-color:var(--primary);background:#8a63210f}.zc-basis-btn.on strong{color:var(--primary)}.zc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.6rem}.zc-field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.zc-field span{font-size:.82rem;color:var(--muted)}.zc-field input{font:inherit;font-size:1.05rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--deep);width:100%}.zc-field input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.zc-field input[aria-invalid=true]{border-color:#c0392b;box-shadow:0 0 0 1px #c0392b}.zc-hint{font-size:.82rem;color:var(--muted);margin-top:.6rem}.zc-hint a{color:var(--primary)}.zc-nisab{margin-top:.9rem;padding:.7rem .9rem;border-left:3px solid var(--line);background:var(--surface-2);border-radius:0 12px 12px 0;font-size:.9rem;color:var(--muted)}.zc-nisab.ready{border-left-color:var(--gold);color:var(--ink)}.zc-nisab span{color:var(--muted);font-size:.82rem}.zc-result{text-align:center;padding:1.5rem 1.2rem;border:1.5px solid var(--line);border-radius:18px;background:var(--surface-2);display:flex;flex-direction:column;gap:.3rem}.zc-result-label{font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-deep)}.zc-result strong{font-size:2.6rem;line-height:1.1;color:var(--deep)}.zc-result.due strong{color:var(--primary)}.zc-result>span:last-child{font-size:.86rem;color:var(--muted);max-width:46ch;margin:0 auto}@media (max-width: 640px){.zc-basis,.zc-grid{grid-template-columns:1fr}}.tab-sheet a{display:flex;align-items:center;gap:.7rem}.nav-dd-panel a svg,.tab-sheet a svg{width:19px;height:19px;flex:0 0 auto}.tab-sheet a svg{width:21px;height:21px}.ic-chip{flex:0 0 auto;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ic, var(--primary)) 55%,transparent),inset 0 0 0 3px var(--surface),inset 0 0 0 4px color-mix(in srgb,var(--ic, var(--primary)) 18%,transparent)}html[data-theme=dark] .ic-chip{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ic, var(--primary)) 42%,#FFE9C9),inset 0 0 0 3px var(--surface),inset 0 0 0 4px color-mix(in srgb,var(--ic, var(--primary)) 20%,transparent)}.ic-chip svg{width:19px;height:19px}.tab-sheet a .ic-chip,.nav-dd-panel a .ic-chip{display:inline-grid;place-items:center}.tab-sheet .ic-chip{width:38px;height:38px}.tab-sheet .ic-chip svg{width:21px;height:21px}.nav-dd-panel a.active .ic-chip,.tab-sheet a.active .ic-chip{background:color-mix(in srgb,var(--ic, var(--primary)) 22%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ic, var(--primary)) 70%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--ic, var(--primary)) 22%,var(--surface)),inset 0 0 0 4px color-mix(in srgb,var(--ic, var(--primary)) 30%,transparent)}.nm-tools{display:flex;align-items:center;gap:.8rem;margin-top:1rem}.nm-tools input{flex:1;font:inherit;padding:.65rem .9rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--deep)}.nm-tools input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.nm-count{font-size:.8rem;color:var(--muted);white-space:nowrap}.nm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:.8rem;margin:1.2rem 0}.nm-card{position:relative;text-align:center;padding:1.1rem .8rem .95rem;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;flex-direction:column;gap:.22rem;transition:transform .18s ease,box-shadow .18s ease}.nm-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #160d0817}.nm-num{position:absolute;top:.5rem;left:.7rem;font-size:.66rem;font-weight:700;color:var(--muted)}.nm-ar{font-family:var(--font-ar);font-size:calc(1.75rem * var(--ar-scale));line-height:1.4;color:var(--primary)}.nm-tr{font-weight:700;font-size:.92rem;color:var(--deep)}.nm-en{font-size:.78rem;color:var(--muted)}@media (prefers-reduced-motion: reduce){.nm-card{transition:none}.nm-card:hover{transform:none}}.hero-inner .btn{margin:.4rem .25rem 0}.hero .float-arch,.hero .float-orb,.hero:before,.hero:after,.page-hero:before,.page-hero:after{z-index:0;pointer-events:none}.hero-inner{position:relative;z-index:2}.page-hero>*{position:relative;z-index:2}.tab-sheet a svg{margin:0;width:21px;height:21px}.tab-sheet a span{display:inline;font-size:.95rem;font-weight:500;color:inherit;padding:0}.pt-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}.pt-chips a{font-size:.82rem;font-weight:600;padding:.38rem .85rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--primary);text-decoration:none}.pt-chips a:hover{border-color:var(--primary);background:var(--primary-soft)}.pt-adhan{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem}.pt-adhan .btn.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.pt-credit{font-size:.75rem;color:var(--muted);margin:.45rem 0 0}@media (pointer: coarse),(max-width: 760px){.icon-btn{width:44px;height:44px}.mode-switch button{min-height:40px}.btn,.done-chip,.pt-city input,.pt-city .btn,.pt-field select{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.figure-switch button,.madhab-switch button,.mode-switch button,.theme-switch button,.story-toggle button,.quran-view button{min-height:40px;padding-inline:1.1rem}.figure-switch,.madhab-switch,.mode-switch,.theme-switch{padding:.3rem}.quiz-opt{min-height:48px}.fold>summary,.pick>summary{min-height:52px}.ps-flip{min-height:44px}.pp-dot,.q-dial{touch-action:manipulation}input,select,textarea{font-size:16px}}.scene svg text{font-family:Outfit,sans-serif}.sc-ink{stroke:var(--deep)}.sc-gold{stroke:var(--gold)}.sc-clay{stroke:var(--primary)}.f-gold{fill:var(--gold)}.f-clay{fill:var(--primary)}.f-ink{fill:var(--deep)}.f-muted{fill:var(--muted)}.glow-pulse{animation:glowPulse 3.4s ease-in-out infinite;transform-origin:center}@keyframes glowPulse{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:.85;transform:scale(1.12)}}.travel{animation:travel 9s ease-in-out infinite}@keyframes travel{0%{offset-distance:0%}to{offset-distance:100%}}.sun-arc{animation:sunArc 8s ease-in-out infinite}@keyframes sunArc{0%{transform:translateY(34px);opacity:0}12%{opacity:1}50%{transform:translate(84px,-16px);opacity:1}88%{opacity:1}to{transform:translate(168px,34px);opacity:0}}.tip-l{animation:tipL 5s ease-in-out infinite;transform-origin:110px 40px}@keyframes tipL{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.fall{animation:fallDown 2.6s ease-in infinite;opacity:0}.fall.d2{animation-delay:.65s}.fall.d3{animation-delay:1.3s}.fall.d4{animation-delay:1.95s}@keyframes fallDown{0%{transform:translateY(-16px);opacity:0}20%{opacity:1}75%{opacity:1}to{transform:translateY(46px);opacity:0}}.grow{animation:growUp 5s ease-out infinite;transform-origin:bottom center}@keyframes growUp{0%{transform:scaleY(.15);opacity:.2}60%,to{transform:scaleY(1);opacity:1}}.beat{animation:beat 2.4s ease-in-out infinite;transform-origin:center}@keyframes beat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.07)}}.ripple-w{animation:rippleW 3.2s ease-out infinite;opacity:0;transform-origin:46px 62px}.ripple-w.w2{animation-delay:1.05s}.ripple-w.w3{animation-delay:2.1s}@keyframes rippleW{0%{transform:scale(.3);opacity:.9}to{transform:scale(1.8);opacity:0}}.flicker{animation:flicker 2.8s ease-in-out infinite;transform-origin:bottom center}@keyframes flicker{0%,to{transform:scaleY(1) scaleX(1);opacity:.95}45%{transform:scaleY(.55) scaleX(.88);opacity:.5}}.join-l{animation:joinL 5.5s ease-in-out infinite}.join-r{animation:joinR 5.5s ease-in-out infinite}@keyframes joinL{0%,to{transform:translate(-13px)}50%{transform:translate(0)}}@keyframes joinR{0%,to{transform:translate(13px)}50%{transform:translate(0)}}.twinkle{animation:twinkle 3s ease-in-out infinite}.twinkle.t2{animation-delay:.9s}.twinkle.t3{animation-delay:1.8s}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.glow-pulse,.travel,.sun-arc,.tip-l,.fall,.grow,.beat,.ripple-w,.flicker,.join-l,.join-r,.twinkle{animation:none}.fall,.ripple-w{opacity:1}}.era-shot{margin:1rem 0 1.2rem;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#f3ded6}.era-shot img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.era-shot figcaption{padding:.6rem .9rem .7rem;font-size:.84rem;font-style:italic;color:var(--muted);background:var(--surface-2)}.tts-bar{border-radius:22px}.tts-row{display:flex;align-items:center;gap:.45rem;margin-top:.15rem;flex-wrap:nowrap}.tts-step{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid rgba(245,239,226,.35);background:transparent;color:#f5efe2;font-size:1rem;line-height:1;cursor:pointer}.tts-step:hover{background:#f5efe224}.tts-sel{min-width:0;max-width:46%;flex:1 1 auto;background:#f5efe21f;color:#f5efe2;border:1px solid rgba(245,239,226,.3);border-radius:999px;padding:.25rem .6rem;font-size:.78rem;font-family:inherit}.tts-sel.tts-rate{flex:0 0 auto;max-width:none}.tts-sel option{color:#160d08;background:#f5ebdd}.book-p.tts-now{background:var(--gold-soft);box-shadow:0 0 0 9px var(--gold-soft);border-radius:8px}@media (max-width: 520px){.tts-sel.tts-voice{max-width:38vw}}body.has-tts{padding-bottom:116px}body.has-tts .book-fab{bottom:104px}body.has-tts .book-toast{bottom:158px}.td-hero h1{font-size:clamp(1.6rem,4.5vw,2.4rem)}.td-hero p{margin-top:.35rem}.td-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.6rem 0 1rem}.td-head h2{margin:0;font-size:1.25rem;color:var(--ink-strong)}.td-cust{position:relative}.tdc-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:55;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:.6rem .8rem;min-width:220px;display:flex;flex-direction:column;gap:.35rem}.tdc-pop[hidden]{display:none}.tdc-in-settings{position:static;min-width:0;width:auto;padding:.2rem 0 .5rem;border:none;background:none;box-shadow:none}.tdc-row{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--ink);cursor:pointer}.tdc-row input{accent-color:var(--primary);width:16px;height:16px}.td-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(305px,100%),1fr));gap:1rem;margin-bottom:2rem}.td-install{display:flex;align-items:center;gap:.75rem;border:1.5px dashed var(--gold-deep);border-radius:16px;padding:.85rem .9rem .85rem 1.05rem;background:var(--surface);margin:0 0 1.6rem}.td-install .tdi-txt{flex:1 1 auto;min-width:0}.td-install strong{display:block;font-size:.95rem;color:var(--ink-strong)}.td-install small{display:block;font-size:.82rem;color:var(--muted);margin-top:.15rem}.td-install .btn{flex:0 0 auto;padding:.45rem .95rem;font-size:.84rem}.td-install .tdi-x{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border:0;background:none;border-radius:999px;color:var(--muted);cursor:pointer}.td-install .tdi-x svg{width:16px;height:16px}@media (max-width: 700px){.td-install{flex-wrap:wrap}.td-install .tdi-txt{flex:1 1 100%;order:1}.td-install .btn{order:2;min-height:44px}.td-install .tdi-x{order:3;margin-left:auto;width:44px;height:44px}}.td-quick,.hdr-date{display:none}.td-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.15rem 1.2rem 1.25rem;display:flex;flex-direction:column;gap:.55rem;min-width:0}.td-card .td-title{margin:0;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.td-card h3{margin:.1rem 0 .2rem;font-size:1.2rem;color:var(--ink-strong)}.td-card .btn{align-self:flex-start;margin-top:.35rem}.td-kick{margin:0;font-size:.8rem;font-weight:600;color:var(--primary);letter-spacing:.04em}.td-sub{margin:.15rem 0 0;font-size:.88rem;color:var(--muted)}.td-more{font-size:.85rem;color:var(--primary);text-decoration:none;margin-top:.5rem;display:inline-block}.td-more:hover{text-decoration:underline}.td-card[data-td-card=learn]>div,.td-card[data-td-card=quran]>div{flex:1 1 auto;display:flex;flex-direction:column;gap:.35rem}.td-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.1rem;margin-top:auto;padding-top:.55rem}.td-card .td-actions .btn,.td-actions .td-more{margin-top:0}@media (min-width: 700px){.td-grid{grid-auto-flow:row dense}.td-card-verse,.td-card[data-td-card=name]{grid-row:span 2}.td-card-verse .vod{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}}.td-empty p{margin:0 0 .6rem;font-size:.92rem;color:var(--muted)}.td-next{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.td-next-name{font-size:1.35rem;font-weight:700;color:var(--ink-strong)}.td-next-in{font-size:.95rem;color:var(--primary);font-weight:600;white-space:nowrap}.td-times{list-style:none;margin:.3rem 0 0;padding:0;display:flex;flex-direction:column;gap:.28rem}.td-times li{display:flex;justify-content:space-between;font-size:.92rem;color:var(--ink);padding:.28rem .55rem;border-radius:9px}.td-times li.on{background:var(--gold-soft);font-weight:600;color:var(--ink-strong)}.td-times li strong{font-variant-numeric:tabular-nums;font-weight:600}.td-foot{display:flex;justify-content:space-between;gap:.6rem;margin:.55rem 0 0;font-size:.82rem;color:var(--muted)}.td-foot a{color:var(--primary);text-decoration:none}#tdProgressBody{flex:1 1 auto;display:flex;flex-direction:column;gap:1rem}.sk-hero{display:flex;align-items:center;gap:.9rem;margin-top:.2rem}.sk-flame{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.sk-flame svg{width:24px;height:24px}.sk-hero.is-lit .sk-flame{background:linear-gradient(145deg,var(--gold),var(--primary));color:#fff;border-color:transparent;box-shadow:0 6px 16px -8px var(--gold)}.sk-num{display:block;font-family:var(--font-display, inherit);font-size:2.3rem;line-height:1;font-weight:700;color:var(--ink-strong);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.sk-lbl{display:block;margin-top:.25rem;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.sk-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sk-row>div{padding:.75rem 0}.sk-row>div+div{padding-left:1rem;border-left:1px solid var(--line)}.sk-row strong{display:block;font-size:1.2rem;color:var(--ink-strong);font-variant-numeric:tabular-nums;line-height:1.2}.sk-row strong small{font-size:.85rem;color:var(--muted);font-weight:600}.sk-row span{display:block;margin-top:.15rem;font-size:.8rem;color:var(--muted)}.sk-bar-top{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);margin-bottom:.4rem}.sk-bar-top span:last-child{font-variant-numeric:tabular-nums}.sk-bar .progress{height:6px}.sk-foot{margin-top:auto;display:flex;flex-direction:column;gap:.25rem}.sk-foot .td-sub{margin:0}.sk-foot .td-more{margin-top:.2rem;align-self:flex-start}.td-q{margin:0;font-weight:600;color:var(--ink-strong);font-size:.98rem}.td-opts{display:flex;flex-direction:column;gap:.4rem}.td-opt{text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:.55rem .75rem;font-family:inherit;font-size:.9rem;color:var(--ink);cursor:pointer;transition:border-color .12s,background .12s}.td-opt:hover{border-color:var(--primary)}.td-opt.correct{border-color:#4c8a57;background:#609e6b24;font-weight:600}.td-opt.wrong{border-color:#a6403a;background:#8a63211f}.td-why p{margin:.2rem 0;font-size:.88rem;color:var(--ink)}.td-dates{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.td-dates li a{display:flex;justify-content:space-between;gap:.7rem;align-items:baseline;color:inherit;text-decoration:none;border-radius:8px}.td-dates li a:hover strong{color:var(--primary)}.td-dates strong{display:block;font-size:.95rem;color:var(--ink-strong)}.td-dates span{font-size:.8rem;color:var(--muted)}.td-dates em{font-style:normal;font-size:.82rem;color:var(--primary);font-weight:600;white-space:nowrap}.td-skel{display:flex;flex-direction:column;gap:.5rem}.td-skel span{height:16px;border-radius:8px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--line) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:td-shimmer 1.3s infinite linear}.td-skel span:first-child{height:28px;width:60%}@keyframes td-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.td-skel span{animation:none}}.sr-head{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:.55rem .9rem .15rem}.dua-toolbar{display:flex;gap:.6rem;margin:1.4rem 0 .9rem;align-items:stretch}.dua-search{flex:1;display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem}.dua-search svg{width:18px;height:18px;color:var(--muted);flex:none}.dua-search input{border:none;background:none;outline:none;width:100%;font-family:inherit;font-size:.95rem;color:var(--ink)}.dua-saved-toggle{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;font-family:inherit;font-size:.9rem;color:var(--ink);cursor:pointer}.dua-saved-toggle svg{width:16px;height:16px}.dua-saved-toggle.on{background:var(--gold-soft);border-color:var(--gold);color:var(--ink-strong);font-weight:600}.dua-cats{display:flex;flex-wrap:wrap;gap:.4rem;padding-bottom:.5rem;margin-bottom:1rem}.dua-cats button{flex:none;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem;font-family:inherit;font-size:.85rem;color:var(--ink);cursor:pointer}.dua-cats button.on{background:var(--primary);border-color:var(--primary);color:var(--btn-ink);font-weight:600}@media (max-width: 700px){.dua-cats{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%)}.dua-cats::-webkit-scrollbar{display:none}.dua-cats button{scroll-snap-align:start}}.dua-grid{columns:2 22rem;column-gap:1rem}.dua-grid.is-single{columns:auto;max-width:780px;margin:0 auto}.dua-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.15rem 1.25rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;min-width:0;width:100%;break-inside:avoid;margin:0 0 1rem}.dua-body,.dua-mean{display:flex;flex-direction:column;gap:.5rem;min-width:0}.dua-grid.is-set{columns:auto;max-width:780px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 1px 2px #3c28140a,0 12px 32px -18px #3c28142e}.dua-grid.is-set .dua-card{border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:1.7rem 2rem 1.5rem;gap:.75rem;background:transparent}.dua-grid.is-set .dua-card:last-child{border-bottom:0}.dua-grid.is-set .dua-top{gap:.8rem}.dua-grid.is-set .dua-cat{background:none;padding:0;color:var(--gold-deep);font-size:.74rem;letter-spacing:.12em}.dua-grid.is-set .dua-count{display:none}.dua-grid.is-set .dua-card h2{font-size:1.28rem}.dua-grid.is-set .dua-ar{font-size:calc(1.8rem * var(--ar-scale));line-height:2.15;text-align:right;margin:.3rem 0 .2rem}.dua-grid.is-set .dua-tr{font-size:.95rem}.dua-grid.is-set .dua-en{font-size:1.02rem;line-height:1.65}.dua-grid.is-set .dua-note{background:none;border-radius:0;border-left:3px solid color-mix(in srgb,var(--gold) 45%,transparent);padding:.05rem 0 .05rem .85rem;font-size:.9rem;line-height:1.6}.dua-grid.is-set .dua-foot{padding-top:.2rem;font-size:.85rem}.dua-ring{--p: 0;flex:none;width:52px;height:52px;border-radius:50%;border:0;padding:0;cursor:pointer;touch-action:manipulation;font:inherit;font-size:.8rem;font-weight:700;color:var(--gold-deep);display:grid;place-items:center;background:radial-gradient(closest-side,var(--surface) 78%,transparent 80% 100%),conic-gradient(var(--gold) calc(var(--p) * 1%),var(--gold-soft) 0);transition:transform .12s ease}.dua-ring:active{transform:scale(.94)}.dua-grid.is-set .dua-ring{margin-left:auto}.dua-grid.is-set .dua-ring+.dua-save{margin-left:.2rem}.dua-ring.done{color:var(--ok, #2E7D5B);background:radial-gradient(closest-side,var(--surface) 78%,transparent 80% 100%),conic-gradient(var(--ok, #2E7D5B) 100%,var(--ok, #2E7D5B) 0)}@media (max-width: 600px){.dua-grid.is-set{border-radius:18px}.dua-grid.is-set .dua-card{padding:1.2rem 1.1rem 1.1rem}.dua-grid.is-set .dua-ar{font-size:calc(1.55rem * var(--ar-scale))}.dua-ring{width:46px;height:46px}}@media (min-width: 900px){.dua-grid.is-single,.dua-grid.is-set{max-width:900px}.dua-grid.is-single .dua-card{padding:1.6rem 1.9rem 1.5rem;gap:.7rem}.dua-grid.is-single .dua-card h2,.dua-grid.is-set .dua-card h2{font-size:1.4rem}.dua-grid.is-single .dua-ar,.dua-grid.is-set .dua-ar{font-size:calc(2.05rem * var(--ar-scale));line-height:2.1}.dua-grid.is-single .dua-tr,.dua-grid.is-set .dua-tr{font-size:1.04rem;line-height:1.6}.dua-grid.is-single .dua-en,.dua-grid.is-set .dua-en{font-size:1.14rem;line-height:1.65}.dua-grid.is-single .dua-note,.dua-grid.is-set .dua-note{font-size:.98rem;line-height:1.6}.dua-grid.is-single .dua-foot,.dua-grid.is-set .dua-foot{font-size:.95rem}}.dua-card h2{margin:0;font-size:1.12rem;color:var(--ink-strong)}.dua-top{display:flex;align-items:center;gap:.5rem}.dua-cat{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:.22rem .6rem}.dua-count{font-size:.78rem;font-weight:700;color:var(--gold-deep);background:var(--gold-soft);border-radius:999px;padding:.22rem .55rem}.dua-sets{margin:1.6rem 0 1.4rem}.dua-sets-h{font-size:1.1rem;margin:0 0 .8rem}.dua-sets-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.dua-set-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink-strong);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.dua-set-card:hover,.dua-set-card:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow, 0 6px 18px rgba(0,0,0,.08));border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.dua-set-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.dua-set-card.on{border-color:var(--gold)}.dua-set-card img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.dua-set-name{font-weight:700;font-size:1rem;padding:.75rem .9rem .1rem}.dua-set-meta{font-size:.82rem;color:var(--muted);padding:0 .9rem .85rem}.dua-set-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:0 0 1.1rem;scroll-margin-top:calc(var(--header-h, 64px) + 12px)}.dua-set-head h2{margin:0 0 .25rem}.dua-set-head p{margin:0;color:var(--muted);max-width:60ch}.dua-set-head .btn{flex:none}.dua-sets{scroll-margin-top:calc(var(--header-h, 64px) + 12px)}.dua-card{scroll-margin-top:calc(var(--header-h, 64px) + 16px)}.dua-toolbar[hidden],.dua-cats[hidden],.dua-set-head[hidden]{display:none}@media (max-width: 900px){.dua-sets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.dua-set-head{flex-direction:column}.dua-set-name{font-size:.92rem;padding:.6rem .7rem .05rem}.dua-set-meta{padding:0 .7rem .7rem}}.dua-save{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;padding:.3rem;border-radius:8px}.dua-save svg{width:20px;height:20px;display:block}.dua-save.on{color:var(--gold-deep)}.dua-save:hover{color:var(--primary)}.dua-ar{font-family:var(--font-ar);font-size:calc(1.45rem * var(--ar-scale));line-height:2.05;color:var(--ink-strong);margin:.2rem 0}.dua-tr{font-size:.9rem;font-style:italic;color:var(--muted);margin:0}html[data-translit=off] .dua-tr{display:none}.dua-en{font-size:.95rem;color:var(--ink);margin:0}.dua-note{font-size:.86rem;color:var(--muted);margin:0;background:var(--surface-2);border-radius:11px;padding:.55rem .75rem}.dua-foot{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin-top:.2rem;flex-wrap:wrap}.dua-play{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:.84rem;font-weight:600;color:var(--gold-deep);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:999px;padding:.36rem .85rem .36rem .65rem;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease,color .15s ease}.dua-play svg{width:15px;height:15px}.dua-play:hover{background:color-mix(in srgb,var(--gold) 28%,var(--surface))}.dua-play.on{background:var(--gold);color:#160d08;border-color:var(--gold)}.dua-foot .dua-play+.src{margin-right:auto}.pr-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:.7rem;margin:1.3rem 0}.pr-pick button{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:.95rem .6rem;font-family:inherit;cursor:pointer;text-align:center;color:var(--ink-strong);transition:transform .12s,border-color .12s}.pr-pick button:hover{transform:translateY(-2px);border-color:var(--primary)}.pr-pick strong{display:block;font-size:1.05rem}.pr-pick span{font-size:.8rem;color:var(--muted)}.pr-stage{max-width:660px;margin:0 auto}.pr-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.8rem}.pr-rakat{font-size:.85rem;font-weight:700;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:.3rem .8rem}.pr-quit{font-size:.85rem;color:var(--muted);text-decoration:none}.pr-quit:hover{color:var(--primary)}.pr-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1.3rem 1.4rem 1.5rem;text-align:center}.pr-card img{width:min(300px,70vw);height:auto;border-radius:16px;margin:.4rem auto;display:block}.pr-card h2{margin:.2rem 0 .1rem;font-size:1.3rem;color:var(--ink-strong)}.pr-say{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:.8rem 0 .2rem}.pr-ar{font-family:var(--font-ar);font-size:calc(1.4rem * var(--ar-scale));line-height:2;color:var(--ink-strong);margin:.2rem 0;direction:rtl}.pr-tr{font-size:.9rem;font-style:italic;color:var(--muted);margin:.2rem 0}html[data-translit=off] .pr-tr{display:none}.pr-en{font-size:.93rem;color:var(--ink);margin:.2rem 0}.pr-hint{font-size:.85rem;color:var(--muted);background:var(--surface-2);border-radius:11px;padding:.55rem .8rem;margin-top:.7rem;text-align:left}.pr-nav{display:flex;gap:.6rem;justify-content:center;margin-top:1.1rem}.pr-progress{height:5px;background:var(--surface-2);border-radius:99px;margin:1rem 0 0;overflow:hidden}.pr-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--primary));border-radius:99px;transition:width .25s}.pr-fig-switch{margin:.4rem auto 0}.q-note-btn{flex:none;background:none;border:none;color:var(--muted);cursor:pointer;padding:.3rem;border-radius:8px;opacity:.55}.q-note-btn svg{width:17px;height:17px;display:block}.q-note-btn:hover{opacity:1;color:var(--primary)}.q-note-btn.has{opacity:1;color:var(--gold-deep)}html:not([data-qnotes=on]) .q-verse .q-note-btn:not(.has){display:none}.q-note-box{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:.75rem .9rem;margin:.5rem 0 .8rem}.q-note-label{font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:var(--gold-deep);margin-bottom:.45rem}.q-note-label span{text-transform:none;letter-spacing:0;font-weight:500;color:var(--muted)}.q-note-box textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem;font-family:inherit;font-size:.92rem;color:var(--ink);background:var(--surface);resize:vertical}.q-note-actions{display:flex;gap:.5rem;margin-top:.55rem}.q-note-actions .btn{padding:.4rem 1rem;font-size:.85rem}.mz-modes{display:flex;gap:.4rem;margin:1.2rem 0 1rem}.mz-modes button{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.5rem .6rem;font-family:inherit;font-size:.9rem;color:var(--ink);cursor:pointer}.mz-modes button.on{background:var(--primary);border-color:var(--primary);color:var(--btn-ink);font-weight:600}.mz-verse{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem 1.15rem;margin-bottom:.8rem}.mz-verse.done{border-color:var(--gold)}.mz-ar-wrap{position:relative;cursor:pointer}.mz-ar{font-family:var(--font-ar);font-size:calc(1.6rem * var(--ar-scale));line-height:2.15;color:var(--ink-strong);margin:0;direction:rtl;transition:filter .15s,opacity .15s}.mz-veil{display:none}.mz-blur:not(.revealed) .mz-ar{filter:blur(7px)}.mz-hide:not(.revealed) .mz-ar{opacity:0}.mz-hide:not(.revealed) .mz-veil,.mz-blur:not(.revealed) .mz-veil{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;font-size:.85rem;color:var(--muted);font-weight:600}.mz-blur:not(.revealed) .mz-veil{color:transparent}.mz-row{display:flex;align-items:center;gap:.45rem;margin-top:.6rem;flex-wrap:wrap}.mz-n{font-size:.8rem;font-weight:700;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:.2rem .6rem}.mz-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 .5rem;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;color:var(--ink);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.mz-btn svg{width:15px;height:15px}.mz-btn:hover{border-color:var(--primary);color:var(--primary)}.mz-btn.playing{background:var(--primary);border-color:var(--primary);color:var(--btn-ink)}.mz-mem{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem;background:none;border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;font-family:inherit;font-size:.82rem;color:var(--muted);cursor:pointer}.mz-mem svg{width:15px;height:15px}.mz-mem.on{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-deep);font-weight:700}.pth-current{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--gold-soft);border:1px solid var(--gold);border-radius:16px;padding:1rem 1.2rem;margin-top:1.4rem}.pth-current strong{display:block;color:var(--ink-strong)}.pth-cur-main{display:flex;flex-direction:column;gap:.5rem}.pth-cur-mins{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pth-min-label{font-size:.82rem;color:var(--muted)}.pth-cur-actions{display:flex;gap:.5rem;flex-wrap:wrap}.pth-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:.8rem}.pth-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;transition:transform .12s,border-color .12s}.pth-card:hover{transform:translateY(-2px);border-color:var(--primary)}.pth-card.on{border-color:var(--primary);background:var(--primary-soft)}.pth-card strong{font-size:1.05rem;color:var(--ink-strong)}.pth-card span{font-size:.87rem;color:var(--muted)}.pth-card em{font-style:normal;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary)}.pth-go{margin-top:.25rem;font-size:.86rem;font-weight:700;color:var(--primary)}.pth-go:after{content:" \2192"}.pth-mins{display:inline-flex;gap:.35rem;flex-wrap:wrap}.pth-mins button{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.4rem .8rem;font-family:inherit;font-size:.88rem;font-weight:600;color:var(--ink-strong);cursor:pointer}.pth-mins button.on,.pth-mins button:hover{border-color:var(--primary);background:var(--primary-soft)}.td-plan{list-style:none;margin:.2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.55rem}.td-plan a{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem;text-decoration:none;color:inherit}.td-plan .tp-main strong{display:block;font-size:.97rem;color:var(--ink-strong)}.td-plan .tp-main span{font-size:.8rem;color:var(--muted)}.td-plan em{font-style:normal;font-size:.8rem;color:var(--primary);font-weight:700;white-space:nowrap}.td-plan a:hover .tp-main strong{color:var(--primary)}.td-plan .progress{margin-top:.3rem}.rv-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1.5rem 1.4rem 1.7rem;margin-top:1rem;text-align:center;cursor:pointer;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:.6rem}.rv-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.rv-topic{font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--muted)}.rv-front p{margin:0;font-size:1.15rem;font-weight:600;color:var(--ink-strong)}.rv-ar{font-family:var(--font-ar);font-size:calc(1.7rem * var(--ar-scale));margin:0 0 .3rem;color:var(--ink-strong)}.rv-answer{margin:0;font-size:1.1rem;font-weight:700;color:var(--primary)}.rv-why{margin:.3rem 0 .4rem;font-size:.92rem;color:var(--ink)}.rv-flip-hint{font-size:.8rem;color:var(--muted)}.rv-actions{display:flex;gap:.7rem;margin-top:1rem}.rv-actions[hidden]{display:none}.rv-actions .btn{flex:1;display:flex;flex-direction:column;gap:.1rem;padding:.7rem .5rem}.rv-actions .btn span{font-size:.72rem;font-weight:500;opacity:.85}.hc-list{display:flex;flex-direction:column;gap:.55rem}.hc-list label{display:flex;align-items:flex-start;gap:.65rem;background:var(--surface-2);border-radius:12px;padding:.65rem .85rem;font-size:.94rem;color:var(--ink);cursor:pointer}.hc-list input{accent-color:var(--primary);width:18px;height:18px;flex:none;margin-top:.1rem}.hc-list label:has(input:checked){opacity:.72;text-decoration:line-through;text-decoration-color:var(--gold);text-decoration-thickness:1px}.hc-list a{color:var(--primary)}.hc-progress{display:flex;align-items:center;gap:.7rem;margin-top:.8rem}.hc-progress .progress{flex:1;margin:0}.hc-pct{font-size:.85rem;font-weight:700;color:var(--primary);white-space:nowrap}.hc-notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:.8rem}.hc-notes label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--ink-strong)}.hc-notes textarea{border:1px solid var(--line);border-radius:11px;padding:.55rem .7rem;font-family:inherit;font-size:.92rem;font-weight:400;color:var(--ink);background:var(--surface);resize:vertical}.hc-days details{border:1px solid var(--line);border-radius:14px;margin-bottom:.6rem;background:var(--surface);overflow:hidden}.hc-days summary{display:flex;justify-content:space-between;align-items:baseline;gap:.7rem;padding:.8rem 1rem;cursor:pointer;list-style:none}.hc-days summary::-webkit-details-marker{display:none}.hc-days summary strong{color:var(--ink-strong);font-size:.97rem}.hc-days summary span{font-size:.8rem;color:var(--primary);font-weight:600;white-space:nowrap}.hc-days details[open] summary{border-bottom:1px solid var(--line);background:var(--surface-2)}.hc-days details p{margin:0;padding:.8rem 1rem .95rem;font-size:.92rem;color:var(--ink)}.prophet-grid:has(.tile-thumb){grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}.prophet-tile .tile-thumb{flex:0 0 auto;position:relative;width:88px;height:60px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.prophet-tile .tile-thumb img{display:block;width:100%;height:100%;object-fit:cover}.prophet-tile:has(.tile-thumb) .prophet-num{width:1.1rem;height:auto;border-radius:0;background:none;box-shadow:none;color:var(--muted);font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;place-items:center end}.prophet-tile.is-done:has(.tile-thumb) .prophet-num{background:none;color:var(--primary);font-size:.85rem}.prophet-tile .prophet-name .meta{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 480px){.prophet-tile .tile-thumb{width:72px;height:50px}}.skip-link{position:absolute;left:-9999px;top:0;z-index:3000;background:var(--primary);color:#fff7ec;padding:.6rem 1rem;border-radius:0 0 12px;font-weight:600;text-decoration:none}.skip-link:focus{left:0}.ptf-list li.ptf-extra{color:var(--muted);font-size:.82rem}.ptf-list li.ptf-extra:first-of-type{border-top:1px dashed var(--line);margin-top:.35rem;padding-top:.45rem}.td-fast{margin:.55rem 0 0;font-size:.82rem;color:var(--muted)}.td-fast strong{color:var(--ink-strong);font-variant-numeric:tabular-nums}.goal-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 2.4rem}.goal-chip{display:inline-block;padding:.6rem 1.05rem;border:1.5px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink-strong);font-weight:600;font-size:.92rem;text-decoration:none;transition:border-color .15s,background .15s,transform .15s}.goal-chip:hover{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)}.goal-chip-quiet{color:var(--muted);font-weight:500;border-style:dashed}.feature-paths .module-card h3{margin-top:.2rem}.dir-details{margin:0 0 2.6rem}.dir-details>summary{list-style:none;cursor:pointer;display:block;padding:1.1rem 1.3rem;border:1.5px solid var(--line);border-radius:16px;background:var(--card)}.dir-details>summary::-webkit-details-marker{display:none}.dir-details>summary>span{display:block;font-weight:700;color:var(--ink-strong);font-size:1.05rem}.dir-details>summary>span:after{content:" \25be";color:var(--primary)}.dir-details[open]>summary>span:after{content:" \25b4"}.dir-details>summary>em{display:block;font-style:normal;color:var(--muted);font-size:.88rem;margin-top:.2rem}.dir-details>summary:hover{border-color:var(--primary)}.dir-details[open]>summary{margin-bottom:1.6rem}.sw-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--chrome-bottom, 84px) + 12px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:center;white-space:nowrap;max-width:calc(100vw - 1.6rem);gap:.7rem;padding:.55rem .6rem .55rem 1rem;background:var(--card);border:1.5px solid var(--line);border-radius:999px;box-shadow:0 8px 28px #28180a2e;font-size:.9rem;color:var(--ink-strong)}.sw-toast .btn{padding:.4rem .95rem;font-size:.85rem;flex:none}.sw-toast>span{overflow:hidden;text-overflow:ellipsis;min-width:0}@media (max-width: 460px){.sw-toast{font-size:.84rem;gap:.45rem;padding-left:.85rem}.sw-toast .btn{padding:.38rem .8rem}}.chapter-bar{display:none}@media (max-width: 760px){.chapter-bar{display:none;gap:.4rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;position:sticky;top:var(--header-h, 56px);z-index:40;margin:0 -.9rem 1.1rem;padding:.6rem .9rem;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 26px),transparent 100%)}.chapter-bar::-webkit-scrollbar{display:none}.chapter-bar a{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;min-height:38px;padding:.35rem .85rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:.84rem;font-weight:500;text-decoration:none;white-space:nowrap}.chapter-bar a.on{background:var(--primary);border-color:var(--primary);color:var(--btn-ink);font-weight:600}.content-section.is-collapsible{margin-bottom:.7rem;scroll-margin-top:calc(var(--header-h, 56px) + 12px)}.content-section.is-collapsible>h2{display:flex;align-items:flex-start;gap:.55rem;min-height:44px;margin:0;padding:.6rem 0;cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:1.06rem;line-height:1.35;letter-spacing:-.005em}.content-section.is-collapsible>h2 .sec-num{flex:none;min-width:1.05rem;font-size:.95rem;line-height:1.35;text-align:right}.content-section.is-collapsible>h2:after{content:"";flex:none;margin-left:auto;margin-top:.3rem;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s ease}.content-section.is-open>h2:after{transform:rotate(-135deg) translate(-2px,-2px)}.content-section.is-collapsible:not(.is-open){padding-top:.35rem;padding-bottom:.35rem;border-bottom:1px solid var(--line)}.content-section.is-collapsible:not(.is-open)>.sec-body{display:none}.content-section.is-collapsible>.sec-body{animation:secOpen .22s ease}@keyframes secOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion: reduce){.content-section.is-collapsible>.sec-body{animation:none}}.pw{--pw-scale: 1;margin:1.2rem 0 0}@media (max-width: 620px){.pr-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem .7rem;margin-bottom:.6rem}.pr-rakat{grid-column:1;grid-row:1;justify-self:start;font-size:.8rem;white-space:nowrap}.pr-quit{grid-column:2;grid-row:1;justify-self:end;white-space:nowrap;font-size:.8rem}.pr-fig-switch{grid-column:1 / -1;grid-row:2;justify-self:start;flex-wrap:nowrap}.pr-fig-switch button{white-space:nowrap}}.pw-rakat{margin:1.6rem 0 .6rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);text-align:center}.pw-rakat:before,.pw-rakat:after{content:"";display:inline-block;width:28px;height:1px;margin:0 .6rem;vertical-align:4px;background:var(--line)}.pw-step{margin:0 0 .5rem;scroll-margin-top:calc(var(--header-h, 56px) + 52px)}.pw-band{position:sticky;top:var(--header-h, 56px);z-index:30;margin:0;padding:.55rem .9rem;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pw-body{border-left:3px solid transparent;padding:.9rem .2rem 1.4rem .9rem;transition:border-color .2s ease,opacity .2s ease}.pw-step.is-now .pw-band{background:var(--primary);color:var(--btn-ink)}.pw-step.is-now .pw-body{border-left-color:var(--primary)}.pw-step.is-done .pw-body{opacity:.55}.pw-pose{display:block;width:min(230px,62%);height:auto;margin:0 auto .5rem;border-radius:14px;background:var(--surface-2)}.pw-hint{margin:0 0 .8rem;font-size:calc(.88rem * var(--pw-scale));font-style:italic;color:var(--muted);text-align:center}.pw-line{padding:.7rem 0;border-top:1px solid var(--line)}.pw-line:first-of-type{border-top:none;padding-top:.2rem}.pw-tag{margin-left:.5rem;padding:.1rem .45rem;border-radius:999px;background:var(--gold-soft);color:var(--gold-deep);font-size:.62rem;letter-spacing:.06em}.pw-step.is-sunnah .pw-band{background:var(--gold-soft);color:var(--gold-deep)}.pw-listen{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem;min-height:32px;padding:0 .7rem;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.76rem;font-weight:700;cursor:pointer;opacity:.85}.pw-listen svg{width:12px;height:12px}.pw-listen:hover{opacity:1}.pw-step.is-reciting .pw-band{background:#2e7d5b;color:#fff}.pw-step.is-reciting .pw-listen{border-color:#fff}.pw-surahs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .7rem;align-items:center}.pw-surahs button{min-height:36px;padding:0 .75rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.pw-surahs button.on{background:var(--primary);border-color:var(--primary);color:var(--btn-ink)}.pw-surah-link{font-size:.78rem;color:var(--primary);text-decoration:none;margin-left:.2rem}.pw-surah-link:hover{text-decoration:underline}.pw-sound .pw-mute,.pw-sound.is-off .pw-wave{display:none}.pw-sound.is-off .pw-mute{display:block}.pw-sound.is-live{color:#2e7d5b}.pw-sound.is-live .pw-wave{animation:pwWave 1.4s ease-in-out infinite}@keyframes pwWave{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.pw-sound.is-live .pw-wave{animation:none}}@media (max-width: 560px){.pw-surahs button{min-height:40px}.pw-listen{min-height:36px}}.pw-step.is-sunnah.is-now .pw-band{background:var(--gold-deep);color:#fff8ea}.pw-step.is-sunnah.is-now .pw-body{border-left-color:var(--gold-deep)}.pw-src{margin:.8rem 0 0;font-size:calc(.76rem * var(--pw-scale));color:var(--muted);text-align:center}.pw-ar{margin:0 0 .35rem;font-family:var(--font-ar);font-size:calc(1.5rem * var(--pw-scale) * var(--ar-scale));line-height:2;color:var(--ink-strong);text-align:center}.pw-tr{margin:0 0 .3rem;font-size:calc(1rem * var(--pw-scale));font-weight:600;color:var(--ink-strong);text-align:center}html[data-translit=off] .pw-tr{display:none}.pw-en{margin:0;font-size:calc(.92rem * var(--pw-scale));color:var(--muted);text-align:center}.pw-bar{position:sticky;bottom:calc(.6rem + env(safe-area-inset-bottom,0px));z-index:45;display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin:1.4rem auto 0;max-width:26rem;padding:.5rem .6rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 28px #28180a29}body.has-tabbar .pw-bar{bottom:calc(var(--chrome-bottom, 62px) + 10px + env(safe-area-inset-bottom,0px))}.pw-btn{display:grid;place-items:center;width:48px;height:48px;border:none;border-radius:50%;background:none;color:var(--ink-strong);font-family:inherit;font-size:.86rem;font-weight:700;cursor:pointer}.pw-btn svg{width:22px;height:22px}.pw-btn:hover{background:var(--surface-2)}.pw-play{width:58px;height:58px;background:var(--primary);color:var(--btn-ink);box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 40%,transparent)}.pw-play:hover{background:var(--primary);filter:brightness(1.06)}.pw-play svg{width:26px;height:26px}.pw-size{flex-direction:row;align-items:baseline;gap:1px;display:inline-flex;justify-content:center}.pw-size span{font-size:.68em}@media (min-width: 761px){.pw-step{scroll-margin-top:calc(var(--header-h, 64px) + 60px)}.pw-body{padding-left:1.2rem}}.chip-tick{display:inline-block;width:0;overflow:hidden;opacity:0;color:var(--ok, #4E7C59);font-weight:700;transition:width .2s ease,opacity .2s ease,margin .2s ease}.chapter-bar a.is-done .chip-tick{width:.9em;opacity:1;margin-right:.35rem}.chapter-bar a.is-done{border-color:color-mix(in srgb,var(--ok, #4E7C59) 45%,var(--line))}.chapter-bar a.is-done.on .chip-tick{color:var(--btn-ink)}.chapter-bar a.just-ticked{animation:chipPop .42s ease}@keyframes chipPop{0%{transform:scale(1)}35%{transform:scale(1.12)}to{transform:scale(1)}}.done-chip.just-done{animation:donePop .45s cubic-bezier(.2,1.4,.5,1)}@keyframes donePop{0%{transform:scale(.94)}45%{transform:scale(1.06)}to{transform:scale(1)}}.sec-next{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;margin:.7rem 0 0 .5rem;padding:.5rem 1rem;border:1px solid var(--primary);border-radius:999px;background:var(--primary-soft);color:var(--primary);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;animation:nextIn .34s ease}.sec-next:hover{background:var(--primary);color:var(--btn-ink)}@keyframes nextIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cheer{position:fixed;left:50%;bottom:calc(var(--chrome-bottom, 84px) + 14px + env(safe-area-inset-bottom,0px));transform:translate(-50%,14px);z-index:95;display:flex;align-items:center;gap:.7rem;width:max-content;max-width:calc(100vw - 1.6rem);padding:.7rem 1.1rem .7rem .8rem;border-radius:999px;background:var(--card);border:1.5px solid var(--gold);box-shadow:0 10px 32px #28180a38;opacity:0;transition:opacity .3s ease,transform .3s ease}.cheer.is-in{opacity:1;transform:translate(-50%)}.cheer strong{display:block;font-size:.95rem;color:var(--ink-strong)}.cheer em{display:block;font-style:normal;font-size:.82rem;color:var(--muted)}.cheer-mark{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold-deep);font-weight:700}.content-section.sec-done>h2{color:var(--muted)}@media (pointer: coarse){.prophet-tile:active,.story-card:active,.nm-card:active,.tool-card:active,.path-card:active,.hd-book:active,.td-card .btn:active{transform:scale(.985)}.dua-card>h2:active,.term-card .term-head:active,.content-section.is-collapsible>h2:active{opacity:.72}}@media (prefers-reduced-motion: reduce){.chip-tick,.chapter-bar a.just-ticked,.done-chip.just-done,.sec-next,.cheer{animation:none!important;transition:none!important}}@media (max-width: 760px){.page-hero h1,.hero h1,.hero .hero-title{line-height:1.14}.page-hero h1{font-size:clamp(1.6rem,7.4vw,2rem)}.page-hero{padding-top:1.9rem;padding-bottom:1.6rem}.page-hero .lede,.page-hero>.wrap>p{font-size:.95rem;line-height:1.55}.content-section h2{line-height:1.2}.wrap{padding-bottom:1.6rem}.site-footer{margin-top:0;padding-top:1.2rem;padding-bottom:1.6rem}.foot-legal{margin-top:.9rem;padding-top:.9rem}}@media (pointer: coarse),(max-width: 760px){.hero-dot{position:relative}.hero-dot:after{content:"";position:absolute;inset:-20px -6px}.ptf-x{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}.dua-search{padding:.7rem 1rem}.dua-search input{min-height:26px}[data-min],.rv-topic button,.dua-cats button,.hd-mode button,.an-chip,.ask-chip{min-height:44px}.an-chip,.ask-chip{display:inline-flex;align-items:center}.an-link,.dr-more{display:inline-flex;align-items:center;min-height:44px}.dua-save,.dr-reset,.tsb-chip{min-width:44px;min-height:44px}.dua-save{display:inline-flex;align-items:center;justify-content:center}.q-bookmark-btn,.q-note-btn,.q-mark{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.an-chips{position:sticky;top:var(--header-h, 56px);z-index:40;margin-left:-.9rem;margin-right:-.9rem;padding:.55rem .9rem;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 26px),transparent 100%)}.an-chips::-webkit-scrollbar{display:none}.term-filter{position:sticky;top:calc(var(--header-h, 56px) + .5rem);z-index:39;box-shadow:0 6px 18px #28180a14}.prophet-tile{padding:.75rem .85rem;gap:.65rem}.prophet-tile .meta{font-size:.76rem;line-height:1.35}.prophet-tile .prophet-ar{font-size:calc(1.15rem * var(--ar-scale))}.nm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.nm-card{padding:.9rem .6rem .8rem}.dua-card>h2{display:flex;align-items:center;gap:.7rem;min-height:44px;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.dua-card>h2:after{content:"";flex:none;margin-left:auto;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .18s ease}.dua-card.is-open>h2:after{transform:rotate(-135deg)}.dua-card:not(.is-open)>.dua-fold{display:none}.dua-card:not(.is-open){padding-bottom:.9rem}.td-hero{background:none;text-align:left;display:flex;flex-direction:column;padding:.85rem .9rem .7rem}.td-hero:before,.td-hero:after{display:none}.td-hero .kicker{display:none}.td-hero h1{order:2;margin:.1rem 0 0;font-size:.86rem;font-weight:500;line-height:1.3;color:var(--muted)}.td-hero p:not(.kicker){order:1;margin:0;font-size:1.22rem;font-weight:700;line-height:1.2;color:var(--ink-strong)}body[data-page=today] .td-hero{display:none}.hdr-date{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1 1 auto;margin-left:.7rem;margin-right:.5rem}.header-inner .brand,.header-controls{flex:none}body[data-page=today] .header-inner{flex-wrap:nowrap}.hdr-date strong{font-size:.92rem;font-weight:700;color:var(--ink-strong);line-height:1.15;white-space:nowrap}.hdr-date span{font-size:.74rem;color:var(--muted);line-height:1.2;white-space:nowrap}.td-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem .35rem;margin:.1rem 0 .3rem}.tq{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem .2rem;border-radius:16px;text-decoration:none;color:var(--ink);font-size:.72rem;font-weight:600;text-align:center;line-height:1.2}.tq-ico{position:relative;display:grid;place-items:center}.tq-ico:after{content:none}.tq-ico .ic-chip{width:58px;height:58px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ic, var(--tq)) 60%,transparent),inset 0 0 0 4px var(--surface),inset 0 0 0 5px color-mix(in srgb,var(--ic, var(--tq)) 20%,transparent)}.tq-ico svg{position:relative;z-index:1;width:26px;height:26px;color:var(--ic, var(--tq))!important;filter:none}html[data-theme=dark] .tq-ico .ic-chip{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ic, var(--tq)) 45%,#FFE9C9),inset 0 0 0 4px var(--surface),inset 0 0 0 5px color-mix(in srgb,var(--ic, var(--tq)) 22%,transparent)}html[data-theme=dark] .tq-ico svg{color:color-mix(in srgb,var(--ic, var(--tq)) 45%,#FFE9C9)!important}.tq:active .tq-ico{transform:scale(.94)}.tq-ico{transition:transform .15s ease}body[data-page=today] #main{display:flex;flex-direction:column}body[data-page=today] .td-grid{order:1}body[data-page=today] .td-head{order:2;margin:.4rem 0 1.6rem;justify-content:center}body[data-page=today] .td-install{order:3;margin:0 0 1.2rem}.td-head h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.td-head .btn-quiet{padding:.35rem .9rem;font-size:.82rem;min-height:40px}.tg-card{padding:.9rem 1rem 1rem}.tg-t{font-size:1.05rem}.tg-note{font-size:.74rem}.td-more{display:grid;gap:1rem}.td-more[hidden]{display:none}.td-more-btn{min-height:48px;border:1px dashed var(--line);border-radius:16px;background:var(--surface-2);color:var(--ink);font-family:inherit;font-size:.92rem;font-weight:600;cursor:pointer}.td-more-btn:hover{border-color:var(--primary);color:var(--primary)}.term-card .term-head{min-height:44px;position:relative;padding-right:1.6rem}.term-card .term-head:after{content:"";position:absolute;right:2px;top:12px;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .18s ease}.term-card.is-open .term-head:after{transform:rotate(-135deg)}.term-card .term-lit{margin-bottom:0}.term-card:not(.is-open) .term-body{display:none}.term-card.is-open .term-body{padding-top:.7rem}.brand{min-height:44px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.menu-acc{border-top:1px solid var(--line)}.menu-acc:first-of-type{border-top:none}.menu-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.85rem .7rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-radius:10px;transition:color .15s ease,background .15s ease}.menu-acc>summary::-webkit-details-marker{display:none}@media (hover: hover){.menu-acc>summary:hover{color:var(--primary);background:var(--primary-soft)}}.menu-acc>summary:active{background:var(--primary-soft)}.menu-acc>summary svg{width:14px;height:14px;flex:none;transition:transform .22s cubic-bezier(.2,.7,.3,1)}.menu-acc[open]>summary{color:var(--ink-strong)}.menu-acc[open]>summary svg{transform:rotate(180deg)}.menu-acc>.menu-controls{margin-top:0;padding-top:.15rem;border-top:0}.menu-acc>.menu-controls:last-child{padding-bottom:.9rem}.menu-acc>.menu-controls>.set-row:first-child{padding-top:0}.menu-btn .mb-gear{display:none}.menu-btn .mb-burger{display:block;width:17px;height:12px;position:relative}.menu-btn .mb-burger span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .28s cubic-bezier(.2,.7,.3,1),opacity .18s ease}.menu-btn .mb-burger span:nth-child(1){top:0}.menu-btn .mb-burger span:nth-child(2){top:5px}.menu-btn .mb-burger span:nth-child(3){top:10px}.menu-btn.is-open .mb-burger span:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-btn.is-open .mb-burger span:nth-child(2){opacity:0;transform:scaleX(.4)}.menu-btn.is-open .mb-burger span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}@media (max-width: 700px){.menu-btn .mb-burger{display:none}.menu-btn .mb-gear{display:block;width:17px;height:17px}}.menu-panel{transition:transform .34s cubic-bezier(.32,.72,.22,1)}.menu-backdrop{background:#2a1b1061;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity .3s ease}@media (prefers-reduced-motion: reduce){.menu-panel,.menu-btn .mb-burger span,.menu-acc>summary svg{transition:none}}.ask-shell{margin-top:1.5rem;border:1px solid var(--line);border-radius:18px;background:var(--card, var(--bg-2));overflow:hidden;display:flex;flex-direction:column}.ask-log{padding:1.1rem;max-height:60vh;min-height:40vh;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.ask-msg{max-width:88%;border-radius:16px;padding:.8rem 1rem;font-size:.95rem;line-height:1.55}.ask-user{align-self:flex-end;background:var(--gold-soft);color:var(--ink-strong);border-bottom-right-radius:6px}.ask-user p{margin:0}.ask-bot{align-self:flex-start;background:var(--bg);border:1px solid var(--line);border-bottom-left-radius:6px}.ask-a{margin:0;font-weight:500;color:var(--ink-strong)}.ask-list{margin:.6rem 0 0;padding-left:1.3rem}.ask-list li{margin:.2rem 0}.ask-note{margin:.6rem 0 0;font-size:.86rem;color:var(--ink);opacity:.82}.ask-src{margin:.6rem 0 0;font-size:.78rem;opacity:.7}.ask-link{display:inline-block;margin-top:.55rem;font-size:.86rem;font-weight:600;color:var(--gold-deep);text-decoration:none}.ask-link:hover,.ask-link:focus-visible{text-decoration:underline}.ask-chips,.ask-related{display:flex;flex-wrap:wrap;gap:.45rem}.ask-related{margin-top:.7rem;align-items:center}.ask-related-label{font-size:.78rem;opacity:.7}.ask-chip{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:.4rem .85rem;font:inherit;font-size:.84rem;cursor:pointer;text-align:left}.ask-chip:hover,.ask-chip:focus-visible{border-color:var(--gold);background:var(--gold-soft)}.ask-form{display:flex;gap:.5rem;padding:.8rem;border-top:1px solid var(--line);background:var(--bg)}.ask-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);color:var(--ink);font:inherit;font-size:.95rem;padding:.65rem .9rem}.ask-form input:focus{outline:2px solid var(--gold);outline-offset:1px}.ask-form button{border:none;border-radius:12px;background:var(--gold);color:#160d08;width:46px;min-width:46px;cursor:pointer;display:grid;place-items:center}.ask-form button svg{width:20px;height:20px}.ask-form button:hover{background:var(--gold-deep);color:#fff8ea}@media (max-width: 700px){.ask-log{max-height:none;min-height:45vh}.ask-msg{max-width:94%}}.td-card-goals{grid-column:1 / -1;background:linear-gradient(140deg,color-mix(in srgb,var(--gold) 13%,var(--surface)) 0%,var(--surface) 46%);border-color:color-mix(in srgb,var(--gold) 34%,var(--line))}.tg-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tg-sub{margin:.2rem 0 0;font-size:.92rem;color:var(--muted)}.tg-ring{position:relative;width:56px;height:56px;flex:none}.tg-ring svg{width:56px;height:56px;transform:rotate(-90deg)}.tg-ring circle{fill:none;stroke-width:5;stroke-linecap:round}.tg-ring .tg-ring-bg{stroke:color-mix(in srgb,var(--ink-strong) 12%,transparent)}.tg-ring .tg-ring-fg{stroke:var(--gold);transition:stroke-dashoffset .35s ease}.tg-ring b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:1.15rem;font-weight:700;color:var(--ink-strong);line-height:1}.tg-ring b i{font-style:normal;font-size:.58rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.tg-ring .tg-ring-bg{stroke:color-mix(in srgb,var(--ink-strong) 9%,transparent)}.tg-ring.is-empty .tg-ring-fg{opacity:0}.tg-deck{list-style:none;margin:.9rem 0 0;padding:.15rem .15rem .4rem;display:flex;gap:.7rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tg-deck::-webkit-scrollbar{display:none}.tg-dots{display:flex;justify-content:center;gap:.4rem;margin-top:.55rem}.tg-dot{position:relative;width:7px;height:7px;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,var(--ink-strong) 18%,transparent);cursor:pointer;transition:background .2s ease,transform .2s ease}.tg-dot:after{content:"";position:absolute;inset:-18px -8px}.tg-dot[aria-current=true]{background:var(--gold-deep);transform:scale(1.25)}.tg-empty{color:var(--muted);font-size:.92rem}.tg-card{--tg: var(--primary);flex:0 0 min(320px,86%);scroll-snap-align:center;display:flex;flex-direction:column;padding:.95rem 1.05rem 1.05rem;border-radius:16px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--tg);transition:background .15s ease,opacity .2s ease}.tg-card.cat-quran{--tg: #3F7D5C}.tg-card.cat-dhikr{--tg: #B08234}.tg-card.cat-salah{--tg: #B25B34}.tg-card.cat-good{--tg: #7A6FA8}.tg-top{display:flex;align-items:center;gap:.4rem;margin:0 0 .6rem}.tg-t{margin:0;font-size:1.08rem;line-height:1.25;font-weight:700;color:var(--ink-strong)}.tg-d{margin:.4rem 0 0;font-size:.9rem;color:var(--ink)}.tg-m{margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.3rem .7rem;font-size:.76rem;color:var(--muted)}.tg-m .tg-times{color:var(--tg);font-weight:600}.tg-when{padding:.16rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--tg) 12%,transparent);color:var(--tg);font-size:.72rem;font-weight:700;white-space:nowrap}.tg-cat{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tg);background:color-mix(in srgb,var(--tg) 12%,transparent);padding:.28rem .55rem;border-radius:999px;white-space:nowrap}.tg-act{margin-top:auto;padding-top:.9rem;display:flex;gap:.5rem;align-items:center}.tg-tick{flex:1 1 auto;min-height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1.5px solid color-mix(in srgb,var(--tg) 45%,transparent);background:color-mix(in srgb,var(--tg) 8%,transparent);color:var(--tg);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease}.tg-tick svg{width:17px;height:17px}.tg-tl{font-variant-numeric:tabular-nums}.tg-card.is-done{background:color-mix(in srgb,var(--tg) 9%,var(--surface))}.tg-card.is-done .tg-tick{background:var(--tg);border-color:var(--tg);color:#fff}.tg-card.is-done .tg-t{color:var(--muted)}.tg-go{min-height:44px;display:inline-flex;align-items:center;font-size:.88rem;font-weight:700;text-decoration:none;color:#fff;background:var(--tg);border-radius:999px;padding:0 1.05rem;white-space:nowrap}.tg-go:hover{filter:brightness(1.06)}.tg-note{margin:.85rem 0 0;font-size:.76rem;color:var(--muted)}.tg-drop{margin-left:auto;width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:50%;background:none;color:var(--muted);cursor:pointer;opacity:.45}.tg-drop svg{width:13px;height:13px}.tg-drop:hover,.tg-drop:focus-visible{opacity:1;color:var(--danger, #A6432F);background:var(--surface-2)}.tg-card.is-done .tg-drop{opacity:.25}.tg-restore{border:none;background:none;padding:0;margin-left:.35rem;font:inherit;color:var(--primary);font-weight:600;text-decoration:underline;cursor:pointer}@media (pointer: coarse),(max-width: 760px){.tg-drop{width:40px;height:40px;opacity:.5}}@media (max-width: 640px){.tg-d{font-size:.88rem}}.module-card.is-pointer{border-style:dashed}.mc-note{margin-top:auto;padding-top:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.tk-portion{margin:.25rem 0 0;font-size:1.02rem;font-weight:700;color:var(--ink-strong);line-height:1.3}.tk-meta{margin:.35rem 0 0;font-size:.76rem;color:var(--muted)}.tk-go{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.td-kick .is-behind{color:var(--danger)}.td-card[data-td-card=khatm]{--tdc: #3F7D5C}body.wbw-mode .qw{cursor:help;border-bottom:1px dotted color-mix(in srgb,var(--primary) 45%,transparent)}.qw.wbw-on{background:color-mix(in srgb,var(--gold) 32%,transparent);border-radius:4px}.wbw-pop{position:absolute;z-index:60;min-width:11rem;max-width:17rem;padding:.7rem .85rem .6rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 12px 30px #160d082e;text-align:center}.wbw-ar{margin:0;font-family:var(--font-ar);font-size:calc(1.5rem * var(--ar-scale));color:var(--ink-strong);line-height:1.6}.wbw-tr{margin:.1rem 0 0;font-size:.78rem;font-style:italic;color:var(--muted)}.wbw-en{margin:.3rem 0 0;font-size:1rem;font-weight:700;color:var(--primary)}.wbw-play{margin-top:.55rem;width:100%;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--line);border-radius:999px;background:transparent;font:inherit;font-size:.78rem;font-weight:600;color:var(--ink);cursor:pointer}.wbw-play svg{width:12px;height:12px}.q-credit{font-size:.76rem;color:var(--muted)}.ra-dl{width:100%;min-height:44px;padding:0 .9rem;border:1px solid var(--primary);border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,transparent);font:inherit;font-size:.86rem;font-weight:700;color:var(--primary);cursor:pointer}.ra-dl.is-saved{border-color:var(--ok);color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}.ra-dl:disabled{opacity:.6;cursor:default}.q-shelf{display:grid;gap:.9rem;margin-bottom:1.4rem}.q-shelf-grp{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.q-shelf-grp h3{margin:0;padding:.6rem 1rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface-2)}.q-shelf-row{display:block;position:relative;padding:.7rem 1rem;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.q-shelf-grp h3+.q-shelf-row{border-top:none}.q-shelf-row:hover{background:color-mix(in srgb,var(--primary) 6%,transparent)}.q-shelf-t{display:block;font-weight:700;color:var(--ink-strong)}.q-shelf-s{display:block;font-size:.78rem;color:var(--muted);margin-top:.1rem}.q-shelf-row.is-dl{padding-right:6.5rem}a.q-shelf-t{text-decoration:none}.q-dl-x{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);min-height:36px;padding:0 .8rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);font:inherit;font-size:.78rem;color:var(--muted);cursor:pointer}.q-dl-x:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.ra-ab{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.ra-ab-set{flex:1 1 6rem;min-height:44px;padding:.3rem .7rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);font:inherit;font-size:.82rem;font-weight:700;color:var(--ink);cursor:pointer}.ra-ab-set span{font-size:.74rem;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.ra-ab-set.on{border-color:var(--primary);color:var(--primary)}.ra-ab-set.on span{color:var(--primary)}.ra-ab-clear{display:block;min-height:40px;margin-top:.4rem;padding:0;border:none;background:none;font:inherit;font-size:.82rem;font-weight:600;color:var(--primary);text-decoration:underline;cursor:pointer}.ra-ab-clear[hidden]{display:none}.ra-sleep{margin-bottom:.1rem}.ra-hint.ra-hint-top{margin:0 0 .6rem}.ra-hint{margin:.45rem 0 0;font-size:.75rem;color:var(--muted);line-height:1.45}.q-plan{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);padding:1.15rem 1.3rem;margin:0 0 1rem}.q-plan-head h2{margin:.15rem 0 0;font-size:1.2rem;color:var(--ink-strong);line-height:1.25}.q-plan-sub{margin:.3rem 0 0;font-size:.9rem;color:var(--muted)}.q-plan-bar{margin:.9rem 0 .4rem;height:8px;border-radius:999px;background:color-mix(in srgb,var(--ink-strong) 8%,transparent);overflow:hidden}.q-plan-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-deep),var(--gold));transition:width .4s ease}.q-plan-meta{margin:0;font-size:.78rem;color:var(--muted)}.q-plan-meta .is-behind{color:var(--danger)}.q-plan-go{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}.q-plan-end{margin:.7rem 0 0;padding:0;border:none;background:none;font:inherit;font-size:.76rem;color:var(--muted);text-decoration:underline;cursor:pointer}.q-plan-pick{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}.q-plan-pick button{flex:1 1 8rem;min-height:62px;padding:.5rem .8rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);font:inherit;cursor:pointer;text-align:left}.q-plan-pick button:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.q-plan-pick b{font-size:1rem;color:var(--ink-strong)}.q-plan-pick span{font-size:.78rem;color:var(--muted)}.q-plan.is-done{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.q-place{margin:1.4rem 0 1rem}.q-place-in{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;padding:1.15rem 1.3rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line));background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 60%),var(--surface);box-shadow:var(--shadow)}.q-place-in{position:relative}.q-place[hidden]{display:none}.q-place-x{position:absolute;top:.55rem;right:.55rem;width:34px;height:34px;border:none;background:none;border-radius:50%;color:var(--muted);cursor:pointer;display:grid;place-items:center}.q-place-x:hover{background:var(--surface-2);color:var(--ink-strong)}.q-place-x svg{width:16px;height:16px}.q-place-in.is-list{display:block;padding:.95rem 0 .95rem 1.1rem}.q-place-in.is-list .kicker{margin:.35rem 0 0}.q-cont{list-style:none;margin:.6rem 0 0;padding:0 1.1rem .15rem 0;display:flex;gap:.55rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.q-cont::-webkit-scrollbar{display:none}.q-cont-i{position:relative;flex:none;scroll-snap-align:start}.q-cont-i a{display:flex;flex-direction:column;gap:.1rem;min-width:9.5rem;max-width:13.5rem;padding:.7rem 2.2rem .7rem .9rem;border-radius:14px;text-decoration:none;background:var(--gold-soft);color:var(--ink-strong);border:1px solid color-mix(in srgb,var(--gold) 25%,transparent)}.q-cont-i a:hover{border-color:var(--gold)}.q-cont-i b{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-cont-i span{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-cont-x{position:absolute;top:.25rem;right:.25rem;width:30px;height:30px;border:none;background:none;padding:0;border-radius:50%;color:var(--muted);cursor:pointer;display:grid;place-items:center}.q-cont-x:hover{background:var(--surface);color:var(--ink-strong)}.q-cont-x svg{width:13px;height:13px}.q-place-in h2{margin:.1rem 0 0;font-size:1.3rem;color:var(--ink-strong)}.q-place-sub{margin:.25rem 0 0;font-size:.9rem;color:var(--muted);max-width:46ch}.q-place-go{display:flex;gap:.5rem;flex-wrap:wrap}.q-search{position:relative;margin:0 0 1rem}.q-search-ic{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}.q-search-ic svg{width:18px;height:18px}#qq{width:100%;min-height:52px;padding:0 1rem 0 2.9rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:1rem;color:var(--ink-strong)}#qq:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.q-results{margin-top:.5rem;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;max-height:60vh;overflow-y:auto}.q-results[hidden]{display:none}.q-hits-head{margin:0;padding:.55rem 1rem .35rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface-2)}.q-hit{display:block;padding:.7rem 1rem;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.q-hit:first-of-type{border-top:none}.q-hit:hover,.q-hit:focus-visible{background:color-mix(in srgb,var(--primary) 7%,transparent)}.q-hit-t{display:block;font-weight:700;color:var(--ink-strong)}.q-hit-s{display:block;font-size:.78rem;color:var(--muted);margin-top:.1rem}.q-hit-x{display:block;font-size:.86rem;color:var(--ink);margin-top:.3rem;line-height:1.5}.q-hit-x mark{background:color-mix(in srgb,var(--gold) 42%,transparent);color:inherit;border-radius:3px}.q-none{margin:0;padding:.9rem 1rem;font-size:.9rem;color:var(--muted)}.q-all{display:flex;flex-direction:column;gap:.15rem;width:100%;padding:.8rem 1rem;border:none;border-top:1px solid var(--line);background:none;font:inherit;font-weight:700;color:var(--primary);text-align:left;cursor:pointer}.q-all span{font-size:.74rem;font-weight:500;color:var(--muted)}.q-lens{display:inline-flex;gap:.2rem;padding:.25rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);margin:0 0 .9rem}.q-lens button{min-height:40px;padding:0 1.05rem;border:none;border-radius:999px;background:none;font:inherit;font-size:.9rem;font-weight:700;color:var(--muted);cursor:pointer}.q-lens button.on{background:var(--surface);color:var(--ink-strong);box-shadow:0 1px 3px #160d081f}@media (max-width: 760px){.q-lens{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:none}.q-lens::-webkit-scrollbar{display:none}.q-lens{width:100%}.q-lens button{flex:1 0 auto;padding:0 .75rem;font-size:.86rem;white-space:nowrap}}.q-num-bm svg{width:16px;height:16px;color:var(--gold-deep)}.q-bm-x{flex:none;align-self:center;margin-right:.5rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);font:inherit;font-size:.76rem;color:var(--muted);padding:.3rem .75rem;cursor:pointer}.q-bm-x:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.q-empty{list-style:none;padding:1.2rem 1.1rem;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:.9rem;text-align:center}.q-rows{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}#qList:empty{min-height:150vh}.q-row{min-width:0;display:flex;align-items:stretch;gap:.4rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .15s ease,background .15s ease}.q-row:hover{border-color:color-mix(in srgb,var(--primary) 34%,var(--line))}.q-row.is-playing{border-color:#2e7d5b;background:color-mix(in srgb,#2E7D5B 6%,var(--surface))}.q-row-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.85rem;padding:.6rem .75rem;text-decoration:none;color:inherit}.q-num{flex:none;width:40px;height:40px;display:grid;place-items:center;color:var(--gold-deep);background:linear-gradient(45deg,color-mix(in srgb,var(--gold) 16%,transparent) 25%,transparent 25%) 0 0/20px 20px,color-mix(in srgb,var(--gold) 10%,transparent);clip-path:polygon(50% 0,68% 14%,90% 14%,90% 36%,100% 50%,90% 64%,90% 86%,68% 86%,50% 100%,32% 86%,10% 86%,10% 64%,0 50%,10% 36%,10% 14%,32% 14%)}.q-num i{font-style:normal;font-size:.86rem;font-weight:700;font-variant-numeric:tabular-nums}.q-names{min-width:0;flex:1 1 auto}.q-en{display:block;font-weight:700;color:var(--ink-strong);font-size:1rem}.q-meaning{font-weight:500;color:var(--muted);font-size:.88rem;margin-left:.45rem}.q-meta{display:block;font-size:.76rem;color:var(--muted);margin-top:.1rem}.q-ar{flex:none;font-family:var(--font-ar);font-size:calc(1.15rem * var(--ar-scale));color:var(--primary);white-space:nowrap}.q-play{flex:none;width:44px;margin:.35rem .35rem .35rem 0;display:grid;place-items:center;border:none;border-radius:12px;cursor:pointer;background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary)}.q-play svg{width:16px;height:16px}.q-play:hover{background:color-mix(in srgb,var(--primary) 16%,transparent)}@media (max-width: 560px){.q-meaning{display:block;margin-left:0}.q-ar{font-size:calc(1rem * var(--ar-scale))}.q-place-in{padding:1rem}.q-place-go .btn{width:100%}}@media (max-width: 760px){body[data-page=quran] .page-hero{padding:1.1rem 1.1rem .7rem}body[data-page=quran] .page-hero .kicker,body[data-page=quran] .page-hero>p{display:none}body[data-page=quran] .page-hero h1{font-size:1.65rem;margin:0}.q-place{margin:.9rem 0 .8rem}.q-place-in{flex-wrap:nowrap;gap:.8rem;padding:.8rem 2.6rem .8rem 1rem}.q-place-in.is-empty{flex-wrap:wrap}.q-place-in.is-list{padding:.8rem 0 .8rem 1rem}.q-place-in .kicker{font-size:.66rem}.q-place-in h2{font-size:1.05rem}.q-place-in:not(.is-empty) .q-place-sub{font-size:.8rem;margin-top:.1rem}.q-place-in:not(.is-empty) .q-place-go .btn{width:auto;padding:.55rem 1rem;font-size:.85rem;white-space:nowrap}.q-plan.is-pick{padding:.9rem 1rem}.q-plan.is-pick .q-plan-sub{display:none}.q-plan.is-pick .q-plan-head h2{font-size:1rem}.q-plan.is-pick .q-plan-pick{flex-wrap:nowrap;gap:.4rem;margin-top:.6rem}.q-plan.is-pick .q-plan-pick button{flex:1 1 0;min-height:50px;padding:.4rem .55rem}.q-plan.is-pick .q-plan-pick b{font-size:.88rem}.q-plan.is-pick .q-plan-pick span{font-size:.68rem}}.td-card{position:relative;--tdc: var(--primary)}.td-card .td-title{color:var(--tdc)}.td-card[data-td-card=prayer]{--tdc: #B25B34}.td-card[data-td-card=path]{--tdc: #7A6FA8}.td-card[data-td-card=learn]{--tdc: #A8703A}.td-card[data-td-card=quran]{--tdc: #3F7D5C}.td-card[data-td-card=review]{--tdc: #2F7C86}.td-card[data-td-card=progress]{--tdc: #B08234}.td-card[data-td-card=dates]{--tdc: #96683F}.td-card[data-td-card=tools]{--tdc: #7A6FA8}@media (max-width: 360px){.tg-card{padding-left:.8rem;padding-right:.8rem}.tg-m{gap:.25rem .5rem;font-size:.72rem}}.td-card-prayer{grid-column:1 / -1;--tdc: #B25B34}.tp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.tp-next{margin:.2rem 0 0;font-size:.95rem;color:var(--ink)}.tp-next strong{color:var(--tdc)}.tp-count{flex:none;display:flex;align-items:center;gap:6px;padding:.45rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--tdc) 8%,transparent)}.tp-dot{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--tdc) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tdc) 30%,transparent)}.tp-dot.on{background:var(--tdc);box-shadow:none}.tp-count.is-full{background:color-mix(in srgb,var(--tdc) 16%,transparent)}.tp-count.is-off{display:none}.tp-rows{list-style:none;margin:.7rem 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:calc(.35rem + var(--tp-gap, 0px))}.tp-row{display:flex;align-items:center;gap:.5rem;padding:.1rem .7rem .1rem .35rem;border-radius:14px;border:1px solid var(--line);background:var(--surface);transition:background .15s ease,border-color .15s ease}.tp-tick{flex:none;width:44px;height:44px;display:grid;place-items:center;border:none;background:none;padding:0;color:transparent;cursor:pointer;position:relative}.tp-tick:before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;border:2px solid color-mix(in srgb,var(--ink-strong) 20%,transparent);transition:background .15s ease,border-color .15s ease}.tp-tick svg{width:15px;height:15px;position:relative}.tp-tick:hover:before{border-color:color-mix(in srgb,var(--tdc) 55%,transparent)}.tp-row.is-done .tp-tick{color:#fff}.tp-row.is-done .tp-tick:before{background:#3f7d5c;border-color:#3f7d5c}.tp-open{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.5rem;min-height:44px;padding:0;border:none;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.tp-nm{display:flex;align-items:baseline;gap:.4rem;min-width:0;font-size:1rem;font-weight:700;color:var(--ink-strong)}.tp-nm .tp-ar{font-family:var(--font-ar);font-size:.92rem;font-weight:400;color:var(--muted)}.tp-nm .tp-f{font-size:.68rem;font-weight:500;color:var(--muted);white-space:nowrap}.tp-tm{margin-left:auto;padding-left:.5rem;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;font-size:.95rem;font-weight:700;color:var(--ink-strong);font-variant-numeric:tabular-nums;white-space:nowrap}.tp-note{margin-top:.1rem;font-size:.68rem;font-weight:600;color:var(--muted)}.tp-row.is-next .tp-note{color:var(--tdc);font-weight:700}.tp-note.is-live{padding:.02rem .4rem;border-radius:999px;background:#2e9e63;color:#fff;font-weight:700}.tp-bell{flex:none;width:38px;height:38px;margin-right:-.3rem;display:grid;place-items:center;border:none;background:none;padding:0;border-radius:50%;color:color-mix(in srgb,var(--ink-strong) 35%,transparent);cursor:pointer}.tp-bell svg{width:19px;height:19px}.tp-nm{overflow:hidden}@media (max-width: 360px){.tp-nm .tp-f{display:none}.tp-nm{font-size:.92rem}}.tp-bell:hover{color:var(--tdc)}.tp-bell.is-on{color:var(--tdc);background:color-mix(in srgb,var(--tdc) 12%,transparent)}.tp-row.is-now{border-color:#2e9e63;background:color-mix(in srgb,#2E9E63 7%,var(--surface))}.tp-row.is-next{border-color:color-mix(in srgb,var(--tdc) 45%,var(--line))}.tp-row.is-open{border-color:var(--tdc);background:color-mix(in srgb,var(--tdc) 6%,var(--surface))}.tp-row.is-done .tp-nm{color:var(--muted)}.tp-row.is-night{--night: #5E5A96;border-color:color-mix(in srgb,var(--night) 28%,var(--line));background:color-mix(in srgb,var(--night) 5%,var(--surface))}.tp-row.is-night .tp-f{color:var(--night);font-weight:600}.tp-row.is-night .tp-bell.is-on{color:var(--night);background:color-mix(in srgb,var(--night) 14%,transparent)}[data-theme=dark] .tp-row.is-night{--night: #A9A4E0}.tp-days{display:flex;align-items:center;justify-content:center;gap:0;width:fit-content;margin:.55rem auto 0;padding:0 .15rem;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.tp-days[hidden]{display:none}.tp-day-btn{width:36px;height:32px;display:grid;place-items:center;border:none;border-radius:999px;background:none;color:var(--ink);cursor:pointer}.tp-day-btn svg{width:14px;height:14px}.tp-day-btn:disabled{opacity:.35;cursor:default}.tp-day-lbl{min-width:6.5rem;min-height:32px;padding:0 .6rem;border:none;border-radius:999px;background:none;font:inherit;font-size:.8rem;font-weight:700;color:var(--muted);cursor:default}.tp-day-lbl.is-away{background:color-mix(in srgb,var(--tdc) 12%,transparent);color:var(--tdc);cursor:pointer}.tp-sheet{margin-top:.8rem}.tp-sheet[hidden]{display:none}.tp-sheet-in{border:1px solid color-mix(in srgb,var(--tdc) 30%,var(--line));background:color-mix(in srgb,var(--tdc) 5%,var(--surface));border-radius:16px;padding:1rem 1.1rem;animation:tpOpen .25s ease both}@keyframes tpOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.tp-sheet-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tp-sheet-top h3{margin:0;font-size:1.2rem;color:var(--ink-strong)}.tp-sheet-top .tp-ar{font-family:var(--font-ar);color:var(--tdc);font-size:1.1rem}.tp-win{margin:.25rem 0 0;font-size:.88rem;color:var(--muted);max-width:52ch}.tp-mark{flex:none;font-family:inherit;font-size:.85rem;font-weight:600;padding:.5rem 1rem;border-radius:999px;cursor:pointer;border:1px solid color-mix(in srgb,var(--tdc) 45%,transparent);background:transparent;color:var(--tdc)}.tp-mark.on{background:#3f7d5c;border-color:#3f7d5c;color:#fff}.tp-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1rem;margin-top:.9rem}.tp-sheet h4{margin:0 0 .4rem;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.tp-raks,.tp-read,.tp-after-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.45rem}.tp-raks>*,.tp-read>*,.tp-after-l>*{min-width:0;overflow-wrap:anywhere}.tp-rak{padding:.5rem .65rem;border-radius:10px;background:var(--surface);border-left:3px solid var(--line);font-size:.88rem}.tp-rak.k-fard{border-left-color:var(--tdc)}.tp-rak.k-sunnah{border-left-color:#b08234}.tp-rak.k-witr{border-left-color:#7a6fa8}.tp-rak-l{display:block;font-weight:600;color:var(--ink-strong)}.tp-rak-n{display:block;color:var(--muted);font-size:.84rem;margin-top:.1rem}.tp-rak .cite{display:block;font-size:.74rem;color:var(--muted);margin-top:.15rem}.tp-read li{font-size:.88rem;color:var(--ink);padding-left:1rem;position:relative}.tp-read li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--tdc)}.tp-why{margin-top:.9rem}.tp-why p{margin:0;font-size:.92rem;color:var(--ink)}.tp-after{margin-top:.9rem}.tp-after-l li{font-size:.86rem;color:var(--ink);padding-left:1rem;position:relative}.tp-after-l li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#b08234}.tp-after-l a{color:var(--ink-strong);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--tdc) 40%,transparent)}.tp-after-l .cite{display:block;font-size:.72rem;color:var(--muted)}.tp-tip{margin:.9rem 0 0;font-size:.86rem;color:var(--ink);background:var(--gold-soft);border-radius:10px;padding:.55rem .75rem}.tp-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.tp-links .btn{font-size:.85rem}.tp-sheet .cite{font-size:.74rem;color:var(--muted)}@media (max-width: 560px){.tp-nm .tp-ar{display:none}.tp-nm{font-size:.98rem}}.tdc-head{margin:0 0 .5rem;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:700}.tdc-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.15rem 0}.tdc-row label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--ink);cursor:pointer}.tdc-move{display:flex;gap:.2rem}.tdc-move button{width:26px;height:26px;border-radius:8px;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:.8rem;line-height:1}.tdc-move button:disabled{opacity:.35;cursor:default}.tdc-reset{margin-top:.6rem;width:100%;font-family:inherit;font-size:.82rem;padding:.45rem;border-radius:10px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--muted)}@media (max-width: 560px){.tp-sheet-top{gap:.6rem}.tp-mark{width:100%}}html:has(>body[data-page=home]){background:#180d06}.mm-list{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.7rem}.mm-set{display:flex;align-items:center;gap:.9rem;width:100%;padding:.7rem .9rem .7rem .7rem;border:1px solid var(--line);border-radius:18px;background:var(--surface);font-family:inherit;text-align:left;color:var(--ink);cursor:pointer}.mm-set-art{flex:0 0 auto;width:56px;height:74px;border-radius:12px;background:var(--surface-2) center/cover no-repeat;box-shadow:inset 0 0 0 1px #28180a1f}.mm-set-art.is-plain{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><linearGradient id="g" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="%23FBEBC0"/><stop offset="45%" stop-color="%23E7C878"/><stop offset="100%" stop-color="%23B8862B"/></linearGradient></defs><path d="M6 21.5V10c0-4 2.5-6.8 6-8 3.5 1.2 6 4 6 8v11.5" fill="none" stroke="url(%23g)" stroke-width="1.5" stroke-linecap="round"/><path fill="url(%23g)" d="M12 7.2c.72 4.15 1.32 4.75 4.1 5.46-2.78.72-3.38 1.32-4.1 5.46-.72-4.14-1.32-4.74-4.1-5.46 2.78-.71 3.38-1.31 4.1-5.46z"/></svg>') no-repeat center / 54%,radial-gradient(80% 60% at 26% 12%,rgba(246,214,143,.42) 0%,transparent 68%),radial-gradient(120% 100% at 100% 100%,rgba(120,74,22,.55) 0%,transparent 60%),linear-gradient(158deg,#4a3218,#2a1b0d 52%,#171007);box-shadow:inset 0 0 0 1px #f6e3bc38,inset 0 1px #fff6e04d,0 4px 12px #180d0647}.mm-set-txt{display:flex;flex-direction:column;gap:.15rem;min-width:0}.mm-set-txt strong{font-size:1rem;font-weight:700}.mm-set-txt em{font-style:normal;font-size:.84rem;line-height:1.45;color:var(--muted)}.mm-set-n{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);margin-top:.15rem}.mm-card.has-art{text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 18px rgba(0,0,0,.35)}.mm-card.has-art .mm-body{color:#fff9ef;font-weight:500}.mm-card.has-art .mm-src{color:#fff9efdb;font-weight:600}.mm-card.has-art .mm-why{color:#ffe9be;border-top-color:#fff9ef4d}.mm-card.has-art .mm-kicker{color:#f2ce7e}.mm-card.has-art .mm-go{background:#1009038c;border-color:#fff7e980}.mm-row{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;min-height:44px;padding:.85rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-family:inherit;text-align:left;color:var(--ink);cursor:pointer}.mm-row-k{font-size:.66rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-deep)}.mm-row strong{font-size:.95rem;font-weight:600}body.mm-open{overflow:hidden}.mm-viewer{position:fixed;inset:0;z-index:90;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,rgba(217,169,79,.28) 0%,transparent 60%),linear-gradient(165deg,#2e1f12,#150d07);color:#fff7e9;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.mm-viewer *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.mm-viewer[hidden]{display:none}.mm-bg{position:absolute;inset:0;background:center / cover no-repeat;opacity:0;transition:opacity .32s ease;will-change:opacity}.mm-bg.on{opacity:1}.td-pin{width:14px;height:14px;vertical-align:-2px;margin-right:.3rem;color:var(--muted)}.mm-scrim{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .32s ease;background:linear-gradient(180deg,#10090366,#10090333 26%,#10090399 50%,#100903e0 76%,#100903f0)}.mm-viewer.has-art .mm-scrim{opacity:1}.mm-stage{position:absolute;inset:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;display:flex;flex-direction:column;justify-content:center;padding:3.2rem 1.2rem calc(1.2rem + env(safe-area-inset-bottom,0px))}@media (prefers-reduced-motion: reduce){.mm-bg,.mm-scrim{transition:none}}.mm-bars{position:absolute;top:calc(.7rem + env(safe-area-inset-top,0px));left:1rem;right:1rem;display:flex;gap:4px}.mm-bar{flex:1 1 0;height:3px;border-radius:2px;background:#fff7e942;overflow:hidden}.mm-bar i{display:block;height:100%;width:0;background:#f6e3bc}.mm-bar.done i,.mm-bar.live i{width:100%}.mm-bar.live{background:#fff7e942;box-shadow:0 0 0 1.5px #f6e3bc80}.mm-bar.done i{opacity:.55}.mm-close{position:absolute;top:calc(1.5rem + env(safe-area-inset-top,0px));right:.9rem;z-index:3;width:44px;height:44px;display:grid;place-items:center;border:none;border-radius:50%;background:#fff7e91f;color:#fff7e9;cursor:pointer}.mm-close svg{width:20px;height:20px}.mm-half{position:absolute;top:0;bottom:0;width:34%;border:none;background:transparent;cursor:pointer}.mm-prev{left:0}.mm-next{right:0;width:66%}.mm-card{position:relative;z-index:2;pointer-events:none;max-width:32rem;max-height:100%;overflow-y:auto;overscroll-behavior:contain;margin:0 auto}.mm-card .mm-go{pointer-events:auto}.mm-kicker{margin:0 0 1.1rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold, #D9A94F)}.mm-ar{margin:0 0 1rem;font-family:var(--font-ar, "Amiri", serif);font-size:calc(1.7rem * var(--ar-scale, 1));line-height:2;text-align:right;direction:rtl;color:#fff7e9}.mm-lead{margin:0 0 .5rem;font-size:1.35rem;font-weight:700;line-height:1.3}.mm-body{margin:0 0 .9rem;font-size:1.05rem;line-height:1.65;color:#fff7e9e6}.mm-why{margin:0 0 .7rem;padding-top:.7rem;border-top:1px solid rgba(255,247,233,.22);font-size:.92rem;line-height:1.55;color:#f6e3bc}.mm-src{margin:0;font-size:.82rem;font-weight:600;color:#fff7e999}.mm-go{display:inline-flex;align-items:center;gap:.35rem;margin-top:1.4rem;padding:.7rem 1.15rem;border-radius:999px;background:#fff7e924;border:1px solid rgba(255,247,233,.28);color:#fff7e9;font-size:.9rem;font-weight:600;text-decoration:none}.mm-go svg{width:16px;height:16px}@media (min-width: 761px){.mm-viewer{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(420px,92vw);height:min(760px,88vh);border-radius:26px;box-shadow:0 30px 80px #00000073}}.fold-note{margin:.85rem 0 0;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.fold-note>summary{display:flex;align-items:center;gap:.55rem;padding:.8rem 1rem;min-height:44px;font-size:.88rem;font-weight:600;color:var(--ink);cursor:pointer;list-style:none}.fold-note>summary::-webkit-details-marker{display:none}.fold-note>summary:after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s ease}.fold-note[open]>summary:after{transform:rotate(-135deg) translate(-2px,-2px)}.fold-note>p{margin:0;padding:0 1rem 1rem;font-size:.88rem;line-height:1.65;color:var(--muted)}.app-home{display:none}@media (max-width: 760px){.app-home{display:block;margin:0 0 1.5rem}body[data-page=home].app-home-on .hero-carousel,body[data-page=home].app-home-on #main>:not(.app-home){display:none}html.app-boot body[data-page=home] .hero-carousel,html.app-boot body[data-page=home] #main>:not(.app-home){display:none}html.app-boot body[data-page=home] #main{padding-top:.9rem;min-height:100vh}body[data-page=home].app-home-on #main{padding-top:.9rem}.ah-deck{margin:0 0 .9rem}.ah-slides{display:flex;gap:.7rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0 6px}.ah-slides::-webkit-scrollbar{display:none}.ah-slide{flex:0 0 100%;scroll-snap-align:center;margin:0!important}a.ah-slide{text-decoration:none;color:#fff7e9}.ah-slide[hidden]{display:none!important}.ah-dots[hidden]{display:none}.ah-dots{display:flex;justify-content:center;gap:7px;margin-top:.1rem}.ah-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--ink) 20%,transparent);cursor:pointer}.ah-dot.on{background:var(--gold-deep)}.ah-dots{padding:.5rem 0}.ah-dot{box-shadow:0 0 0 8px transparent}.ahs-title{margin:.35rem 0 0;font-size:1.5rem;font-weight:700;line-height:1.15}.ahs-why{margin:.35rem 0 0;font-size:.88rem;line-height:1.45;color:#fff7e9d1}.ahs-times{margin:.55rem 0 0;font-size:.92rem;color:#f6e3bc}.ahs-times b{font-weight:700}.ahs-dot{opacity:.5;margin:0 .15rem}.ahs-src{margin:.5rem 0 0;font-size:.72rem;color:#fff7e98c}.ah-hero{position:relative;overflow:hidden;border-radius:22px;padding:1.1rem 1.2rem 1.2rem;margin:0 0 .9rem;color:#fff7e9;background:radial-gradient(120% 100% at 100% 0%,rgba(217,169,79,.42) 0%,transparent 58%),linear-gradient(160deg,#2e1f12,#1b120a);box-shadow:0 10px 28px #180d0638}.ah-salam{margin:0;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff7e99e}.ah-now{margin-top:.5rem}.ah-now a{display:block;text-decoration:none;color:inherit}.ah-now-k{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold, #D9A94F)}.ah-live{width:8px;height:8px;border-radius:50%;background:#58c46a;box-shadow:0 0 #58c46a8c;animation:ahLive 2s ease-out infinite}@keyframes ahLive{0%{box-shadow:0 0 #58c46a8c;opacity:1}70%{box-shadow:0 0 0 7px #58c46a00;opacity:.85}to{box-shadow:0 0 #58c46a00;opacity:1}}.ah-now-name{display:block;font-size:1.85rem;font-weight:700;line-height:1.15;letter-spacing:-.01em}.ah-now-until{display:block;font-size:.92rem;font-weight:600;color:#f6e3bc}.ah-now-in{font-weight:600;color:#fff7e98c;margin-left:.15rem}.ah-side{position:absolute;right:.9rem;bottom:.9rem;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;max-width:52%}.ah-next[hidden]{display:none}.ah-next a{display:flex;flex-direction:column;align-items:flex-end;text-decoration:none;color:inherit;text-align:right}.ah-next-k{font-size:.6rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#fff7e999}.ah-next-name{font-size:1.02rem;font-weight:700;line-height:1.2}.ah-next-in{font-size:.82rem;font-weight:600;color:#f6e3bc}.ah-next-at{font-size:.78rem;color:#fff7e999}.ah-setloc{display:inline-block;margin-top:.15rem;padding:.6rem 1rem;border-radius:999px;background:#fff7e924;border:1px solid rgba(255,247,233,.26);color:#fff7e9;font-size:.88rem;font-weight:600;text-decoration:none}.ah-setloc-why{margin:.7rem 0 0;max-width:30ch;font-size:.9rem;line-height:1.45;color:#fff7e9c7}.ah-hijri{margin:.55rem 0 0;font-size:.82rem;color:#fff7e9a8}.ah-hijri:empty{display:none}.ah-greg{color:#fff7e970}.ah-greg:before{content:"";display:inline-block;width:1px;height:.75em;margin:0 .5rem -.05em;background:#fff7e947}.ah-fast{position:relative}.ah-fast[hidden]{display:none}.ah-fast a{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;padding:.5rem .75rem;border-radius:12px;background:#fff7e921;border:1px solid rgba(255,247,233,.22);text-decoration:none;color:#fff7e9;text-align:right}.ah-fast-k{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold, #D9A94F);white-space:nowrap}.ah-fast-l{font-size:.76rem;font-weight:600;line-height:1.35;white-space:nowrap}.ah-car{overflow:hidden;margin:0 0 .9rem;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.ah-car-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1)}.ah-car-item{flex:0 0 100%;display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;text-decoration:none;color:var(--ink);min-width:0}.ah-car-item strong{flex:1 1 auto;min-width:0;font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ah-car-item svg{width:18px;height:18px;flex:0 0 auto;color:var(--muted)}.ah-continue{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;margin:0 0 .9rem;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--ink)}.ah-continue .ah-cont-k{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-deep);flex:0 0 auto}.ah-continue strong{flex:1 1 auto;font-size:.95rem;font-weight:600}.ah-continue svg{width:18px;height:18px;flex:0 0 auto;color:var(--muted)}.ah-verse{padding:1rem 1.1rem 1.1rem;margin:0 0 .4rem;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.ah-verse-k{margin:0 0 .55rem;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-deep)}.ah-verse-ar{margin:0 0 .5rem;font-family:var(--font-ar, "Amiri", serif);font-size:calc(1.35rem * var(--ar-scale, 1));line-height:1.9;text-align:right;direction:rtl;color:var(--ink-strong)}.ah-verse-en{margin:0 0 .35rem;font-size:.92rem;line-height:1.6}.ah-verse-src{margin:0;font-size:.78rem;font-weight:600;color:var(--muted)}.ah-note{margin:-.45rem 0 .75rem;font-size:.8rem;line-height:1.45;color:var(--muted)}.ah-title{font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-deep);margin:1.4rem 0 .7rem}.ah-title:first-child{margin-top:.4rem}.ah-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem .4rem}.ah-tile{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;text-decoration:none;color:var(--ink);font-size:.7rem;line-height:1.25;font-weight:500;padding:.15rem .1rem;border-radius:14px;min-height:44px}.ah-tile:active{background:color-mix(in srgb,var(--primary) 8%,transparent)}.ah-tile span{display:block}.ah-tile .ic-chip{position:relative;display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ic) 60%,transparent),inset 0 0 0 4px var(--surface),inset 0 0 0 5px color-mix(in srgb,var(--ic) 20%,transparent);transition:transform .15s ease}.ah-tile .ic-chip:after{content:none}.ah-tile .ic-chip svg{position:relative;z-index:1;width:26px;height:26px;color:var(--ic)!important;stroke-width:2.5;filter:none}html[data-theme=dark] .ah-tile{color:#fff}html[data-theme=dark] .ah-tile .ic-chip{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ic) 45%,#FFE9C9),inset 0 0 0 4px var(--surface),inset 0 0 0 5px color-mix(in srgb,var(--ic) 22%,transparent)}html[data-theme=dark] .ah-tile .ic-chip svg{color:color-mix(in srgb,var(--ic) 45%,#FFE9C9)!important}.ah-tile:active .ic-chip{transform:scale(.94)}.ah-more{display:block;width:100%;margin:1.8rem 0 0;padding:.85rem 1rem;background:transparent;border:1px solid var(--line);border-radius:999px;font-family:inherit;font-size:.86rem;font-weight:600;color:var(--muted);cursor:pointer}}.an-tools{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:0 0 1rem}.an-filter{flex:1 1 260px;min-width:0;font:inherit;font-size:1rem;padding:.7rem 1rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink)}.an-filter:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.an-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.6rem}.an-chip{--an: var(--primary);display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:600;text-decoration:none;color:var(--an);background:color-mix(in srgb,var(--an) 9%,transparent);border:1px solid color-mix(in srgb,var(--an) 26%,transparent);border-radius:999px;padding:.4rem .85rem}.an-chip b{font-size:.72rem;font-weight:700;color:color-mix(in srgb,var(--an) 70%,var(--ink));opacity:.75}.an-chip:hover{background:color-mix(in srgb,var(--an) 16%,transparent)}.an-topic{--an: var(--primary);margin:0 0 2rem;scroll-margin-top:5rem}.an-h{display:flex;align-items:baseline;gap:.6rem;margin:0 0 .15rem;font-size:1.2rem;color:var(--ink-strong);border-left:4px solid var(--an);padding-left:.7rem}.an-h span{font-size:.75rem;font-weight:700;color:var(--an);background:color-mix(in srgb,var(--an) 12%,transparent);border-radius:999px;padding:.12rem .5rem}.an-sub{margin:0 0 .8rem 1.1rem;font-size:.88rem;color:var(--muted)}.an-item{border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:.5rem;overflow:hidden}.an-item[open]{border-color:color-mix(in srgb,var(--an) 40%,var(--line))}.an-item>summary{list-style:none;cursor:pointer;padding:.8rem 2.4rem .8rem 1rem;position:relative}.an-item>summary::-webkit-details-marker{display:none}.an-item>summary:after{content:"";position:absolute;right:1rem;top:1.35rem;width:9px;height:9px;border-right:2px solid var(--an);border-bottom:2px solid var(--an);transform:rotate(45deg);transition:transform .18s ease}.an-item[open]>summary:after{transform:rotate(-135deg)}.an-item>summary:hover{background:color-mix(in srgb,var(--an) 5%,transparent)}.an-q{display:block;font-size:.78rem;font-weight:700;letter-spacing:.02em;color:var(--an)}.an-a{display:block;margin-top:.2rem;font-size:1rem;color:var(--ink-strong)}.an-body{padding:0 1rem 1rem;border-top:1px dashed var(--line)}.an-list{margin:.8rem 0 0;padding-left:1.3rem;display:grid;gap:.3rem}.an-list li{font-size:.92rem;color:var(--ink)}.an-note{margin:.8rem 0 0;font-size:.88rem;color:var(--ink);background:var(--gold-soft);border-radius:10px;padding:.6rem .8rem}.an-src{margin:.7rem 0 0;font-size:.78rem;color:var(--muted)}.an-link{display:inline-block;margin-top:.6rem;font-size:.86rem;font-weight:600;text-decoration:none;color:var(--an)}.an-link:hover{text-decoration:underline}.an-empty{color:var(--muted);font-size:.95rem}@media (max-width: 560px){.an-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}.an-chip{flex:none}.an-a{font-size:.95rem}}.an-count{margin:1.4rem 0 .9rem;font-size:1.05rem;font-weight:600;color:var(--ink-strong)}.an-one{--an: var(--primary);border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:1rem 1.1rem 1.2rem;border-left:4px solid color-mix(in srgb,var(--an) 55%,var(--line))}.an-one>:first-child{margin-top:0}.an-one .an-src{margin-top:1rem}.an-alt{margin:0 0 .9rem;font-size:.86rem;color:var(--muted);padding-bottom:.8rem;border-bottom:1px dashed var(--line)}.an-alt strong{color:var(--ink-strong);font-weight:600}.an-back{display:inline-block;font-size:.86rem;font-weight:600;text-decoration:none;color:var(--primary)}.an-back:before{content:"\2190\a0"}.an-back:hover{text-decoration:underline}.an-more{margin:2rem 0 0}.an-more h2{margin:0 0 .6rem;font-size:1rem;color:var(--ink-strong)}.an-more ul{margin:0;padding-left:1.1rem;display:grid;gap:.4rem}.an-more li{font-size:.92rem}.an-more a{color:var(--primary);text-decoration:none}.an-more a:hover{text-decoration:underline}.an-body .an-perma{display:inline-block;margin:.6rem 0 0 1rem;font-size:.8rem;font-weight:600;text-decoration:none;color:var(--muted)}.an-body .an-perma:hover{color:var(--an);text-decoration:underline}.td-card-dhikr{--tdc: #B08234;grid-column:1 / -1}.dr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dr-sub{margin:.2rem 0 0;font-size:.9rem;color:var(--muted)}.dr-reset{flex:none;font-family:inherit;font-size:.78rem;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:.35rem .8rem}.dr-reset:hover{color:var(--ink);border-color:var(--tdc)}.dr-card{margin-top:.9rem;text-align:center;background:color-mix(in srgb,var(--tdc) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--tdc) 26%,var(--line));border-radius:16px;padding:1.3rem 1rem 1.1rem}.dr-ar{font-family:var(--font-ar);direction:rtl;font-size:calc(1.7rem * var(--ar-scale));line-height:2;color:var(--ink-strong);margin:0 0 .5rem}.dr-tr{margin:0;font-size:1.15rem;font-weight:600;color:var(--ink-strong)}.dr-en{margin:.3rem 0 0;font-size:.95rem;color:var(--ink)}.dr-src{margin:.45rem 0 0;font-size:.76rem;color:var(--muted)}.dr-tap{margin-top:1rem;width:132px;height:132px;border-radius:50%;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;font-family:inherit;cursor:pointer;border:2px solid color-mix(in srgb,var(--tdc) 45%,transparent);background:color-mix(in srgb,var(--tdc) 12%,transparent);color:var(--tdc);transition:transform .1s ease,background .15s ease}.dr-tap:active{transform:scale(.95);background:color-mix(in srgb,var(--tdc) 22%,transparent)}.dr-n{font-size:2.1rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.dr-n i{font-size:1rem;font-style:normal;opacity:.6}.dr-hint{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.dr-more{display:block;margin-top:.8rem;font-size:.85rem;color:var(--tdc);text-decoration:none}.dr-more:hover{text-decoration:underline}.dr-note{margin:.8rem 0 0;font-size:.76rem;color:var(--muted);text-align:center}.dr-dots{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-top:.8rem}.dr-dot{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--ink-strong) 14%,transparent)}.dr-dot.is-done{background:var(--tdc)}.dr-dot.is-now{background:transparent;box-shadow:0 0 0 2px var(--tdc) inset}.dr-done{margin-top:1rem;text-align:center}.dr-done p{margin:0 0 .7rem;font-size:1.05rem;font-weight:600;color:var(--ink-strong)}.hd-choose{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1rem}.hd-book{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:1.1rem 1.2rem;transition:transform .15s ease,border-color .15s ease}.hd-book:hover{transform:translateY(-3px);border-color:var(--primary)}.hd-book-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.hd-book h3{margin:0;font-size:1.1rem;color:var(--ink-strong)}.hd-book .hd-ar{display:block;font-family:var(--font-ar);font-size:1rem;color:var(--primary);font-weight:400;margin-top:.15rem;text-align:left}@media (max-width: 760px){body[data-page=hadith] .page-hero{padding:1.1rem 1.1rem .7rem}body[data-page=hadith] .page-hero .kicker,body[data-page=hadith] .page-hero>p{display:none}body[data-page=hadith] .page-hero h1{font-size:1.55rem;margin:0}.hd-choose{grid-template-columns:1fr 1fr;gap:.6rem}.hd-book{padding:.8rem .85rem .85rem;border-radius:14px;display:flex;flex-direction:column}.hd-book-top{flex-direction:column;gap:.3rem}.hd-book h3{font-size:.95rem;line-height:1.25}.hd-book .hd-ar{font-size:.95rem}.hd-count{display:none}.hd-sub-n{display:inline}.hd-sub{margin:.35rem 0 .5rem;font-size:.75rem}.hd-book .hd-bar-g{margin-top:auto}.hd-note{display:none}}.hd-count{flex:none;font-size:.82rem;font-weight:700;color:var(--gold-deep);background:var(--gold-soft);border-radius:999px;padding:.25rem .6rem}.hd-sub{margin:.5rem 0 .6rem;font-size:.85rem;color:var(--muted)}.hd-sub-n{display:none}.hd-bar-g{display:flex;height:7px;border-radius:999px;overflow:hidden;background:var(--surface-2)}.hd-bar-g span{display:block;height:100%}.hd-note{margin:.45rem 0 0;font-size:.76rem;color:var(--muted)}.g-sahih{background:#3f7d5c}.g-hasan{background:#b08234}.g-daif{background:#9a6a5b}.g-mawdu{background:#a8322b}.hd-grades{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:.6rem}.hd-g{border-left:4px solid var(--line);border-radius:10px;background:var(--surface);padding:.6rem .8rem}.hd-g b{display:block;font-size:.95rem;color:var(--ink-strong)}.hd-g span{font-size:.82rem;color:var(--muted)}.hd-g.g-sahih{border-left-color:#3f7d5c;background:var(--surface)}.hd-g.g-hasan{border-left-color:#b08234;background:var(--surface)}.hd-g.g-daif{border-left-color:#9a6a5b;background:var(--surface)}.hd-g.g-mawdu{border-left-color:#a8322b;background:var(--surface)}.hd-crumb{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.84rem;margin-bottom:1rem;color:var(--muted)}.hd-crumb a{color:var(--primary);text-decoration:none}.hd-sep{opacity:.5}.hd-bar{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between;position:sticky;top:56px;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.6rem 0;margin-bottom:1rem;border-bottom:1px solid var(--line)}.hd-bar[hidden]{display:none}.hd-view{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.hd-view button{font-family:inherit;font-size:.84rem;padding:.45rem .9rem;border:none;background:transparent;color:var(--ink);cursor:pointer}.hd-view button.on{background:var(--primary);color:var(--btn-ink);font-weight:600}.hd-strong{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--ink);cursor:pointer}.hd-strong input{accent-color:var(--primary);width:16px;height:16px}.hd-lead{font-size:.92rem;color:var(--muted);margin:0 0 1rem}.hd-hidden{color:var(--gold-deep);font-weight:600}.hd-loading{color:var(--muted)}.hd-secs{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.hd-secs a{display:flex;align-items:center;gap:.8rem;text-decoration:none;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:.65rem .9rem;color:var(--ink)}.hd-secs a:hover{border-color:var(--primary)}.hd-sec-n{flex:none;width:2.2rem;font-size:.78rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.hd-sec-name{flex:1;min-width:0;color:var(--ink-strong);display:flex;flex-direction:column;gap:.1rem}.hd-sec-name small{font-size:.72rem;font-weight:600;color:var(--muted)}.hd-sec-c{flex:none;font-size:.76rem;color:var(--muted)}.hd-sec-art{flex:none;width:44px;height:44px;border-radius:9px;background:var(--surface-2) center/cover no-repeat;box-shadow:inset 0 0 0 1px #28180a1f}.hd-secs a.has-art{padding:.5rem .9rem .5rem .5rem}.hd-secs a:not(.has-art){padding-left:.9rem}.hd-art{margin:0 0 1rem;border-radius:16px;overflow:hidden;line-height:0;box-shadow:inset 0 0 0 1px #28180a1f}.hd-art[hidden]{display:none}.hd-art img{width:100%;height:auto;display:block}@media (max-width: 760px){.hd-art{margin:0 0 .9rem;border-radius:14px}.hd-sec-art{width:40px;height:40px}body[data-page=hadith-read] .page-hero{padding:1rem 1.1rem .8rem}body[data-page=hadith-read] .page-hero>p:not(.kicker){display:none}body[data-page=hadith-read] .page-hero h1{font-size:1.55rem;margin:.2rem 0 0}body[data-page=hadith-read] .page-hero .kicker{font-size:.66rem}.hd-art img{height:104px;object-fit:cover}}.hd-h{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:1rem 1.1rem;margin-bottom:.8rem}.hd-h-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.5rem}.hd-ref{display:inline-flex;align-items:center;gap:.3rem;font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--muted);background:none;border:1px solid transparent;border-radius:999px;padding:.3rem .6rem .3rem .45rem;margin:-.3rem 0 -.3rem -.45rem;cursor:pointer;min-height:32px}.hd-ref:hover{border-color:var(--line);color:var(--ink-strong)}.hd-ref-rb{width:13px;height:13px;opacity:.35}.hd-h.has-ribbon .hd-ref{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff}.hd-h.has-ribbon .hd-ref-rb{opacity:1}.hd-h.hd-glow{animation:hd-glow 3.2s ease-out}@keyframes hd-glow{0%,45%{background:color-mix(in srgb,var(--gold) 20%,var(--surface));border-color:var(--gold)}to{background:var(--surface)}}.hd-place{margin:0 0 1rem}.hd-grade{font-size:.72rem;font-weight:700;color:#fff;border-radius:999px;padding:.2rem .6rem}.hd-grade.g-ungraded{background:var(--muted)}.hd-ar{font-family:var(--font-ar);direction:rtl;text-align:right;font-size:calc(1.35rem * var(--ar-scale));line-height:2.1;color:var(--ink-strong);margin:0 0 .6rem}.hd-en{margin:0;font-size:1rem;line-height:1.75;color:var(--ink)}.hd-h{max-width:46rem;margin-left:auto;margin-right:auto}.hd-en p{margin:0 0 .9rem}.hd-en p:last-child{margin-bottom:0}.hd-en p:first-child{color:var(--ink-strong);font-weight:600}.hd-more{margin-top:.7rem}.hd-more summary{cursor:pointer;font-size:.8rem;color:var(--primary)}.hd-gl{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.25rem}.hd-gl li{font-size:.84rem;color:var(--ink)}.hd-why{margin:.5rem 0 0;font-size:.84rem;color:var(--muted)}.hd-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.hd-nav a{font-size:.88rem;color:var(--primary);text-decoration:none;max-width:46%}.hd-nav a:hover{text-decoration:underline}@media (max-width: 560px){.hd-bar{top:52px}.hd-view button{padding:.45rem .7rem;font-size:.8rem}}a.cite.is-link{color:inherit;text-decoration:none;border-bottom:1px dotted color-mix(in srgb,var(--primary) 55%,transparent);cursor:pointer}a.cite.is-link:hover{color:var(--primary);border-bottom-style:solid}.hd-h{transition:border-color .8s ease,box-shadow .8s ease}.hd-h.is-cited{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}@media (prefers-reduced-motion: reduce){.ah-live{animation:none;box-shadow:none}}.pt-fastday{margin:0 0 .9rem;font-size:.92rem;line-height:1.5;color:var(--ink)}.pt-fastday strong{color:var(--primary)}.pt-fastday .pt-src{display:block;margin-top:.15rem;font-size:.78rem;color:var(--muted)}.nm-today{background:var(--deep-bg);color:#fff7e9;border-radius:var(--radius);padding:1.4rem 1.2rem;text-align:center;cursor:pointer;margin-bottom:1rem}.nm-today-k{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0;font-weight:700}.nm-today-ar{font-family:var(--font-ar);font-size:calc(2.2rem * var(--ar-scale));line-height:1.7;margin:.4rem 0 0}.nm-today-t{font-size:.95rem;margin:.2rem 0 0;opacity:.85}.nm-card{cursor:pointer;text-align:center;border:0;font:inherit;color:inherit}.nm-card.is-today .nm-num{background:var(--gold-soft);color:var(--gold-deep);font-weight:700}.nm-card{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.nm-card:hover,.nm-card:focus-visible{background:color-mix(in srgb,var(--gold-soft) 55%,var(--surface));box-shadow:0 8px 20px #160d0817,inset 0 0 0 1px color-mix(in srgb,var(--gold) 55%,transparent)}.nm-card:hover .nm-ar,.nm-card:focus-visible .nm-ar,.nm-card:hover .nm-tr,.nm-card:focus-visible .nm-tr{color:var(--gold-deep)}.nm-card:hover .nm-num,.nm-card:focus-visible .nm-num{color:var(--gold-deep)}.nmp{position:fixed;inset:0;z-index:300;background:#160d0880;display:flex;align-items:center;justify-content:center;padding:1rem}.nmp[hidden]{display:none}.nmp-card{position:relative;width:100%;max-width:560px;max-height:88vh;overflow:auto;background:var(--surface);border-radius:var(--radius);box-shadow:0 24px 60px #160d084d;padding:2rem 1.6rem 1.4rem;text-align:center}.nmp-x{position:absolute;top:.7rem;right:.7rem;width:44px;height:44px;border:0;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer}.nmp-k{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);font-weight:700;margin:0}.nmp-ar{font-family:var(--font-ar);font-size:calc(3rem * var(--ar-scale));line-height:1.7;margin:.5rem 0 0;color:var(--ink-strong)}.nmp-tr{font-size:1.25rem;font-weight:700;margin:.1rem 0 0}.nmp-en{font-size:.98rem;color:var(--muted);margin:.15rem 0 0}.nmp-about{font-size:.98rem;line-height:1.7;color:var(--ink);text-align:left;margin:1.1rem 0 0}.nmp-use-k{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ok);font-weight:700;text-align:left;margin:1.1rem 0 0}.nmp-use{font-size:.95rem;line-height:1.7;color:var(--ink);text-align:left;margin:.3rem 0 0;background:var(--gold-soft);border-radius:12px;padding:.8rem .9rem}.nmp-ref{font-size:.78rem;color:var(--muted);text-align:left;margin:.8rem 0 0}.nmp-nav{display:flex;justify-content:space-between;gap:.6rem;margin-top:1.2rem;border-top:1px solid var(--line);padding-top:.9rem}.nmp-nav button{border:0;background:none;font:inherit;font-weight:600;color:var(--gold-deep);cursor:pointer;padding:.6rem .4rem;min-height:44px}.nod .nod-ar{font-family:var(--font-ar);font-size:calc(1.9rem * var(--ar-scale));line-height:1.8;margin:0;color:var(--ink-strong)}.nod .nod-tr{font-weight:600;margin:.15rem 0 0}.nod .nod-about{font-size:.92rem;line-height:1.6;color:var(--ink);margin:.5rem 0 0}.nod .nod-ref{font-size:.78rem;color:var(--muted);margin:.35rem 0 .8rem}.nod .nod-use{font-size:.9rem;line-height:1.65;color:var(--ink);background:var(--gold-soft);border-radius:12px;padding:.7rem .85rem;margin:.5rem 0 0}.nod-band{display:flex;align-items:center;gap:1.6rem;background:var(--deep-bg);color:#fff7e9;border-radius:var(--radius);padding:1.6rem 1.8rem;margin:1.2rem 0;text-decoration:none;box-shadow:var(--shadow)}.nod-band[hidden]{display:none}.nod-band-l{flex:none;text-align:center;min-width:200px}.nod-band-k{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700}.nod-band-ar{display:block;font-family:var(--font-ar);font-size:calc(2.6rem * var(--ar-scale));line-height:1.6;margin-top:.3rem}.nod-band-t{display:block;font-size:.95rem;opacity:.85}.nod-band-r{flex:1;min-width:0}.nod-band-about{display:block;font-size:.95rem;line-height:1.65;color:#fff7e9d9;margin-bottom:.8rem}@media (max-width: 720px){.nod-band{flex-direction:column;gap:.9rem;text-align:center;padding:1.4rem 1.1rem}.nod-band-l{min-width:0}.nod-band-about{text-align:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bl-tools{display:flex;align-items:center;gap:.8rem;margin-top:1.4rem}.bl-tools input{flex:1;min-width:0;padding:.72rem .95rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:.95rem}.bl-tools input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.bl-count{font-size:.8rem;color:var(--muted);white-space:nowrap}.bl-cats{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0 0}.bl-cat{border:1px solid var(--line);background:var(--surface);color:var(--muted);font:inherit;font-size:.84rem;font-weight:600;padding:.36rem .85rem;border-radius:999px;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.bl-cat:hover{border-color:var(--gold);color:var(--gold-deep)}.bl-cat.is-on{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-deep)}.bl-grid{display:grid;gap:1rem;margin:1.3rem 0 0}.bl-card{position:relative;display:grid;grid-template-columns:148px 1fr;grid-template-areas:"top top" "art body";gap:.5rem 1rem;align-items:stretch;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-decoration:none;color:var(--ink);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.bl-card:hover,.bl-card:focus-within{transform:translateY(-3px);border-color:var(--primary);background:color-mix(in srgb,var(--gold-soft) 55%,var(--surface));box-shadow:0 8px 16px #160d0817,0 20px 40px #160d081c}.bl-card-art{border-radius:12px;background:var(--surface-2) center/cover no-repeat;min-height:116px;box-shadow:inset 0 0 0 1px #28180a1f}.bl-card-cat[data-cat=faith],.bl-post-cat[data-cat=faith]{color:#8a6321}.bl-card-cat[data-cat=marriage],.bl-post-cat[data-cat=marriage]{color:#a2543a}.bl-card-cat[data-cat=family],.bl-post-cat[data-cat=family]{color:#4f6b4a}.bl-card-cat[data-cat=daily-life],.bl-post-cat[data-cat=daily-life]{color:#3f5c72}.bl-card-cat[data-cat=money],.bl-post-cat[data-cat=money]{color:#2e6b5e}html[data-theme=dark] .bl-card-cat[data-cat=faith],html[data-theme=dark] .bl-post-cat[data-cat=faith]{color:#d9a94f}html[data-theme=dark] .bl-card-cat[data-cat=marriage],html[data-theme=dark] .bl-post-cat[data-cat=marriage]{color:#d98e6f}html[data-theme=dark] .bl-card-cat[data-cat=family],html[data-theme=dark] .bl-post-cat[data-cat=family]{color:#8fb088}html[data-theme=dark] .bl-card-cat[data-cat=daily-life],html[data-theme=dark] .bl-post-cat[data-cat=daily-life]{color:#8fb0c9}html[data-theme=dark] .bl-card-cat[data-cat=money],html[data-theme=dark] .bl-post-cat[data-cat=money]{color:#6fb9a6}.bl-card-top{grid-area:top;display:grid;grid-template-columns:subgrid;align-items:center;padding:.1rem .3rem 0 .15rem}.bl-card-art{grid-area:art}.bl-card-body{grid-area:body;display:flex;flex-direction:column;justify-content:center;gap:.22rem;padding:0 .4rem .3rem 0}.bl-card-cat{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--gold)}.bl-card-title{font-size:1.16rem;font-weight:700;line-height:1.25;color:var(--ink-strong)}.bl-card:hover .bl-card-title,.bl-card:focus-within .bl-card-title{color:var(--gold-deep)}.bl-card-link{text-decoration:none}.bl-card-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.bl-card-link:focus-visible{outline:none}.bl-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.bl-card-dek{font-size:.9rem;color:var(--muted);line-height:1.4}.bl-card-meta{font-size:.76rem;color:var(--muted);white-space:nowrap}.bl-empty{text-align:center;color:var(--muted);margin:2rem 0}.bl-more{margin-top:2rem}.bl-post{max-width:44rem}.bl-post h1{font-size:clamp(1.7rem,4.2vw,2.25rem);line-height:1.15;margin:.2rem 0 0}.bl-post-cat{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold);margin:1.4rem 0 0}.bl-crumb{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;font-size:.8rem;color:var(--muted);margin:1.4rem 0 0}.bl-crumb a{color:var(--muted);text-decoration:none}.bl-crumb a:hover,.bl-crumb a:focus-visible{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.bl-crumb-sep{opacity:.5}.bl-crumb .bl-post-cat{margin:0}.bl-post-dek{font-size:1.08rem;color:var(--muted);margin:.5rem 0 0;line-height:1.45}.bl-post-meta{font-size:.82rem;color:var(--muted);margin:.7rem 0 0;display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.bl-post-meta>span{white-space:nowrap}.bl-date-short{display:none}.bl-post-meta .bl-share{margin-left:auto;white-space:nowrap;padding:.42rem .9rem;font-size:.82rem}@media (max-width: 480px){.bl-date-long{display:none}.bl-date-short{display:inline}}.bl-post-hero{display:block;width:100%;height:auto;border-radius:var(--radius);margin:1.2rem 0 0;border:1px solid var(--line)}.bl-post p{font-size:1.05rem;line-height:1.72;margin:1.1rem 0 0}.bl-post h2{font-size:1.32rem;margin:2rem 0 0}.bl-pull{margin:1.7rem 0 0;padding:.2rem 0 .2rem 1.1rem;border-left:3px solid var(--gold);font-size:1.12rem;line-height:1.55;font-weight:600;color:var(--ink-strong)}.bl-do,.bl-dont{margin:1.8rem 0 0;padding:1.1rem 1.2rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.bl-do{border-left:4px solid #3F8F6F}.bl-dont{border-left:4px solid #B2542D}.bl-do h3,.bl-dont h3{margin:0 0 .5rem;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase}.bl-do h3{color:#3f8f6f}.bl-dont h3{color:#b2542d}.bl-do ul,.bl-dont ul{margin:0;padding-left:1.1rem}.bl-do li,.bl-dont li{margin:.45rem 0;line-height:1.55}.bl-alerts[aria-pressed=true]{color:#3f8f6f}.notify-card{position:fixed;z-index:70;left:50%;top:calc(env(safe-area-inset-top,0px) + 66px);width:min(92vw,21rem);padding:.8rem .9rem .75rem;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 28px #160d0829;opacity:0;transform:translate(-50%,-8px);transition:opacity .25s,transform .25s}.notify-card.on{opacity:1;transform:translate(-50%)}.notify-card .nc-title{margin:0;font-weight:700;font-size:.94rem;color:var(--ink-strong);line-height:1.3}.notify-card .nc-text{margin:.25rem 0 0;font-size:.82rem;line-height:1.4;color:var(--muted)}.notify-card .nc-actions{display:flex;gap:.5rem;margin-top:.65rem}.notify-card .nc-actions .btn{flex:1 1 auto;padding:.45rem .8rem;font-size:.84rem}@media (min-width: 700px){.notify-card{left:auto;right:1.2rem;top:auto;bottom:1.2rem;width:19rem;transform:translateY(8px)}.notify-card.on{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.notify-card{transition:none}}.push-note{position:fixed;left:50%;bottom:calc(1.2rem + env(safe-area-inset-bottom,0px) + var(--chrome-bottom, 0px));transform:translate(-50%,1rem);opacity:0;pointer-events:none;z-index:60;max-width:min(92vw,30rem);padding:.7rem 1rem;border-radius:var(--radius);background:var(--ink-strong, #2E2018);color:var(--bg, #F5EBDD);font-size:.92rem;line-height:1.45;transition:opacity .2s,transform .2s}.push-note.on{opacity:1;transform:translate(-50%)}.bl-strip{margin:1.8rem 0 0}.bl-strip-row{margin:.9rem 0 0}.bl-strip-label{margin:0 0 .45rem!important;font-size:.76rem!important;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.bl-strip-halal .bl-strip-label{color:#3f8f6f}.bl-strip-haram .bl-strip-label{color:#b2542d}.bl-strip-track{overflow:hidden;border-radius:var(--radius);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.bl-strip-belt{display:flex;width:max-content;animation:bl-strip-drift 38s linear infinite}.bl-strip-haram .bl-strip-belt{animation-direction:reverse}.bl-strip-track:hover .bl-strip-belt{animation-play-state:paused}.bl-strip-copy{display:flex}.bl-strip-item{flex:none;width:124px;margin:0 .6rem 0 0}.bl-strip-item img{display:block;width:124px;height:124px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.bl-strip-halal .bl-strip-item img{border-bottom:3px solid #3F8F6F}.bl-strip-haram .bl-strip-item img{border-bottom:3px solid #B2542D}.bl-strip-item figcaption{margin:.35rem 0 0;font-size:.86rem;text-align:center;color:var(--ink)}.bl-strip-note{margin:.7rem 0 0!important;font-size:.9rem!important;color:var(--muted)}@keyframes bl-strip-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.bl-strip-track{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.bl-strip-belt{animation:none}.bl-strip-copy{display:none}}.bl-fold{margin:1.8rem 0 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.bl-fold>summary{cursor:pointer;padding:.9rem 1.1rem;font-weight:700;color:var(--ink-strong);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.bl-fold>summary::-webkit-details-marker{display:none}.bl-fold>summary:after{content:"+";font-size:1.4rem;line-height:1;color:var(--gold-deep);flex:none}.bl-fold[open]>summary:after{content:"\2212"}.bl-story{margin:1rem 0 1.4rem}.bl-story>summary{font-weight:600;color:var(--primary)}.bl-story-body{padding:0 1.1rem 1rem}.bl-story-body p{margin:0 0 .75rem}.bl-story-body p:last-child{margin-bottom:0}.bl-fold[open]>summary{border-bottom:1px solid var(--line)}.bl-post .bl-fold-intro{margin:.9rem 1.1rem 0;font-size:.95rem;color:var(--muted)}.bl-fold-item{padding:1rem 1.1rem 1.1rem;border-top:1px solid var(--line)}.bl-fold-intro+.bl-fold-item,.bl-fold>summary+.bl-fold-item{border-top:0}.bl-post .bl-fold-item p{margin:.35rem 0 0;font-size:.95rem;line-height:1.55}.bl-post .bl-fi-name{margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--gold-deep)}.bl-post .bl-fi-ar{font-family:var(--font-ar);font-size:1.55rem;line-height:1.9;color:var(--ink-strong);margin-top:.55rem;text-align:right}.bl-post .bl-fi-tr{font-style:italic}.bl-post .bl-fi-note,.bl-post .bl-fi-src{color:var(--muted);font-size:.84rem}.bl-src{font-size:.84rem;color:var(--muted);margin-top:1.6rem}.bl-sign{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--line)}.bl-sign-mark{font-size:1.3rem;font-weight:700;letter-spacing:.08em;color:var(--gold-deep);margin:0}.bl-sign-note{font-size:.92rem;color:var(--muted);margin:.5rem 0 0;line-height:1.6}.bl-sign-scholar{font-size:.82rem;color:var(--muted);margin:.6rem 0 0;opacity:.85}.bl-mail{color:var(--gold-deep);font-weight:600}.bl-react{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}.bl-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2.2rem;padding-top:1.3rem;border-top:1px solid var(--line)}.bl-nav a{text-decoration:none;color:var(--ink-strong);font-weight:600;max-width:46%;line-height:1.35}.bl-nav a:hover{color:var(--gold-deep)}.bl-nav a span{display:block;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:.2rem}.bl-nav-n{text-align:right}.bl-back{margin-top:1.4rem}.bl-404{margin:3rem 0;text-align:center;color:var(--muted)}@media (max-width: 899px){.bl-card{grid-template-columns:220px 1fr;grid-template-areas:"top top" "art body"}.bl-card-art{min-height:0;aspect-ratio:1200 / 669;align-self:center}}@media (max-width: 620px){.bl-card{grid-template-columns:minmax(118px,36%) 1fr;grid-template-areas:"top top" "art body";gap:.4rem .75rem;padding:.6rem;align-items:start}.bl-card-art{min-height:0;aspect-ratio:1200 / 669;align-self:start}.bl-card-body{padding:0;gap:.18rem;justify-content:flex-start}.bl-card-cat{font-size:.64rem}.bl-card-title{font-size:1rem;line-height:1.24}.bl-card-title,.bl-card-dek{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.bl-card-title{-webkit-line-clamp:3}.bl-card-dek{font-size:.83rem;line-height:1.38;-webkit-line-clamp:2}.bl-card-meta{font-size:.72rem}}.bm-switch{display:flex;gap:4px;width:max-content;max-width:100%;margin:1.1rem auto 0;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.page-hero .bm-switch{margin:1.5rem auto 0;background:color-mix(in srgb,var(--surface) 72%,transparent);border-color:color-mix(in srgb,var(--gold) 34%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.page-hero .bm-switch a[aria-current=page]{background:color-mix(in srgb,var(--gold) 26%,var(--surface))}.bm-switch a{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:0 1.2rem;border-radius:999px;font-weight:600;font-size:.95rem;color:var(--muted);text-decoration:none}.bm-switch a svg{width:19px;height:19px;flex:none}.bm-switch a:hover{color:var(--gold-deep)}.bm-switch a[aria-current=page]{background:var(--gold-soft);color:var(--gold-deep)}@media (max-width: 760px){.bl-react{justify-content:flex-end}}.bl-index{max-width:1240px}@media (min-width: 900px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.bl-card{grid-template-columns:1fr;grid-template-areas:"top" "art" "body";gap:.6rem;padding:.7rem}.bl-card-top{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem}.bl-card-head{display:contents}.bl-card-date{justify-self:center}.bl-card-read{justify-self:end}.bl-card-art{min-height:168px}.bl-card-body{padding:0 .35rem .45rem}}@media (min-width: 1180px){.bl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bl-card-art{min-height:152px}.bl-card-title{font-size:1.08rem}}@media (prefers-reduced-motion: reduce){.bl-card,.bl-cat{transition:none}.bl-card:hover,.bl-card:focus-within{transform:none}}.bl-post{max-width:1160px}.bl-post-grid>article{max-width:44rem}.bl-side{margin:2.6rem 0 0}.bl-side-k{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold);margin:0 0 .7rem}.bl-side-item{display:grid;grid-template-columns:92px 1fr;gap:.85rem;align-items:center;padding:.6rem;margin-bottom:.5rem;border:1px solid transparent;border-radius:12px;text-decoration:none;color:var(--ink);transition:background-color .16s ease,border-color .16s ease}.bl-side-item:hover,.bl-side-item:focus-visible{background:color-mix(in srgb,var(--gold-soft) 55%,var(--surface));border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.bl-side-art{width:92px;height:68px;border-radius:10px;background:var(--surface-2) center/cover no-repeat;box-shadow:inset 0 0 0 1px #28180a1f}.bl-card-art,.bl-side-art{position:relative;overflow:hidden}.bl-card-art img,.bl-side-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.bl-card-art:after,.bl-side-art:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #28180a1f;pointer-events:none}.bl-side-txt{display:flex;flex-direction:column;gap:.12rem;min-width:0}.bl-side-cat{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--muted)}.bl-side-title{font-size:1rem;font-weight:700;line-height:1.3;color:var(--ink-strong)}.bl-side-item:hover .bl-side-title{color:var(--gold-deep)}.bl-side-all{display:inline-block;margin-top:.8rem;padding-left:.6rem;font-size:.9rem;font-weight:600;color:var(--gold-deep)}@media (min-width: 1100px){.bl-post-grid{display:grid;grid-template-columns:minmax(0,44rem) 340px;gap:3rem;align-items:start;justify-content:center}.bl-side{margin:0;position:sticky;top:5.5rem;max-height:calc(100vh - 7rem);overflow-y:auto;padding-top:1.4rem}}@media (max-width: 1099px){.bl-side{border-top:1px solid var(--line);padding-top:1.6rem}}@media (prefers-reduced-motion: reduce){.bl-side-item{transition:none}}.bl-filters{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:.8rem 0 0}.bl-filters .bl-cats{margin:0}.bl-sort-btn{flex:none;display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:inherit;font-size:.8rem;font-weight:600;padding:.34rem .75rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.bl-sort-btn:hover{border-color:var(--gold);color:var(--gold-deep)}.bl-sort-btn.is-on{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-deep)}.bl-sort-btn svg{width:14px;height:14px}.bl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 0 .3rem;font-size:.82rem;color:var(--muted)}.bl-meta .bl-count{font-size:inherit}.bl-asklink{border:none;background:none;padding:0;font:inherit;cursor:pointer;color:var(--gold-deep);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--gold) 45%,transparent);text-underline-offset:3px}.bl-askcard{margin:.7rem 0 0}.bl-askcard[hidden]{display:none}@media (max-width: 620px){body[data-page=blog] .page-hero{padding-top:1.2rem;padding-bottom:1.1rem}body[data-page=blog] .page-hero h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}body[data-page=blog] .page-hero>p{font-size:.88rem;line-height:1.45;color:var(--ink);max-width:none;text-wrap:balance}body[data-page=blog] .page-hero .bm-switch{margin-top:.8rem}body[data-page=blog] .bm-switch a{min-height:40px;padding:0 1rem;font-size:.9rem}.bl-index .bl-tools{margin-top:1rem}.bl-filters .bl-cats{flex-wrap:nowrap;overflow-x:auto;min-width:0;flex:1 1 auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 1.2rem 2px 2px;margin:-2px 0;-webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent)}.bl-filters .bl-cats::-webkit-scrollbar{display:none}.bl-filters .bl-cat{flex:none}}@media (prefers-reduced-motion: reduce){.bl-sort-btn{transition:none}}html[data-theme=dark]{--danger: #E8776E;--ok: #6FBF95}html[data-theme=dark] .tg-card.cat-quran{--tg: #6FBF95}html[data-theme=dark] .tg-card.cat-dhikr{--tg: #E0B056}html[data-theme=dark] .tg-card.cat-salah{--tg: #E58E64}html[data-theme=dark] .tg-card.cat-good{--tg: #AFA4DE}html[data-theme=dark] .tg-go{color:#160d08}html[data-theme=dark] .td-card[data-td-card=khatm],html[data-theme=dark] .td-card[data-td-card=quran]{--tdc: #6FBF95}html[data-theme=dark] .td-card[data-td-card=prayer]{--tdc: #E58E64}html[data-theme=dark] .td-card[data-td-card=path]{--tdc: #AFA4DE}html[data-theme=dark] .td-card[data-td-card=learn]{--tdc: #D9A05E}html[data-theme=dark] .td-card[data-td-card=review]{--tdc: #6CB9C4}html[data-theme=dark] .td-card[data-td-card=progress]{--tdc: #E0B056}html[data-theme=dark] .dr-n i,html[data-theme=dark] .dr-hint{opacity:1}html[data-theme=dark] .bl-do{border-left-color:#6fbf95}html[data-theme=dark] .bl-dont{border-left-color:#e58e64}html[data-theme=dark] .bl-do h3{color:#6fbf95}html[data-theme=dark] .bl-dont h3{color:#e58e64}html[data-theme=dark] .bl-strip-halal .bl-strip-label{color:#6fbf95}html[data-theme=dark] .bl-strip-haram .bl-strip-label{color:#e58e64}html[data-theme=dark] .bl-strip-halal .bl-strip-item img{border-bottom-color:#6fbf95}html[data-theme=dark] .bl-strip-haram .bl-strip-item img{border-bottom-color:#e58e64}html[data-theme=dark] .sc-num{color:#160d08}html[data-theme=dark] .an-chip,html[data-theme=dark] .an-h span,html[data-theme=dark] .an-q,html[data-theme=dark] .an-link{color:color-mix(in srgb,var(--an) 60%,#FFF7EC)}html[data-theme=dark] .tg-tick{color:color-mix(in srgb,var(--tg) 65%,#FFF7EC)}html[data-theme=dark] .tg-card.is-done .tg-tick{color:#160d08}html[data-theme=dark] .tdc-move button:disabled{opacity:.55}.bl-src a{color:var(--gold-deep);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}.bl-src a:hover,.bl-src a:focus-visible{color:var(--deep);text-decoration-color:currentColor}html[data-theme=dark] .bl-src a{color:var(--gold)}.bl-talk{display:grid;gap:1rem;margin:1.4rem 0 1.8rem}.bl-talk-pair{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.bl-talk-you,.bl-talk-allah{padding:.9rem 1.1rem;line-height:1.6}.bl-talk-allah{background:color-mix(in srgb,var(--gold-soft) 70%,var(--surface));border-top:1px solid var(--line);border-left:4px solid var(--gold)}.bl-talk-who{font-weight:700;color:var(--muted)}.bl-talk-allah .bl-talk-who{color:var(--gold-deep)}.bl-talk-ar{font-weight:600;color:var(--ink-strong)}.bl-post .bl-dua{display:block;font-family:var(--font-ar);font-size:calc(1.4rem * var(--ar-scale));line-height:2.1;text-align:center;color:var(--ink-strong);padding:1rem 1.1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.bl-talk-en{font-style:italic;color:var(--muted)}.bl-talk-reply{font-size:1.08rem;font-weight:600;color:var(--deep)}.bl-talk-note{display:block;margin-top:.3rem;font-size:.86rem;color:var(--muted)}.bl-ask{margin-top:1.4rem}.ask-us{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:.2rem 1rem}.ask-us>summary{cursor:pointer;list-style:none;padding:.75rem 0;font-weight:700;color:var(--ink-strong);font-size:.95rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.ask-us>summary::-webkit-details-marker{display:none}.ask-us>summary:after{content:"+";font-size:1.2rem;font-weight:500;color:var(--muted)}.ask-us[open]>summary:after{content:"\2212"}.ask-us-form{padding:0 0 1rem}.ask-us .ask-us-lbl{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.35rem}.ask-us-form textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:6rem;font:inherit;font-size:1rem;color:var(--ink);padding:.65rem .75rem;border-radius:12px;border:1px solid var(--line);background:var(--bg, #fff)}.ask-us-form textarea:focus{outline:2px solid color-mix(in srgb,var(--gold-deep, #B08234) 45%,transparent);outline-offset:1px}.ask-us .ask-us-email{width:100%;box-sizing:border-box;margin-bottom:.2rem;font:inherit;font-size:1rem;color:var(--ink);padding:.6rem .75rem;border-radius:12px;border:1px solid var(--line);background:var(--bg, #fff)}.ask-us .ask-us-email:focus{outline:2px solid color-mix(in srgb,var(--gold-deep, #B08234) 45%,transparent);outline-offset:1px}.ask-us .ask-us-form textarea+.ask-us-lbl{margin-top:.8rem}.ask-us-opt{font-weight:500}.ask-us-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.ask-us .ask-us-note,.ib-wrap .ask-us-note{margin:.6rem 0 0;font-size:.8rem;line-height:1.5;color:var(--muted)}.ask-us-row{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;flex-wrap:wrap;margin-top:.8rem}.ask-us-row .ask-us-msg{order:-1;margin-right:auto}.ask-us-msg{font-size:.85rem;color:var(--muted)}.ask-us .ask-us-done{margin:0;font-size:.92rem;color:var(--ink);line-height:1.55}.ask-msg .ask-us{margin-top:.8rem;background:transparent}.ib-wrap{max-width:760px;margin:0 auto;padding:1.5rem 1rem 4rem}.ib-login[hidden],#ibBody[hidden]{display:none}.ib-login{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.ib-login input{flex:1 1 240px;font:inherit;padding:.6rem .75rem;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.ib-tabs{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}#ibQn,#ibMn{margin-left:.3rem;font-weight:500}.ib-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.ib-item{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:.8rem 1rem}.ib-text{margin:0;color:var(--ink-strong);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.ib-meta{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;margin-top:.5rem;font-size:.8rem;color:var(--muted);flex-wrap:wrap}.ib-meta>span:first-child{margin-right:auto}.ib-n{font-weight:700;color:var(--gold-deep, #B08234)}.ib-empty{color:var(--muted)}.ask-us>summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-askcard{margin:0 0 1.1rem}.ask-send{margin-top:1.6rem;scroll-margin-top:5rem}.ask-send h2{margin:0 0 .3rem;font-size:1.25rem;color:var(--ink-strong)}.ask-send>p{margin:0 0 .8rem;font-size:.92rem;color:var(--muted)}@media (max-width: 600px){.bl-react .bl-about{display:none}}.tp-row.is-next .tp-note.tp-sub{color:var(--muted);font-weight:600;margin-top:0}@media (max-width: 520px){.dua-sets{margin-top:.2rem}.dua-set-card img{aspect-ratio:16 / 9}}.search-results{overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y}.search-result .sr-main{flex:1;min-width:0}.search-result .sr-sub{display:block}.search-result .sr-main br{display:none}.content-section h2 .sec-num,.content-section.is-collapsible>h2 .sec-num{flex:none;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;min-width:1.75rem;border-radius:50%;background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--primary);font-size:.85rem;font-weight:700;line-height:1;text-align:center}.ab-hero{text-align:center;padding:2.6rem 1.2rem 2.2rem;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 14%,var(--bg)),var(--bg))}.ab-logo{width:74px;height:74px;color:var(--gold-deep);margin:0 auto .6rem;display:block}.ab-arch{stroke-dasharray:1;stroke-dashoffset:1;animation:abDraw 1.6s ease-out .2s forwards}.ab-star{transform-origin:256px 266px;transform-box:view-box;opacity:0;animation:abStar .7s ease-out 1.4s forwards,abTwinkle 3.2s ease-in-out 2.4s infinite}@keyframes abDraw{to{stroke-dashoffset:0}}@keyframes abStar{0%{opacity:0;transform:scale(.3) rotate(-40deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes abTwinkle{0%,to{opacity:1}50%{opacity:.55}}.ab-hero h1{margin:.2rem 0 .5rem}.ab-tag{max-width:34rem;margin:0 auto;color:var(--muted);font-size:1.02rem;line-height:1.6}.ab-motto{margin:1rem 0 0;font-weight:700;color:var(--gold-deep);letter-spacing:.04em}.ab-motto span{display:inline-block;opacity:0;transform:translateY(6px);animation:abWord .5s ease-out forwards}.ab-motto span:nth-child(1){animation-delay:1.9s}.ab-motto span:nth-child(2){animation-delay:2.2s}.ab-motto span:nth-child(3){animation-delay:2.5s}@keyframes abWord{to{opacity:1;transform:none}}.ab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.4rem}.ab-stat{border:1px solid var(--line);border-radius:14px;padding:.9rem .8rem;text-align:center;background:color-mix(in srgb,var(--gold) 5%,var(--surface))}.ab-stat strong{display:block;font-size:1.7rem;color:var(--gold-deep);font-variant-numeric:tabular-nums;line-height:1.15}.ab-stat span{display:block;font-size:.8rem;color:var(--muted);margin-top:.25rem;line-height:1.35}.ab-zero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.8rem}.ab-zero div{border-radius:14px;padding:.7rem;text-align:center;background:color-mix(in srgb,#2E9E63 10%,var(--surface))}.ab-zero strong{display:block;font-size:1.4rem;color:#2e7a4f}.ab-zero span{font-size:.8rem;color:var(--muted)}html[data-theme=dark] .ab-zero strong{color:#6cc49b}.ab-join{margin:0 0 1.4rem;padding:1.6rem 1.5rem;border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 28%,var(--surface)),color-mix(in srgb,var(--primary) 18%,var(--surface)));border:1px solid color-mix(in srgb,var(--gold) 45%,transparent)}.ab-join h2{margin:0 0 .5rem;font-size:1.35rem;color:var(--ink-strong)}.ab-join p{margin:0 auto 1rem;max-width:32rem;color:var(--ink)}.ab-join-btns{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.ab-join-end h2{margin-bottom:1rem}.ab-lead{color:var(--muted);margin-top:-.3rem}.ab-step-list{list-style:none;margin:.6rem 0 0;padding:0;counter-reset:none}.content-section .ab-step-list li{margin:0 0 .5rem}.ab-step{width:100%;display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);font:inherit;color:var(--ink-strong);text-align:left;cursor:pointer}.ab-step[aria-expanded=true]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--surface))}.ab-step-n{flex:none;width:1.75rem;height:1.75rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--primary);font-weight:700;font-size:.85rem}.ab-step-t{font-weight:600}.ab-step-body{padding:.6rem .9rem .2rem 3.3rem}.ab-step-body p{margin:0}.ab-try-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.ab-try-btn{padding:.9rem .6rem;border-radius:14px;border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer;color:var(--ink-strong);transition:transform .15s,border-color .15s}.ab-try-btn:hover{transform:translateY(-2px);border-color:var(--gold)}.ab-try-btn span{display:block;font-weight:700}.ab-try-btn small{display:block;color:var(--muted);font-size:.75rem;margin-top:.15rem}.ab-try-card{margin-top:.9rem;padding:1.1rem 1.1rem .9rem;border-radius:14px;border-left:4px solid var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--surface))}.ab-try-card.in{animation:abWord .4s ease-out both;opacity:1}.ab-try-card .ab-t{font-weight:700;margin:0 0 .4rem}.ab-try-card .ab-ar{font-family:var(--font-ar);font-size:1.35rem;line-height:1.9;margin:0 0 .5rem;color:var(--ink-strong)}.ab-try-card .ab-en{margin:0 0 .4rem}.ab-try-card .ab-src{font-size:.82rem;color:var(--muted);margin:0 0 .6rem}.ab-again{font:inherit;font-size:.85rem;font-weight:600;color:var(--primary);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.ab-badges{list-style:none;padding:0;margin:.4rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.content-section .ab-badges li{margin:0;padding:.8rem .9rem;border-radius:12px;border:1px solid var(--line);font-size:.9rem;line-height:1.45}.ab-badges strong{display:block;color:var(--ink-strong)}.ab-detail summary{cursor:pointer;font-weight:600;font-size:1rem;line-height:1.4;color:var(--ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-detail details[open] summary{margin-bottom:.6rem}@media (max-width: 560px){.ab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-stat strong{font-size:1.45rem}.ab-try-btns{grid-template-columns:1fr 1fr 1fr}.ab-badges{grid-template-columns:1fr}.ab-step-body{padding-left:.9rem}}@media (prefers-reduced-motion: reduce){.ab-arch,.ab-star,.ab-motto span{animation:none;stroke-dashoffset:0;opacity:1;transform:none}}.content-section .ab-step-list,.content-section .ab-badges{margin-left:0;margin-right:0}.ab-numbers>h2{justify-content:center;text-align:center}.ab-center{text-align:center;margin-top:-.2rem}.ab-hint{text-align:center;color:var(--muted);font-size:.8rem;margin:-.4rem 0 .6rem}.ab-flip{perspective:900px;cursor:pointer;min-height:9.5rem;border-radius:14px;outline:none}.ab-flip:focus-visible{box-shadow:0 0 0 3px var(--gold)}.ab-flip-in{position:relative;width:100%;height:100%;min-height:9.5rem;transition:transform 1s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}.ab-flip.is-flipped .ab-flip-in{transform:rotateY(180deg)}.ab-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.8rem .7rem;border-radius:14px;border:1px solid var(--line);backface-visibility:hidden;-webkit-backface-visibility:hidden;text-align:center}.ab-front{background:color-mix(in srgb,var(--gold) 5%,var(--surface))}.ab-front strong{font-size:1.9rem;color:var(--gold-deep);font-variant-numeric:tabular-nums;line-height:1.1}.ab-front span{font-size:.85rem;color:var(--muted)}.ab-back{transform:rotateY(180deg);background:linear-gradient(140deg,color-mix(in srgb,var(--gold) 30%,var(--surface)),color-mix(in srgb,var(--primary) 16%,var(--surface)));border-color:color-mix(in srgb,var(--gold) 50%,transparent)}.ab-back b{font-size:1.05rem;color:var(--ink-strong)}.ab-back span{font-size:.78rem;line-height:1.4;color:var(--ink)}.ab-back a{font-size:.8rem;font-weight:700;color:var(--primary);text-decoration:none;margin-top:.15rem}@media (max-width: 560px){.ab-flip,.ab-flip-in{min-height:10.5rem}.ab-front strong{font-size:1.55rem}.ab-back span{font-size:.74rem}}.ab-jgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.ab-j{text-align:center;padding:.8rem .4rem;border-radius:12px;background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.ab-j strong{display:block;font-size:1.45rem;color:var(--primary);font-variant-numeric:tabular-nums}.ab-j span{font-size:.75rem;color:var(--muted)}.ab-jbar{height:10px;border-radius:999px;background:var(--line);margin:.9rem 0 .6rem;overflow:hidden}.ab-jbar span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--primary));transition:width 1.4s cubic-bezier(.2,.7,.2,1)}.ab-jmsg{margin:0;font-weight:600}@media (max-width: 560px){.ab-jgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ab-qn{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 .3rem}.ab-qq{font-size:1.08rem;font-weight:600;color:var(--ink-strong);margin:0 0 .8rem}.ab-opts{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ab-opt{font:inherit;padding:.75rem .8rem;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink-strong);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,transform .15s}.ab-opt:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}.ab-opt.right{background:color-mix(in srgb,#2E9E63 16%,var(--surface));border-color:#2e9e63}.ab-opt.wrong{background:color-mix(in srgb,#B2542D 14%,var(--surface));border-color:#b2542d;animation:abShake .35s}@keyframes abShake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.ab-why{margin-top:.8rem;padding:.8rem .9rem;border-radius:12px;background:color-mix(in srgb,var(--gold) 8%,var(--surface))}.ab-why .ab-src{color:var(--muted);font-size:.82rem}.ab-why .ab-next{display:block;margin-top:.7rem}.ab-score{font-size:1.25rem;font-weight:700;color:var(--ink-strong);text-align:center;margin:.2rem 0 .9rem}@media (max-width: 560px){.ab-opts{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.ab-flip-in{transition:none}}#abQuiz:has(>#abQuizStart){display:flex;justify-content:flex-end}.ab-why .ab-next{margin-left:auto}@media (min-width: 561px){.ab-hero{padding:1.5rem 1.2rem 1.2rem}.ab-logo{width:54px;height:54px;margin-bottom:.3rem}.ab-hero h1{margin:.1rem 0 .35rem}.ab-motto{margin-top:.6rem}.ab-numbers{padding-top:1.2rem}.ab-numbers>h2{margin-bottom:.35rem}.ab-flip,.ab-flip-in{min-height:7.6rem}.ab-front strong{font-size:1.75rem}.ab-grid{gap:.7rem}}.ab-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.9rem .8rem;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--gold) 5%,var(--surface));text-align:center;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s,box-shadow .15s}.ab-card:hover,.ab-card:focus-visible{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 6px 18px #00000012}.ab-card strong{font-size:1.75rem;color:var(--gold-deep);font-variant-numeric:tabular-nums;line-height:1.1}.ab-card b{font-size:.98rem;color:var(--ink-strong)}.ab-card span{font-size:.8rem;color:var(--muted);line-height:1.35}@media (max-width: 560px){.ab-card strong{font-size:1.5rem}.ab-card span{font-size:.76rem}}@media (min-width: 561px) and (max-height: 820px){.ab-hero{padding:1rem 1.2rem .6rem}.ab-logo{width:46px;height:46px}.ab-motto{display:none}.ab-tag{font-size:.95rem;line-height:1.5}.ab-numbers{padding-top:1rem;padding-bottom:1rem}.ab-card{padding:.55rem .7rem;gap:.05rem}.ab-card strong{font-size:1.5rem}.ab-grid{gap:.55rem}}.ab-card strong{display:block;font-size:1.5rem;line-height:1.2;margin:.05rem 0;white-space:nowrap}.ab-card strong i{font-style:normal}@media (max-width: 560px){.ab-card strong{font-size:1.25rem}}@media (max-width: 560px){.ab-fix p:last-child{text-align:right}}.ab-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.6rem}.ab-chips a{padding:.45rem .8rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-strong);text-decoration:none;font-size:.88rem;font-weight:600;transition:border-color .15s,transform .15s}.ab-chips a:hover{border-color:var(--gold);transform:translateY(-1px)}.content-section .ab-newlist{list-style:none;margin:.4rem 0 0;padding:0}.content-section .ab-newlist li{margin:0;padding:.55rem 0;border-top:1px solid var(--line);font-size:.92rem}.ab-newlist span{display:inline-block;min-width:3.4rem;font-size:.75rem;font-weight:700;color:var(--gold-deep);text-transform:uppercase;letter-spacing:.04em}.ab-newlist b{color:var(--ink-strong)}.ab-pq{font-weight:600;color:var(--ink-strong);font-size:1.02rem;margin:.2rem 0 .8rem}.ab-popts{display:grid;gap:.5rem}.ab-popt{font:inherit;text-align:left;padding:.8rem .9rem;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink-strong);cursor:pointer;transition:border-color .15s,transform .15s}.ab-popt:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}.ab-pbar{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:.8rem;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--line);margin-bottom:.5rem}.ab-pbar.mine{border-color:var(--gold)}.ab-pfill{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--gold) 22%,transparent);transition:width 1.1s cubic-bezier(.2,.7,.2,1)}.ab-plab,.ab-ppct{position:relative;font-weight:600;color:var(--ink-strong)}.ab-ptotal{font-size:.82rem;color:var(--muted);margin:.2rem 0 0}.ab-pnote{font-size:.85rem;color:#b2542d;margin:.4rem 0 0}.ab-pnote:empty{display:none}.menu-quick{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0 0 .8rem}.menu-quick a{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .6rem;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink-strong);font-weight:600;font-size:.86rem;text-decoration:none;white-space:nowrap}.menu-quick a:hover{border-color:var(--gold)}.menu-quick svg{width:17px;height:17px;color:var(--gold-deep);flex:none}.ab-popts[hidden],.ab-pres[hidden]{display:none}.menu-quick{grid-template-columns:1fr}.menu-quick a{justify-content:flex-start}@media (min-width: 769px) and (max-height: 1400px){.page-hero{padding-top:1.1rem;padding-bottom:.95rem}.page-hero h1{font-size:clamp(1.55rem,2.6vw,2rem);margin:.15rem 0 .25rem}.page-hero p{font-size:.93rem;line-height:1.5}.page-hero .kicker{margin-bottom:.1rem}.page-hero .page-progress{margin-top:.7rem}main.wrap{padding-top:.8rem}}@media (min-width: 769px) and (max-width: 1120px){.header-inner{gap:.5rem;padding-left:.9rem;padding-right:.9rem}.brand .brand-ar{display:none}.site-nav{gap:0}.site-nav a,.site-nav .nav-dd>button{font-size:.86rem;padding-left:.5rem;padding-right:.5rem}.header-controls{gap:.35rem}}@media (min-width: 900px) and (max-height: 1400px){body[data-page=today] .page-hero{padding-top:.8rem;padding-bottom:.7rem}body[data-page=today] .td-head{margin:.6rem 0}.tp-rows{margin-top:.5rem;gap:.3rem}.tp-days{margin-top:.4rem;margin-bottom:0}}@media (min-width: 900px) and (max-height: 1400px){body[data-page=today] .page-hero{padding-top:.55rem;padding-bottom:.5rem}body[data-page=today] .page-hero h1{font-size:1.5rem;margin:.05rem 0 .1rem}body[data-page=today] .td-head{margin:.35rem 0 .45rem}.td-fast{float:left;margin-right:1.2rem}.td-fast+.td-foot{margin-top:.55rem}}@media (min-width: 900px) and (max-height: 1400px){body[data-page=times] .page-hero{padding-top:.6rem;padding-bottom:.55rem}body[data-page=times] main .content-section:first-of-type{padding-top:1rem;padding-bottom:1rem}.pt-actions{margin:.6rem 0 .2rem}.pt-next{margin-top:.5rem}.pt-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.6rem}.pt-row{border:1px solid var(--line);padding:.55rem .75rem}.pt-row.is-next{border-color:transparent}}@media (min-width: 900px) and (max-height: 1400px){.pt-list .pt-sub{display:none}.pt-row{align-items:center}body[data-page=times] .page-hero .kicker{display:none}}@media (min-width: 720px) and (max-height: 760px){.hero-photo .hero-inner{padding-top:4.6rem;padding-bottom:4.4rem}.hero-photo .hero-inner .hero-ayah{font-size:1.95rem;margin-top:.4rem;margin-bottom:.2rem}.hero-photo .hero-inner p.lede{font-size:.95rem;line-height:1.55;margin-top:.7rem}.hero-photo .hero-cta{margin-top:.9rem}}@media (min-width: 900px) and (max-height: 1400px){.hd-book{padding-top:.75rem;padding-bottom:.75rem}.hd-book .hd-note{margin-top:.3rem}body[data-page=calendar] .page-hero p:not(.kicker){display:none}body[data-page=calendar] main>.content-section{padding:.9rem 1.2rem;margin-bottom:.8rem}body[data-page=calendar] main>.content-section:first-child{margin-top:0!important}.cal-today{display:flex;align-items:baseline;justify-content:center;gap:.9rem;flex-wrap:wrap;padding:.5rem 1rem;text-align:left}.cal-today:before,.cal-today .cal-moon{display:none}.cal-today-label{margin:0}.cal-today-h{font-size:1.05rem;margin:0}.cal-today-ar{font-size:1rem;margin:0}.cal-today-g{font-size:.85rem;margin:0}.cal-grid{gap:.3rem;margin-top:.5rem}.cal-day{aspect-ratio:auto;height:2.75rem}.cal-month-sub{margin-top:.1rem}}@media (min-width: 900px) and (max-height: 1400px){.cal-day{height:2.3rem}.cal-day .gd{font-size:.6rem}body[data-page=calendar] main>.content-section:first-child{margin-bottom:.45rem;padding:.4rem .9rem}body[data-page=calendar] main>.content-section:nth-child(2){padding-top:.7rem}.cal-grid{gap:.25rem;margin-top:.35rem}}#setMadhab{display:flex;width:100%}#setMadhab button{flex:1}#rvStats .td-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.4rem}#rvStats .td-stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:.9rem .6rem .8rem;text-align:center;box-shadow:0 8px 22px -16px #3c280a59}#rvStats .td-stat strong{display:block;font-size:2rem;line-height:1.1;font-weight:700;color:var(--primary)}#rvStats .td-stat:first-child strong{color:var(--gold-deep)}#rvStats .td-stat span{display:block;margin-top:.25rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--muted)}#rvTopics{justify-content:center;margin-top:1.1rem!important}#rvStart{display:inline-flex;flex-direction:column;align-items:center;gap:.05rem;padding:.85rem 2.4rem}#rvStart span{font-size:.74rem;font-weight:500;opacity:.85}#rvHome .note{background:transparent;border:1px solid var(--line);color:var(--muted);font-size:.86rem;margin-top:1.4rem}#rvHome .note strong{color:var(--ink-strong)}#rvSession .pr-progress{order:-1;margin:0 0 .9rem;height:6px}#rvSession{display:flex;flex-direction:column}#rvSession[hidden]{display:none}.rv-card{position:relative;overflow:hidden;border-radius:22px;padding:2.2rem 1.8rem 2rem;min-height:280px;box-shadow:0 18px 40px -24px #3c280a73;transition:transform .2s ease,box-shadow .2s ease}.rv-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--gold),var(--gold-deep))}.rv-card:hover{transform:translateY(-2px)}.rv-topic{align-self:center;padding:.25rem .75rem;border-radius:999px;background:var(--primary-soft);color:var(--gold-deep)}.rv-front p{font-size:1.4rem;line-height:1.35;font-weight:700}.rv-back{margin-top:.4rem;padding-top:1rem;border-top:1px dashed var(--line);animation:qz-rise .35s ease both}.rv-back[hidden]{display:none}.rv-answer{font-size:1.25rem;color:#1d5a40}html[data-theme=dark] .rv-answer{color:#9ae0be}.rv-flip-hint{margin-top:.4rem;font-size:.82rem;color:var(--muted)}.rv-flip-hint[hidden]{display:none}.rv-actions .btn{border-radius:16px;padding:.85rem .6rem;box-shadow:none}.rv-actions .btn b{font-size:1.02rem}#rvAgain{border:1.5px solid #B3423A;color:#8a2a24;background:#b3423a12}#rvGood{background:#2e7d5b;border-color:#2e7d5b;color:#fff}html[data-theme=dark] #rvAgain{color:#f0a59f}@media (max-width: 600px){#rvStats .td-stat strong{font-size:1.6rem}.rv-card{padding:1.8rem 1.2rem 1.6rem;min-height:250px}.rv-front p{font-size:1.22rem}}@media (min-width: 900px) and (min-height: 560px){.menu-panel{top:50%;left:50%;right:auto;height:min(700px,92vh);width:min(980px,94vw);border:1px solid var(--line);border-radius:22px;padding:0;overflow:hidden;box-shadow:0 40px 90px -30px #160d0880,0 0 0 1px #fff6 inset;display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;transform:translate(-50%,-46%) scale(.97);opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s cubic-bezier(.2,.8,.3,1),opacity .22s ease,visibility 0s linear .28s}.menu-panel.open{transform:translate(-50%,-50%);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.menu-panel .menu-head{grid-column:1 / -1;grid-row:1;padding:1.1rem 1.5rem;border-bottom:1px solid var(--line);margin:0}.menu-panel .menu-head strong{font-size:1.2rem}.menu-tabs{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:.2rem;padding:1rem .8rem;border-right:1px solid var(--line);background:var(--surface-2);overflow-y:auto}.menu-tabs button{text-align:left;font:inherit;font-weight:600;font-size:.95rem;color:var(--ink);background:none;border:0;border-radius:12px;padding:.7rem .9rem;cursor:pointer;transition:background .15s ease,color .15s ease}.menu-tabs button:hover{background:var(--primary-soft);color:var(--primary)}.menu-tabs button.on{background:var(--primary);color:var(--btn-ink)}.menu-panel .menu-acc{display:none;grid-column:2;grid-row:2;border:0;padding:1.4rem 1.8rem;overflow-y:auto;min-height:0}.menu-panel .menu-acc.sel{display:block}.menu-panel .menu-acc.sel>.acc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.2rem;row-gap:.4rem;align-content:start}.menu-panel .menu-acc>summary{display:none}.menu-panel .acc-grid>.menu-controls{padding-bottom:.8rem!important;border-top:0;margin-top:0}.menu-panel .acc-grid>.menu-controls:only-child{grid-column:1 / -1;max-width:560px}.menu-panel .menu-quick a{padding:.5rem .7rem;font-size:.82rem}.menu-panel .menu-quick{display:grid;gap:.35rem}.menu-panel .menu-quick{grid-column:1;grid-row:3;margin:0;padding:.8rem;border-top:1px solid var(--line);background:var(--surface-2)}.menu-panel .menu-note:not(.menu-links){display:none}.menu-panel .menu-note.menu-links{grid-column:2;grid-row:3;margin:0;padding:.95rem 1.8rem;border-top:1px solid var(--line);align-self:stretch}}.page-hero{position:relative}.page-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70%;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none;z-index:1}.hero.hero-photo:after{display:block;content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 18%,transparent) 40%,color-mix(in srgb,var(--bg) 70%,transparent) 75%,var(--bg) 100%);pointer-events:none;z-index:3}.hero.hero-photo .hero-nav,.hero.hero-photo .hero-scroll,.hero.hero-photo .hero-dots,.hero.hero-photo .hero-arrow{z-index:5}@media (min-width: 900px) and (max-height: 1000px){body[data-page=names] .page-hero{padding-top:.8rem;padding-bottom:.6rem}body[data-page=names] .nm-tools{margin-top:.7rem!important}body[data-page=names] main .content-section:has(>.ayah){margin-top:.8rem!important;padding:1rem 1.2rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:.4rem 1.4rem;align-items:center}body[data-page=names] main .content-section:has(>.ayah)>.ayah{grid-row:1 / span 2;margin:0;padding:.7rem 1rem}body[data-page=names] main .content-section:has(>.ayah)>.ayah .ar{font-size:1.5rem;line-height:1.6}body[data-page=names] main .content-section:has(>.ayah)>p{margin:0;font-size:.9rem;line-height:1.5}body[data-page=names] .nm-today{grid-column:1 / -1;margin-top:.3rem}}@media (min-width: 900px) and (max-height: 1000px){body[data-page=names] .nm-today{padding:.7rem 1.2rem;display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap}body[data-page=names] .nm-today>*{margin:0!important}body[data-page=names] .nm-today .nm-today-ar{font-size:1.7rem;line-height:1.4}}.ls-q{font-size:1.35rem;margin:.4rem 0 1rem;color:var(--ink-strong)}.ls-courses{display:grid;gap:.7rem}.ls-course{display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:.9rem 1rem;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.ls-course:hover:not(:disabled){border-color:var(--gold)}.ls-course.on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}.ls-course.is-soon{cursor:default;opacity:.62}.ls-ic{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.ls-ic svg{width:28px;height:28px}.ls-ct{display:grid;gap:.15rem;min-width:0}.ls-ct strong{font-size:1.08rem;color:var(--ink-strong)}.ls-ct small{color:var(--ink);opacity:.85;font-size:.9rem}.ls-ct .ls-count{color:var(--gold-deep);opacity:1;font-weight:600;font-size:.82rem}.ls-tag{font-style:normal;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:.1rem .5rem;margin-left:.35rem;vertical-align:middle;color:var(--ink)}.ls-list{margin-top:1.6rem}.ls-list h3{font-size:1.05rem;margin:0 0 .6rem;color:var(--ink-strong)}.ls-item{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-decoration:none;margin-bottom:.55rem}.ls-item:hover{border-color:var(--gold)}.ls-item>svg{width:18px;height:18px;margin-left:auto;flex:none;color:var(--gold-deep)}.ls-num{flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--primary-soft);color:var(--primary)}.ls-item.is-done .ls-num{background:var(--primary);color:var(--btn-ink)}.ls-it{display:grid;gap:.1rem}.ls-it strong{color:var(--ink-strong)}.ls-it small{font-size:.85rem;opacity:.8}.ls-player{padding-bottom:1.5rem}.ls-top{display:flex;align-items:center;gap:.75rem;margin:.3rem 0 1.3rem}.ls-close{flex:none;display:grid;place-items:center;width:2.25rem;height:2.25rem;margin-left:-.45rem;border-radius:50%;color:var(--ink)}.ls-close:hover{background:var(--primary-soft);color:var(--primary)}.ls-close svg{width:22px;height:22px}.ls-bar{flex:1;display:flex;gap:5px}.ls-bar i{flex:1;height:4px;border-radius:999px;background:var(--line);transition:background .3s ease}.ls-bar i.on{background:var(--gold)}.ls-step{flex:none;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--ink);opacity:.7;font-variant-numeric:tabular-nums;min-width:3.2rem;text-align:right}.ls-screen h1{font-size:clamp(1.45rem,4.2vw,1.9rem);margin:0 0 1rem;color:var(--ink-strong);line-height:1.2}.ls-pic{border-radius:20px;overflow:hidden;background:var(--surface-2);margin:0 0 1rem;aspect-ratio:16 / 10}.ls-pic img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.ls-pic.is-still img{object-position:center 78%}.ls-points{list-style:none;counter-reset:ls;padding:0;margin:0;display:grid;gap:.7rem}.ls-points li{counter-increment:ls;display:flex;gap:.95rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:.95rem 1.1rem}.ls-points li:before{content:counter(ls);flex:none;font-weight:700;font-size:1.3rem;color:var(--gold-deep);min-width:1rem;text-align:center}.ls-points p{margin:0;font-size:1.06rem;line-height:1.5;color:var(--ink)}.ls-points strong{color:var(--ink-strong)}.ls-why{margin-top:.9rem;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:1rem 1.15rem}.ls-why strong{display:flex;align-items:center;gap:.45rem;color:var(--primary);font-size:1.05rem}.ls-why strong:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--gold);flex:none}.ls-why p{margin:.4rem 0 0;line-height:1.55;color:var(--ink);opacity:.92}.ls-qk{margin:0 0 .4rem;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-deep)}.ls-opts{display:grid;gap:.6rem}.ls-opt{font:inherit;font-size:1.04rem;text-align:left;padding:.95rem 1.1rem;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-strong);cursor:pointer}.ls-opt.picked{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}.ls-opt.is-ok{border-color:#3e8c69;background:#3e8c691f;box-shadow:none}.ls-opt.is-wrong{border-color:#b5523b;background:#b5523b1a;box-shadow:none}.ls-fb{margin:.9rem 0 0;line-height:1.5;min-height:1.5em}.ls-end{text-align:center;padding-top:2rem}.ls-done-mark{width:84px;height:84px;margin:0 auto 1rem;border-radius:50%;display:grid;place-items:center;font-size:2.6rem;color:var(--btn-ink);background:var(--primary)}.ls-end-btns{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:1.4rem}.ls-foot{display:flex;justify-content:space-between;gap:.7rem;margin:1.3rem 0 0}.ls-foot .btn{min-width:7.5rem;justify-content:center}.ls-foot #lsNext{flex:1;max-width:22rem;margin-left:auto}.ls-foot #lsNext:disabled{opacity:.5;cursor:default}.ls-foot[hidden]{display:none}@media (min-width: 900px){.ls-player{max-width:980px;margin:0 auto}.ls-screen:not([hidden]):has(.ls-pic){display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);column-gap:1.6rem;align-items:start}.ls-screen:has(.ls-pic)>h1{grid-column:1 / -1}.ls-screen:has(.ls-pic)>.ls-pic{grid-column:1;grid-row:2 / span 2;aspect-ratio:1 / 1;margin:0}.ls-screen:has(.ls-pic)>.ls-points,.ls-screen:has(.ls-pic)>.ls-why{grid-column:2}.ls-screen:has(.ls-pic)>.ls-why{margin-top:.7rem}.ls-points li{padding:.75rem 1rem}.ls-points p{font-size:1rem}.ls-player{padding-bottom:2rem}.ls-foot{position:static;max-width:none;margin:1.6rem 0 0;padding:0}.ls-foot #lsNext{flex:0 1 16rem}}@media (min-width: 900px) and (max-height: 820px){.ls-screen:has(.ls-pic)>.ls-pic{aspect-ratio:auto;height:calc(100vh - 17rem);max-height:420px}.ls-screen h1{margin-bottom:.7rem}.ls-top{margin-bottom:.8rem}}.mf-loc{display:flex;align-items:center;gap:.6rem;padding:.4rem .4rem .4rem .9rem;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.mf-loc>svg{width:18px;height:18px;color:var(--gold-deep);flex:none}.mf-where{margin:0;flex:1;min-width:0;color:var(--ink);font-size:.95rem;line-height:1.3}.mf-where strong{color:var(--ink-strong)}.mf-where a{color:var(--primary)}.mf-locate{flex:none;display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:.85rem;font-weight:600;color:var(--primary);background:var(--primary-soft);border:0;border-radius:999px;padding:.5rem .85rem;cursor:pointer}.mf-locate svg{width:15px;height:15px}.mf-locate:hover{background:var(--primary);color:var(--btn-ink)}.mf-status{margin:1rem .2rem .4rem;color:var(--ink);opacity:.8;min-height:1.2em;font-size:.95rem}.mf-status:empty{margin:.6rem 0 0;min-height:0}.mf-top{margin-top:.4rem;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:0 30px 60px -38px #3c260a80,0 1px #fff9 inset;scroll-margin-top:calc(var(--header-h, 60px) + 12px)}.mf-map{position:relative;height:210px;overflow:hidden;background:#e9e4da}.mf-tiles{position:absolute;inset:0}.mf-tiles img{position:absolute;width:257px;height:257px;max-width:none;filter:saturate(1.25) contrast(1.04)}.mf-map:after{content:"";position:absolute;inset:auto 0 0;height:46px;background:linear-gradient(transparent,color-mix(in srgb,var(--surface) 55%,transparent));pointer-events:none}.mf-attr{position:absolute;right:8px;bottom:6px;z-index:2;font-size:.66rem;color:#5b5145;background:#ffffffbf;padding:1px 6px;border-radius:6px}.mf-pin{position:absolute;z-index:3;width:34px;height:42px;transform:translate(-50%,-100%);filter:drop-shadow(0 4px 6px rgba(60,38,10,.35))}.mf-pin svg{width:100%;height:100%}.mf-pin path{fill:var(--primary)}.mf-you{position:absolute;z-index:3;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:#2f6fe0;border:3px solid #fff;box-shadow:0 0 0 6px #2f6fe02e,0 2px 6px #00000040}.mf-info{padding:1.3rem 1.4rem}.mf-kicker{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}.mf-top h2{margin:0 0 .45rem;font-size:clamp(1.35rem,4.2vw,1.75rem);line-height:1.22;color:var(--ink-strong)}.mf-dist{margin:0;color:var(--ink)}.mf-dist strong{color:var(--ink-strong);font-size:1.1rem}.mf-dist span{opacity:.5;margin:0 .15rem}.mf-addr{margin:.3rem 0 0;color:var(--ink);opacity:.72;font-size:.92rem}.mf-sheet{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center}.mf-sheet[hidden]{display:none}.mf-sheet-bg{position:absolute;inset:0;background:#1c12086b;opacity:0;transition:opacity .2s ease}.mf-sheet-card{position:relative;width:100%;max-width:440px;padding:.7rem 1rem calc(1rem + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:var(--surface);box-shadow:0 -20px 50px -20px #1c120873;transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.8,.3,1)}.mf-sheet.open .mf-sheet-bg{opacity:1}.mf-sheet.open .mf-sheet-card{transform:none}.mf-sheet-grip{display:block;width:38px;height:4px;border-radius:4px;margin:0 auto .9rem;background:var(--line)}.mf-sheet-k{margin:0 .3rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}.mf-sheet-card h3{margin:.25rem 3rem 1rem .3rem;font-size:1.15rem;line-height:1.3;color:var(--ink-strong)}.mf-app{display:flex;align-items:center;gap:.9rem;padding:.95rem 1rem;margin-bottom:.5rem;border-radius:16px;border:1px solid var(--line);background:var(--bg);color:var(--ink-strong);font-weight:600;font-size:1.02rem;text-decoration:none}.mf-app:hover{border-color:var(--gold)}.mf-app-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--surface);box-shadow:0 1px 3px #00000014}.mf-app-ic svg{width:21px;height:21px;color:var(--ink-strong)}.mf-cancel{width:100%;margin-top:.3rem;padding:.85rem;font:inherit;font-weight:600;color:var(--ink);background:none;border:0;border-radius:14px;cursor:pointer}.mf-cancel:hover{background:var(--primary-soft)}@media (min-width: 760px){.mf-sheet{align-items:center}.mf-sheet-card{border-radius:22px;padding:1.3rem 1.2rem .9rem;transform:translateY(12px) scale(.98);opacity:0;transition:transform .2s ease,opacity .2s ease}.mf-sheet.open .mf-sheet-card{opacity:1}.mf-sheet-grip{display:none}}@media (prefers-reduced-motion: reduce){.mf-sheet-card,.mf-sheet-bg{transition:none}}@media (min-width: 760px){.mf-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.mf-map{order:2;height:auto;min-height:270px}.mf-map:after{display:none}.mf-info{display:flex;flex-direction:column;justify-content:center;padding:1.8rem}}:root[data-theme=dark] .mf-tiles img{filter:invert(.92) hue-rotate(180deg) saturate(.9) brightness(.95)}.mf-h{margin:1.8rem .2rem .7rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);opacity:.7}.mf-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.mf-list li+li{border-top:1px solid var(--line)}.mf-row{display:flex;align-items:center;gap:.85rem;width:100%;padding:.95rem 1.1rem;font:inherit;text-align:left;color:var(--ink);background:none;border:0;cursor:pointer;transition:background .15s ease}.mf-row.on{background:var(--primary-soft)}.mf-row>svg{width:15px;height:15px;flex:none;opacity:.35}.mf-num{flex:none;width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700;color:var(--gold-deep);background:color-mix(in srgb,var(--gold) 14%,transparent)}.mf-row:hover{background:var(--primary-soft)}.mf-row-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold-deep)}.mf-row-ic svg{width:22px;height:22px}.mf-row-t{flex:1;min-width:0;display:grid;gap:.1rem}.mf-row-t strong{color:var(--ink-strong);font-weight:600;line-height:1.3}.mf-row-t small{font-size:.84rem;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mf-pill{flex:none;font-size:.82rem;font-weight:600;color:var(--gold-deep);background:color-mix(in srgb,var(--gold) 12%,transparent);border-radius:999px;padding:.25rem .6rem;font-variant-numeric:tabular-nums}.mf-skel{height:64px;border-radius:16px;margin-top:.7rem;background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:mfShimmer 1.3s ease-in-out infinite}.mf-skel-big{height:190px;border-radius:24px}@keyframes mfShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.mf-skel{animation:none}}.mf-more{margin:1.4rem 0 0;font-size:.92rem;color:var(--ink);text-align:center}.mf-more a{color:var(--primary);font-weight:600}.mf-note{margin-top:.8rem;font-size:.8rem;color:var(--ink);opacity:.65;line-height:1.55;text-align:center}.mf-note a{color:inherit}.mf-x{position:absolute;top:.85rem;right:.85rem;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .15s ease,color .15s ease}.mf-x:hover{background:var(--primary-soft);color:var(--primary)}.mf-x svg{width:16px;height:16px}.mf-sheet-card{padding-top:1.2rem}.mf-sheet-grip{display:none}.mf-app:last-of-type{margin-bottom:.3rem}.mf-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.mf-by{float:right;font-size:.7rem;font-weight:500;letter-spacing:0;text-transform:none;opacity:.8}.ls-unit{display:flex;align-items:baseline;justify-content:space-between;margin:1.3rem .2rem .5rem}.ls-unit strong{font-size:1rem;color:var(--ink-strong)}.ls-unit span{font-size:.8rem;color:var(--gold-deep);font-weight:600}.ls-item.in-unit{border-left:3px solid color-mix(in srgb,var(--gold) 55%,transparent)}.mf-tiles{animation:mfSettle .9s cubic-bezier(.2,.7,.2,1) both}@keyframes mfSettle{0%{transform:scale(1.07);opacity:.35}to{transform:none;opacity:1}}.mf-route{position:absolute;left:0;top:0;z-index:2;overflow:visible;pointer-events:none}.mf-route path{fill:none;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:mfDraw 1s .25s cubic-bezier(.45,0,.2,1) forwards}.mf-route-case{stroke:#fff;stroke-width:8;opacity:.9}.mf-route-line{stroke:var(--primary);stroke-width:4.5}.mf-route-dot{fill:#fff;filter:drop-shadow(0 0 3px rgba(255,255,255,.9))}@keyframes mfDraw{to{stroke-dashoffset:0}}.mf-pin{animation:mfDrop .55s 1.05s cubic-bezier(.3,1.5,.5,1) both}@keyframes mfDrop{0%{transform:translate(-50%,-190%);opacity:0}to{transform:translate(-50%,-100%);opacity:1}}.mf-you:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:#2f6fe073;animation:mfPulse 2s ease-out infinite;z-index:-1}@keyframes mfPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(3.4);opacity:0}}.mf-map:after{height:30px;background:linear-gradient(transparent,color-mix(in srgb,var(--surface) 35%,transparent))}@media (prefers-reduced-motion: reduce){.mf-tiles,.mf-pin,.mf-you:after{animation:none}.mf-route path{animation:none;stroke-dashoffset:0}.mf-route-dot{display:none}}.mf-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem}.mf-acts.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-act{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:46px;padding:0 .4rem;border-radius:14px;border:1px solid var(--line);background:var(--primary-soft);color:var(--primary);font:inherit;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .12s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.mf-act svg{width:18px;height:18px;flex:none}.mf-act span{white-space:nowrap}.mf-act:hover{background:color-mix(in srgb,var(--primary) 14%,var(--surface))}.mf-act:active{transform:scale(.96)}.mf-act.is-main{background:var(--primary);border-color:var(--primary);color:#fff}.mf-act.is-main:hover{background:color-mix(in srgb,var(--primary) 88%,#000)}@media (min-width: 760px){.mf-acts{max-width:420px}}@media (max-width: 374px){.mf-acts{gap:.35rem}.mf-act{font-size:.82rem;gap:.3rem}.mf-act svg{width:16px;height:16px}}@media (max-width: 759px){.mf-hero{padding-top:1rem;padding-bottom:.9rem}.mf-hero .kicker,.mf-hero h1+p{display:none}.mf-hero h1{margin:0;font-size:1.6rem}.mf-map{height:175px}.mf-info{padding:1rem 1.1rem 1.1rem}.mf-kicker{margin-bottom:.2rem}.mf-top h2{font-size:1.3rem;margin-bottom:.3rem}}body.ls-focus .site-header,body.ls-focus .site-footer,body.ls-focus .tab-bar,body.ls-focus .pt-float{display:none!important}body.ls-focus{padding-bottom:0!important}body.ls-focus .ls-top{position:sticky;top:0;z-index:20;margin:0 -16px 1rem;padding:calc(.7rem + env(safe-area-inset-top)) 16px .7rem;background:color-mix(in srgb,var(--bg) 62%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body.ls-focus .ls-player{padding-bottom:calc(110px + env(safe-area-inset-bottom))}body.ls-focus .ls-foot{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;margin:0;padding:1.6rem 16px calc(.9rem + env(safe-area-inset-bottom));background:linear-gradient(color-mix(in srgb,var(--bg) 0%,transparent),var(--bg) 45%)}body.ls-focus .ls-foot[hidden],body.ls-focus #lsBack{display:none}body.ls-focus .ls-foot #lsNext{flex:0 1 22rem;max-width:22rem;margin:0;min-height:52px;font-size:1.05rem}body.ls-focus #lsScreens{cursor:default;-webkit-tap-highlight-color:transparent}.ls-in-r{animation:lsInR .32s cubic-bezier(.2,.7,.2,1)}.ls-in-l{animation:lsInL .32s cubic-bezier(.2,.7,.2,1)}@keyframes lsInR{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes lsInL{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.ls-in-r,.ls-in-l{animation:none}}