:root{color-scheme:light;--green-900: #0f3d2f;--green-800: #0f3d2f;--green-700: #1d5c47;--green-100: #e3eee7;--gold: #c9a54e;--gold-soft: #e8d6a3;--cream: #f7f1e3;--paper: #fdfaf1;--mint: #e6eeea;--mint-line: #c9d9d0;--quran-cream: #f2e3bf;--ink: #0f3d2f;--muted: #6d7a72;--bg: #f1e4cd;--surface: #fff;--surface-2: #fbf5e4;--surface-3: #fffdf5;--highlight: #f3e9cc;--line: #e8d6a3;--line-soft: #efe4c4;--heading: #0f3d2f;--accent: #1d5c47;--accent-strong: #0f3d2f;--text-2: #3d4a43;--btn-line: var(--line);--top-line: #2f6b52;--hdr-bg: linear-gradient(160deg, rgb(29 92 71), rgb(15 61 47));--page-tint: #e9dec1;--page-under: #e9e2df;--page-filter: none;--page-beige: #f1e4cd;--beige-soft: #f6efdc;--emerald: #1d5c47;--edge-green: #c49a45;--quran-day: #f7f2e7;--quran-day-end: #f1e7d4;--quran-line: #e8ddc7;--quran-green: #173f32;--quran-gold: #c5a15a;--quran-brown: #44372b;--glass-bg: rgb(255 252 245 / .35);--glass-rim: rgb(68 55 43 / .1);--glass-blur: blur(18px) saturate(1.5);--glass-shadow: 0 8px 24px rgb(68 55 43 / .07);--glass-dock-bg: rgb(255 252 245 / .6);--glass-dock-blur: blur(18px);--ac-glass: rgb(252 250 245 / .72);--ac-blur: blur(28px) saturate(1.6);--ac-rim: rgb(255 255 255 / .6);--ac-line: rgb(0 0 0 / .08);--ac-fill: rgb(0 0 0 / .045);--ac-fill-strong: rgb(0 0 0 / .07);--ac-field: rgb(255 255 255 / .6);--ac-dim: rgb(25 24 19 / .12);--ac-shadow: 0 0 0 1px rgb(0 0 0 / .06), 0 18px 44px rgb(0 0 0 / .18);--bar-top-bg: transparent;--bar-top-ink: var(--quran-green);--bar-dock-ink: var(--quran-green);--bar-dock-on: var(--quran-green);--gold-strong: #b8913a;--focus-ring: #b8913a;--card-glass: rgb(255 251 242 / .72);--field-bg: #fffdf5;--head-title: #f0d896;--mushaf-paper: #fffce0;--wash-base: #f3ebd8;--wash: linear-gradient(180deg, #d2e2cf 0%, #e9eddc 30%, #f5eedc 55%, #f3e9d3 100%);--sage: #c7d7bb;--night: #00000b;--night-dim: .78;--night-paper: #d7d0b3;--quran-night: #0f2b21;--screen-bg: #fffce0;--screen-pattern: url(/images/za-card-light.svg);--topbar-h: 64px;--pager-h: calc(76px + var(--sab));--hdr-title-size: 22px;--radius: 12px;--panel-w: clamp(480px, 40vw, 760px);--tafsir-default: 18px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--font-ui: "Tajawal", "Segoe UI", Tahoma, sans-serif;--font-quran: "Amiri", "Traditional Arabic", serif;--font-latin: "Cormorant Garamond", var(--font-quran)}:root[data-theme=dark]{--quran-day-end: #0b2219;--quran-line: rgb(255 255 255 / .1);--glass-bg: rgb(255 255 255 / .07);--glass-dock-bg: var(--glass-bg);--ac-glass: rgb(20 38 31 / .7);--ac-rim: rgb(255 255 255 / .1);--ac-line: rgb(255 255 255 / .08);--ac-fill: rgb(255 255 255 / .07);--ac-fill-strong: rgb(255 255 255 / .1);--ac-field: rgb(255 255 255 / .06);--ac-dim: rgb(0 0 0 / .2);--ac-shadow: 0 0 0 1px rgb(0 0 0 / .3), 0 18px 44px rgb(0 0 0 / .45);--glass-rim: rgb(255 255 255 / .13);--glass-shadow: 0 8px 24px rgb(0 0 0 / .3), inset 0 1px 0 rgb(255 255 255 / .08);--bar-top-ink: #ece3cc;--quran-brown: #ddd3bb;--bar-dock-ink: #ddd3bb;--bar-dock-on: #f5edde;color-scheme:dark;--green-100: #2d4639;--quran-cream: var(--green-100);--hdr-bg: linear-gradient(160deg, #3b5646, #2d4639);--paper: #1b1e1c;--ink: #ece6d6;--muted: #a8b0a9;--bg: #1b1e1c;--surface: var(--green-100);--surface-2: #294034;--surface-3: #37513f;--highlight: #3b3220;--line: #4b432d;--line-soft: #2b3a32;--heading: #f3efe2;--accent: #7fc4a2;--accent-strong: #a7dcc0;--text-2: #c3cbc6;--btn-line: var(--line);--top-line: #5fae8a;--gold-strong: #e4c978;--focus-ring: #e4c978;--btn-ink: #e4c978;--card-glass: rgb(8 40 30 / .72);--field-bg: var(--green-100);--head-title: var(--gold-strong);--screen-bg: #222523;--screen-pattern: linear-gradient(rgb(34 37 35 / .8), rgb(34 37 35 / .8)), url(/images/za-card-dark.svg);--beige-soft: #343a35;--page-filter: brightness(var(--night-dim)) sepia(.18) contrast(1.06);--mushaf-paper: var(--night-paper)}@media(max-width:640px){:root{--tafsir-default: 16px;--hdr-title-size: 19px;--topbar-h: 70px;--book-h: calc((100vw - 12px)*1.5036) ;--slack: calc((100dvh - var(--sat)) - var(--topbar-h) - var(--pager-h) - var(--book-h) - 18px);--hug: clamp(0px, calc(var(--slack) / 2 - 12px), 32px)}}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;color:var(--ink);font-family:var(--font-ui)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,.topbar,.pager,.stage,.tabs,.list,img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}img{-webkit-user-drag:none}@media(hover:none){button:active{opacity:.7}}button,input{font:inherit;color:inherit}svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}html{background-color:var(--bg);background-image:url(/images/patterns/page-tile.svg)}:root:not([data-theme=dark]){background-color:var(--page-tint);background-image:var(--screen-pattern);background-size:48px 48px}:root:not([data-theme=dark]):has(body.at-home .screen:not([hidden])){background-color:var(--bg);background-image:none}:root:not([data-theme=dark]):has(body:not(.at-home)){background-color:var(--quran-day);background-image:url(/images/patterns/quran-stars.svg),linear-gradient(180deg,var(--quran-day) 0%,var(--quran-day-end) 100%);background-size:48px 48px,auto}body{background:transparent}:root[data-theme=dark] body:not(.at-home){background-color:var(--quran-night);background-image:url(/images/patterns/quran-stars-dark.svg),linear-gradient(180deg,var(--quran-night) 0%,var(--quran-day-end) 100%);background-size:48px 48px,auto}:root[data-theme=dark] body.at-home{background:var(--night)}:root:not([data-theme=dark]) body.at-home{background:var(--page-beige) url(/images/patterns/page-tile.svg)}:root:not([data-theme=dark]):has(#home.open:not([hidden])):not(:has(.screen:not([hidden]))){background-color:var(--sage);background-image:none}.empty{padding:30px;text-align:center;color:var(--muted)}@font-face{font-family:KFGQPC Warsh;src:url(/fonts/warsh.10.woff2) format("woff2");font-display:swap}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:16;overflow-y:auto;color:var(--ink);background-color:var(--screen-bg);background-image:var(--screen-pattern);background-size:48px 48px;background-repeat:repeat;opacity:0;transition:opacity .25s ease}.screen[hidden]{display:none}.screen:before{content:"";position:sticky;top:0;z-index:5;display:block;height:var(--sat);background:var(--screen-bg)}.screen.open{opacity:1}.icon-btn{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:1px solid var(--btn-line);border-radius:50%;background:none;color:var(--btn-ink, var(--heading));cursor:pointer}.icon-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.icon-btn svg{width:22px;height:22px}:root[dir=ltr] #go-home svg,:root[dir=ltr] #ah-back svg,:root[dir=ltr] #hz-back svg{transform:scaleX(-1)}.screen-head{position:relative;z-index:2;display:flex;align-items:center;gap:12px;width:min(760px,100%);margin:0 auto;padding:14px 16px 10px;color:var(--gold-strong)}:root[dir=rtl] .screen-head{direction:rtl}.screen-head h2{position:absolute;left:50%;min-width:0;max-width:calc(100% - 212px);margin:-8px 0;padding-block:8px;overflow:hidden;font:700 22px/1.9 var(--font-ui);text-align:center;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%)}.st-head{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;min-height:62px;padding:8px 18px;border:0;background:var(--hdr-bg);color:#fff}.st-head h2{margin:0;font-family:var(--font-ui);font-size:var(--hdr-title-size);color:var(--head-title, #fff)}.close-btn{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;min-width:40px;padding:0;border:0;border-radius:50%;background:#ffffff24;color:#fff;box-shadow:none;cursor:pointer}.close-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}@media(min-width:641px){.st-head{min-height:76px;padding-block:12px}.close-btn{width:48px;height:48px;min-width:48px}}.st-step{width:34px;height:34px;flex-shrink:0;border:1px solid var(--btn-line);border-radius:50%;background:var(--field-bg);color:var(--heading);font-size:14px;font-weight:700;cursor:pointer}.st-step:disabled{opacity:.4;cursor:default}.st-size-value{min-width:2ch;font-weight:700;color:var(--muted);text-align:center}.st-sources{display:flex;flex-direction:column;gap:6px}.st-source{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface);cursor:pointer}.st-source input{position:absolute;opacity:0;pointer-events:none}.st-source-text{display:flex;flex-direction:column;gap:2px}.st-source-text b{font-size:15px;color:var(--heading)}.st-source-text small{font-size:12px;color:var(--muted)}.st-switch{position:relative;width:40px;height:22px;flex-shrink:0;border-radius:999px;background:color-mix(in srgb,var(--muted) 45%,transparent);transition:background .2s}.st-switch:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.st-source input:checked+.st-switch{background:var(--gold-strong)}.st-source input:checked+.st-switch:after{transform:translate(-18px)}:root[dir=ltr] .st-source input:checked+.st-switch:after{transform:translate(18px)}.st-source input:focus-visible+.st-switch{outline:2px solid var(--gold-strong);outline-offset:2px}.dock{display:flex;align-items:center;justify-content:space-around;width:min(100% - 32px,520px);height:64px;padding:0 8px;border:1px solid var(--ac-rim);border-radius:32px;background:var(--ac-glass);box-shadow:var(--ac-shadow);-webkit-backdrop-filter:var(--ac-blur);backdrop-filter:var(--ac-blur);color:var(--bar-dock-ink)}.dock svg{stroke-width:1.8}.dock [aria-selected=true]{position:relative;color:var(--bar-dock-on)}.dock [aria-selected=true]:after{content:"";position:absolute;bottom:1px;left:50%;width:16px;height:3px;border-radius:2px;background:var(--quran-gold);translate:-50% 0}.intro{display:none}:root.show-intro .intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background-color:#0d3527;background-image:radial-gradient(ellipse at 50% 45%,rgb(201 165 78 / .2),transparent 60%),url(/images/patterns/intro-tile.svg),linear-gradient(180deg,#134634,#0a261c);transition:opacity .6s ease}.intro.done{opacity:0;pointer-events:none}@font-face{font-family:KFGQPC Warsh;src:url(/fonts/warsh.10.woff2) format("woff2");font-display:block}.intro-line{grid-area:1 / 1;margin:0;padding:0 16px;font-family:KFGQPC Warsh,Amiri,serif;font-size:clamp(34px,9.5vw,66px);line-height:1.9;text-align:center;color:#e8cf8a;background:linear-gradient(180deg,#f6e2a0,#c79d3f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.6px #d9b25a;filter:drop-shadow(0 0 18px rgb(232 207 138 / .25));opacity:0;transform:scale(.97);transition:opacity .7s ease,transform 1.4s ease}.intro-line.show{opacity:1;transform:none}.qibla{--qb-line: color-mix(in srgb, var(--gold-strong) 32%, transparent);--qb-muted: color-mix(in srgb, var(--ink) 63%, transparent);--font-latin: var(--font-ui);font-family:var(--font-ui)}:root:not([data-theme=dark]) .qibla{--screen-bg: var(--page-beige)}.qibla svg{stroke-width:1.7}.qb-page{position:relative;width:min(460px,100%);min-height:100%;margin:0 auto;padding:16px 22px 28px}.qibla .screen-head{width:auto;height:52px;margin:0 0 14px;padding:0}.qibla .screen-head h2{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;max-width:none;margin:0;padding:0;zoom:.8;transform:none;color:var(--gold-strong);font:700 34px var(--font-latin)}:root:not([data-theme=dark]) .qibla .screen-head h2{color:var(--gold-strong)}.qibla .icon-btn{border-color:var(--line);z-index:1}.qb-place{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;margin-top:10px;padding:0 18px;zoom:.9;border:1px solid var(--qb-line);border-radius:18px;background:var(--field-bg);color:var(--ink);font-size:18px;font-weight:600;text-align:start;cursor:pointer}.qb-place span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qb-place svg{width:20px;height:20px;color:var(--gold-strong)}.qb-place .qb-chev{width:18px;height:18px;color:var(--qb-muted);transform:none}.qb-compass{position:relative;width:min(86vw,380px);aspect-ratio:1;margin:72px auto 22px}.qb-compass.empty .qb-needle-wrap{opacity:0}.qb-rotor{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.qb-dial{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 18px 34px rgb(0 0 0 / .35))}:root:not([data-theme=dark]) .qb-dial{filter:none}.qb-dial .rim{fill:none;stroke:#d4ad55;stroke-width:1.8}.qb-dial .face{fill:var(--green-100);fill-opacity:.35;stroke:none}:root:not([data-theme=dark]) .qb-dial .face{fill-opacity:0}.qb-dial .inner{fill:none;stroke:var(--qb-line);stroke-width:.6}.qb-dial line.major{stroke:var(--gold-strong);stroke-width:1.2}.qb-dial line.minor{stroke:color-mix(in srgb,var(--gold-strong) 75%,transparent);stroke-width:.5}:root:not([data-theme=dark]) .qb-dial line.minor{stroke:color-mix(in srgb,var(--ink) 60%,transparent)}.qb-dial .card{fill:var(--gold-strong);stroke:none}.qb-dial text{fill:var(--ink);stroke:none;font:700 15px var(--font-latin);text-anchor:middle;dominant-baseline:central}.qb-needle-wrap{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .6s ease}.qb-needle{width:100%;height:100%;filter:drop-shadow(0 3px 5px rgb(0 0 0 / .35));transition:filter .6s ease}.qb-needle *{stroke:none}.qb-needle .head-lit,.qb-needle .star,.qb-needle .mark{fill:#f3d78e}.qb-needle .head-lit{fill:#f6dd95}.qb-needle .head-shade{fill:#c39436}.qb-needle .tail-lit{fill:#4a5346}.qb-needle .tail-shade{fill:var(--green-100)}:root:not([data-theme=dark]) .qb-needle .head-shade,:root:not([data-theme=dark]) .qb-needle .mark{fill:#b5862b}.qb-kaaba{position:absolute;top:50%;left:50%;width:17%;height:auto;border-radius:50%;filter:drop-shadow(0 4px 10px rgb(0 0 0 / .35));transform:translate(-50%,-50%);transition:filter .6s ease}.qb-compass.aligned .qb-needle{filter:drop-shadow(0 0 6px rgb(255 226 150 / .95)) drop-shadow(0 0 16px rgb(228 201 120 / .6))}.qb-compass.aligned .qb-kaaba{filter:drop-shadow(0 0 14px rgb(255 226 150 / .85))}.qb-info{display:flex;flex-direction:column;align-items:center;gap:4px;zoom:.85;text-align:center}.qb-info b{color:var(--gold-strong);font:700 24px var(--font-latin);font-variant-numeric:lining-nums}.qb-info span{font-size:14.5px}.qb-info small{max-width:30ch;margin-top:6px;color:var(--qb-muted);font-size:13px;line-height:1.6}.qb-calib{display:flex;align-items:center;gap:12px;max-width:340px;margin:14px auto 0;padding:10px 14px;border:1px solid var(--qb-line);border-radius:16px;background:var(--green-100);color:var(--ink);font-size:13px;line-height:1.6;text-align:start}.qb-infinity{flex-shrink:0;width:54px;height:27px;overflow:visible}.qb-infinity .track{fill:none;stroke:var(--gold-strong);stroke-width:1.6;opacity:.55}.qb-infinity .dot{fill:var(--gold-strong);stroke:none;offset-path:path("M30 15C24 6 10 4 7 15s17 9 23 0 17-11 23 0-17 9-23 0z");filter:drop-shadow(0 0 3px rgb(255 226 150 / .9));animation:qb-eight 3.2s linear infinite}@media(prefers-reduced-motion:reduce){.qb-infinity .dot{animation:none}}.qb-link{min-height:40px;padding:0 8px;border:0;background:none;color:var(--gold-strong);font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer}.qb-link[hidden]{display:none}.qb-ask{position:fixed;top:50%;left:50%;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(340px,calc(100vw - 40px));padding:22px 20px 16px;border:1px solid var(--qb-line);border-radius:24px;background:color-mix(in srgb,var(--green-100) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #00000059;text-align:center;transform:translate(-50%,-50%);animation:qb-float-in .35s ease-out}.qb-ask img{width:58px;height:58px;margin:0 auto;border-radius:50%}.qb-ask h3{margin:0;color:var(--gold-strong);font:700 24px var(--font-latin)}.qb-ask p{margin:0 0 4px;color:var(--qb-muted);font-size:14px}.qb-ask .qb-warn{color:#e59a8f}:root:not([data-theme=dark]) .qb-ask .qb-warn{color:#b8344a}.qb-primary{min-height:46px;border:0;border-radius:23px;background:linear-gradient(180deg,#ecd593,#d4b25e);color:var(--green-900);font-size:15.5px;font-weight:700;cursor:pointer}.qb-city{display:flex;flex-direction:column;gap:6px;color:var(--qb-muted);font-size:13px}.qb-city select{min-height:44px;padding:0 12px;border:1px solid var(--qb-line);border-radius:14px;background:#ffffff14;color:var(--ink);font-size:15px}.qb-city select option{background:var(--green-100);color:#f4eedf}:root:not([data-theme=dark]) .qb-city select option{background:#fffaf0;color:var(--green-900)}@keyframes qb-eight{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes qb-float-in{0%{opacity:0;transform:translate(-50%,-46%)}}.calendar{--cl-text: var(--ink);--cl-text-2: var(--accent);--cl-muted: #a6a39a;--cl-gold: #c49a45;--cl-title: var(--heading);--cl-card: var(--surface-2);--cl-border: var(--line);--cl-line: var(--line-soft);--cl-pick: var(--accent);--cl-pick-ink: #fff8e6;--cl-on: var(--accent);--cl-on-ink: #fff8e6;--cl-pill: #f6ecd2;--cl-art: url(/images/patterns/calendar-prayer-art-v2.svg);font-variant-numeric:lining-nums}:root[data-theme=dark] .calendar{--cl-text: #f1ead8;--cl-text-2: rgb(220 214 196 / .75);--cl-muted: rgb(220 214 196 / .4);--cl-title: var(--gold-strong);--cl-head: var(--gold-strong);--cl-head-2: rgb(220 214 196 / .75);--cl-card: var(--beige-soft);--cl-art: url(/images/patterns/calendar-prayer-art-dark.svg);--cl-border: rgb(196 154 69 / .42);--cl-line: rgb(196 154 69 / .2);--cl-pick: #2f5a45;--cl-pick-ink: #fff8e6;--cl-on: #2f5a45;--cl-on-ink: #fff8e6;--cl-pill: rgb(196 154 69 / .1)}:root:not([data-theme=dark]) .calendar{--screen-bg: var(--page-beige);background-size:64px 64px}.calendar svg{stroke-width:1.6}.cal-page{width:min(480px,100%);margin:0 auto;padding:28px 24px 32px}.calendar .screen-head{flex-wrap:wrap;justify-content:space-between;width:auto;margin-bottom:12px;padding:0}.calendar .screen-head h2{width:1px;height:1px;margin:0;padding:0;clip-path:inset(50%);white-space:nowrap}.cal-page-title{position:absolute;inset-inline:0;top:calc(44px + var(--sat));margin:0;color:var(--gold-strong);font-size:1.3rem;font-weight:700;text-align:center;transform:translateY(-50%);pointer-events:none}#cal-switch-slot{display:flex;flex:0 0 100%;order:3;justify-content:center;width:100%;min-height:48px;margin-top:12px}:root[dir=ltr] #cal-home svg,:root[dir=ltr] #qb-home svg{transform:scaleX(-1)}.cal-body{display:flex;flex-direction:column;gap:16px;zoom:.86}.cal-col{display:flex;flex-direction:column;gap:16px;min-width:0}.cal-nav-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cal-nav{display:flex;flex:1;align-items:center;justify-content:space-between;gap:6px;min-width:0}.cal-round{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;padding:0;border:1px solid var(--cl-border);border-radius:50%;background:none;color:var(--heading);cursor:pointer}:root[data-theme=dark] .cal-round{background:var(--cl-card);color:var(--cl-title);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cal-round svg{width:18px;height:18px}.cal-prev svg{transform:scaleX(-1)}.cal-title{display:flex;flex-direction:column;min-width:0;text-align:center}.cal-title b{padding-top:6px;color:var(--cl-head, var(--cl-title));font-size:20px;font-weight:600;line-height:1.9}.cal-title small,.cal-title span{overflow:hidden;color:var(--cl-head-2, var(--cl-text-2));font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.cal-switch{display:inline-flex;flex-shrink:0;height:42px;padding:3px;border:1px solid var(--cl-border);border-radius:22px;background:var(--cl-card)}.cal-switch button{min-width:54px;padding:0 10px;border:0;border-radius:19px;background:none;color:var(--cl-text-2);font-size:12.5px;cursor:pointer}.cal-switch button[aria-pressed=true]{background:var(--cl-on);color:var(--cl-on-ink);font-weight:700}.cal-card{position:relative;padding:16px 18px;border:1px solid var(--cl-border);border-radius:16px;background:var(--cl-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:root:not([data-theme=dark]) .cal-card{border-color:var(--line)}:root:not([data-theme=dark]) .cal-month{border-color:var(--line)}:root:not([data-theme=dark]) .cal-card:has(.cal-day){padding:28px 24px 24px}:root:not([data-theme=dark]) .cal-card:has(.cal-day):before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgb(196 154 69 / .45);border-radius:12px;pointer-events:none}.cal-month{padding:12px 14px 8px}.cal-card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cal-card-head h3{flex:1;margin:0;color:var(--cl-title);font-size:21px;font-weight:600}.cal-events .cal-card-head h3{font-size:19px}.cal-head-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#1d5c471f;color:var(--heading)}.cal-head-icon svg{width:22px;height:22px;stroke-width:1.9}:root[data-theme=dark] .cal-head-icon{background:#c49a4524;color:var(--gold-strong)}.cal-pill{display:inline-flex;align-items:center;gap:5px;max-width:55%;height:32px;padding:0 12px;border:1px solid var(--cl-border);border-radius:16px;background:var(--cl-pill);color:var(--cl-title);font-size:12px;cursor:pointer}.cal-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-pill svg{flex-shrink:0;width:15px;height:15px;color:var(--cl-gold)}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-weekday{padding:2px 0 6px;color:var(--cl-text-2);font-size:12px;font-weight:600;text-align:center}.cal-day{display:flex;flex-direction:column;align-items:center;height:40px;padding:0;border:0;background:none;color:var(--cl-text);font:inherit;cursor:pointer}.cal-day>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:16px;font-weight:500;line-height:1}.cal-day>em{display:grid;place-items:center;height:9px}.cal-day.out{color:var(--cl-muted)}.cal-day.today>span{box-shadow:inset 0 0 0 1.3px var(--cl-gold);font-weight:600}:root:not([data-theme=dark]) .cal-day.today>span{box-shadow:0 0 0 2px #fffcf2,0 0 0 3.5px var(--cl-gold)}.cal-day.picked>span{width:34px;height:34px;margin:-2px 0;background:var(--cl-pick);color:var(--cl-pick-ink);box-shadow:none;font-weight:600}.cal-day.picked>em{position:relative;z-index:1;margin-top:-2px}.cal-mark-dot,.cal-streak{display:none}.cal-mark-star{display:inline-grid;color:var(--cl-gold)}:root:not([data-theme=dark]) .cal-mark-star{color:#115240}.cal-mark-star svg{width:12px;height:12px;fill:currentColor;stroke:none}.cal-picked{display:flex;align-items:center;justify-content:center;align-self:center;gap:18px;width:fit-content;max-width:100%;padding:12px 18px;text-align:center}.cal-picked>div:first-child{text-align:center}.cal-picked b{display:block;color:var(--cl-title);font-size:20px;font-weight:600;line-height:1.2}.cal-picked span{color:var(--cl-text);font-size:14px}.cal-picked em{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;color:var(--cl-gold);font-size:13px;font-style:normal}.cal-picked em svg{width:13px;height:13px;fill:currentColor;stroke:none}.cal-picked-side{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.cal-picked-icon{color:var(--heading)}.cal-picked-icon svg,.cal-picked-side .icon-btn svg{display:block;width:24px;height:24px}:root[data-theme=dark] .cal-picked-icon{color:var(--cl-gold)}.cal-picked-side .icon-btn{width:44px;height:44px;border:0;color:var(--cl-gold)}.cal-prayers-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px}.cal-times{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.cal-times li{display:flex;align-items:center;gap:10px;flex:1 0 39px;color:var(--cl-text);font-size:14px}.cal-times li+li{border-top:1px solid var(--cl-line)}.cal-times li svg{flex-shrink:0;width:19px;height:19px;color:#b08a35}.cal-times li span{flex:1}.cal-times li b{direction:ltr;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.cal-times li.next{border-radius:10px;color:var(--cl-gold);font-weight:700}.cal-times li.next{background:color-mix(in srgb,var(--cl-pick) 16%,transparent);color:var(--cl-title)}.cal-next-prayer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:12px 8px 108px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);text-align:center}:root[data-theme=dark] .cal-next-prayer{border-color:var(--cl-border);background:var(--cl-card)}.cal-next-prayer>*{position:relative;z-index:1}.cal-next-prayer:after{content:"";position:absolute;inset:auto 0 0;z-index:0;height:112px;background:var(--cl-art) center bottom / cover no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 24%);mask-image:linear-gradient(180deg,transparent 0%,#000 24%);pointer-events:none}.cal-next-prayer small{color:#6b5a2e;font-size:14px;font-weight:600;letter-spacing:.04em}.cal-next-prayer>b{color:var(--cl-title);font-size:22px;font-weight:700;line-height:1.15}.cal-next-prayer strong{color:var(--cl-title);font-size:30px;font-weight:700;line-height:1.05}:root[data-theme=dark] .cal-next-prayer small{color:var(--cl-text-2)}.cal-ring{display:inline-flex;margin-top:8px;padding:4px 16px;border:1px solid var(--cl-border);border-radius:999px;background:var(--cl-pill)}.cal-ring svg{display:none;width:100%;height:100%;transform:rotate(-90deg)}.cal-ring-track{stroke:#c49a4540;stroke-width:4}.cal-ring-fill{stroke:var(--accent);stroke-width:4;transition:stroke-dashoffset .9s linear}:root[data-theme=dark] .cal-ring-fill{stroke:#1d5c47}.cal-ring>span{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:8px}.cal-ring b{color:var(--cl-text);direction:ltr;font-size:18px;font-weight:700}.cal-ring small{color:var(--cl-text-2);font-size:12.5px;font-weight:400;letter-spacing:0}.cal-fine{margin:10px 0 0;color:var(--cl-text-2);font-size:11.5px}.cal-warn{color:#b8344a}:root[data-theme=dark] .cal-warn{color:#e59a8f}.cal-place{display:flex;flex-direction:column;align-items:stretch;gap:10px}.cal-place p{margin:0;font-size:14px}.cal-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:22px;background:var(--cl-on);color:var(--cl-on-ink);font-size:15px;font-weight:700;cursor:pointer}.cal-primary svg{width:19px;height:19px}.cal-city{display:flex;flex-direction:column;gap:6px;color:var(--cl-text-2);font-size:13px}.cal-city select{min-height:44px;padding:0 12px;border:1px solid var(--cl-border);border-radius:12px;background:var(--cl-card);color:var(--cl-text);font-size:15px}.cal-events ul{margin:0;padding:0;border-top:1px solid var(--cl-line);list-style:none}.cal-events li+li{border-top:1px solid var(--cl-line)}.cal-events li{pointer-events:none;cursor:default}.cal-events li:nth-child(odd){border-radius:10px}.cal-events li:nth-child(odd) button{background:#c49a451a}.cal-events li button{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:8px 0;border:0;background:none;color:var(--cl-text);font:inherit;text-align:start}.cal-ev-date{display:flex;flex-direction:column;min-width:112px;padding-inline-start:12px;border-inline-start:1px solid var(--cl-line)}.cal-ev-date b{font-size:14px;font-weight:500}:root:not([data-theme=dark]) .cal-ev-date{color:#0f4a38;font-weight:600}.cal-ev-date small,.cal-ev-name small{color:var(--cl-text-2);font-size:11.5px}.cal-ev-name{display:flex;flex:1;flex-direction:column;font-size:14px}.cal-events .cal-mark-star svg{width:18px;height:18px}:root:not([data-theme=dark]) .cal-events .cal-mark-star{color:#b08a35}.cal-ev-go{display:none}@media(max-width:370px){.cal-page{padding-inline:16px}.cal-prayers-body{grid-template-columns:1fr}}@media(min-width:641px){.cal-body{zoom:.92}}@media(min-width:900px){.cal-page{width:min(1040px,100%);padding-inline:32px}.cal-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px 28px;zoom:.9}.cal-body>.cal-col:first-child{margin-top:16px}.cal-body>.cal-col:not(:first-child){position:relative;z-index:1;margin-top:-51px}#cal-switch-slot{flex:0 0 100%;width:100%;padding-inline-end:calc(50% + 14px)}.cal-day{height:46px}.cal-day>span{width:34px;height:34px;font-size:18px}.cal-day.picked>span{width:38px;height:38px}}.account{--ac-card: var(--beige-soft);--ac-glass: var(--beige-soft);--ac-glass-login: rgb(255 250 240 / .1);--ac-ink: var(--ink);--ac-muted: var(--muted);--ac-line: color-mix(in srgb, var(--gold-strong) 40%, transparent);--ac-green: var(--accent-strong);--ac-gold: var(--gold-strong);--ac-btn-bg: none;--ac-bar-ink: var(--head-title);--ac-bar-btn: rgb(255 255 255 / .14);--ac-field-bg: var(--field-bg);--ac-field-line: var(--ac-line);--ac-field-ink: currentcolor;--ac-readonly-bg: rgb(0 0 0 / .04);--ac-link: #8a6a1e;--ac-hint: #8a5a12;--ac-on-line: var(--gold-strong);--ac-on-bg: var(--hdr-bg);--ac-on-ink: #fff;z-index:17;color:var(--ac-ink);background:var(--screen-pattern) 0 0 / 48px 48px repeat,var(--page-beige)}:root[data-theme=dark] .account:not(.pf-on){--ac-card: var(--beige-soft);--ac-glass: var(--ac-card);--ac-glass-login: rgb(13 45 34 / .1);--ac-muted: var(--muted);--ac-line: color-mix(in srgb, var(--gold-strong) 40%, transparent);--ac-green: var(--gold-strong);--ac-gold: var(--gold-strong);--ac-btn-bg: none;--ac-bar-ink: var(--head-title);--ac-bar-btn: rgb(255 255 255 / .14);--ac-field-bg: rgb(255 255 255 / .06);--ac-field-line: var(--ac-line);--ac-field-ink: var(--ink);--ac-readonly-bg: var(--ac-field-bg);--ac-link: var(--gold-strong);--ac-hint: var(--gold-strong);--ac-on-line: #e4c978;--ac-on-bg: linear-gradient(180deg, #ecd593, #e4c978);--ac-on-ink: #0f3d2f;background:var(--screen-pattern) 0 0 / 48px 48px repeat,var(--screen-bg)}.account .screen-head{margin:0 auto 18px;padding:0}.account .screen-head h2{max-width:calc(100% - 120px);margin:0;padding:0;color:var(--gold-strong);font:700 var(--hdr-title-size) / 1.4 var(--font-ui)}.account .icon-btn{width:40px;height:40px;border-color:var(--btn-line);background:var(--ac-btn-bg);color:var(--ac-green)}.account .icon-btn svg{width:22px;height:22px}.ac-back-arrow{transform:scaleX(-1)}.ac-back-close,.account.pf-on .screen-head{display:none}.ac-inner{width:min(640px,100%);margin:0 auto;padding:22px 18px 28px}.ac-body{display:flex;flex-direction:column;gap:14px}.ac-card{padding:18px;border:1px solid var(--ac-line);border-radius:18px;background:var(--ac-glass);box-shadow:0 4px 16px #5a461414;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ac-login{border:0;background:var(--ac-glass-login);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ac-note{margin:0;color:var(--ac-muted);font-size:14px;line-height:1.7}.ac-error,.ac-ok{margin:0;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.7}.ac-error{background:#fbe3e6;color:#8e1f33}.ac-ok{background:#e1f1e6;color:#1d5c47}.ac-primary{min-height:48px;padding:0 26px;border:1px solid var(--ac-on-line);border-radius:999px;background:var(--ac-on-bg);color:var(--ac-on-ink);font:inherit;font-size:16px;font-weight:700;cursor:pointer}.ac-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;border:1px solid #d5d9dd;border-radius:999px;background:#fff;color:#1f1f1f;font:inherit;font-size:16px;font-weight:700;cursor:pointer}.ac-google svg{width:22px;height:22px}.native-app .ac-google,.native-app .ac-or{display:none}.ac-primary:disabled,.ac-google:disabled{opacity:.6;cursor:wait}.ac-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--ac-muted);font-size:13px}.ac-or:before,.ac-or:after{content:"";flex:1;border-top:1px solid var(--ac-line)}.ac-switch{margin:16px 0 0;color:var(--ac-muted);font-size:14px;text-align:center}.ac-link{border:0;background:none;color:var(--ac-link);font:inherit;font-size:14px;text-decoration:underline;white-space:nowrap;cursor:pointer}.ac-switch .ac-link{padding:4px;font-weight:700}.ac-form{display:flex;flex-direction:column;gap:16px}.ac-form fieldset{margin:0;padding:0;border:0}.ac-form legend,.ac-field>span{display:block;margin-bottom:8px;font-size:14px;font-weight:700}.ac-field input,.ac-field select{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--ac-field-line);border-radius:12px;background:var(--ac-field-bg);color:var(--ac-field-ink);font:inherit;font-size:16px}:root[data-theme=dark] .account:not(.pf-on) .ac-field select option{background:#2f372d}.ac-field input:focus,.ac-field select:focus,.ac-chip input:focus-visible+span{outline:2px solid var(--ac-gold);outline-offset:1px}.ac-field input[readonly]{background:var(--ac-readonly-bg);color:var(--ac-muted)}.ac-hint{display:block;margin-top:6px;color:var(--ac-hint);font-size:12.5px}.ac-chips{display:flex;flex-wrap:wrap;gap:8px}.ac-chip input{position:absolute;opacity:0;pointer-events:none}.ac-chip span{display:inline-block;padding:9px 14px;border:1px solid var(--ac-field-line);border-radius:999px;background:var(--ac-field-bg);color:var(--ac-field-ink);font-size:14px;cursor:pointer}.ac-chip input:checked+span{border-color:var(--ac-on-line);background:var(--ac-on-bg);color:var(--ac-on-ink)}.ac-chip-gender span{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 8px}:root[dir=rtl] .ac-chip-gender span{padding:6px 8px 6px 16px}.ac-chip-gender .avatar,.ac-locked .avatar{width:30px;height:30px;flex-shrink:0}.ac-locked{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 14px;border-radius:999px;background:var(--highlight);color:var(--ac-muted);font-size:14px}.ac-locked svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ac-check{display:flex;align-items:center;gap:10px;font-size:14px}.ac-check input{width:20px;height:20px;accent-color:var(--ac-green)}.pf-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}@media(max-width:1023px),(orientation:portrait){.account:has(#ac-email) .screen-head{margin-bottom:56px}.account:has(#ac-email) .screen-head h2{top:38px}.account:not(.pf-on) .ac-inner{display:flex;flex-direction:column;min-height:100%}.account:not(.pf-on) .ac-body{flex:1;justify-content:center;padding-bottom:44px}}.account.pf-on{--pj-base: var(--page-beige);--pj-scene: url(/images/profile-light.webp);--pj-scene-top: var(--page-beige);--pj-card: var(--beige-soft);--pj-border: color-mix(in srgb, var(--gold-strong) 38%, transparent);--pj-gold: var(--gold-strong);--pj-gold-soft: var(--gold-strong);--pj-button: var(--hdr-bg);--pj-button-ink: #fff;--pj-ink: var(--ink);--pj-muted: var(--muted);--pj-track: rgb(15 61 47 / .12);--pj-fill: linear-gradient(90deg, #0f3d2f, #1d5c47);--pj-shadow: 0 8px 20px rgb(90 70 20 / .1);--pj-round-bg: rgb(8 30 22 / .55);--pj-round-line: var(--pj-border);--pj-pad: 16px;--pj-radius: 14px;--pj-serif: var(--font-ui);--pj-serif-ar: var(--font-ui);background:var(--page-beige);color:var(--pj-ink)}:root[data-theme=dark] .account.pf-on{--pj-base: var(--screen-bg);--pj-scene: url(/images/profile-dark.webp);--pj-scene-top: var(--screen-bg);--pj-card: var(--beige-soft);--pj-border: color-mix(in srgb, var(--gold-strong) 38%, transparent);--pj-gold: var(--gold-strong);--pj-gold-soft: var(--gold-strong);--pj-button: linear-gradient(180deg, #ecd593, #e4c978);--pj-button-ink: #0f3d2f;--pj-ink: var(--ink);--pj-muted: var(--muted);--pj-track: rgb(255 255 255 / .1);--pj-fill: linear-gradient(90deg, #e4c978, #ecd593);--pj-shadow: 0 10px 24px rgb(0 0 0 / .28);--pj-round-bg: transparent;--pj-round-line: var(--btn-line);background:var(--pj-base)}.account.pf-on .ac-inner{padding:0 var(--pj-pad)}.pj{position:relative;display:flex;flex-direction:column;gap:18px;padding-bottom:24px}.pj>:not(.pj-scene){position:relative;z-index:1}.pj svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pj-scene{position:absolute;top:0;left:calc(var(--pj-pad) * -1);right:calc(var(--pj-pad) * -1);z-index:0;height:330px;background:var(--pj-scene) center top / cover no-repeat;pointer-events:none}.pj-scene:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:400px;background:var(--pj-scene-top)}.pj-scene:after{content:"";position:absolute;top:30%;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,var(--pj-base) 92%)}.pj-top{display:flex;justify-content:space-between;margin-bottom:-26px;padding-top:14px}.pj-round{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--pj-round-line);border-radius:50%;background:var(--pj-round-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--btn-ink, #e6c98a);cursor:pointer}.pj-round svg{width:21px;height:21px}:root[dir=ltr] :is(.pj-back,.pj-all,.pj-chev,.pj-go,.pj-arrow) svg,:root[dir=ltr] .pj-menu>button>svg:last-child{transform:scaleX(-1)}.pj-hero{padding-top:4px;text-align:center}.pj-avatar{position:relative;width:78px;height:78px;margin:0 auto 6px;padding:2px;border-radius:50%;background:linear-gradient(145deg,#e9cf8f,#9c7a35 55%,#d8b46c);box-shadow:0 0 0 4px #0a241b8c,0 10px 26px #0006}.pj-avatar .avatar{width:100%;height:100%;border-radius:50%}.pj-avatar-img{padding:0;background:none}.pj-avatar-img img{display:block;width:100%;height:100%}.pj-pen{position:absolute;inset-inline-end:-4px;bottom:0;display:grid;place-items:center;width:26px;height:26px;border:1.5px solid #d4b06a;border-radius:50%;background:#0f3d2f;color:#e6c98a;cursor:pointer}.pj-pen svg{width:13px;height:13px}.pj-name{margin:0;color:#0f3d2f;font-family:var(--pj-serif);font-size:27px;font-weight:700;line-height:1.25;letter-spacing:0;text-shadow:0 1px 10px rgb(255 255 255 / .6)}:root[data-theme=dark] .pj-name{color:#fbf6ea;text-shadow:0 2px 12px rgb(0 0 0 / .55)}.pj-orn{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0 2px}.pj-orn i{width:52px;height:1px;background:linear-gradient(90deg,transparent,var(--pj-gold))}.pj-orn i:last-child{background:linear-gradient(90deg,var(--pj-gold),transparent)}.pj-orn em{width:7px;height:7px;border:1.3px solid var(--pj-gold);transform:rotate(45deg)}.pj-tagline{margin:0;color:var(--pj-ink);font-family:"Amiri",var(--font-quran);font-size:18px;line-height:1.6}.pj-tagline span{margin:0 6px;color:var(--pj-gold)}.pj-since{display:inline-flex;align-items:center;gap:6px;margin:2px 0 0;color:var(--pj-muted);font-size:12.5px}.pj-since svg{width:14px;height:14px;color:var(--pj-gold)}.pj-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pj-title{margin:0;color:var(--pj-gold-soft);font-family:var(--pj-serif);font-size:24px;font-weight:700;line-height:1.2}:root[dir=rtl] .pj-title{font-family:var(--pj-serif-ar);font-size:25px;font-weight:700}.pj-all{display:inline-flex;align-items:center;gap:2px;padding:4px 0;border:0;background:none;color:var(--pj-gold-soft);font:inherit;font-size:13.5px;cursor:pointer}.pj-all svg{width:15px;height:15px}.pj-card,.pj-continue,.pj-majlis,.pj-menu{border:1px solid var(--pj-border);border-radius:var(--pj-radius);background:var(--pj-card);box-shadow:var(--pj-shadow),inset 0 1px #fff0c80d;overflow:hidden}.pj-card,.pj-continue,.pj-majlis{position:relative;display:flex}.pj-card,.pj-majlis{align-items:stretch;color:inherit;font:inherit;text-align:start;cursor:pointer}.pj-grid,.pj-rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pj-card{gap:9px;padding:8px}.pj-thumb{flex-shrink:0;align-self:center;width:52px;height:auto;aspect-ratio:103 / 132;object-fit:cover;border-radius:6px;mask:linear-gradient(180deg,#000 80%,transparent)}.pj-card-text{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;padding:3px 0 1px}.pj-card-text b{overflow:hidden;font-family:var(--pj-serif);font-size:16px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}:root[dir=rtl] .pj-card-text b{font-family:var(--pj-serif-ar);font-size:16.5px;font-weight:700}.pj-card-text small{color:var(--pj-ink);font-size:11.5px;opacity:.88}.pj-action{margin-top:auto;padding-inline-end:26px;color:var(--pj-muted);font-size:11px}.pj-chev{position:absolute;inset-inline-end:8px;bottom:8px;display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--pj-gold);border-radius:50%;color:var(--pj-gold)}.pj-chev svg{width:12px;height:12px}.pj-card.soon .pj-thumb{filter:saturate(.6) brightness(.8)}.pj-card.soon small{color:var(--pj-gold-soft);opacity:1}.pj-corner,.pj-continue:after{content:"";position:absolute;inset-inline-end:6px;width:22px;height:22px;border:0 solid var(--pj-gold);opacity:.75;pointer-events:none}.pj-corner{top:6px;border-top-width:1.3px;border-inline-end-width:1.3px;border-start-end-radius:9px}.pj-continue:after{bottom:6px;border-bottom-width:1.3px;border-inline-end-width:1.3px;border-end-end-radius:9px}.pj-continue{align-items:center;gap:12px;min-height:92px;padding:0 12px 0 0}:root[dir=rtl] .pj-continue{padding:0 0 0 12px}.pj-cover{flex-shrink:0;align-self:stretch;width:34%;max-width:150px;height:auto;object-fit:cover;mask:linear-gradient(90deg,#000 70%,transparent)}:root[dir=rtl] .pj-cover{mask:linear-gradient(270deg,#000 70%,transparent)}.pj-continue-text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;padding:12px 0}.pj-continue-text small{color:var(--pj-gold-soft);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pj-continue-text b{font-family:var(--pj-serif);font-size:21px;font-weight:700;line-height:1.2}:root[dir=rtl] .pj-continue-text b{font-family:var(--pj-serif-ar);font-size:22px;font-weight:700}.pj-continue-text span:not(.pj-bar){color:var(--pj-muted);font-size:12px}.pj-continue-text .pj-bar{max-width:170px;margin-top:4px}.pj-bar{display:block;width:100%;height:5px;overflow:hidden;border-radius:99px;background:var(--pj-track)}.pj-bar i{display:block;height:100%;min-width:5px;border-radius:99px;background:var(--pj-fill)}.pj-dots{display:flex;gap:4px}.pj-dots i{width:7px;height:7px;border-radius:50%;background:var(--pj-track)}.pj-dots i.on{background:radial-gradient(circle at 35% 35%,#f3dc9e,#c9a055)}.pj-go{display:inline-flex;align-items:center;align-self:flex-end;flex-shrink:0;gap:3px;min-height:34px;margin-bottom:14px;padding:0 14px;border:0;border-radius:999px;background:var(--pj-button);box-shadow:0 6px 14px #00000038,inset 0 1px #fff8e173;color:var(--pj-button-ink);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.pj-go svg{width:15px;height:15px}.pj-majlis{align-items:stretch;gap:8px;min-width:0;padding:0}.pj-room{flex-shrink:0;width:38%;height:auto;min-height:84px;object-fit:cover}.pj-majlis-text{display:flex;flex:1;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:8px 18px 8px 0}:root[dir=rtl] .pj-majlis-text{padding:8px 0 8px 18px}.pj-majlis-text b{display:flex;align-items:center;gap:5px;margin-bottom:2px;font-family:var(--pj-serif);font-size:13px;font-weight:700;line-height:1.2}:root[dir=rtl] .pj-majlis-text b{font-family:var(--pj-serif-ar);font-size:14px;font-weight:700}.pj-majlis-text small{color:var(--pj-muted);font-size:10.5px}.pj-ring{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border:1px solid var(--pj-border);border-radius:50%;color:var(--pj-gold)}.pj-ring svg{width:13px;height:13px}.pj-when{font-size:12px}.pj-members{display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:var(--pj-muted);font-size:10.5px}.pj-members svg{width:13px;height:13px;color:var(--pj-gold)}.pj-arrow{position:absolute;inset-inline-end:6px;top:50%;color:var(--pj-gold);transform:translateY(-50%)}.pj-arrow svg{display:block;width:15px;height:15px}.pj-invite{grid-column:1 / -1}.pj-invite .pj-room{width:84px}.pj-invite .pj-majlis-text b{font-size:15px}.pj-invite .pj-majlis-text small{font-size:12.5px}@media(max-width:480px){.pj-ring{display:none}}.pj-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pj-badge{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.pj-medal{width:min(78px,100%);height:auto;aspect-ratio:116 / 114;mask:radial-gradient(circle,#000 60%,transparent 71%);filter:drop-shadow(0 0 10px rgb(230 194 122 / .25))}.pj-badge small{max-width:86px;color:var(--pj-ink);font-size:11.5px;line-height:1.3}.pj-badge:not(.on) .pj-medal{filter:grayscale(.9) brightness(.95);opacity:.7}.pj-badge:not(.on) small{color:var(--pj-muted)}.pj-menu{display:flex;flex-direction:column}.pj-menu>button{display:flex;align-items:center;gap:14px;min-height:50px;margin:0 14px;padding:0 2px;border:0;background:none;color:var(--pj-ink);font:inherit;font-size:14.5px;text-align:start;cursor:pointer}.pj-menu>button+button{border-top:1px solid rgb(201 165 98 / .2)}.pj-menu>button>span{flex:1}.pj-menu>button>svg{width:21px;height:21px;color:var(--pj-gold)}.pj-menu>button>svg:last-child:not(:first-child){width:15px;height:15px;color:var(--pj-muted)}.pj-menu .pj-out,.pj-menu .pj-out>svg{color:#b8344a}:root[data-theme=dark] .pj-menu .pj-out,:root[data-theme=dark] .pj-menu .pj-out>svg{color:#e59a8f}@media(min-width:641px){.pj{width:min(620px,100%);margin:0 auto}.pj-scene{left:calc(50% - 50vw);right:calc(50% - 50vw);height:300px}.pj-thumb{width:56px}.pj-card-text b{font-size:18px}.pj-card-text small{font-size:12.5px}.pj-action{font-size:12px}}@media(min-width:1024px)and (orientation:landscape){.account.screen{display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:var(--page-beige);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.account.screen[hidden]{display:none}:root[data-theme=dark] .account.screen{background:#0000008c}:root[data-theme=dark] .account.pf-on.screen{background:#06140e8c}.account .screen-head{flex-direction:row-reverse;justify-content:space-between;width:auto;margin:0;padding:12px 18px;border-bottom:0;background:var(--hdr-bg)}.account .screen-head h2{color:var(--ac-bar-ink);font-size:var(--hdr-title-size)}.account .icon-btn{width:48px;height:48px;border:0;background:var(--ac-bar-btn);color:var(--ac-bar-ink)}.account .ac-back-arrow{display:none}.account .ac-back-close{display:block}.account .ac-inner{display:flex;flex-direction:column;width:min(560px,100%);max-height:min(88vh,820px);margin:0;padding:0;overflow:hidden;border:1.5px solid var(--gold-strong);border-radius:18px;background:var(--screen-pattern) 0 0 / 48px 48px repeat,var(--beige-soft);box-shadow:inset 0 0 0 3px var(--beige-soft),inset 0 0 0 4px var(--ac-line),0 24px 60px #00000073;transform:scale(.96);transition:transform .2s ease}.account.open .ac-inner{transform:none}.account .ac-body{padding:18px;overflow-y:auto}.account .ac-card{padding:0;border:0;box-shadow:none}.account.pf-on .ac-inner{width:min(1060px,94vw);max-height:min(92vh,900px);padding:0;background:var(--pj-base)}.account.pf-on .ac-body{position:relative;padding:0 28px 24px;overflow-y:auto}.pj{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-areas:"top top" "hero hero" "journey continue" "journey majalis" "badges badges" "menu menu";gap:20px 26px;width:100%;margin:0;padding-bottom:0}.pj-scene{left:-28px;right:-28px;height:300px;background-position:center 30%}.pj-top{grid-area:top;justify-content:flex-end;padding-top:18px}.pj-top .pj-back{order:2;margin-inline-start:10px}.pj-hero{grid-area:hero;margin-top:-40px}.pj-sec-journey{grid-area:journey}.pj-sec-continue{grid-area:continue}.pj-sec-majalis{grid-area:majalis}.pj-sec-badges{grid-area:badges}.pj-menu{display:grid;grid-area:menu;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;padding:4px 14px}.pj-menu>button{min-height:44px;margin:0}.pj-menu>button:nth-child(-n+3){border-top:0}.pj-menu>button:nth-child(n+4){border-top:1px solid rgb(201 165 98 / .2)}.pj-badges{grid-template-columns:repeat(4,minmax(0,150px));justify-content:space-around}.pj-grid{gap:12px}.pj-card{min-height:118px;padding:10px}.pj-thumb{width:64px}.pj-card-text b{font-size:19px}.pj-continue{min-height:120px}.pj-continue-text b{font-size:24px}.pj-room{min-height:104px}.pj-medal{width:92px}.pj-badge small{max-width:130px;font-size:12.5px}}.majalis .screen-head{display:block;width:auto;margin:0 0 22px;padding:0;text-align:center}.majalis .screen-head h2{position:static;display:flex;align-items:center;justify-content:center;max-width:none;height:40px;margin:0 0 12px;padding:0;color:var(--gold-strong);font:700 1.3rem/1 var(--font-ui);transform:none}.majalis .screen-head p{margin:0;color:var(--accent);font:15px/1.8 var(--font-ui)}:root[data-theme=dark] .majalis .screen-head p{color:#e9e4d4}.majalis .screen-head p:before{content:"قال رسول الله صلى الله عليه وسلم";display:block;color:#b08a35;font-weight:700}:root[dir=ltr] .majalis .screen-head p:before{content:"The Messenger of Allah ﷺ said:"}#mj-back{position:absolute;top:0;inset-inline-start:0}:root[dir=ltr] #mj-back svg{transform:scaleX(-1)}.majalis{--mj-ink: #0f3d2f;--mj-muted: #5d6b61;--mj-gold: #b88d32;color:var(--mj-ink)}:root[data-theme=dark] .majalis{--mj-ink: #f1ead8;--mj-muted: rgb(220 214 196 / .72);--mj-gold: #e0b04a}:root:not([data-theme=dark]) .majalis{--screen-bg: var(--page-beige)}.mj-inner{width:min(640px,100%);margin:0 auto;padding:22px 18px 110px}.mj-body{display:flex;flex-direction:column;gap:14px}.mj-intro,.mj-note{margin:0;color:var(--mj-muted);line-height:1.8}.mj-intro{text-align:center;font-size:14.5px}.mj-note{font-size:14px;line-height:1.7}.mj-card{padding:18px;border:1px solid color-mix(in srgb,var(--gold-strong) 40%,transparent);border-radius:18px;background:var(--field-bg);box-shadow:0 6px 16px #00000040}.mj-card h3{margin:0 0 6px;font-size:17px}.mj-join{text-align:center}.mj-join p{margin:0 0 14px;line-height:1.7}.mj-primary{min-height:48px;padding:0 26px;border:0;border-radius:999px;background:linear-gradient(180deg,#ecd593,#e4c978);color:#0f3d2f;font:inherit;font-size:16px;font-weight:700;cursor:pointer}.zain-ai{color:var(--mj-gold)}.mj-zain{display:flex;flex-direction:column;align-items:center;gap:6px;padding-block:28px;text-align:center}.mj-zain h3{margin:6px 0 0;font-size:22px}.mj-zain-img{width:160px;height:auto}.mj-panel{--mp-ink: var(--bar-dock-ink);position:fixed;left:50%;bottom:calc(12px + var(--sab));z-index:2;transform:translate(-50%)}.mj-panel button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:48px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--mp-ink);font:inherit;font-size:11px;font-weight:800;cursor:pointer}@media(hover:hover){.mj-panel button:hover{background:var(--highlight)}}.mj-panel svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mj-panel-zain{width:28px;height:28px;object-fit:contain}#mj-panel-home{display:none}.search{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:center;align-items:flex-start;padding:8vh 16px 16px;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}.search[hidden]{display:none}.search.open{opacity:1}.search-sheet{width:min(760px,100%);max-height:84vh;display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:var(--screen-pattern) 0 0 / 48px 48px repeat,var(--beige-soft);box-shadow:0 24px 60px #00000059;transform:translateY(-10px);transition:transform .2s ease}.search.open .search-sheet{transform:none}.search-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:2px solid var(--gold)}.search-bar>svg{width:24px;height:24px;color:var(--gold)}.search-bar input{flex:1;min-width:0;border:0;background:transparent;font-size:21px;color:var(--ink);outline:none}.search-bar input::-webkit-search-cancel-button{display:none}.search-close{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:1px solid var(--btn-line);border-radius:50%;background:var(--surface);color:var(--heading);cursor:pointer}.search-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.search-meta{margin:0;padding:10px 20px 0;font-size:14px;color:var(--muted)}.search-meta:empty{display:none}.search-results{flex:1;margin:0;padding:10px 12px 14px;overflow-y:auto;list-style:none}.sr-item{width:100%;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:0;border-radius:12px;background:transparent;text-align:start;cursor:pointer;transition:background .15s}.sr-item.active{background:var(--quran-cream)}@media(hover:hover){.sr-item:hover{background:var(--quran-cream)}}.sr-item.active{box-shadow:inset -3px 0 0 var(--gold)}:root[dir=ltr] .sr-item.active{box-shadow:inset 3px 0 0 var(--gold)}.sr-head{display:flex;align-items:baseline;gap:12px;font-size:14px}.sr-head b{font-family:var(--font-quran);font-size:18px;color:var(--heading)}:root[dir=ltr] .sr-head b{font-family:var(--font-ui)}.sr-ayah{color:var(--gold-strong)}.sr-page{margin-inline-start:auto;color:var(--muted)}.sr-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:"Scheherazade New",var(--font-quran);font-size:27px;line-height:1.9;color:var(--ink)}.sr-text mark{padding:0 2px;border-radius:4px;background:#c9a54e59;color:inherit}.sr-empty{padding:22px 12px;text-align:center;color:var(--muted);line-height:1.9}.sr-examples{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.sr-examples button{padding:6px 14px;border:1px solid var(--btn-line);border-radius:999px;background:var(--surface);color:var(--heading);cursor:pointer}@media(hover:hover){.sr-examples button:hover{background:var(--highlight)}}@media(max-width:640px){.search{padding:0}.search-sheet{max-height:100%;height:100%;border-radius:0}body.immersive .search-sheet{padding-top:46px}.sr-text{font-size:22px}}.note-pin{opacity:.5;cursor:pointer;transition:opacity .15s}@media(hover:hover){.note-pin:hover{opacity:1}}.note-pin-hit{fill:transparent}.note-pin-bubble{fill:var(--note-dot);stroke:#fffaf0;stroke-width:2.5;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgb(15 61 47 / .35));transition:transform .15s}@media(hover:hover){.note-pin:hover .note-pin-bubble{transform:scale(1.12)}}.note-pin-glyph{fill:none;stroke:#fffaf0;stroke-width:3;stroke-linecap:round}.note-swatch{width:24px;height:26px;flex-shrink:0;border-radius:3px 3px 3px 9px;border:1.5px solid var(--d);background:var(--c);box-shadow:0 1px 3px #00000026}.note-snippet{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.note{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px 16px calc(16px + var(--kb, 0px));background:var(--ac-dim);opacity:0;transition:opacity .2s,padding .2s}.note[hidden]{display:none}.note.open{opacity:1}.note-sheet{--note-paper: var(--ac-glass);--note-dot: #e3b929;--note-on: #3b3000;position:relative;width:min(440px,100%);padding:14px 16px 12px;border:1px solid var(--ac-rim);border-top:4px solid var(--note-dot);border-radius:16px;background:color-mix(in srgb,var(--note-dot) 7%,var(--ac-glass));-webkit-backdrop-filter:var(--ac-blur);backdrop-filter:var(--ac-blur);color:var(--ink);font-family:var(--font-ui);box-shadow:var(--ac-shadow);transform:scale(.96);transition:transform .2s ease,background .2s}.note.open .note-sheet{transform:none}.note-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.note-head h2{margin:0;font-family:var(--font-ui);font-size:18px;font-weight:800;color:color-mix(in srgb,var(--note-dot) 70%,#000)}:root[data-theme=dark] .note-head h2{color:var(--note-dot)}.note-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:none;color:var(--heading);cursor:pointer}.note-close:active{background:var(--ac-fill)}@media(hover:hover){.note-close:hover{background:var(--ac-fill)}}.note-close svg{width:18px;height:18px}.note-tools{display:flex;align-items:center;gap:4px;margin:8px 0 6px;padding-bottom:8px;border-bottom:1px solid var(--ac-line)}.note-tool{display:grid;place-items:center;width:34px;height:32px;border:0;border-radius:8px;background:none;color:var(--heading);font-family:Georgia,serif;font-size:17px;cursor:pointer}.note-tool:active{background:var(--ac-fill)}@media(hover:hover){.note-tool:hover{background:var(--ac-fill)}}.note-tool.on{background:var(--ac-fill-strong)}.note-tool svg{width:19px;height:19px}.note-tool svg circle{fill:currentColor}.note-colors{display:flex;gap:7px;margin-inline-start:auto}.note-colors button{width:22px;height:22px;padding:0;border:2px solid var(--d);border-radius:50%;background:var(--c);cursor:pointer}.note-colors button.on{box-shadow:0 0 0 2px var(--note-paper),0 0 0 4px var(--d)}.note-text{min-height:170px;max-height:50vh;overflow-y:auto;padding:4px 2px;font-size:16px;line-height:30px;background-image:repeating-linear-gradient(transparent 0 29px,var(--ac-line) 29px 30px);background-attachment:local;outline:none;overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start}.note-text:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.note-text ul{margin:0;padding:0 22px;unicode-bidi:plaintext;text-align:start}.note-text div,.note-text li{unicode-bidi:plaintext;text-align:start}.note-foot{display:flex;direction:ltr;align-items:center;justify-content:space-between;margin-top:8px;padding-left:18px}.note-delete{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:none;color:#f08a9b;cursor:pointer}@media(hover:hover){.note-delete:hover{background:#f08a9b1f}}.note-delete[hidden]{visibility:hidden;display:grid}.note-delete svg{width:21px;height:21px}.note-save{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 24px;border:0;border-radius:999px;background:var(--note-dot);color:var(--note-on);font-size:17px;font-weight:700;line-height:1;cursor:pointer}@media(hover:hover){.note-save:hover{background:color-mix(in srgb,var(--note-dot) 88%,#000)}}@media(max-width:640px){.note-sheet{width:min(340px,90vw);padding:18px 16px 10px;transform:scale(.94)}.note.open .note-sheet{transform:none}.note-head h2{font-size:15.5px}.note-close{width:30px;height:30px}.note-close svg{width:16px;height:16px}.note-tools{margin:4px 0;padding-bottom:6px}.note-tool{width:28px;height:28px;font-size:15px}.note-tool svg{width:16px;height:16px}.note-colors{gap:5px}.note-colors button{width:17px;height:17px;border-width:1.5px}.note-colors button.on{box-shadow:0 0 0 1.5px var(--note-paper),0 0 0 3px var(--d)}.note-text{min-height:112px;max-height:34vh;font-size:15px;line-height:28px;background-image:repeating-linear-gradient(transparent 0 27px,var(--ac-line) 27px 28px)}.note-foot{margin-top:4px}.note-save{min-height:34px;font-size:15.5px}.note-delete{width:34px;height:34px}}#adhkar>.screen-head{align-items:center;height:auto;min-height:0;padding-top:22px;padding-bottom:14px;overflow:visible}#adhkar>.screen-head .icon-btn{flex:none}#adhkar>.screen-head #ad-title{position:static;flex:1 1 0;min-width:0;max-width:none;margin:0;padding:4px 0;overflow:visible;font-size:clamp(1.05rem,4.6vw,1.5rem);line-height:1.7;text-align:center;text-overflow:clip;text-wrap:balance;white-space:normal;transform:none}#ad-back svg{transform:scaleX(-1)}:root[dir=rtl] #ad-back{display:inline-grid;place-items:center}:root[dir=rtl] #ad-back svg{display:none}:root[dir=rtl] #ad-back:before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:url(/images/glyphs/chevron-right.svg) center / contain no-repeat;mask:url(/images/glyphs/chevron-right.svg) center / contain no-repeat}.ad-pinned-btn,.ah-saved-btn{position:relative}.ad-count{position:absolute;top:-4px;inset-inline-end:-4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--ah-gold);color:#fff;font-size:.7rem;font-weight:700}.ad-count[hidden]{display:none}:root[data-theme=dark]{--ad-tabs-border: transparent;--ad-tabs-bg: var(--green-100);--ad-tab-ink: var(--heading);--ad-tab-on-bg: linear-gradient(180deg, #ecd593, #e4c978);--ad-tab-on-shadow: 0 1px 4px rgb(0 0 0 / .25);--ad-tab-on-ink: #0f3d2f;--ad-edge: color-mix(in srgb, var(--gold-strong) 40%, transparent);--ad-card-radius: 18px;--ad-card-shadow: 0 6px 16px rgb(0 0 0 / .25), inset 0 1px 0 rgb(255 255 255 / .16);--ad-badge-bg: linear-gradient(180deg, #ecd593, #e4c978);--ad-badge-ink: #0f3d2f;--ad-scene-fill: #f3dc96;--ad-scene-fill-o: .5;--ad-scene-ink: #fff6d9;--ad-scene-filter: drop-shadow(0 5px 8px rgb(0 0 0 / .5)) brightness(.9)}.ad-tabs{display:flex;max-width:420px;margin:4px auto 16px;padding:4px;border:1px solid var(--ad-tabs-border, rgb(184 146 74 / .6));border-radius:999px;background:var(--ad-tabs-bg, rgb(184 146 74 / .14))}.ad-tabs[hidden]{display:none}.ad-tab{flex:1;padding:9px 12px;border:0;border-radius:999px;background:none;color:var(--ad-tab-ink, var(--ah-gold));font:inherit;font-weight:600;cursor:pointer}.ad-tab.on{background:var(--ad-tab-on-bg, #fffaf0);box-shadow:var(--ad-tab-on-shadow, 0 1px 4px rgb(0 0 0 / .15));color:var(--ad-tab-on-ink, #1d5c47)}.ad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:12px 16px 32px}.ad-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:96px;padding:34px 14px 18px;border:1px solid var(--ad-edge, rgb(184 146 74 / .45));border-radius:var(--ad-card-radius, 14px);background:var(--ah-pattern, linear-gradient(#0000, #0000)) 0 0 / 48px 48px repeat,var(--ah-box, rgb(128 128 128 / .08));box-shadow:var(--ad-card-shadow, none);-webkit-backdrop-filter:var(--ah-glass, none);backdrop-filter:var(--ah-glass, none);text-align:center;cursor:pointer}.ad-big{min-height:120px}.ad-grid>.ad-card{min-height:124px}.ad-card:active{transform:scale(.98)}.ad-card>b{position:relative;z-index:1;font-size:1rem;line-height:1.7;overflow-wrap:anywhere;text-align:center}.ad-card[class*=sc-]{min-height:183px;padding-top:94px}.ad-scene{position:absolute;display:grid;place-items:center;color:var(--ink);pointer-events:none}.ad-card .ad-scene{--scene-fill: var(--ad-scene-fill, #f0d78c);--scene-fill-o: var(--ad-scene-fill-o, .4);left:50%;top:14px;width:78px;height:78px;background:url(/images/patterns/adhkar-scene-bg-1.svg) center / 100% 100% no-repeat;color:var(--ad-scene-ink, #fff3cf);filter:var(--ad-scene-filter, drop-shadow(0 5px 7px rgb(60 45 15 / .28)));transform:translate(-50%)}.ad-scene svg{width:40px;height:40px;stroke-width:1.6}.ad-card .ad-scene svg{width:40%;height:40%}.ad-card>b:after{content:"";display:block;width:56px;height:8px;margin:8px auto 0;background:url(/images/patterns/adhkar-divider.svg) center / contain no-repeat}.ad-grid .ad-card:nth-child(6n+2) .ad-scene{background-image:url(/images/patterns/adhkar-scene-bg-2.svg)}.ad-grid .ad-card:nth-child(6n+3) .ad-scene{background-image:url(/images/patterns/adhkar-scene-bg-3.svg)}.ad-grid .ad-card:nth-child(6n+4) .ad-scene{background-image:url(/images/patterns/adhkar-scene-bg-4.svg)}.ad-grid .ad-card:nth-child(6n+5) .ad-scene{background-image:url(/images/patterns/adhkar-scene-bg-5.svg)}.ad-grid .ad-card:nth-child(6n+6) .ad-scene{background-image:url(/images/patterns/adhkar-scene-bg-6.svg)}.ad-rows{display:flex;flex-direction:column;gap:8px;padding:4px 16px 32px}.ad-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--ad-edge, rgb(184 146 74 / .4));border-radius:14px;background:var(--ah-pattern, linear-gradient(#0000, #0000)) 0 0 / 48px 48px repeat,var(--ah-box, rgb(128 128 128 / .07));-webkit-backdrop-filter:var(--ah-glass, none);backdrop-filter:var(--ah-glass, none);cursor:pointer}.ad-row:active{transform:scale(.99)}.ad-row.pinned{box-shadow:inset 0 0 0 1px #b8924ab3}.ad-row b{flex:1;font-size:1rem;line-height:1.7;overflow-wrap:anywhere}.ad-only{display:block;color:var(--ah-gold);font-size:.8rem;font-weight:400}.ad-pgroup{margin:4px 0 14px}.ad-pgroup-head{display:flex;align-items:center;gap:8px;width:calc(100% - 32px);margin:0 16px 8px;padding:6px 2px;border:0;border-bottom:1px solid rgb(184 146 74 / .35);background:none;color:var(--ah-gold);font:inherit;font-weight:600;cursor:pointer}.ad-pgroup-head span{flex:1;text-align:start}.ad-pgroup-head em{font-size:.8rem;font-style:normal;opacity:.75}.ad-pgroup-head svg{width:16px;height:16px;transition:transform .2s}.ad-pgroup.folded .ad-pgroup-head svg{transform:rotate(-90deg)}.ad-pgroup.folded .ad-rows{display:none}.ad-pin{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:none;color:#b8924a;opacity:.5;cursor:pointer}.ad-pin.on{opacity:1}.ad-pin svg{stroke:currentColor;transform:rotate(35deg)}.ad-item>.ad-pin{position:static;align-self:flex-end;margin:-8px 0 -4px;order:0}.ad-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.ad-lang{display:block;margin:0 auto 12px;padding:6px 18px;border:1px solid rgb(184 146 74 / .6);border-radius:999px;background:none;color:var(--ah-gold);font-size:.9rem;cursor:pointer}.ad-tools .ad-lang{margin:0 0 12px}.ad-pinall{font-size:.85rem}.ad-seg{display:inline-flex;margin:0 0 12px;overflow:hidden;border:1px solid rgb(184 146 74 / .6);border-radius:999px}.ad-tools .ad-seg{margin:0}.ad-seg-btn{display:grid;place-items:center;padding:6px 14px;border:0;background:none;color:var(--ah-gold);cursor:pointer}.ad-seg-btn svg{width:18px;height:18px;stroke:currentColor}.ad-seg-btn.on{background:var(--ah-gold);color:#fff}.ad-seg-btn[data-lang]{min-width:46px;font:inherit;font-size:.9rem;font-weight:600}.ad-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 10px;direction:ltr}.ad-nav[hidden]{display:none}.ad-pos{margin:6px 0 0;font-size:.9rem;opacity:.7;text-align:center}.ad-nav .ad-pos{min-width:64px;margin:0}.ad-arrow,.ad-play{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgb(184 146 74 / .6);border-radius:50%;background:none;color:var(--ah-gold);cursor:pointer}.ad-arrow:active{background:#b8924a26}.ad-arrow svg,.ad-play svg{width:18px;height:18px;stroke:currentColor}.ad-play.on{background:var(--ah-gold);color:#fff}.ad-play.missing{opacity:.35}.ad-items{margin:0;padding:12px 16px 40px;list-style:none}.ad-items.cards{display:flex;align-items:flex-start;gap:10px;margin:0 16px;padding:4px 0 110px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.ad-items.cards::-webkit-scrollbar{display:none}.ad-items.cards>.ad-item{flex:0 0 100%;min-width:0;max-height:none;margin-bottom:0;overflow-y:visible;box-sizing:border-box;scroll-snap-align:center;scroll-snap-stop:always}.ad-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:14px;padding:18px 16px;border:1px solid var(--ad-edge, rgb(184 146 74 / .35));border-radius:var(--ad-card-radius, 14px);background:var(--ah-pattern, linear-gradient(#0000, #0000)) 0 0 / 48px 48px repeat,var(--ah-box, rgb(128 128 128 / .06));box-shadow:var(--ad-card-shadow, none);-webkit-backdrop-filter:var(--ah-glass, none);backdrop-filter:var(--ah-glass, none)}.ad-item>*{order:1}.ad-item>.ad-tasbeeh{order:2}.ad-item>.ad-en{order:3}.ad-item.group{gap:10px}.ad-item.pinned,.ad-card.pinned{box-shadow:inset 0 0 0 1px #b8924ab3}.ad-subs{display:flex;flex-direction:column;gap:10px;width:100%}.ad-sub{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:14px}.ad-badge{padding:3px 14px;border-radius:999px;background:var(--ad-badge-bg, #1d5c47);color:var(--ad-badge-ink, #fff);font-size:.85rem}.ad-text{width:100%;margin:0;font-size:1.25rem;line-height:2.1;text-align:center;white-space:pre-line}.ad-items .ad-text{zoom:.92}.ad-main{margin:0 0 6px}.ad-note{margin:0 0 6px;padding:0;border:0;color:var(--ah-gold);font-size:inherit;line-height:inherit}.ad-verse{margin:0 0 6px;font-family:KFGQPC Uthmanic Script HAFS,Amiri Quran,Amiri,Scheherazade New,serif;font-size:1.4rem;line-height:2.4}.ad-aya{color:var(--ah-gold)}.part-am .ad-note,.part-am .ad-en-eve{display:none}.ad-en{display:none;width:100%;margin-top:10px;padding-top:10px;border-top:1px dashed rgb(184 146 74 / .4);color:inherit;font-size:.95rem;line-height:1.6;text-align:left}.en-on .ad-en{display:block}.ad-en p,.ad-en b{margin:0 0 4px;color:inherit;font-size:inherit;font-style:normal;opacity:1}.ad-en p{font-weight:400}.ad-en b{font-weight:700}.ad-en-block{margin-bottom:10px}.ad-en-block:last-child{margin-bottom:0}.ad-en-sub{margin:8px 0;padding:10px 12px;border:1px solid rgb(0 0 0 / .14);border-radius:12px}.ad-en-sub b{display:block;margin-bottom:4px}.ad-en .ad-en-eve{color:var(--ah-gold)}.ad-tasbeeh{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid rgb(184 146 74 / .45);border-radius:16px;background:linear-gradient(#f7f2e6,#e9e0ca);box-shadow:inset 0 1px #fffc,0 1px 4px #0000001f}.ad-items.cards .ad-tasbeeh{display:none}.ad-lcd{display:flex;flex-direction:row;align-items:baseline;gap:4px;min-width:0;padding:3px 10px;border-radius:8px;background:#f1e8d2;box-shadow:inset 0 1px 3px #0003;color:#4a3d22;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.ad-lcd small{font-size:.62rem;opacity:.7}.ad-lcd output{font-size:1.3rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.ad-lcd em{font-size:.7rem;font-style:normal;opacity:.7}.ad-press{width:40px;height:40px;border:2px solid #e2c27d;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f0dba5,#d4b06a 70%);box-shadow:0 2px #a98544,0 3px 5px #0003;cursor:pointer}.ad-press:active{box-shadow:0 0 #a98544;transform:translateY(2px)}.ad-reset{width:26px;height:26px;border:1px solid rgb(138 122 85 / .45);border-radius:50%;background:none;color:#8a7a55;font-size:.95rem;cursor:pointer}.ad-tasbeeh.done .ad-lcd{background:#e6d29a}.ad-tasbeeh.done .ad-press{background:radial-gradient(circle at 35% 30%,#d9b46a,#b8924a 70%);box-shadow:0 2px #7d6130,0 3px 5px #0003}.ad-dock{position:fixed;left:0;right:0;bottom:0;z-index:2000;display:flex;justify-content:center;padding:8px 16px 12px;pointer-events:none}.ad-dock[hidden]{display:none}.ad-dock .ad-tasbeeh{box-shadow:0 6px 18px #00000040,inset 0 1px #fffc;pointer-events:auto}.ad-dock .ad-press{width:52px;height:52px}@media(max-width:600px){.ad-grid{gap:10px;padding-inline:12px}.ad-card>b{font-size:.95rem;line-height:1.6}.ad-card[class*=sc-]{min-height:177px}.ad-item{padding:14px}.ad-text{font-size:1.05rem;line-height:1.95}.ad-items .ad-text{zoom:1}.ad-items .ad-item.quran .ad-text{zoom:.9}.ad-pin svg{width:20px;height:20px}}.sc-sun{--tint: rgba(214, 170, 84, .26);--ink: var(--gold, #b8924a)}.sc-moon{--tint: rgba(78, 104, 156, .26);--ink: #7b8fb5}.sc-night{--tint: rgba(58, 72, 128, .34);--ink: #7a86b8}.wird-quote{--w-gold: var(--heading);--w-gold-dim: var(--muted);--w-glow: color-mix(in srgb, var(--gold-strong) 45%, transparent);--w-en: var(--text-2);--w-serif: var(--font-latin)}.wird-end{--w-gold: #f6e3a8;--w-gold-dim: rgb(232 214 163 / .7);--w-glow: rgb(217 180 94 / .6);--w-en: rgb(247 241 227 / .88);--w-serif: "Amiri", Georgia, serif}.wird-mark{pointer-events:none}body:not(.in-wird) .wird-mark{display:none}.wird-ribbon{fill:#c9a24a;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .35))}.wird-ribbon-shine{stroke:#f1dc9c;stroke-width:3;opacity:.7}.wird-underline{stroke:#c9a24a;stroke-width:5;stroke-linecap:round}.wird-mark.drop .wird-ribbon,.wird-mark.drop .wird-ribbon-shine{transform-box:view-box;transform-origin:50% 0;animation:wird-ribbon-drop 1s cubic-bezier(.2,.9,.3,1.08) both}.wird-mark.drop .wird-underline{stroke-dasharray:1000;stroke-dashoffset:1000;animation:wird-underline-draw .7s .8s ease-out forwards}body.in-wird #open-wird{border-color:var(--gold);background:var(--gold);color:var(--green-900)}.wird-close{min-height:46px;padding:0 24px;border:0;border-radius:999px;background:var(--gold);color:var(--green-900);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.wird-quote{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;display:grid;place-items:center;pointer-events:none}.wird-quote[hidden],.wird-end[hidden]{display:none}.wird-quote:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse 60% 38% at 50% 50%,color-mix(in srgb,var(--gold-strong) 16%,transparent),transparent 70%),var(--screen-pattern) 0 0 / 48px 48px repeat,var(--bg);backdrop-filter:blur(7px) saturate(.7);-webkit-backdrop-filter:blur(7px) saturate(.7)}.wq-motes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wq-center{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:12px;width:min(560px,calc(100% - 40px));text-align:center}.wq-star{position:absolute;left:50%;top:50%;z-index:-1;width:min(340px,86vw);height:auto;transform:translate(-50%,-50%) rotate(0);overflow:visible}.wq-star rect,.wq-star circle{fill:none;stroke:var(--gold-strong);stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 4px rgb(217 180 94 / .7))}.wq-star rect{stroke-width:1.1;opacity:.7}.wq-star circle{stroke-width:.5;opacity:.4}.wq-ar{margin:0;color:var(--w-gold);font:700 clamp(22px,6.2vw,40px) / 1.65 var(--font-quran);text-shadow:0 0 22px var(--w-glow);text-wrap:balance}.wq-ar span{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(10px)}.wq-en{margin:0;max-width:30em;color:var(--w-en);font:italic clamp(15px,3.8vw,19px) / 1.6 var(--w-serif);opacity:0}.wq-source{display:flex;flex-direction:column;gap:2px;color:var(--w-gold-dim);font-size:12px;letter-spacing:.03em;opacity:0}.wird-quote.in:before{animation:wq-fade-in .7s ease-out forwards}.wird-quote.in .wq-star rect,.wird-quote.in .wq-star circle{animation:wq-draw 1.6s .1s cubic-bezier(.45,0,.2,1) forwards}.wird-quote.in .wq-star{animation:wq-turn 5s linear forwards}.wird-quote.in .wq-ar span{animation:wq-word .7s calc(.35s + var(--i) * .13s) cubic-bezier(.2,.7,.2,1) forwards}.wird-quote.in .wq-en{animation:wq-fade-in .8s 1.3s ease-out forwards}.wird-quote.in .wq-source{animation:wq-fade-in .6s 1.7s ease-out forwards}.wird-quote.out:before{animation:wq-fade-out .9s ease-in forwards}.wird-quote.out .wq-ar,.wird-quote.out .wq-en,.wird-quote.out .wq-source{animation:wq-rise-out .8s ease-in forwards}.wird-quote.out .wq-star{animation:wq-star-out .9s ease-in forwards}.wird-end{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;display:grid;place-items:center;overflow-y:auto;padding:20px 18px;background:radial-gradient(ellipse 90% 70% at 50% 40%,#0f3d2ff7,#04140efa);color:var(--cream);text-align:center;opacity:0}.wird-end.in{animation:wq-fade-in .8s ease-out forwards}.wird-end.out{animation:wq-fade-out .7s ease-in forwards}.wird-end .wq-motes{position:fixed;pointer-events:none}.we-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(440px,100%)}.we-inner>*{opacity:0;transform:translateY(10px)}.wird-end.in .we-inner>*{animation:we-rise .7s ease-out forwards}.wird-end.in .we-inner>:nth-child(1){animation-delay:.2s}.wird-end.in .we-inner>:nth-child(2){animation-delay:.7s}.wird-end.in .we-inner>:nth-child(3){animation-delay:1.3s}.wird-end.in .we-inner>:nth-child(4){animation-delay:1.9s}.wird-end.in .we-inner>:nth-child(5){animation-delay:3s}.wird-end.khatma.in .we-inner>.we-khatma-done{animation-delay:5s}.wird-end.khatma.in .we-inner>.we-close{animation-delay:5.8s}.we-title{margin:0;color:var(--w-gold);font-family:var(--font-quran);font-size:clamp(28px,7.5vw,38px);font-weight:700;text-shadow:0 0 20px rgb(217 180 94 / .45)}.we-hadith{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-block:1px solid rgb(217 180 94 / .35)}.we-hadith-ar{margin:0;color:var(--w-gold);font:clamp(19px,5vw,23px) / 1.9 var(--font-quran)}.we-hadith-en,.we-duaa-en{margin:0;font-family:var(--w-serif);font-style:italic;line-height:1.6}.we-hadith-en{color:#f7f1e3d9;font-size:clamp(14px,3.6vw,16.5px)}.we-hadith small{color:#e8d6a3a6;font-size:12px}.we-climb{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.we-climb-text{margin:0;color:var(--cream);font-size:15px}.we-next{margin:0;color:#f1d891;font-size:14px}.we-motto{margin:0;color:#e8d6a3bf;font-family:var(--font-quran);font-size:15px}.we-close{min-height:48px;padding:0 28px;border:0;border-radius:999px;background:linear-gradient(180deg,#e2c26f,#b98a2f);box-shadow:0 6px 18px #d9b45e4d;color:var(--green-900);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.we-khatma-done{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid rgb(241 216 145 / .5);border-radius:18px;background:radial-gradient(ellipse at 50% 0%,#f1d89129,#ffffff08 70%);box-shadow:0 0 30px #f1d89126}.we-congrats{margin:0;color:#fff1c4;font-family:var(--font-quran);font-size:clamp(22px,6vw,28px);font-weight:700;text-shadow:0 0 18px rgb(241 216 145 / .6)}.we-duaa-title{color:#e8d6a3bf;font-size:12.5px}.we-duaa-ar{margin:0;color:var(--w-gold);font:clamp(17px,4.6vw,20px) / 2 var(--font-quran)}.we-duaa-en{color:#f7f1e3d1;font-size:14px}.we-again{margin:4px 0 0;color:var(--cream);font-size:14.5px;line-height:1.7}.ws-stairs{width:min(330px,86vw);height:auto;overflow:visible}:root[dir=rtl] .ws-stairs{transform:scaleX(-1)}.ws-stairs .ws-all,.ws-stairs .ws-done,.ws-stairs .ws-next{fill:none;stroke-linejoin:round;stroke-linecap:round}.ws-stairs .ws-all{stroke:#e8d6a338;stroke-width:1.4}.ws-stairs .ws-done{stroke:#e2c26f;stroke-width:2.4;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 3px rgb(241 216 145 / .8));animation:wq-draw 1.4s 2.1s ease-out forwards}.ws-stairs .ws-next{stroke:#f1d891;stroke-width:2.4;opacity:0;animation:we-wait 1.8s 3.6s ease-in-out infinite}.ws-light{fill:#fff4cf;filter:drop-shadow(0 0 5px #ffe7a0) drop-shadow(0 0 12px rgb(217 180 94 / .9));opacity:0;animation:ws-light-up .6s 3.2s ease-out forwards}.ws-stairs .ws-door-frame{fill:none;stroke:#f1d891;stroke-width:1.2}.ws-stairs .ws-door-seam{stroke:#6e4f17;stroke-width:.6}.ws-stairs .ws-door-glow{fill:#f1d89140;filter:blur(6px);animation:ws-door-shine 2.6s ease-in-out infinite}.ws-stairs .ws-door-light{fill:#fffbe8}.ws-door{filter:drop-shadow(0 0 4px rgb(241 216 145 / .7))}.ws-leaf{transform-box:fill-box}.ws-leaf-a{transform-origin:0 50%}.ws-leaf-b{transform-origin:100% 50%}.ws-door.open .ws-leaf{animation:ws-door-open 1.6s 3.4s cubic-bezier(.5,0,.2,1) forwards}.ws-door.open .ws-door-seam{animation:wq-fade-out .4s 3.4s forwards}.ws-door.open .ws-door-glow{animation:ws-door-pour 2s 3.6s ease-out forwards}@media(min-width:641px){.wird-quote:before{background:radial-gradient(ellipse 38% 46% at 50% 50%,color-mix(in srgb,var(--gold-strong) 16%,transparent),transparent 70%),var(--screen-pattern) 0 0 / 48px 48px repeat,var(--bg)}.wq-ar{font-size:clamp(34px,3.4vw,50px)}.wq-en{font-size:clamp(17px,1.4vw,21px)}.wq-star{width:min(420px,34vw)}}@media(prefers-reduced-motion:reduce){.wird-quote.in .wq-ar span,.wird-quote.in .wq-star rect,.wird-quote.in .wq-star circle,.wird-end.in .we-inner>*,.ws-stairs .ws-done,.ws-stairs .ws-next,.ws-light{animation-duration:.01s;animation-delay:0s}}@keyframes wird-ribbon-drop{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes wird-underline-draw{to{stroke-dashoffset:0}}@keyframes wq-fade-in{to{opacity:1}}@keyframes wq-fade-out{0%{opacity:1}to{opacity:0}}@keyframes wq-draw{to{stroke-dashoffset:0}}@keyframes wq-turn{to{transform:translate(-50%,-50%) rotate(22.5deg)}}@keyframes wq-word{to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes wq-rise-out{to{opacity:0;filter:blur(8px);transform:translateY(-16px)}}@keyframes wq-star-out{0%{transform:translate(-50%,-50%) rotate(20deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(26deg) scale(1.35);opacity:0}}@keyframes we-rise{to{opacity:1;transform:none}}@keyframes ws-light-up{to{opacity:1}}@keyframes we-wait{0%,to{opacity:.4}50%{opacity:1}}@keyframes ws-door-shine{0%,to{opacity:.55}50%{opacity:1}}@keyframes ws-door-open{to{transform:scaleX(.08)}}@keyframes ws-door-pour{to{fill:#fff4cfbf;transform:scale(2.2);transform-box:fill-box;transform-origin:center}}:root:not([data-theme=dark]) .hifz{--screen-bg: var(--page-beige)}.st3{--st: #7d9a6a}.st2{--st: #c9a54e}.st1{--st: #c4683c}.st0{--st: transparent}.hz-tabs{box-sizing:border-box;display:flex;justify-content:center;gap:4px;width:min(688px,calc(100% - 32px));margin:8px auto 0;padding:5px;overflow-x:auto;border-radius:999px;background:var(--green-100);scrollbar-width:none}.hz-tabs::-webkit-scrollbar{display:none}.hz-tabs[hidden]{display:none}.hz-tabs button{flex:1 0 auto;min-height:36px;padding:0 10px;border:0;border-radius:999px;background:none;color:var(--heading);font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}.hz-tabs button[aria-selected=true]{background:linear-gradient(180deg,#ecd593,#e4c978);color:#0f3d2f;box-shadow:0 1px 4px #00000040}@media(min-width:641px){.hz-tabs{gap:2px;padding:4px}.hz-tabs button{flex:1 1 0;min-height:34px;padding:0 16px}}.hz-body{display:flex;flex-direction:column;gap:14px;width:min(720px,100%);margin:0 auto;padding:18px 16px 36px}.hz-body h4{margin:6px 0 0;color:var(--heading);font-size:15px}.hz-intro,.hz-note,.hz-hint{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.hz-note{text-align:center}.hz-q{margin:0 0 10px;color:var(--text-2);font-size:14.5px;line-height:1.8}.hz-week{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.8}.hz-forecast{margin:0;padding:12px 14px;border-radius:12px;background:var(--highlight);color:var(--text-2);font-size:14px;line-height:1.8}.hz-session-title{margin:0;color:var(--heading);font-size:17px;font-weight:700}.hz-gentle,.hifz :is(.hz-card,div,section):has(>.hz-gentle:only-child),.hz-card:has(.hz-gentle):not(:has(.hz-task,button,a)){display:none}.hz-card{padding:16px;border:1px solid color-mix(in srgb,var(--gold-strong) 40%,transparent);border-radius:18px;background:var(--green-100);box-shadow:0 6px 16px #00000040}.hz-primary{min-height:48px;padding:0 24px;border:0;border-radius:999px;background:linear-gradient(180deg,#ecd593,#e4c978);color:#0f3d2f;font:inherit;font-size:16px;font-weight:700;cursor:pointer}.hz-primary:disabled{opacity:.45;cursor:default}.hz-wide{width:100%}.hz-link{border:0;background:none;color:var(--gold-strong);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}.hz-more,.hz-back-link{align-self:center}.hz-footer{display:flex;justify-content:center}.hz-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.hz-wizard{display:flex;flex-direction:column;gap:14px}.hz-wizard h3{margin:0;color:var(--heading);font-family:var(--font-quran);font-size:26px;font-weight:700;line-height:1.5}.hz-dots{display:flex;gap:6px}.hz-dots span{flex:1;height:4px;border-radius:2px;background:var(--line)}.hz-dots span.on{background:var(--gold)}.hz-options{display:flex;flex-direction:column;gap:10px}.hz-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;border:1.5px solid color-mix(in srgb,var(--gold-strong) 40%,transparent);border-radius:14px;background:var(--green-100);color:var(--ink);font:inherit;text-align:start;cursor:pointer}.hz-option b{font-size:16px}.hz-option small{color:var(--muted);font-size:13px}.hz-option.on{background:var(--highlight);box-shadow:inset 0 0 0 1.5px var(--gold-strong)}.hz-chips{display:flex;flex-wrap:wrap;gap:8px}.hz-chip{min-width:44px;min-height:40px;padding:0 14px;border:1px solid color-mix(in srgb,var(--gold-strong) 40%,transparent);border-radius:999px;background:var(--field-bg);color:var(--ink);font:inherit;font-size:14px;font-variant-numeric:tabular-nums;cursor:pointer}.hz-chip.on{background:linear-gradient(180deg,#ecd593,#e4c978);color:#0f3d2f}.hz-chip.known:not(.on){font-weight:700}.hz-chips-juz .hz-chip{min-width:40px;padding:0 8px}.hz-segments{display:flex;gap:4px;padding:4px;border:1px solid color-mix(in srgb,var(--gold-strong) 40%,transparent);border-radius:999px;background:var(--green-100)}.hz-segments button{flex:1;min-height:40px;border:0;border-radius:999px;background:none;color:var(--heading);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.hz-segments button.on{background:linear-gradient(180deg,#ecd593,#e4c978);color:#0f3d2f}.hz-amount{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 16px;border:1px solid color-mix(in srgb,var(--gold-strong) 40%,transparent);border-radius:16px;background:var(--green-100);text-align:center}.hz-amount b{color:var(--heading);font-size:22px}.hz-amount input{width:100%;accent-color:var(--green-strong)}.hz-amount small{color:var(--text-2);font-size:14px;line-height:1.7}.hz-stats{display:flex;gap:10px}.hz-stats span{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:12.5px;text-align:center}.hz-stats b{color:var(--heading);font-size:20px;font-variant-numeric:tabular-nums}.hz-stats-4{padding:14px 8px;border:1px solid color-mix(in srgb,var(--gold-strong) 40%,transparent);border-radius:16px;background:var(--field-bg)}.hz-tasks{display:flex;flex-direction:column;gap:10px}.hz-old{--kind: #1d5c47}.hz-recent{--kind: #c9a54e}.hz-new{--kind: #23395b}:root[data-theme=dark] .hz-old{--kind: #9db38a}:root[data-theme=dark] .hz-recent{--kind: #e4c978}:root[data-theme=dark] .hz-new{--kind: #c9b48a}.hz-task{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-inline-start:5px solid var(--kind);border-radius:18px;background:var(--beige-soft);color:var(--ink);font:inherit;text-align:start;cursor:pointer}.hz-task-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--kind) 16%,transparent);color:var(--kind)}.hz-task-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hz-task-text{flex:1;min-width:0;display:flex;flex-direction:column}.hz-task-text b{font-size:16px}.hz-task-text small{color:var(--muted);font-size:12.5px}.hz-go{flex-shrink:0;padding:6px 14px;border-radius:999px;background:linear-gradient(180deg,#ecd593,#e4c978);color:#0f3d2f;font-size:13px;font-weight:700}.hz-done{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 16px;text-align:center}.hz-done svg{width:52px;height:52px;padding:10px;border-radius:50%;background:linear-gradient(180deg,#ecd593,#e4c978);fill:none;stroke:#0f3d2f;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.hz-done b{color:var(--heading);font-size:18px}.hz-done p{margin:0;color:var(--muted)}.hz-tools{display:flex;flex-wrap:wrap;gap:8px}.hz-tool{min-height:40px;padding:0 14px;border:1px solid color-mix(in srgb,var(--gold-strong) 40%,transparent);border-radius:999px;background:var(--green-100);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.hz-tool.on{background:var(--highlight)}.hz-ayat{display:flex;flex-direction:column;gap:8px}.hz-page-head{margin:10px 0 0;padding-bottom:4px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.hz-ayah{width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:26px/2 "KFGQPC Warsh",var(--font-quran);text-align:start;cursor:pointer}.hz-ayah.open{background:var(--surface-3)}.hz-hidden{filter:blur(9px);opacity:.55;-webkit-user-select:none;user-select:none}.hz-first{color:var(--gold-strong)}.hz-rate{display:flex;flex-direction:column;gap:10px;text-align:center}.hz-rates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hz-rates button{min-height:46px;border:0;border-radius:12px;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.hz-r3{background:#5d7a4e}.hz-r2{background:#a8842f}.hz-r1{background:#c4683c}.hz-r0{background:#9b3b3b}@media(max-width:640px){.hz-ayah{font-size:22px}}.hz-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}.hz-page{min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-variant-numeric:tabular-nums;cursor:pointer}.hz-page:not(.st0){border-color:var(--st);background:color-mix(in srgb,var(--st) 22%,var(--surface));font-weight:700}.hz-legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:12.5px}.hz-legend span{display:inline-flex;align-items:center;gap:6px}.hz-legend i{width:14px;height:14px;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--st) 60%,var(--surface))}.hz-map{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.hz-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.hz-cell i{position:absolute;inset:auto 0 0;height:var(--done);background:var(--st);opacity:.75}.hz-cell b{position:relative;color:var(--ink);font-size:11px;font-variant-numeric:tabular-nums}.hz-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.hz-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border:1px solid var(--btn-line);border-radius:18px;background:var(--beige-soft);text-align:center;opacity:.55}.hz-badge.on{opacity:1;box-shadow:0 4px 14px #c9a54e38}.hz-badge b{color:var(--heading);font-size:14.5px}.hz-badge small{color:var(--muted);font-size:12px;line-height:1.5}.hz-badge .hz-date{color:var(--gold-strong)}.hz-medal svg{width:52px;height:52px}.hz-medal circle{fill:var(--line-soft);stroke:var(--line);stroke-width:2}.hz-medal .ribbon{fill:var(--muted);opacity:.5}.hz-medal .star{fill:var(--surface)}.hz-badge.on .hz-medal circle{fill:#d9b45e;stroke:#a07d2c}.hz-badge.on .hz-medal .ribbon{fill:var(--green-strong);opacity:1}.hz-badge.on .hz-medal .star{fill:#fff7dc}.ahadith{--ah-surface: #fcf8ed;--ah-surface-2: #f6eedb;--ah-line: rgb(180 145 70 / .35);--ah-line-soft: rgb(180 145 70 / .2);--ah-text-2: #3f5048;--ah-muted: #66746d;--ah-accent: #0f3d2f;--ah-gold: #c49a45;--ah-continue-bg: rgb(252 248 237 / .8)}:root[data-theme=dark] .ahadith{--ah-box: rgb(255 255 255 / .1);--ah-glass: blur(10px) saturate(1.15);--ah-surface: var(--ah-box);--ah-surface-2: var(--ah-box);--ah-line: color-mix(in srgb, var(--gold-strong) 40%, transparent);--ah-line-soft: color-mix(in srgb, var(--gold-strong) 22%, transparent);--ah-btn-line: var(--ah-line);--ah-radius: 18px;--ah-shadow: 0 6px 16px rgb(0 0 0 / .25), inset 0 1px 0 rgb(255 255 255 / .16);--ah-cover-bg: var(--ah-box);--ah-pattern: linear-gradient(#0000, #0000);--ah-cover-line: var(--ah-line);--ah-cover-title: var(--heading);--ah-cover-ink: var(--ah-text-2);--ah-cover-count: var(--ah-accent);--ah-diamond-tint: 32%;--ah-diamond-base: var(--beige-soft);--ah-diamond-end: var(--beige-soft);--ah-diamond-ring: transparent;--ah-text-2: rgb(241 234 216 / .85);--ah-muted: rgb(220 214 196 / .68);--ah-accent: #e4c978;--ah-continue-bg: var(--ah-box);--highlight: #164a37;--heading: #e4c978;--ink: #f1ead8}:root:not([data-theme=dark]) .ahadith{--screen-bg: var(--page-beige)}.ahadith .ah-theme{display:none}.ah-saved-btn{margin-inline-start:auto}.ah-saved-btn svg,.ad-pinned-btn svg{width:20px;height:20px}.ah-continue,.ah-kitabs button,.ah-kitab-text b,.ah-kitab-text small,.ah-kitab-n,.ah-count,.ah-crumb,.ah-bab,.ah-note,.ah-empty p,.ah-saved button,.ah-saved small,.ah-results button,.ah-results span,.ah-num{font-family:var(--font-ui);font-variant-numeric:lining-nums}.ah-body{display:flex;flex-direction:column;gap:14px;width:min(760px,100%);margin:0 auto;padding:18px 16px 32px}.ah-note{margin:0;color:var(--ah-muted);font-size:14px;text-align:center}.ah-search{display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--ad-edge, var(--ah-line));border-radius:24px;background:var(--ah-surface);box-shadow:var(--ad-card-shadow, 0 2px 10px rgb(120 95 40 / .06));-webkit-backdrop-filter:var(--ah-glass, none);backdrop-filter:var(--ah-glass, none)}.ah-search svg{flex-shrink:0;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--ah-muted)}.ah-search input{flex:1;min-width:0;min-height:46px;border:0;background:none;color:var(--ink);font:inherit;font-size:16px;outline:none}#ah-home{display:flex;flex-direction:column;gap:14px}#ah-home[hidden]{display:none}.ah-continue{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 18px;border:1px solid var(--ah-btn-line, var(--btn-line));border-radius:var(--ah-radius, 16px);background:var(--ah-continue-bg);box-shadow:var(--ah-shadow, 0 2px 10px rgb(120 95 40 / .06));-webkit-backdrop-filter:var(--ah-glass, none);backdrop-filter:var(--ah-glass, none);color:var(--ink);font-size:inherit;text-align:start;cursor:pointer}.ah-continue b{color:var(--heading);font-size:15px;font-weight:500}.ah-continue span{color:var(--ah-gold);font-size:13.5px}.ah-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,3vw,22px);padding:6px 2px 14px}.ah-cover{--bk: #1d5c47;--bk2: #0f3d2f;position:relative;padding:0;border:1px solid var(--ah-cover-line, rgb(196 154 69 / .55));border-radius:var(--ah-radius, 18px);background:var(--ah-pattern, linear-gradient(#0000, #0000)) 0 0 / 48px 48px repeat,var( --ah-cover-bg, url(/images/za-card-light.svg) 0 0 / 48px 48px repeat, linear-gradient(160deg, color-mix(in srgb, var(--bk) 9%, #fffcf2), color-mix(in srgb, var(--bk2) 20%, #f8efda)) );-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);box-shadow:var(--ah-shadow, 0 6px 16px rgb(90 70 20 / .1));color:var(--ah-cover-ink, var(--bk2));font:inherit;text-align:center;cursor:pointer}.ah-cover-muslim{--bk: #8a2f43;--bk2: #561726}.ah-cover-nawawi{--bk: #34569a;--bk2: #1c3366}.ah-cover-frame{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:20px 14px 24px;text-align:center}.ah-cover-star{position:relative;display:grid;place-items:center;width:84px;height:84px;margin:0 auto 6px;color:transparent;font-size:0;line-height:1;isolation:isolate}.ah-cover-star:before{content:"";position:absolute;top:22px;right:24px;bottom:22px;left:24px;z-index:-1;border:1px solid rgb(196 154 69 / .85);border-radius:2px 4px 4px 2px;background:linear-gradient(#e3c474,#e3c474) 0 17% / 22% 1.5px no-repeat,linear-gradient(#e3c474,#e3c474) 0 83% / 22% 1.5px no-repeat,linear-gradient(90deg,transparent 0 21%,rgb(227 196 116 / .75) 21% 23%,transparent 23%),linear-gradient(90deg,rgb(0 0 0 / .4) 0,rgb(255 255 255 / .18) 10%,rgb(0 0 0 / .28) 20%,rgb(0 0 0 / .1) 22%,transparent 25%),linear-gradient(160deg,var(--bk),var(--bk2));box-shadow:2px 2px #fffdf6,3.5px 3.5px #cbbd92,0 7px 8px #281e0a40}:root[dir=rtl] .ah-cover-star:before{border-radius:4px 2px 2px 4px;background:linear-gradient(#e3c474,#e3c474) 100% 17% / 22% 1.5px no-repeat,linear-gradient(#e3c474,#e3c474) 100% 83% / 22% 1.5px no-repeat,linear-gradient(270deg,transparent 0 21%,rgb(227 196 116 / .75) 21% 23%,transparent 23%),linear-gradient(270deg,rgb(0 0 0 / .4) 0,rgb(255 255 255 / .18) 10%,rgb(0 0 0 / .28) 20%,rgb(0 0 0 / .1) 22%,transparent 25%),linear-gradient(160deg,var(--bk),var(--bk2));box-shadow:-2px 2px #fffdf6,-3.5px 3.5px #cbbd92,0 7px 8px #281e0a40}.ah-cover-star:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:-2;border:1.5px solid #c49a45;border-radius:0;background:linear-gradient(160deg,color-mix(in srgb,var(--bk) var(--ah-diamond-tint, 8%),var(--ah-diamond-base, #fffdf6)),var(--ah-diamond-end, #f3e8c8));box-shadow:inset 0 0 0 3px var(--ah-diamond-ring, rgb(255 253 246 / .9)),inset 0 0 0 4px #c49a4573,0 4px 10px #3c2d0f24;transform:rotate(45deg)}.ah-cover b{color:var(--ah-cover-title, var(--bk2));font:700 clamp(19px,2.1vw,23px) / 1.3 var(--font-ui);text-shadow:none}.ah-cover b:after{content:"";display:block;width:90px;height:9px;margin:10px auto 0;background:url(/images/patterns/hadith-divider.svg) center / contain no-repeat}.ah-cover small{color:var(--ah-cover-ink, var(--bk2));font-size:12.5px;line-height:1.5}.ah-cover small.ah-cover-ar{display:block;margin-top:4px;opacity:.85}.ah-cover .ah-cover-count{margin-top:4px;padding:2px 0;border:0;color:var(--ah-cover-count, var(--bk2));font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:600}:root[dir=ltr] .ah-cover-frame{width:100%;padding-inline:10px}:root[dir=ltr] .ah-cover b{width:100%;font-size:clamp(21px,2.3vw,25px);text-align:center}:root[dir=ltr] .ah-cover small{width:100%;font-size:14px;text-align:center}@media(max-width:600px){.ah-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:8px 16px 22px;justify-items:stretch;container-type:inline-size}.ah-shelf .ah-cover{aspect-ratio:auto;min-height:0;height:calc((100cqw - 14px)*.84);overflow:hidden}.ah-shelf .ah-cover:nth-child(3):last-child{grid-column:1 / -1;justify-self:center;width:calc(50% - 7px)}.ah-cover-frame{gap:4px;padding:16px 8px 12px}.ah-cover .ah-cover-star{margin:-8px 0 -6px;transform:scale(.8)}.ah-cover b:after{width:70px;margin-top:7px}.ah-cover small,.ah-cover .ah-cover-count{font-size:11.5px}:root[dir=rtl] .ah-cover b{font-size:19px}:root[dir=ltr] .ah-cover b{font-size:17px;line-height:1.25}:root[dir=ltr] .ah-cover small{font-size:12.5px;line-height:1.4}}.ah-kitabs,.ah-saved,.ah-results{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.ah-kitabs button,.ah-saved button,.ah-results button{display:flex;width:100%;padding:12px 16px;border:1px solid var(--ah-line);border-radius:var(--ah-radius, 16px);background:var(--ah-surface);box-shadow:var(--ah-shadow, none);-webkit-backdrop-filter:var(--ah-glass, none);backdrop-filter:var(--ah-glass, none);color:var(--ink);font-size:inherit;text-align:start;cursor:pointer}.ah-results button{border-color:var(--ah-btn-line, var(--btn-line))}@media(hover:hover){.ah-kitabs button:hover,.ah-saved button:hover,.ah-results button:hover{background:var(--highlight)}}.ah-kitabs button{align-items:center;gap:14px}.ah-saved button,.ah-results button{flex-direction:column;align-items:flex-start;gap:4px}.ah-kitab-n{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid var(--ah-line);border-radius:50%;color:var(--ah-gold);font-size:13px;font-weight:700}.ah-kitab-text{flex:1;min-width:0;display:flex;flex-direction:column}.ah-kitab-text b{color:var(--heading);font-size:19px}.ah-kitab-text small,.ah-saved small{color:var(--ah-muted);font-size:13px}.ah-count{flex-shrink:0;color:var(--ah-muted);font-size:12.5px}:root[dir=ltr] .ah-kitabs button{position:relative;min-height:66px}:root[dir=ltr] .ah-kitab-text{position:static;flex-direction:column-reverse;justify-content:center;align-items:flex-start;text-align:left}:root[dir=ltr] .ah-kitab-text small{width:auto;color:var(--heading);font-size:20px;font-weight:700;text-align:left}:root[dir=ltr] .ah-kitab-text b{width:auto;color:var(--ah-muted);font-family:var(--font-quran);font-size:13px;font-weight:400;text-align:left}.ah-saved li{display:flex;align-items:stretch;gap:6px}.ah-saved .ah-saved-open{flex:1;min-width:0}.ah-saved-open span{color:var(--ah-text-2);font:16px/1.8 var(--font-quran)}.ah-saved .ah-saved-remove{flex:0 0 44px;align-items:center;justify-content:center;padding:0;color:var(--ah-muted)}.ah-saved-remove svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.ah-results span{color:var(--ah-text-2);font-size:16px;line-height:1.8}.ah-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 16px;color:var(--ah-muted);text-align:center}.ah-empty svg{width:44px;height:44px;fill:none;stroke:var(--ah-gold);stroke-width:1.6;stroke-linejoin:round}.ah-empty p{max-width:30ch;margin:0;line-height:1.8}.ah-crumb{margin:0;color:var(--ah-muted);font-size:14px}.ah-list{display:flex;flex-direction:column;gap:12px}.ah-bab{margin:10px 0 0;padding:8px 16px;border:1px solid var(--ah-line-soft);border-inline-start:3px solid var(--ah-gold);border-radius:12px;background:var(--ah-surface-2);-webkit-backdrop-filter:var(--ah-glass, none);backdrop-filter:var(--ah-glass, none);color:var(--heading);font-size:18px;line-height:1.8}.ah-hadith{padding:14px 18px 18px;border:1px solid var(--ah-line);border-radius:var(--ah-radius, 16px);background:var(--ah-surface);box-shadow:var(--ah-shadow, 0 2px 10px rgb(120 95 40 / .05));-webkit-backdrop-filter:var(--ah-glass, none);backdrop-filter:var(--ah-glass, none);content-visibility:auto;contain-intrinsic-size:auto 260px;scroll-margin-top:80px;transition:box-shadow .4s ease}.ah-hadith.flash{box-shadow:0 0 0 3px var(--ah-gold)}.ah-hadith header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.ah-num{min-width:34px;padding:3px 10px;border-radius:999px;background:linear-gradient(180deg,#ecd593,#e4c978);color:#0f3d2f;font-size:13px;font-weight:700;text-align:center}.ah-actions{display:flex;gap:4px}.ah-actions button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--ah-muted);cursor:pointer}@media(hover:hover){.ah-actions button:hover{background:var(--highlight);color:var(--ah-accent)}}.ah-actions button.on{color:var(--ah-gold)}.ah-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ah-actions button.on svg{fill:currentColor}.ah-actions button[data-act=save] svg{transform:rotate(35deg)}.ah-sanad{margin:0 0 6px;color:var(--ah-muted);font:15px/1.9 var(--font-quran);text-align:justify}.ah-rawahu{margin:8px 0 0}.ah-matn{margin:0;color:var(--ink);font:22px/2 var(--font-quran);text-align:justify}@media(max-width:640px){.ah-matn{font-size:20px}.ah-sanad{font-size:14px}.ah-hadith{padding:12px 13px 14px}}.ah-toast{position:fixed;left:50%;bottom:24px;z-index:3;margin:0;padding:10px 18px;border-radius:999px;background:var(--green-900);box-shadow:0 6px 18px #00000040;color:var(--cream);font-size:14px;transform:translate(-50%)}.ah-toast[hidden]{display:none}.settings{--lg-green: #1d5c47;--lg-green-2: #0f3d2f;--lg-cream: #f5e8d1;--lg-cream-2: rgb(255 255 255 / .6);--lg-ink: #0f3d2f;--lg-muted: #5f6b5f;--lg-gold: #d9b864;--lg-gold-soft: #f3ead6;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:center;align-items:center;padding:16px;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:var(--font-ui);opacity:0;transition:opacity .2s}:root[data-theme=dark] .settings{--lg-green: color-mix(in srgb, var(--green-100) 86%, #fff);--lg-green-2: var(--green-100);--lg-cream: var(--green-100);--lg-cream-2: rgb(240 228 200 / .09);--lg-ink: #f0e4c8;--lg-muted: rgb(240 228 200 / .66);background:#00000073}.settings[hidden]{display:none}.settings.open{opacity:1}body.at-home .settings{z-index:25}.settings *{font-family:inherit}.st-sheet{display:flex;flex-direction:column;width:min(500px,100%);max-height:min(84vh,720px);overflow:hidden;border-radius:18px;background:var(--screen-pattern) 0 0 / 48px 48px repeat,var(--beige-soft);box-shadow:0 18px 50px #00000059;transform:scale(.96);transition:transform .2s ease}:root[data-theme=dark] .st-sheet{border:1.5px solid var(--lg-gold)}.settings.open .st-sheet{transform:none}.st-body{overflow-y:auto;padding:4px 16px 18px}@media(min-width:641px){.st-body{padding:4px 20px 12px}}.st-section{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:16px;padding:16px 0}.st-section+.st-section{border-top:1px solid rgb(217 184 100 / .35)}.st-section h3{margin:0;font-size:19px;color:var(--lg-ink);white-space:nowrap}.st-note{margin:0 0 12px;font-size:13px;line-height:1.7;color:var(--lg-muted)}.st-progress{height:8px;margin:0 0 12px;overflow:hidden;border-radius:999px;background:var(--lg-cream-2)}.st-progress[hidden],.st-action[hidden]{display:none}.st-progress span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#ecd593,#e4c978);transition:width .2s}.st-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;justify-self:end;width:min(270px,100%);padding:3px;border:1px solid rgb(217 184 100 / .4);border-radius:999px;background:var(--green-100)}.st-segments-2{grid-template-columns:repeat(2,1fr);width:min(190px,100%)}.st-segments label{position:relative;cursor:pointer}.st-segments input{position:absolute;opacity:0;pointer-events:none}.st-segments span{display:block;padding:6px 2px;border-radius:999px;font-size:12.5px;font-weight:700;text-align:center;white-space:nowrap;color:var(--lg-ink);transition:background .2s,color .2s}@media(min-width:421px){.st-segments span{padding:6px 4px;font-size:13.5px}}.st-segments input:checked+span{background:linear-gradient(180deg,#ecd593,#e4c978);color:#0f3d2f;box-shadow:0 1px 4px #00000040}.st-segments input:focus-visible+span{outline:2px solid var(--gold-strong)}.st-actions{display:flex;flex-wrap:wrap;gap:8px}.st-action{padding:7px 14px;border:1.5px solid var(--btn-line);border-radius:999px;background:linear-gradient(180deg,#ecd593,#e4c978);color:#0f3d2f;font-size:13.5px;font-weight:700;cursor:pointer}.st-action-2{border-color:var(--lg-gold);background:transparent;color:var(--lg-ink)}.st-action:disabled{opacity:.6;cursor:default}.st-select{width:100%;min-height:42px;padding:0 12px;border:1px solid rgb(217 184 100 / .5);border-radius:12px;background:var(--lg-cream-2);color:var(--lg-ink);font:inherit;font-size:15px}#st-place .st-actions,#st-offline .st-actions{grid-column:2;grid-row:1;justify-self:end;justify-content:flex-end}#st-place .st-select,#st-place .st-note,#st-hijri .st-note,#st-offline .st-note,#st-offline .st-progress{grid-column:1 / -1;margin:10px 0 0}#st-hijri .st-segments{width:min(170px,100%)}#st-hijri .st-segments span{direction:ltr;unicode-bidi:isolate}@media(max-width:420px){.st-section{column-gap:12px}#st-offline .st-actions{grid-column:1 / -1;grid-row:auto;justify-self:stretch;margin-top:10px}}.fb-form{display:flex;flex-direction:column;gap:14px;padding-top:20px}.fb-intro{margin:0;font-size:0;line-height:0}.fb-intro:after{content:"ملاحظاتك تساعدنا على التحسين";display:block;font-size:15px;font-weight:600;line-height:1.6;color:var(--gold-strong)}:root[dir=ltr] .fb-intro:after{content:"Your feedback helps us improve"}.fb-types{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}.fb-types legend,.fb-field>span{margin-bottom:6px;font-size:14px;font-weight:700;color:var(--heading)}.fb-types label{position:relative;cursor:pointer}.fb-types input{position:absolute;opacity:0;pointer-events:none}.fb-types span{display:block;padding:7px 16px;border:1px solid var(--btn-line);border-radius:999px;background:var(--green-100);color:var(--heading);font-size:14px;font-weight:700;transition:background .2s,color .2s}.fb-types input:checked+span{border-color:transparent;background:linear-gradient(180deg,#ecd593,#e4c978);color:#0f3d2f}.fb-types input:focus-visible+span{outline:2px solid var(--btn-line);outline-offset:2px}.fb-field{display:flex;flex-direction:column;flex:1;min-width:0}.fb-field :is(textarea,input){width:100%;padding:10px 12px;border:1px solid color-mix(in srgb,var(--gold-strong) 45%,transparent);border-radius:10px;background:#fffdf5;color:#0f3d2f;font:inherit;font-size:16px;resize:vertical;outline:none}.fb-field :is(textarea,input):focus{border-color:var(--gold-strong)}.fb-row{display:flex;flex-direction:column;gap:12px}@media(min-width:641px){.fb-row{flex-direction:row}}.fb-status{margin:0;padding:10px 12px;border-radius:10px;font-weight:700}.fb-status[hidden]{display:none}.fb-status[data-kind=ok]{background:color-mix(in srgb,var(--gold-strong) 16%,transparent);color:var(--heading)}.fb-status[data-kind=error]{background:color-mix(in srgb,#a3243b 14%,transparent);color:#a3243b}.fb-send{align-self:flex-start;padding:0 28px;border:0;background:linear-gradient(180deg,#ecd593,#e4c978);color:#0f3d2f;box-shadow:0 2px 8px #0000004d}.fb-send:disabled{opacity:.6}.quran-settings{-webkit-backdrop-filter:none;backdrop-filter:none}:root .settings.quran-settings{background:var(--ac-dim)}.settings.quran-settings .st-sheet{width:min(360px,100%);border:1px solid var(--ac-rim);border-radius:16px;background:var(--ac-glass);-webkit-backdrop-filter:var(--ac-blur);backdrop-filter:var(--ac-blur);color:var(--ix-text);box-shadow:var(--ac-shadow)}.quran-settings .st-head{min-height:0;padding:14px 18px 12px;border-bottom:1px solid var(--ac-line);background:none}.quran-settings .st-head h2{color:var(--ix-ink);font-size:18px;font-weight:700}.quran-settings .st-head .close-btn{width:34px;height:34px;min-width:34px;border:0;background:var(--ac-fill);color:var(--ix-ink)}.quran-settings .st-head .close-btn:active{background:var(--ac-fill-strong)}.quran-settings .st-head .close-btn svg{width:15px;height:15px;stroke-width:2.4}.quran-settings .st-body{padding:4px 18px 18px}.quran-settings .st-section{display:block;padding:14px 0 0}.quran-settings .st-section+.st-section{border-top:0}.quran-settings .st-section h3{margin:0 0 9px;color:var(--ix-text);font-size:15px;font-weight:500}.quran-settings .st-segments{width:100%;gap:4px;padding:4px;border:0;border-radius:12px;background:var(--ac-fill)}.quran-settings .st-segments span{padding:9px 6px;border-radius:9px;color:var(--ix-tab-ink);font-size:15px;font-weight:500}.quran-settings .st-segments input:checked+span{background:var(--ix-on-bg);color:var(--ix-on-ink);font-weight:700;box-shadow:none}.quran-settings .qs-theme{display:flex;align-items:center;justify-content:space-between}.quran-settings .qs-theme h3{margin:0}.qs-switch{position:relative;display:flex;align-items:center;justify-content:space-between;width:72px;height:36px;padding:0 9px;border:0;border-radius:999px;background:var(--ac-fill);cursor:pointer}.qs-switch svg{position:relative;width:18px;height:18px;color:var(--ix-tab-ink);transition:color .25s}.qs-knob{position:absolute;top:4px;inset-inline-start:4px;width:28px;height:28px;border-radius:50%;background:var(--ix-on-bg);transition:transform .25s ease}.qs-switch[aria-checked=true] .qs-knob{transform:translate(-36px)}:root[dir=ltr] .qs-switch[aria-checked=true] .qs-knob{transform:translate(36px)}.qs-switch[aria-checked=false] .qs-sun,.qs-switch[aria-checked=true] .qs-moon{color:var(--ix-on-ink)}.qs-switch:focus-visible{outline:2px solid var(--ix-ink);outline-offset:2px}.ayah-panel{position:fixed;top:0;bottom:0;inset-inline-end:0;z-index:9;display:flex;flex-direction:column;width:min(88vw,400px);overflow:hidden auto;overscroll-behavior:contain;border-inline-start:1px solid var(--ac-rim);border-start-start-radius:28px;border-end-start-radius:28px;background:var(--ac-glass);-webkit-backdrop-filter:var(--ac-blur);backdrop-filter:var(--ac-blur);color:var(--ix-text);font-family:var(--font-ui);transform:translate(-100%);transition:transform .28s ease,box-shadow .28s ease}.ayah-panel>*{flex-shrink:0}.ayah-panel.open{transform:none;box-shadow:var(--ix-shadow)}:root[dir=ltr] .ayah-panel{transform:translate(100%)}:root[dir=ltr] .ayah-panel.open{transform:none}body.resizing-panel .ayah-panel{transition:none}@media(min-width:641px){.ayah-panel{width:min(var(--panel-w),100%)}}.ayah-resize{display:none}@media(min-width:641px){.ayah-resize{display:block;position:absolute;top:0;bottom:0;inset-inline-start:-6px;z-index:1;width:12px;cursor:ew-resize;touch-action:none}.ayah-resize:after{content:"";position:absolute;top:50%;left:4px;width:4px;height:56px;margin-top:-28px;border-radius:999px;background:var(--gold);opacity:.45;transition:opacity .15s}body.resizing-panel .ayah-resize:after{opacity:1}@media(hover:hover){.ayah-resize:hover:after{opacity:1}}}.ayah-panel{padding-bottom:var(--sab)}.ayah-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:center;min-height:calc(72px + var(--sat));padding:calc(12px + var(--sat)) 64px 12px;border-bottom:1px solid var(--ac-line);background:var(--ac-glass);-webkit-backdrop-filter:var(--ac-blur);backdrop-filter:var(--ac-blur)}.ayah-head h2{margin:0;overflow:hidden;color:var(--ix-ink);font-family:var(--font-ui);font-size:20px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.ayah-head .close-btn{position:absolute;top:calc(50% + var(--sat) / 2);inset-inline-start:18px;width:40px;height:40px;min-width:40px;border:0;background:var(--ac-fill);color:var(--ix-ink);translate:0 -50%}.ayah-head .close-btn svg{width:16px;height:16px;stroke-width:2.4}.ayah-tabs{display:flex;gap:4px;min-height:50px;margin:4px 14px 12px;padding:4px;border-radius:16px;background:var(--ac-fill)}.ayah-tabs button{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:6px;min-width:0;padding:8px 6px;border:0;border-radius:12px;background:transparent;color:var(--ix-tab-ink);font-size:15px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}.ayah-tabs button[aria-selected=true]{background:var(--ix-on-bg);color:var(--ix-on-ink);font-weight:700}.tab-count{min-width:20px;padding:0 6px;border-radius:999px;background:var(--quran-gold);color:#fff;font-size:12px;line-height:20px}.tab-count:empty{display:none}.ayah-tools{position:sticky;top:calc(72px + var(--sat));z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;background:var(--ac-glass);-webkit-backdrop-filter:var(--ac-blur);backdrop-filter:var(--ac-blur)}.tools-btn,.ayah-tools .st-step,.copy-btn{border:1px solid var(--ac-line);background:var(--ac-field);color:var(--ix-ink);box-shadow:none}.tools-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer}.tools-btn svg{width:18px;height:18px}.tools-btn .chevron{width:14px;height:14px;transition:transform .2s}.tools-btn[aria-expanded=true]{background:var(--ac-fill-strong)}.tools-btn[aria-expanded=true] .chevron{transform:rotate(180deg)}.size-tools{display:flex;align-items:center;gap:6px}.ayah-tools .st-size-value{color:var(--ix-ink)}.ayah-panel.similar-view :is(.ayah-tools,.ayah-sources,.ayah-tafsir-body,#ayah-copy){display:none}.ayah-sources{display:none}.ayah-sources:not([hidden]){display:flex;position:absolute;inset-inline:12px;z-index:30;max-height:min(55vh,430px);margin:0;padding:8px 10px 0;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--ac-rim);border-radius:16px;background:var(--ac-glass);-webkit-backdrop-filter:var(--ac-blur);backdrop-filter:var(--ac-blur);box-shadow:var(--ix-shadow)}.ayah-sources .st-source{padding:9px 14px;border:0;border-radius:0;background:transparent}.ayah-sources .st-source+.st-source{border-top:1px solid var(--ac-line)}.ayah-panel:not(.translation-view) .ayah-sources .st-source[data-kind=translation],.ayah-panel.translation-view .ayah-sources .st-source[data-kind=tafsir]{display:none}.ayah-panel.translation-view .ayah-sources .st-source[data-kind=tafsir]+.st-source[data-kind=translation]{border-top:0}.ayah-sources .st-source-text small{display:none}.ayah-sources .st-source-text b{font-weight:700;color:var(--ix-ink)}.ayah-sources .st-switch{background:var(--ix-switch-off)}.ayah-sources .st-source input:checked+.st-switch{background:var(--ix-on-bg)}.ayah-sources .st-switch:after{background:#fff}.ayah-body{padding:18px 20px 8px}.ayah-body h3{margin:0 0 10px;font-size:17px;color:var(--ix-meta)}.ayah-tafsir p{margin:0 0 14px;font-size:var(--tafsir-size, var(--tafsir-default));line-height:1.8;color:var(--ix-text)}@media(min-width:641px){.ayah-tafsir p{line-height:1.9}}.tafsir-block p{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}.tafsir-block:lang(ar) p{text-align-last:right}.tafsir-block:not(:lang(ar)) p:dir(ltr){text-align-last:left}.tafsir-block+.tafsir-block{margin-top:10px;padding-top:16px;border-top:1px solid var(--ac-line)}.tafsir-heading{margin:22px 0 8px;font-size:1.05em;font-weight:700;color:var(--ix-ink)}.tafsir-block .tafsir-heading:first-child{margin-top:0}.tafsir-quote,.tafsir-source{color:var(--ix-meta)}.tafsir-source{margin-top:-4px;font-size:13px;font-weight:700}.ayah-tafsir .tafsir-none{font-size:18px;color:var(--ix-placeholder)}.ayah-source{margin:16px 0 8px;font-size:11px;color:var(--ix-placeholder)}.tafsir-block:not(:lang(ar)) p:dir(ltr){font-size:calc(var(--tafsir-size, var(--tafsir-default)) * .7);line-height:1.6}.tafsir-block:not(:lang(ar)) p:dir(rtl){font-size:calc(var(--tafsir-size, var(--tafsir-default)) * .85);line-height:1.9;text-align:justify;text-align-last:right}.tafsir-block:not(:lang(ar)) .tafsir-heading{font-size:calc(var(--tafsir-size, var(--tafsir-default)) * .78);text-align:left}:root[data-theme=dark] .ayah-tafsir p{font-family:var(--font-quran)}:root[data-theme=dark] .tafsir-block:not(:lang(ar)) :is(p:dir(ltr),.tafsir-heading){font-family:Georgia,Times New Roman,serif}.ayah-similar[hidden]{display:none}.sim-note,.sim-none{margin:4px 0 14px;padding:10px 14px;border-radius:12px}.sim-note{background:var(--ac-fill);color:var(--ix-ink);font-weight:700}.sim-none{color:var(--ix-placeholder)}.sim-group+.sim-group{margin-top:18px;padding-top:14px;border-top:1px solid var(--ac-line)}.sim-group h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px;color:var(--ix-meta)}.sim-count,.sim-at{border-radius:999px;background:var(--ac-fill);color:var(--ix-ink)}.sim-count{padding:0 7px;font-size:12px;line-height:20px}.sim-at{padding:1px 8px;font-size:11px;font-weight:700}.sim-list,.sim-places{margin:0;padding:0;list-style:none}.sim-places{display:flex;flex-wrap:wrap;gap:8px}.sim-place{padding:7px 12px;border:1px solid var(--ac-line);border-radius:999px;background:var(--ac-field);color:var(--ix-ink);font-size:13px;cursor:pointer}.sim-place b{font-family:var(--font-quran);font-size:15px}.sim-item{display:flex;flex-direction:column;gap:4px;width:100%;margin-bottom:8px;padding:10px 12px;border:1px solid var(--ac-line);border-radius:16px;background:var(--ac-field);text-align:start;cursor:pointer}@media(hover:hover){.sim-place:hover,.sim-item:hover{background:var(--ac-fill)}}.sim-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:13px}.sim-head b{font-family:var(--font-quran);font-size:17px;color:var(--ix-ink)}:root[dir=ltr] .sim-head b{font-family:var(--font-ui);font-size:15px}.sim-ayah{color:var(--ix-meta)}.sim-page{margin-inline-start:auto;color:var(--ix-page)}.sim-quote{margin:0 0 10px}.sim-text{font-family:"Scheherazade New",var(--font-quran);font-size:calc(var(--tafsir-size, var(--tafsir-default)) * .85);line-height:1.9;color:var(--ix-text);text-align:right}.sim-text mark{padding:0 3px;border-radius:4px;background:#c9a54e61;color:inherit}:root[data-theme=dark] .sim-text mark{background:#c9a54e4d;color:#f3e9cc}.ayah-actions{position:sticky;bottom:0;z-index:4;display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding:12px 14px 16px;border-top:1px solid var(--ac-line);background:var(--ac-glass);-webkit-backdrop-filter:var(--ac-blur);backdrop-filter:var(--ac-blur)}:root[dir=ltr] .ayah-actions{direction:rtl}.nav-btn{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 18px;border:0;border-radius:999px;background:linear-gradient(180deg,#ecd593,#e4c978);color:#0f3d2f;font-weight:500;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:background .2s,transform .1s}@media(hover:hover){.nav-btn:hover{background:#e4c978}}.nav-btn:active{transform:scale(.96)}@media(max-width:640px){.nav-btn{padding:0 12px}}.ayah-actions .nav-btn,.ayah-actions .copy-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer}@media(min-width:641px){.ayah-actions .nav-btn,.ayah-actions .copy-btn{height:42px;font-size:16px}.ayah-actions .copy-btn{padding:0 16px}.ayah-actions .nav-btn{padding:0 18px}}.ayah-actions .nav-btn{border:0;background:var(--ix-on-bg);color:var(--ix-on-ink);box-shadow:none}.ayah-toast{position:absolute;bottom:76px;left:50%;padding:8px 16px;border-radius:999px;background:var(--green-900);color:var(--cream);font-size:14px;transform:translate(-50%)}.ayah-toast[hidden]{display:none}.tajweed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:0;background:#1918136b;opacity:0;transition:opacity .25s}.tajweed[hidden]{display:none}.tajweed.open{opacity:1}@media(min-width:641px){.tajweed{padding:16px}}.tj-sheet{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--ix-bg);color:var(--ix-text);font-family:var(--font-ui);font-size:14px;box-shadow:var(--ix-shadow);transform:translateY(18px) scale(.98);transition:transform .25s ease}.tajweed.open .tj-sheet{transform:none}@media(min-width:641px){.tj-sheet{width:min(1040px,100%);height:min(90vh,100%);border-radius:24px}}.tj-head{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:16px;min-height:calc(72px + var(--sat));padding:calc(14px + var(--sat)) 18px 14px;border-bottom:1px solid var(--ix-divider);background:var(--ix-surface)}.tj-head>div{font-size:13px;line-height:1.7}.tj-head h2{margin:0 0 2px;color:var(--ix-ink);font-family:var(--font-ui);font-size:20px;font-weight:700;line-height:1.3}.tj-head p{margin:0;color:var(--ix-meta);font-size:13px;line-height:1.6}.tj-head .close-btn{width:40px;height:40px;min-width:40px;border:1px solid var(--ix-line);background:var(--ix-soft);color:var(--ix-ink)}.tj-head .close-btn svg{width:16px;height:16px;stroke-width:2.4}@media(min-width:641px){.tj-head{padding:18px 26px}.tj-head>div{font-size:14px}}.tj-nav{display:flex;flex-shrink:0;gap:4px;margin:12px 14px 6px;padding:4px;overflow-x:auto;border:1px solid var(--ix-divider);border-radius:16px;background:var(--ix-soft);scroll-behavior:smooth;scrollbar-width:none}.tj-nav::-webkit-scrollbar{display:none}.tj-nav button{flex:1 0 max-content;min-width:max-content;padding:8px 16px;line-height:1.4;border:0;border-radius:12px;background:transparent;color:var(--ix-tab-ink);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}@media(hover:hover){.tj-nav button:hover:not(.active){background:var(--ix-surface)}}.tj-nav button.active{background:var(--ix-on-bg);color:var(--ix-on-ink);font-weight:700}@media(min-width:641px){.tj-nav{margin:14px 30px 6px}.tj-nav button{padding:8px 20px}}.tj-body{flex:1;padding:6px 14px 24px;overflow-y:auto;scroll-padding-top:12px;font-size:13px;line-height:1.7}.tj-section{padding-top:22px}.tj-section h3{display:flex;align-items:center;gap:14px;margin:0 0 14px;font-size:19px;font-weight:700;color:var(--ix-ink)}.tj-section h3:after{content:"";flex:1;height:1px;background:var(--ix-chosen-line)}.tj-intro{margin:0 0 18px;font-size:14px;line-height:1.75;text-align:justify;text-align-last:start}.tj-note{margin:18px 0 0;padding:14px 18px;border:1px solid var(--ix-divider);border-radius:16px;background:var(--ix-soft);font-size:14px;line-height:1.75;text-align:justify;text-align-last:start}.tj-see-page{margin-top:14px;padding:10px 20px;border:1px solid var(--ix-line);border-radius:999px;background:var(--ix-surface);color:var(--ix-ink);font-size:13px;font-weight:700;cursor:pointer}@media(hover:hover){.tj-see-page:hover{background:var(--ix-soft)}}.tj-legend{display:grid;gap:10px;margin:0;padding:0;list-style:none}.tj-legend li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--tj-color) 8%,var(--ix-surface))}.tj-legend b{flex:1;color:var(--ix-text);text-align:start}.tj-legend span:last-child{color:var(--tj-color);font-weight:700}.tj-sheet .tj-legend span:last-child{font-size:13px}.tj-dot{width:14px;height:14px;flex-shrink:0;border-radius:50%;background:var(--tj-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--tj-color) 22%,transparent)}.tj-section>.tj-legend{grid-template-columns:1fr;margin-bottom:22px;font-size:16px}.tj-sheet .tj-legend li{font-size:14px;line-height:1.75}.tj-steps{counter-reset:step;display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 18px;padding:0;list-style:none}.tj-steps li{counter-increment:step;position:relative;padding-block:14px;padding-inline:58px 16px;border:1px solid var(--ix-line);border-radius:16px;background:var(--ix-surface);font-size:14px;line-height:1.75}.tj-steps li:before{content:counter(step);position:absolute;inset-inline-start:12px;top:12px;display:grid;place-items:center;width:34px;height:34px;background:var(--ix-badge) center / contain no-repeat;color:var(--ix-badge-ink);font-size:13px;font-weight:700}.tj-steps b{display:block;margin-bottom:4px;font-size:14.5px;color:var(--ix-ink)}.tj-steps span{font-size:13px;line-height:1.7;color:var(--ix-text);text-align:justify;text-align-last:start}.tj-rule{margin-bottom:16px;padding:12px;border:1px solid var(--ix-line);border-inline-start:6px solid var(--tj-color);border-radius:16px;background:var(--ix-surface)}.tj-rule header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.tj-rule h4{flex:1;margin:0;font-size:16px;font-weight:700;color:var(--tj-color)}.tj-length{padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--tj-color) 12%,var(--ix-surface));color:var(--tj-color);font-size:13px;font-weight:700;white-space:nowrap}.tj-rule dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 12px}.tj-rule dt{padding-top:2px;font-size:13px;font-weight:700;color:var(--ix-meta)}.tj-rule dd{margin:0;font-size:14px;line-height:1.75;text-align:justify;text-align-last:start}.tj-examples{display:flex;flex-wrap:wrap;gap:10px}.tj-example{padding:6px 14px;border:1px solid var(--ix-divider);border-radius:12px;background:var(--ix-soft);font-family:"KFGQPC Warsh",var(--font-quran);font-size:19px;line-height:2.1;color:var(--ix-text)}body.hafs .tj-example{font-family:var(--font-quran)}.tj-hl{font-size:inherit;color:var(--tj-color)}.tj-features{display:grid;grid-template-columns:1fr;gap:12px}.tj-feature{padding:12px;border:1px solid var(--ix-line);border-radius:16px;background:var(--ix-surface)}.tj-feature h4{margin:0 0 6px;font-family:var(--font-quran);font-size:16px;color:var(--ix-ink)}.tj-feature p{margin:0 0 10px;font-size:14px;line-height:1.75;text-align:justify;text-align-last:start}.tj-feature .tj-example{display:inline-block;font-size:18px}:root[data-theme=dark] :is(.tj-rule h4,.tj-length,.tj-hl,.tajweed .tj-legend span:last-child){color:color-mix(in srgb,var(--tj-color) 62%,white)}@media(min-width:641px){.tj-body{padding:8px 30px 30px;font-size:14px}.tj-sheet :is(.tj-legend li,.tj-steps li,.tj-intro,.tj-note,.tj-feature p){line-height:1.7}.tj-section h3,.tj-rule h4,.tj-feature h4{font-size:17px}.tj-section>.tj-legend,.tj-steps,.tj-features{grid-template-columns:repeat(2,1fr)}.tj-steps b{font-size:17px}.tj-steps span,.tj-length,.tj-sheet .tj-legend span:last-child{font-size:14px}.tj-see-page{font-size:14px}.tj-rule{padding:18px 20px}.tj-rule dt{font-size:15px}.tj-rule dd{font-size:17px;line-height:1.8}.tj-example{padding:4px 18px;font-size:22px}.tj-feature{padding:16px 18px}.tj-feature .tj-example{font-size:22px}}.tj-page{width:100%;height:100%;padding:5cqw;background:#fffadc;filter:var(--page-filter);container-type:size}:root[data-theme=dark] .tj-page{--surface: #fff;--ink: #23302a;--muted: #6d7a72;--accent: #1c5b44;--accent-strong: #134634}.tj-page-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:5cqw 7cqw;border:1.2cqw double var(--gold);outline:.35cqw solid var(--green-700);outline-offset:-2.6cqw;text-align:center}.tj-page-kicker{margin:0;font-size:3.6cqw;font-weight:700;letter-spacing:.2em;color:var(--gold)}.tj-page h2{margin:1cqw 0 0;font-size:9cqw;font-weight:700;color:var(--accent-strong)}.tj-page-sub{margin:0 0 5cqw;font-size:3.6cqw;color:var(--muted)}.tj-legend-page{width:100%;gap:1.6cqw;font-size:3.5cqw}.tj-legend-page li{gap:2.4cqw;padding:1.6cqw 3cqw;border-radius:2cqw}.tj-legend-page .tj-dot{width:3cqw;height:3cqw}.tj-open{margin-top:5cqw;padding:2.6cqw 7cqw;border:0;border-radius:999px;background:var(--green-700);color:var(--cream);font-size:4cqw;font-weight:700;cursor:pointer;box-shadow:0 1cqw 3cqw #0f3d2f40}@media(hover:hover){.tj-open:hover{background:var(--green-800)}}.tj-page-hint{margin:2.5cqw 0 0;font-size:3cqw;color:var(--muted)}.drawer,.ayah-panel,.quran-settings,.tajweed{--ix-bg: #fffefa;--ix-surface: #fff;--ix-soft: #f7f2e7;--ix-ink: #173f32;--ix-on-bg: #173f32;--ix-on-ink: #fff;--ix-text: #26372f;--ix-tab-ink: #70552b;--ix-meta: #a48a50;--ix-page: #70552b;--ix-line: #e8ddc7;--ix-divider: #eeeae2;--ix-chosen-line: #dcc99d;--ix-accent: #173f32;--ix-placeholder: #89877f;--ix-switch-off: #d8d0bd;--ix-focus: rgb(23 63 50 / .12);--ix-shadow: 0 4px 24px rgb(32 28 18 / .12);--ix-badge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon points='20.00 1.40 25.45 6.85 33.15 6.85 33.15 14.55 38.60 20.00 33.15 25.45 33.15 33.15 25.45 33.15 20.00 38.60 14.55 33.15 6.85 33.15 6.85 25.45 1.40 20.00 6.85 14.55 6.85 6.85 14.55 6.85' fill='%23fff' stroke='%23c5a15a' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");--ix-badge-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon points='20.00 1.40 25.45 6.85 33.15 6.85 33.15 14.55 38.60 20.00 33.15 25.45 33.15 33.15 25.45 33.15 20.00 38.60 14.55 33.15 6.85 33.15 6.85 25.45 1.40 20.00 6.85 14.55 6.85 6.85 14.55 6.85' fill='%23173f32' stroke='%23c5a15a' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");--ix-badge-ink: #173f32;--ix-search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23173f32' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M16.5 16.5 21 21'/%3E%3C/svg%3E")}:root[data-theme=dark] :is(.drawer,.ayah-panel,.quran-settings,.tajweed){--ix-bg: #11251d;--ix-surface: #162d24;--ix-soft: #1d3a2e;--ix-ink: #ece3cc;--ix-on-bg: #2f6650;--ix-text: #ddd3bb;--ix-tab-ink: #cdbf9f;--ix-meta: #c2a971;--ix-page: #d9bd84;--ix-line: rgb(255 255 255 / .1);--ix-divider: rgb(255 255 255 / .06);--ix-chosen-line: rgb(197 161 90 / .45);--ix-accent: #c5a15a;--ix-placeholder: #9a9a8e;--ix-switch-off: rgb(255 255 255 / .18);--ix-focus: rgb(197 161 90 / .2);--ix-shadow: 0 4px 24px rgb(0 0 0 / .4);--ix-badge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon points='20.00 1.40 25.45 6.85 33.15 6.85 33.15 14.55 38.60 20.00 33.15 25.45 33.15 33.15 25.45 33.15 20.00 38.60 14.55 33.15 6.85 33.15 6.85 25.45 1.40 20.00 6.85 14.55 6.85 6.85 14.55 6.85' fill='%23162d24' stroke='%23c5a15a' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");--ix-badge-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon points='20.00 1.40 25.45 6.85 33.15 6.85 33.15 14.55 38.60 20.00 33.15 25.45 33.15 33.15 25.45 33.15 20.00 38.60 14.55 33.15 6.85 33.15 6.85 25.45 1.40 20.00 6.85 14.55 6.85 6.85 14.55 6.85' fill='%232f6650' stroke='%23c5a15a' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");--ix-badge-ink: #ece3cc;--ix-search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9cfb6' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M16.5 16.5 21 21'/%3E%3C/svg%3E")}.drawer{position:fixed;top:0;bottom:0;inset-inline-start:0;z-index:11;display:flex;flex-direction:column;width:min(420px,86%);overflow:hidden;border-inline-end:1px solid var(--ac-rim);border-start-end-radius:28px;border-end-end-radius:28px;background:var(--ac-glass);-webkit-backdrop-filter:var(--ac-blur);backdrop-filter:var(--ac-blur);color:var(--ix-text);font-family:var(--font-ui);transform:translate(100%);transition:transform .28s ease,box-shadow .28s ease}.drawer.open{transform:none;box-shadow:var(--ix-shadow)}:root[dir=ltr] .drawer{transform:translate(-100%)}:root[dir=ltr] .drawer.open{transform:none}.drawer-head{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:calc(72px + var(--sat));padding:calc(12px + var(--sat)) 64px 12px;border-bottom:1px solid var(--ac-line)}.drawer-head h2{margin:0;color:var(--ix-ink);font-family:var(--font-ui);font-size:22px;font-weight:700;letter-spacing:0}.drawer-head .close-btn{position:absolute;top:calc(50% + var(--sat) / 2);inset-inline-end:18px;width:40px;height:40px;min-width:40px;border:0;background:var(--ac-fill);color:var(--ix-ink);translate:0 -50%}.drawer-head .close-btn svg{width:16px;height:16px;stroke-width:2.4}.tabs{display:flex;flex-shrink:0;gap:4px;min-height:50px;margin:4px 14px 12px;padding:4px;overflow-x:auto;border-radius:16px;background:var(--ac-fill);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:1 0 auto;min-width:0;padding:8px 6px;border:0;border-radius:12px;background:transparent;color:var(--ix-tab-ink);font-size:15px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}.tabs button[aria-selected=true]{background:var(--ix-on-bg);color:var(--ix-on-ink);font-weight:700}.filter{flex-shrink:0;min-height:52px;margin:0 14px 12px;padding:0 16px;padding-inline-end:46px;border:1px solid var(--ac-line);border-radius:16px;background:var(--ac-field) var(--ix-search-icon) left 16px center / 20px no-repeat;color:var(--ix-text);outline:none;font-size:16px}:root[dir=ltr] .filter{background-position:right 16px center}.filter::placeholder{color:var(--ix-placeholder)}.filter::-webkit-search-cancel-button{display:none}.filter:focus{border-color:var(--ix-ink);box-shadow:0 0 0 3px var(--ix-focus)}.filter[hidden]{display:none}:root[dir=rtl] .filter{direction:rtl;text-align:right}.list{flex:1;margin:0 14px calc(16px + var(--sab));padding:3px;overflow-y:auto;overscroll-behavior:contain;list-style:none}.list>li+li{border-top:1px solid var(--ac-line)}.list button{display:flex;align-items:center;gap:10px;width:100%;min-height:60px;padding:10px;border:1px solid transparent;border-radius:16px;background:transparent;text-align:start;cursor:pointer;transition:background .15s}@media(hover:hover){.list button:hover{background:var(--ac-fill)}}.list button.current{background:var(--ac-fill-strong);box-shadow:inset -3px 0 0 var(--ix-accent)}:root[dir=ltr] .list button.current{box-shadow:inset 3px 0 0 var(--ix-accent)}.num{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;background:var(--ix-badge) center / contain no-repeat;color:var(--ix-badge-ink);font-size:13px;font-weight:700}.current .num{background-image:var(--ix-badge-on);color:#fff}.item-main{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;flex:1;min-width:0}.item-title,.item-en,.item-sub:not(.hl-text,.note-snippet){min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.item-title{grid-column:1 / -1;color:var(--ix-ink);font-size:17px;font-weight:700;line-height:1.35}.item-en{grid-row:2;grid-column:2;color:var(--ix-meta);font-size:13px;text-align:end}.item-sub{grid-row:2;grid-column:1;color:var(--ix-meta);font-size:13px}.item-page{color:var(--ix-page);font-size:14px;font-weight:500;white-space:nowrap}.hl-text{color:var(--ix-text)}:root[dir=rtl] #list button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:10px;row-gap:1px}:root[dir=rtl] #list .num{grid-row:1 / span 2}:root[dir=rtl] #list .item-main{display:contents}:root[dir=rtl] #list .item-title{grid-column:2;grid-row:1}:root[dir=rtl] #list .item-en{grid-column:2;grid-row:2;text-align:start}:root[dir=rtl] #list .item-page{grid-column:3;grid-row:1;justify-self:end}:root[dir=rtl] #list .item-sub{grid-column:3;grid-row:2;justify-self:end}:root[dir=ltr] .item-main{grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:baseline}:root[dir=ltr] .item-title{grid-column:1;grid-row:1}:root[dir=ltr] .item-en{grid-column:2;grid-row:1}:root[dir=ltr] .item-sub{grid-column:1 / -1;grid-row:2}.bm-item{display:flex;align-items:center;gap:4px}.bm-item>button[data-page]{flex:1}.bm-swatch{flex-shrink:0;width:16px;height:40px;margin:0 11px;background:linear-gradient(90deg,color-mix(in srgb,var(--bm-color) 65%,black),var(--bm-color) 30%,color-mix(in srgb,var(--bm-color) 55%,white) 50%,var(--bm-color) 70%,color-mix(in srgb,var(--bm-color) 65%,black));clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.hl-swatch{flex-shrink:0;width:26px;height:26px;border:1px solid var(--ac-line);border-radius:8px;background:var(--hl)}.list .bm-remove{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:50%;color:var(--ix-meta)}@media(hover:hover){.list .bm-remove:hover{background:#f6e3e3;color:#a3243b}}@media(hover:hover){:root[data-theme=dark] .list .bm-remove:hover{background:#3a2226;color:#f08a9b}}.recent-divider{display:flex;align-items:center;gap:10px;margin:14px 8px 6px;color:var(--ix-meta);font-size:13px;font-weight:700}.recent-divider:before,.recent-divider:after{content:"";flex:1;border-top:1px dashed var(--ac-line)}.list>.recent-divider,.list>.recent-divider+li{border-top:0}.recent-icon{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;color:var(--ix-meta)}.recent-icon svg{width:22px;height:22px}.bm-empty{line-height:1.9}.bm-empty-icon{display:block;width:22px;height:52px;margin:0 auto 14px;background:linear-gradient(90deg,#5c4f2c,#c19a3e 30%,#e8d6a3,#c19a3e 70%,#5c4f2c);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);opacity:.7}.home{--hm-text: #052a20;--hm-text-shadow: 0 1px 0 rgb(255 255 255 / .6);--hm-salam: #052a20;--hm-name: #8a6a22;--hm-name-en: #6a4a0c;--hm-hadith: #052a20;--hm-hadith-en: #052a20;--hm-count: var(--hm-feat-gold);--hm-feat-edge: #d4af55;--hm-feat-shadow: 0 10px 24px rgb(8 50 38 / .35), inset 0 0 0 1px rgb(255 232 160 / .25);--hm-feat-text: #f7efd6;--hm-feat-head: #f6f1e0;--hm-feat-gold: #f3d77e;--hm-wird-gold: #f0d27a;--hm-wird-sub: #f4ecd2;--hm-feat-text-shadow: 0 1px 3px rgb(0 0 0 / .55);--hm-ring-track: rgb(122 92 26 / .2);--hm-ring-fill: #9a7620;--hm-ring-glow: none;--hm-ringd: 62px}:root[data-theme=dark] .home{--hm-text: #ffe9a8;--hm-text-shadow: 0 1px 2px rgb(0 0 0 / .45);--hm-salam: #f3e9d2;--hm-name: #e2b44c;--hm-name-en: #e2b44c;--hm-hadith: #ffe9a8;--hm-hadith-en: #fff0c4;--hm-count: var(--hm-hadith);--hm-feat-shadow: 0 10px 24px rgb(0 0 0 / .5);--hm-wird-gold: #e8c566;--hm-wird-sub: #f1e8cc;--hm-feat-text-shadow: 0 1px 3px rgb(0 0 0 / .6);--hm-ring-track: rgb(246 240 225 / .18);--hm-ring-fill: var(--gold-strong);--hm-ring-glow: drop-shadow(0 0 3px rgb(228 201 120 / .6))}.home{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;-webkit-text-size-adjust:100%;text-size-adjust:100%;display:flex;justify-content:center;overflow-y:auto;padding:28px 18px 92px;color:var(--cream);background-image:radial-gradient(70% 32% at 50% 0%,rgb(255 255 255 / .5),transparent 70%),linear-gradient(180deg,var(--page-beige) 0%,#f0e3cb 45%,#f6ebd8 100%);opacity:0;transition:opacity .25s ease}:root[data-theme=dark] .home{background-image:linear-gradient(180deg,#222523,#1b1e1c 45%,#1b1e1c)}.home[hidden]{display:none}.home.open{opacity:1}.home:before{content:"";position:absolute;top:0;left:0;right:0;height:400px;z-index:0;pointer-events:none;background:linear-gradient(to bottom,#c7d7bb 0,#c7d7bbd9 14%,#c7d7bb8c 38%,#c7d7bb40 64%,#c7d7bb14 84%,#c7d7bb00) 0 0 / 100% 24px no-repeat,url(/images/za-lantern.svg) left max(4px,calc(50% - 410px)) top 0 / clamp(38px,5.5vw,70px) auto no-repeat,url(/images/za-lantern.svg) right max(4px,calc(50% - 410px)) top 0 / clamp(38px,5.5vw,70px) auto no-repeat,url(/images/za-arch-light.svg) center top / min(620px,calc(100% - 8px)) 300px no-repeat,linear-gradient(115deg,transparent 50%,rgb(255 255 255 / .3) 68%,transparent 86%) 0 0 / 100% 400px no-repeat,url(/images/za-tile-light.svg) center top / 480px 400px repeat-x}:root[data-theme=dark] .home:before{background:url(/images/za-arch-dark.svg) center top / min(620px,calc(100% - 8px)) 300px no-repeat,linear-gradient(115deg,transparent 50%,rgb(255 255 255 / .07) 68%,transparent 86%) 0 0 / 100% 400px no-repeat,url(/images/za-tile-dark.svg) center top / 480px 400px repeat-x;opacity:.3;-webkit-mask-image:radial-gradient(ellipse 70% 100% at 50% 0%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 70% 100% at 50% 0%,#000 45%,transparent 100%)}.home-lantern{display:none}:root[data-theme=dark] .home-lantern{position:absolute;top:0;z-index:1;display:block;width:clamp(42px,5.5vw,70px);aspect-ratio:80 / 150;transform-origin:50% 0;pointer-events:none;animation:lantern-sway 7.5s ease-in-out infinite}:root[data-theme=dark] .home-lantern-left{left:max(4px,calc(50% - 410px));animation-delay:-1.8s}:root[data-theme=dark] .home-lantern-right{right:max(4px,calc(50% - 410px));animation-delay:-5.2s}.home-lantern img{position:relative;z-index:1;display:block;width:100%;height:100%;filter:brightness(1.12) drop-shadow(0 0 7px rgb(255 194 82 / .22));animation:candle-flicker 3.4s ease-in-out infinite alternate}.home-lantern i{position:absolute;top:34%;left:50%;width:115%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(255 190 77 / .34) 0%,rgb(255 172 61 / .12) 38%,transparent 72%);filter:blur(7px);transform:translate(-50%,-10%);animation:candle-glow 2.8s ease-in-out infinite alternate}@keyframes lantern-sway{0%,to{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}@keyframes candle-flicker{0%,to{filter:brightness(1.08) drop-shadow(0 0 6px rgb(255 194 82 / .2))}38%{filter:brightness(1.18) drop-shadow(0 0 10px rgb(255 194 82 / .32))}72%{filter:brightness(1.1) drop-shadow(0 0 7px rgb(255 194 82 / .23))}}@keyframes candle-glow{0%{opacity:.68;transform:translate(-50%,-10%) scale(.92)}to{opacity:1;transform:translate(-50%,-10%) scale(1.08)}}@media(prefers-reduced-motion:reduce){:root[data-theme=dark] .home-lantern,.home-lantern img,.home-lantern i{animation:none}}:root[data-theme=dark] .home:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url(/images/za-card-dark.svg) 0 0 / 64px 64px repeat;opacity:.2;-webkit-mask-image:linear-gradient(to bottom,transparent 30%,#000 70%);mask-image:linear-gradient(to bottom,transparent 30%,#000 70%)}:root:not([data-theme=dark]) .home:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url(/images/za-card-light.svg) 0 0 / 64px 64px repeat;opacity:.9;-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 330px,#000 470px);mask-image:linear-gradient(180deg,transparent 0,transparent 330px,#000 470px)}.home-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:26px;width:min(560px,100%);margin:auto 0;color:var(--hm-text);font-weight:600;text-shadow:var(--hm-text-shadow)}.home-head{padding-top:44px;text-align:center}.home-title{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.home-greet{display:flex;flex-direction:column;align-items:center;margin:0}#home-salam{color:var(--hm-salam);font-size:19px;font-weight:600;line-height:1.5}.home-greet.no-name #home-salam{font-size:42px;line-height:1.3}#home-greet,#home-salam,#home-name,#home-hadith{text-shadow:none}#home-name{max-width:100%;margin-top:.1rem;overflow:hidden;color:var(--hm-name);font-size:clamp(19px,3vw,32px);font-weight:600;letter-spacing:.01em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.home-hadith{max-width:560px;margin:8px auto 0;color:var(--hm-hadith);font-size:15px;font-weight:600;line-height:1.9;text-wrap:balance}:root[dir=ltr] .home-greet,:root[dir=ltr] #home-salam,:root[dir=ltr] .home-hadith{letter-spacing:.005em}:root[dir=ltr] #home-name{color:var(--hm-name-en);letter-spacing:.005em}:root[dir=ltr] .home-hadith{color:var(--hm-hadith-en);font-weight:500}@media(min-width:641px){:root[dir=ltr] .home-hadith{font-size:14px;line-height:1.6}}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:root[dir=rtl] .home-grid>*{direction:rtl}.home-feature{position:relative;display:flex;flex-direction:column;grid-row:1;overflow:hidden;padding:12px 14px;border:1.5px solid var(--hm-feat-edge);border-radius:18px;background-color:#0b3b2e;background-image:var(--hm-feat-art),linear-gradient(#0f3d2f,#0f3d2f);background-position:50% 100%,0 0;background-size:100%,auto;background-repeat:no-repeat,repeat;box-shadow:var(--hm-feat-shadow);color:#f4ead2;cursor:pointer;text-shadow:var(--hm-feat-text-shadow);transition:transform .15s ease,box-shadow .15s ease}.home-feature:focus-visible{outline:none;transform:translateY(-2px);box-shadow:var(--hm-feat-shadow)}@media(hover:hover){.home-feature:hover{outline:none;transform:translateY(-2px);box-shadow:var(--hm-feat-shadow)}}.home-feature:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.home-feature:active{transform:none}.home-wird{--hm-feat-art: url(/images/za-quran-v2.svg);grid-column:2;align-items:flex-start;justify-content:flex-start;gap:3px}.home-prayer{--hm-feat-art: url(/images/za-mosque-v2.svg);grid-column:1;align-items:center;justify-content:flex-start;gap:6px;text-align:center}:root[dir=ltr] .home-wird{grid-column:1}:root[dir=ltr] .home-prayer{grid-column:2}:root[data-theme=dark] .home-feature{isolation:isolate;background-color:var(--green-100);background-image:linear-gradient(var(--green-100),var(--green-100));background-position:0 0;background-size:auto;background-repeat:no-repeat;border-color:#c49a456b}:root[data-theme=dark] .home-feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--hm-feat-art) 50% 100% / 100% no-repeat;filter:saturate(.7) brightness(.85);opacity:.95}.home-feature-head{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;line-height:1.3;color:var(--hm-feat-head);font-weight:700}.home-feature small{color:var(--hm-feat-head);font-size:.82rem;font-weight:600;letter-spacing:.04em}.home-feature-sub{margin-top:12px;font-weight:400;color:var(--hm-wird-sub);font-size:.88rem;line-height:1.15}#home-wird-main{color:var(--hm-wird-gold);font-size:1.2rem;font-weight:600;line-height:1.15}.home-wird-stairs{display:none}.home-prayer-row{position:relative;display:flex;flex-direction:column;align-items:center;flex:1 1 auto;justify-content:flex-start;width:100%;min-height:0;margin-top:0;color:var(--hm-feat-text);font-weight:700}.home-ring{display:none;position:relative;flex-shrink:0;width:var(--hm-ringd);height:var(--hm-ringd);margin:0;translate:0 -8px}.home-ring[hidden]{display:none}.home-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.home-ring-track{stroke:var(--hm-ring-track);stroke-width:2.5}.home-ring-fill{stroke:var(--hm-ring-fill);stroke-width:2.5;stroke-linecap:round;filter:var(--hm-ring-glow);transition:stroke-dashoffset .9s linear}.home-prayer-text{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:10px;width:100%;margin-block:auto;pointer-events:none;text-align:center}#home-prayer-main,.home-prayer-time{color:var(--hm-feat-gold);font-family:var(--font-latin);font-weight:800}#home-prayer-main{font-size:20px;line-height:1.15}.home-prayer-time{font-size:28px;font-variant-numeric:lining-nums;line-height:1.05}#home-countdown{min-height:0;margin-top:0;color:var(--hm-count);font-size:14px;font-variant-numeric:lining-nums;font-weight:800;line-height:1.3;text-align:center}#home-countdown:empty{display:none}@media(min-width:700px){.home-grid .home-feature{height:calc(var(--feat-h, 160px) + 14px);min-height:0}.home-grid:not([style*=--feat-h]) .home-feature{visibility:hidden;animation:featReveal 0s .6s forwards}}@keyframes featReveal{to{visibility:visible}}@media(max-width:640px){.home-inner{gap:18px;padding-bottom:96px}.home-head{margin-bottom:8px}.home-grid{gap:8px}.home-feature{min-height:132px;padding:10px 12px}#home-salam,.home-greet.no-name #home-salam,#home-name{font-size:17px;line-height:1.5}.home-hadith{margin-top:.35rem;padding-inline:1rem;font-size:14.5px;line-height:1.85}:root[dir=ltr] .home-hadith{font-size:12.5px;line-height:1.7}}@media(max-width:600px){.home,.home-grid{padding-bottom:120px}.home-greet,#home-salam,#home-name{text-wrap-style:balance}.home-greet{padding-inline:2.25rem;font-size:1rem;line-height:1.75}.home-feature-head{font-size:.9rem;line-height:1.4}.home-feature small{line-height:1.4}.home-feature-sub{font-size:.78rem}#home-wird-main{font-size:1rem}}.home-card:not(.home-feature){--hc-bg: #fffdf5;--hc-line: #b98f33;--hc-edge: #cfa84a;--hc-name: #031f17;--hc-gold: #b8913a;--hc-shadow: 0 6px 16px rgb(120 90 20 / .18);--hc-tile: url(/images/za-card-light.svg)}:root[data-theme=dark] .home-card:not(.home-feature){--hc-bg: #343a35;--hc-line: #d4af55;--hc-edge: #7a6638;--hc-name: #f3ead2;--hc-gold: #e4c978;--hc-shadow: 0 6px 16px rgb(0 0 0 / .32);--hc-tile: linear-gradient(rgb(52 58 53 / .65), rgb(52 58 53 / .65)), url(/images/za-card-dark.svg)}.home-panel{--hp-ink: var(--bar-dock-ink);--hp-icon: var(--bar-dock-ink)}:where(.home-card){width:100%;text-align:start;cursor:pointer}.home-card:not(.home-feature){position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 12px;min-height:112px;padding:12px 12px 12px 10px;border:1.5px solid var(--hc-edge);border-radius:18px;background:var(--hc-tile) 0 0 / 48px 48px,var(--hc-bg);box-shadow:var(--hc-shadow);color:var(--hc-name);transition:transform .18s ease,box-shadow .18s ease}:root[dir=rtl] .home-card:not(.home-feature){padding:12px 10px 12px 12px}@media(hover:hover){.home-card:not(.home-feature):hover{outline:none}}.home-card:not(.home-feature):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.home-card:not(.home-feature):active{transform:none}#home-read{grid-column:2;grid-row:2;--g: url(/images/patterns/icon-read.svg)}#home-memorize{grid-column:1;grid-row:2;--g: url(/images/patterns/icon-memorize.svg);--g-size: 28px}#home-test{grid-column:2;grid-row:3;--g: url(/images/patterns/icon-test.svg);--g-size: 28px}#home-majalis{grid-column:1;grid-row:3;--g: url(/images/patterns/icon-majalis.svg)}#home-adhkar{grid-column:2;grid-row:4;--g: url(/images/patterns/icon-adhkar.svg)}#home-ahadith{grid-column:1;grid-row:4;--g: url(/images/patterns/icon-ahadith.svg);--g-size: 28px}:root[dir=ltr] #home-read{grid-column:1}:root[dir=ltr] #home-memorize{grid-column:2}:root[dir=ltr] #home-test{grid-column:1}:root[dir=ltr] #home-majalis{grid-column:2}:root[dir=ltr] #home-adhkar{grid-column:1}:root[dir=ltr] #home-ahadith{grid-column:2}.home-card-art{--star: url(/images/patterns/card-star.svg);grid-row:1 / 4;display:grid;width:58px;height:58px;background:var(--g) 50% 50% / var(--g-size, 26px) var(--g-size, 26px) no-repeat,var(--star) 50% 50% / 100% 100% no-repeat}:root[data-theme=dark] .home-card-art{background:#e4c978;-webkit-mask:var(--g) 50% 50% / var(--g-size, 26px) var(--g-size, 26px) no-repeat,var(--star) 50% 50% / 100% 100% no-repeat;mask:var(--g) 50% 50% / var(--g-size, 26px) var(--g-size, 26px) no-repeat,var(--star) 50% 50% / 100% 100% no-repeat}.home-card.soon .home-card-art,.home-card.soon .home-card-text b{opacity:.6}.home-card-text{flex:1;grid-row:1 / 4;align-self:center;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.home-card-text b{font-size:17px;font-weight:800;line-height:1.25;letter-spacing:0;color:var(--hc-name)}:root[dir=ltr] .home-card-text b{font-size:16px;font-weight:700}.home-orn,.home-card-sub,.home-arrow{display:none}.home-soon{position:absolute;top:8px;inset-inline-end:8px;padding:1px 7px;border:1px solid var(--hc-line);border-radius:999px;color:var(--hc-gold);font-size:10px;font-weight:600}@media(min-width:601px){.home-card:not(.home-feature):focus-visible{transform:translateY(-2px)}@media(hover:hover){.home-card:not(.home-feature):hover{transform:translateY(-2px)}}}@media(max-width:640px){.home-card:not(.home-feature){display:flex;align-items:center;gap:10px;min-height:104px;padding:12px}:root[dir=rtl] .home-card:not(.home-feature){padding:12px}.home-card-art{width:46px;height:46px;background-size:21px 21px,100% 100%}.home-card-text{flex:1 1 auto;align-self:center}.home-card-text b{font-size:16px}:root[dir=rtl] .home-card-text b{white-space:nowrap}:root[dir=ltr] .home-card-text b{font-size:15px}.home-soon{line-height:1.4}}.home-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;text-shadow:none}.home-install{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:1px solid var(--btn-line);border-radius:999px;background:var(--gold);color:#0f3d2f;font-weight:700;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.home-install:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.home-install svg{width:20px;height:20px}.home-install span{color:#0f3d2f;font-weight:600}.home-ios{flex-basis:100%;margin:0;color:var(--hm-text);font-size:13px;line-height:1.7;text-align:center}.home-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);margin:0;padding:10px 18px;border-radius:999px;background:#fffbdd;box-shadow:0 8px 20px #0000004d;color:#0f3d2f}.home-install[hidden],.home-ios[hidden],.home-toast[hidden],.home-profile[hidden]{display:none}@media(max-width:600px){.home-ios,.home-toast{font-size:clamp(.9rem,3.9vw,1.05rem);line-height:1.75}}.home-panel{position:fixed;left:50%;bottom:calc(12px + var(--sab));z-index:2;transform:translate(-50%);direction:ltr}.home-panel-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:48px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--hp-ink);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.home-panel-btn:active,.home-panel-btn:focus-visible{background:var(--highlight);outline:none}@media(hover:hover){.home-panel-btn:hover{background:var(--highlight);outline:none}}.home-panel-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.home-panel-btn>svg:not(.avatar){width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#home-calendar{--pi: url(/images/patterns/icon-calendar.svg)}#home-qibla{--pi: url(/images/patterns/icon-qibla.svg)}#home-profile{--pi: url(/images/glyphs/person.svg)}#home-calendar:before,#home-qibla:before,#home-profile:before{content:"";display:block;width:26px;height:26px;margin:0 auto 2px;background:var(--hp-icon);-webkit-mask:var(--pi) center / contain no-repeat;mask:var(--pi) center / contain no-repeat}.home-panel-thumb,#home-profile>svg,#home-profile>img,#home-profile>i{display:none}#home-settings{order:1}#home-qibla{order:2}#home-calendar{order:3}#home-profile{order:4}:root[dir=ltr] #home-profile{order:1}:root[dir=ltr] #home-calendar{order:2}:root[dir=ltr] #home-qibla{order:3}:root[dir=ltr] #home-settings{order:4}@media(max-width:600px){.home-panel-btn{font-size:.72rem}}.avatar{display:block;width:100%;height:100%}.topbar{--tb-btn-bg: var(--glass-bg);--tb-btn-ink: var(--bar-top-ink);--tb-loc-name: var(--bar-top-ink);--tb-loc-dot: inherit;--tb-loc-extra: var(--quran-brown);position:relative;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:calc(var(--topbar-h) + var(--sat));padding:var(--sat) 20px 0;background:var(--bar-top-bg);color:var(--cream);font-family:var(--font-ui)}body.immersive .topbar,#open-search{display:none}.top-start{justify-self:start;display:flex;align-items:center;gap:10px}.topbar .icon-btn,.topbar .index-btn{border:1px solid var(--glass-rim);background:var(--tb-btn-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);color:var(--tb-btn-ink);cursor:pointer}.topbar .icon-btn:focus-visible,.topbar .index-btn:focus-visible,.topbar .location:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.topbar .icon-btn{width:44px;height:44px;border-radius:50%}.topbar .index-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;color:var(--tb-btn-ink);font-weight:500}.topbar .index-btn svg{width:20px;height:20px;stroke:var(--tb-btn-ink);color:var(--tb-btn-ink)}.topbar .icon-btn svg{stroke:var(--tb-btn-ink);color:var(--tb-btn-ink)}.topbar .location{justify-self:center;display:flex;flex-direction:column;align-items:center;padding:2px 8px;border:0;border-radius:12px;background:none;color:var(--tb-btn-ink);font-size:13px;font-weight:400;line-height:1.15;white-space:nowrap;cursor:pointer}.topbar .location b{color:var(--tb-loc-name);font-weight:700;font-size:15px;line-height:1.3}.topbar .location .loc-extra{color:var(--tb-loc-extra);font-size:11px;line-height:1.15;opacity:.75}.topbar .location .dot{margin:0 6px;color:var(--tb-loc-dot)}.brand{justify-self:end;text-align:end;line-height:1.1;cursor:pointer;text-shadow:0 0 10px rgb(212 184 120 / .55),0 0 22px rgb(196 154 69 / .3)}.brand h1{position:relative;display:inline-block;margin:-.22em -.4em -.32em;padding:.22em .4em .32em;zoom:1.45;font-family:Aref Ruqaa,Amiri,serif;font-size:26px;font-weight:800;line-height:1.5;letter-spacing:0;text-shadow:none;-webkit-text-fill-color:var(--quran-green);color:var(--quran-green)}:root[data-theme=dark] .brand h1{background:none;-webkit-text-fill-color:#e4c978;color:#e4c978;filter:brightness(.78) saturate(1.1)}.brand p{margin:2px 0 0;color:var(--gold-strong);-webkit-text-fill-color:var(--gold-strong);font-size:12px;font-weight:500;letter-spacing:.02em}:root[dir=ltr] .brand h1{font-size:.82em}:root[dir=ltr] .brand p{font-size:.88em}@media(max-width:640px){.topbar{grid-template-columns:auto 1fr;gap:10px;padding:var(--sat) 12px 0}.top-start{gap:6px}.topbar .index-btn{width:44px;height:44px;padding:8px 11px}.topbar .index-btn span{display:none}.topbar .location{justify-self:end;font-size:12px}.topbar .location .loc-extra{font-size:10.5px}.brand{display:none}}.theme-btn .icon-sun,:root[data-theme=dark] .theme-btn .icon-moon{display:none}:root[data-theme=dark] .theme-btn .icon-sun{display:block}.pager{--pg-ink: var(--bar-dock-ink);--pg-hover: rgb(68 55 43 / .06);position:relative;gap:0;margin:0 auto calc(12px + var(--sab));font-family:var(--font-ui)}:root[data-theme=dark] .pager{--pg-hover: var(--highlight)}:root[dir=ltr] .pager{direction:rtl}body.immersive .pager{display:none}@media(min-width:641px){body.ayah-open .pager{transform:translate(calc(var(--panel-w) / 2))}:root[dir=ltr] body.ayah-open .pager{transform:translate(calc(var(--panel-w) / -2))}}.pager #prev,.pager #next,.pager .page-field{display:none}.pager .nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:auto;height:48px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--pg-ink);font-family:inherit;font-weight:500;cursor:pointer;transition:background .2s}.pager .nav-btn:active{background:var(--pg-hover);transform:none}@media(hover:hover){.pager .nav-btn:hover{background:var(--pg-hover);transform:none}}.pager .nav-btn svg{width:23px;height:23px}.pager .dock-label{display:block;font-size:11px;font-weight:700}@media(max-width:640px){.pager{gap:2px}.pager .nav-btn{min-width:0}.pager .dock-btn{padding:5px 0;font-size:.68rem}.pager .dock-btn svg{width:20px;height:20px}.pager .dock-label{line-height:1.15;white-space:nowrap}}.stage{height:calc(100% - var(--sat) - var(--topbar-h) - var(--pager-h));display:flex;align-items:center;justify-content:center;padding:14px}@media(max-width:640px){.stage{padding:12px 6px 6px}}@media(min-width:641px){body.ayah-open .stage{padding-inline-end:calc(var(--panel-w) + 14px)}}body.resizing-panel .stage{transition:none}.book-frame{width:min(100%,calc(((100vh - var(--sat)) - var(--topbar-h) - var(--pager-h) - 28px) * 1400 / 2000 * 2));box-shadow:var(--rd-frame-shadow);isolation:isolate}#book{transform:scaleX(-1)}.page{background:var(--rd-page)}.page-in{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(-1)}.page img{filter:var(--page-filter);width:100%;height:100%;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#book.turn-next,#book.turn-next *{cursor:w-resize}#book.turn-prev,#book.turn-prev *{cursor:e-resize}.ayah-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ayah{cursor:pointer}.legend-hit{fill:transparent;cursor:pointer;transition:fill .15s}@media(hover:hover){.legend-hit:hover{fill:#c9a54e24}}.ayah rect{fill:transparent;transition:fill .15s}.ayah.hover rect{fill:var(--rd-ayah-hover)}:root[data-theme=dark] .ayah.hover rect{fill:var(--rd-ayah-hover)}.ayah.selected rect{fill:#c49a454d}.ayah.hl rect{fill:var(--hl)}.ayah.menu-on rect{fill:#c49a454d}#book.turn-next .ayah.hover rect,#book.turn-prev .ayah.hover rect{fill:transparent}.ayah.flash rect{animation:ayah-flash 3s ease-out}@keyframes ayah-flash{0%,30%{fill:#c9a54e80}to{fill:transparent}}body.zoom-trim .page.zoomable{overflow:hidden}body.zoom-trim .page.zoomable>.page-in>img,body.zoom-trim .page.zoomable>.page-in>.ayah-layer{position:absolute;inset:auto;top:0;width:105.26%;height:100%;object-fit:fill}body.zoom-trim .page.right-page>.page-in>img,body.zoom-trim .page.right-page>.page-in>.ayah-layer{left:0}body.zoom-trim .page.left-page>.page-in>img,body.zoom-trim .page.left-page>.page-in>.ayah-layer{left:-5.26%}body.zoom-pages .page.zoomable{overflow:hidden}body.zoom-pages .page.zoomable>.page-in>img,body.zoom-pages .page.zoomable>.page-in>.ayah-layer{position:absolute;inset:auto;width:132.45%;height:112.99%;top:-6.78%;object-fit:fill}body.zoom-pages .page.right-page>.page-in>img,body.zoom-pages .page.right-page>.page-in>.ayah-layer{left:-2.65%}body.zoom-pages .page.left-page>.page-in>img,body.zoom-pages .page.left-page>.page-in>.ayah-layer{left:-29.67%}body.hafs.zoom-pages .page.zoomable>.page-in>img,body.hafs.zoom-pages .page.zoomable>.page-in>.ayah-layer{width:127.31%;height:111.61%;top:-5.58%}body.hafs.zoom-pages .page.right-page>.page-in>img,body.hafs.zoom-pages .page.right-page>.page-in>.ayah-layer{left:-1.83%}body.hafs.zoom-pages .page.left-page>.page-in>img,body.hafs.zoom-pages .page.left-page>.page-in>.ayah-layer{left:-25.39%}body.zoom-spread .page.fills-spread{overflow:hidden}body.zoom-spread .page.fills-spread>.page-in>img,body.zoom-spread .page.fills-spread>.page-in>.ayah-layer{position:absolute;inset:auto;left:0;width:100%;height:113.77%;top:-6.37%;object-fit:fill}body.hafs.zoom-spread .page.fills-spread>.page-in>img,body.hafs.zoom-spread .page.fills-spread>.page-in>.ayah-layer{height:111.61%;top:-5.58%}body.immersive{--topbar-h: 0px;--pager-h: 0px}body.immersive .stage{margin-top:var(--sat);padding:8px;background:var(--rd-stage)}@media(max-width:640px){body.immersive .stage{padding-top:12px}}body.immersive .book-frame{width:min(100%,calc(((100vh - var(--sat)) - 16px) * 1400 / 2000 * 2));box-shadow:none}@media(min-width:641px){body.immersive.zoom-pages .book-frame{width:min(100%,calc(((100vh - var(--sat)) - 16px) * 1400 / 2344))}}body.immersive.zoom-spread .book-frame{width:min(100%,calc(((100vh - var(--sat)) - 16px) * 1400 / 1758 * 2))}body.zoom-pages .book-frame{box-shadow:none}.immersive-btn{display:none}.immersive-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}body.immersive .immersive-btn{position:fixed;top:calc(14px + var(--sat));z-index:6;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--glass-rim);border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);color:var(--bar-top-ink);cursor:pointer;transition:opacity .6s ease}body.immersive .immersive-btn svg{width:22px;height:22px}body.immersive .immersive-menu{inset-inline-start:14px}body.immersive .immersive-search{inset-inline-start:66px}body.immersive .immersive-exit{inset-inline-end:14px}body.immersive .immersive-theme{inset-inline-end:66px}body.immersive .immersive-settings{display:none}body.immersive.zoom-spread .immersive-btn{z-index:8}body.immersive.imm-idle .immersive-btn{opacity:0;pointer-events:none}.ayah-menu{position:fixed;z-index:18;min-width:230px;padding:8px;border:1px solid var(--ac-rim);border-radius:16px;background:var(--ac-glass);-webkit-backdrop-filter:var(--ac-blur);backdrop-filter:var(--ac-blur);box-shadow:var(--ac-shadow)}.ayah-menu[hidden]{display:none}.ayah-menu-title{margin:2px 8px 6px;padding-bottom:6px;border-bottom:1px solid var(--ac-line);font-family:var(--font-quran);font-size:15px;font-weight:700;color:var(--gold-strong)}.ayah-menu-item,.ayah-menu-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--heading);font-size:15px;font-weight:700;text-align:start;cursor:pointer}.ayah-menu-row{cursor:default}.ayah-menu-item:active{background:var(--ac-fill)}@media(hover:hover){.ayah-menu-item:hover{background:var(--ac-fill)}}.ayah-menu-item[hidden]{display:none}.ayah-menu-item svg,.ayah-menu-row>svg{width:20px;height:20px;flex-shrink:0}.ayah-menu-colors{display:flex;gap:8px;margin-inline-start:auto}.ayah-menu-remove{color:#a3243b}.hl-dot{width:26px;height:26px;border:2px solid var(--surface);border-radius:50%;background:var(--dot);box-shadow:0 0 0 1px var(--ac-line);cursor:pointer}.hl-dot.on{box-shadow:0 0 0 2px var(--gold-strong)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ac-dim);z-index:10}.bm{position:absolute;top:0;bottom:0;width:3.2%;pointer-events:none;z-index:2;--bm-color: #8c7b50;--bm-dark: color-mix(in srgb, var(--bm-color) 65%, black);--bm-light: color-mix(in srgb, var(--bm-color) 55%, white);filter:drop-shadow(1px 2px 1.5px rgb(0 0 0 / .28))}.bm[data-side=left]{left:0}.bm[data-side=right]{right:0}.bm-tab{pointer-events:auto;position:absolute;top:0;width:200%;height:7%;padding:0;border:0;background:none;cursor:pointer;z-index:1}.bm[data-side=left] .bm-tab{left:0}.bm[data-side=right] .bm-tab{right:0}.bm-tab:before{content:"";position:absolute;top:0;left:25%;width:30%;height:72%;transform:translate(-50%);background:linear-gradient(90deg,var(--bm-dark),var(--bm-color) 30%,var(--bm-light) 50%,var(--bm-color) 70%,var(--bm-dark));clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);opacity:.22;transition:opacity .2s,height .2s}.bm[data-side=right] .bm-tab:before{left:75%}.bm-tab:is(:hover,:focus-visible):before{opacity:.8;height:90%}.bm:is(.on,.lifting) .bm-tab:before{opacity:0}.bm-ribbon{position:absolute;top:0;left:20%;width:60%;height:97%;background:repeating-linear-gradient(0deg,rgb(255 255 255 / .05) 0 2px,transparent 2px 5px),linear-gradient(90deg,var(--bm-dark),var(--bm-color) 28%,var(--bm-light) 50%,var(--bm-color) 72%,var(--bm-dark));clip-path:polygon(0 0,100% 0,100% 100%,50% 98.2%,0 100%);transform-origin:top center;transform:scaleY(0);visibility:hidden}.bm.on .bm-ribbon{visibility:visible;animation:bm-drop .95s cubic-bezier(.22,.7,.3,1) forwards}.bm.on.still .bm-ribbon{animation:none;transform:none}.bm.lifting .bm-ribbon{visibility:visible;animation:bm-lift .5s ease-in forwards}@keyframes bm-drop{0%{transform:scaleY(0) rotate(0)}65%{transform:scaleY(1) rotate(.9deg)}82%{transform:scaleY(1) rotate(-.45deg)}to{transform:scaleY(1) rotate(0)}}@keyframes bm-lift{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@media(prefers-reduced-motion:reduce){.bm.on .bm-ribbon,.bm.lifting .bm-ribbon{animation-duration:.01s}}.page.see-through{background:transparent}:root:not([data-theme=dark]) .page.see-through{background:var(--rd-page)}:root{--rd-page: var(--mushaf-paper);--rd-stage: transparent;--rd-frame-shadow: 0 0 0 1px var(--quran-line), 0 6px 18px rgb(68 55 43 / .07);--rd-ayah-hover: rgb(201 165 78 / .18)}:root[data-theme=dark]{--rd-frame-shadow: 0 0 0 1px var(--quran-line), 0 8px 24px rgb(0 0 0 / .35);--rd-ayah-hover: rgb(201 165 78 / .22)}body.immersive.zoom-pages{--screen-paper: #fffbdd}:root:not([data-theme=dark]) body.immersive.zoom-pages{--rd-page: var(--screen-paper);--rd-stage: var(--screen-paper);background:var(--screen-paper)}:root:not([data-theme=dark]):has(body.immersive.zoom-pages){background:#fffbdd}:root[data-theme=dark] body.immersive{--screen-paper: var(--quran-night);--rd-stage: var(--quran-night)}.ios{--ios-bg: var(--beige-soft);--ios-group: var(--surface);--ios-ink: var(--heading);--ios-muted: var(--muted);--ios-sep: var(--line);--ios-field: #fff;--ios-accent: var(--gold-strong)}:root[data-theme=dark] .ios{--ios-field: var(--surface)}.ios .search-sheet{position:relative;border:0;border-radius:14px;background:var(--screen-pattern) 0 0 / 48px 48px repeat,var(--ios-bg);color:var(--ios-ink);box-shadow:0 20px 60px #00000040}:root:not([data-theme=dark]) .ios .search-sheet{background:url(/images/patterns/quran-stars.svg) 0 0 / 48px 48px,linear-gradient(180deg,var(--quran-day) 0%,var(--quran-day-end) 100%)}:root[data-theme=dark] .ios .search-sheet{background:url(/images/patterns/quran-stars-dark.svg) 0 0 / 48px 48px,linear-gradient(180deg,var(--quran-night) 0%,var(--quran-day-end) 100%)}.search.ios{background:#00000047;-webkit-backdrop-filter:none;backdrop-filter:none}@media(max-width:640px){.search.ios .search-sheet{padding-top:var(--sat);border-radius:0}.search.ios .search-results{padding-bottom:calc(14px + var(--sab))}}.ios .search-bar{margin:12px 14px 6px;padding:0 10px;min-height:38px;gap:6px;border:0;border-radius:10px;background:var(--ios-field)}.ios .search-bar>svg{width:18px;height:18px;color:var(--ios-muted)}.ios .search-bar input{font-size:17px;color:var(--ios-ink)}.ios .search-bar input::placeholder{color:var(--ios-muted)}.ios .search-close{width:26px;height:26px;border:0;background:#76768033;color:var(--ios-muted)}.ios .search-close svg{width:12px;height:12px;stroke-width:3}.ios .search-meta{padding:6px 30px 4px;font-size:13px;color:var(--ios-muted)}.ios .search-results{margin:6px 16px 16px;padding:0;border-radius:10px;background:var(--ios-group)}.ios .search-results:empty{background:transparent}.ios .search-results li+li .sr-item{box-shadow:inset 0 .5px 0 var(--ios-sep)}.ios .sr-item{border-radius:0;padding:11px 16px}.ios .sr-item.active{background:#7676801a;box-shadow:none}@media(hover:hover){.ios .sr-item:hover{background:#7676801a;box-shadow:none}}.ios .sr-head{font-size:13px;color:var(--ios-muted)}.ios .sr-head b{font-size:15px;font-weight:600;color:var(--ios-ink)}.ios .sr-ayah{color:var(--ios-accent)}.ios .sr-text{color:var(--ios-ink)}.ios .search-results:has(.sr-empty){background:transparent}.ios .sr-empty{color:var(--ios-muted)}.ios .sr-examples button{border:0;border-radius:999px;background:var(--ios-group);color:var(--ios-accent);font-size:15px}.mushafs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#0f3d2f80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}.mushafs[hidden]{display:none}.mushafs.open{opacity:1}.mushafs-sheet{position:relative;width:min(760px,100%);padding:0 0 max(16px,0px);border-radius:20px 20px 0 0;background:var(--paper);box-shadow:0 -10px 40px #00000059;transform:translateY(20px);transition:transform .25s ease}.mushafs.open .mushafs-sheet{transform:none}.mushafs-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:20px 20px 0 0;background:linear-gradient(180deg,var(--green-800),var(--green-900));border-bottom:2px solid var(--gold)}.mushafs-head h2{margin:0;font-family:var(--font-quran);font-size:22px;color:var(--gold-soft)}.mushaf-cards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px calc(50% - min(38vw,150px)) 8px;scrollbar-width:none}.mushaf-cards::-webkit-scrollbar{display:none}.mushaf-card{flex:0 0 min(76vw,300px);scroll-snap-align:center;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 22px #0f3d2f2e}.mushaf-card.current{border:2px solid var(--gold)}.mushaf-preview{height:min(52vh,380px);overflow:hidden;background:#fffbdd}.mushaf-preview img{width:100%;height:100%;object-fit:cover;object-position:center top}.mushaf-sample{height:100%;padding:18px 16px;border:6px double #b9a36a;color:#111;text-align:justify;text-align-last:center;line-height:2.1;font-size:21px}.sample-maghribi{font-family:KFGQPC Warsh,serif}.sample-naskh{font-family:Scheherazade New,Amiri,serif}.mushaf-info{padding:12px 14px 14px}.mushaf-info h3{margin:0 0 4px;font-family:var(--font-quran);font-size:19px;color:var(--heading)}.mushaf-info p{margin:0 0 10px;font-size:12.5px;line-height:1.6;color:var(--text-2)}.mushaf-badge{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--green-700);color:var(--cream);font-size:12px;font-weight:700}.mushaf-badge.soon{background:var(--highlight);color:#8a6d24;border:1px solid var(--line)}.mushaf-card.soon .mushaf-preview{opacity:.85}.mushaf-dots{display:flex;justify-content:center;gap:7px;padding:4px 0 2px}.mushaf-dots span{width:8px;height:8px;border-radius:50%;background:var(--line);cursor:pointer;transition:background .2s,transform .2s}.mushaf-dots span.on{background:var(--gold);transform:scale(1.25)}.mushaf-toast{position:absolute;left:50%;bottom:70px;transform:translate(-50%);margin:0;padding:8px 16px;border-radius:999px;background:var(--green-900);color:var(--cream);font-size:13px;font-weight:700;white-space:nowrap}.mushaf-toast[hidden]{display:none}