:root{--color-bg:#F5F2EA;--color-surface:#FFFFFF;--color-surface-2:#F0ECE1;--color-ink:#1B2420;--color-muted:#5E6B65;--color-line:#E2DCCB;--color-primary:#0F5C4A;--color-on-primary:#FFFFFF;--color-accent:#A77B22;--color-accent-soft:#F4EBD3;--color-success:#2F7D55;--color-danger:#B4472F;--color-verse-highlight:#E6F0EA;--color-paper:#FFFBEF;--color-paper-ink:#141414;--color-frame:#B8923A;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-quran:26px;--font-size-quran-min:18px;--font-size-quran-max:40px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--font-quran:"KFGQPC HAFS Uthmanic Script",serif;--font-ui:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif;--min-touch:48px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0C1714;--color-surface:#13221E;--color-surface-2:#182B26;--color-ink:#E7EEEA;--color-muted:#97A8A0;--color-line:#24382F;--color-primary:#5FC3A6;--color-on-primary:#0C1714;--color-accent:#E0BD6A;--color-accent-soft:#3A2F17;--color-success:#6CC596;--color-danger:#E98A72;--color-verse-highlight:#1C3A31;--color-paper:#121A17;--color-paper-ink:#ECE6D6;--color-frame:#8C7238;color-scheme:dark}}:root[data-theme=dark]{--color-bg:#0C1714;--color-surface:#13221E;--color-surface-2:#182B26;--color-ink:#E7EEEA;--color-muted:#97A8A0;--color-line:#24382F;--color-primary:#5FC3A6;--color-on-primary:#0C1714;--color-accent:#E0BD6A;--color-accent-soft:#3A2F17;--color-success:#6CC596;--color-danger:#E98A72;--color-verse-highlight:#1C3A31;--color-paper:#121A17;--color-paper-ink:#ECE6D6;--color-frame:#8C7238;color-scheme:dark}@font-face{font-family:KFGQPC HAFS Uthmanic Script;src:url(/fonts/KFGQPC-HAFS-Uthmanic-v18.ttf) format("truetype");font-display:block}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Regular.ttf) format("truetype");font-weight:400;font-display:optional}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-SemiBold.ttf) format("truetype");font-weight:600;font-display:optional}:root{--shadow-sm:0 1px 2px rgb(16 40 32/6%),0 1px 3px rgb(16 40 32/8%);--shadow-md:0 4px 16px rgb(16 40 32/10%);--tabbar-h:0px;--player-h:0px;--primary-deep:color-mix(in srgb,var(--color-primary) 72%,#000);--hero-bg:linear-gradient(150deg,var(--color-primary) 0%,var(--primary-deep) 100%);--hero-ink:var(--color-on-primary);--hero-soft:var(--color-accent-soft);--header-bg:var(--color-primary);--header-ink:var(--color-on-primary);--marker-ink:color-mix(in srgb,var(--color-frame) 62%,var(--color-paper-ink));--warn-bg:var(--color-accent-soft);--hl-selected:rgb(15 92 74/16%);--hl-playing:rgb(196 140 30/30%);--hl-blend:multiply}:root[data-theme=dark]{--shadow-sm:0 1px 2px rgb(0 0 0/40%);--shadow-md:0 4px 18px rgb(0 0 0/45%);--hero-bg:linear-gradient(150deg,var(--color-surface-2) 0%,var(--color-surface) 100%);--hero-ink:var(--color-ink);--hero-soft:var(--color-accent);--header-bg:var(--color-surface);--header-ink:var(--color-ink);--hl-selected:rgb(95 195 166/18%);--hl-playing:rgb(224 189 106/24%);--hl-blend:screen}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-sm:0 1px 2px rgb(0 0 0/40%);--shadow-md:0 4px 18px rgb(0 0 0/45%);--hero-bg:linear-gradient(150deg,var(--color-surface-2) 0%,var(--color-surface) 100%);--hero-ink:var(--color-ink);--hero-soft:var(--color-accent);--header-bg:var(--color-surface);--header-ink:var(--color-ink);--hl-selected:rgb(95 195 166/18%);--hl-playing:rgb(224 189 106/24%);--hl-blend:screen}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--font-size-md);line-height:1.65;min-height:100vh}a{color:var(--color-primary);text-underline-offset:3px}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:var(--space-sm);top:-100px;background:var(--color-primary);color:var(--color-on-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);z-index:100}.skip-link:focus{top:var(--space-sm)}.icon{flex:none}.small{font-size:var(--font-size-sm)}.muted{color:var(--color-muted)}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--header-bg);color:var(--header-ink);box-shadow:var(--shadow-sm)}.app-header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-lg)}.brand{font-weight:600;font-size:var(--font-size-lg);color:inherit;text-decoration:none;min-height:var(--min-touch);display:inline-flex;align-items:center;gap:var(--space-sm)}.brand:before{content:"";width:26px;height:26px;border-radius:8px;background:radial-gradient(circle at 50% 50%,var(--color-accent) 0 30%,transparent 31%),conic-gradient(from 45deg,var(--color-accent) 0 25%,transparent 0 50%,var(--color-accent) 0 75%,transparent 0);opacity:.95}.main-nav{flex:1 1 auto}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-xs);justify-content:center}.main-nav a{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:40px;padding:0 var(--space-md);border-radius:var(--radius-pill);color:inherit;text-decoration:none;font-size:var(--font-size-sm)}.main-nav a:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.main-nav a[aria-current=page]{background:var(--color-accent-soft);color:var(--color-ink);font-weight:600}.lang-switch{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-md);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,currentColor 40%,transparent);color:inherit;text-decoration:none;font-size:var(--font-size-sm)}main{padding:var(--space-lg);padding-bottom:calc(var(--space-xxl) + var(--tabbar-h) + var(--player-h))}.app-footer,main{max-width:1100px;margin:0 auto}.app-footer{padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + var(--tabbar-h) + var(--player-h));color:var(--color-muted);font-size:var(--font-size-sm);border-top:1px solid var(--color-line)}.app-footer a{display:inline-flex;min-height:var(--min-touch);align-items:center;-webkit-margin-end:var(--space-lg);margin-inline-end:var(--space-lg)}@media (max-width:720px){:root{--tabbar-h:calc(64px + env(safe-area-inset-bottom, 0px))}.app-header-inner{padding:2px var(--space-md)}.brand{flex:1 1}.main-nav{position:fixed;inset-inline:0;bottom:0;z-index:30;background:var(--color-surface);color:var(--color-muted);border-top:1px solid var(--color-line);box-shadow:0 -2px 12px rgb(0 0 0/8%);padding-bottom:env(safe-area-inset-bottom,0)}.main-nav ul{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0;gap:0}.main-nav a{flex-direction:column;justify-content:center;gap:2px;width:100%;min-height:64px;padding:4px 2px;border-radius:0;font-size:var(--font-size-xs);color:var(--color-muted)}.main-nav a:hover{background:transparent}.main-nav a[aria-current=page]{background:transparent;color:var(--color-primary)}.main-nav a[aria-current=page] .icon{background:var(--color-accent-soft);color:var(--color-ink);border-radius:var(--radius-pill);padding:2px 14px;width:52px}main{padding:var(--space-md);padding-bottom:calc(var(--space-xl) + var(--tabbar-h) + var(--player-h))}}h1{font-size:var(--font-size-xl);line-height:1.35;margin:var(--space-sm) 0 var(--space-lg)}h2{font-size:var(--font-size-lg);margin:var(--space-xl) 0 var(--space-md)}h3{font-size:var(--font-size-md);margin:var(--space-xs) 0 var(--space-sm)}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.card-title{display:flex;align-items:center;gap:var(--space-sm);margin-top:0;font-size:var(--font-size-md)}.card-title .icon{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:var(--min-touch);min-width:var(--min-touch);padding:0 var(--space-lg);border-radius:var(--radius-pill);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.btn-primary,.btn:hover{border-color:var(--color-primary)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background:var(--primary-deep)}.btn-sm{min-height:40px;padding:0 var(--space-md)}.btn-icon{padding:0;width:var(--min-touch)}.btn-sm.btn-icon{width:40px;min-width:40px}.btn-round{border-radius:50%}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn[aria-pressed=true],.btn[data-bookmarked=true]{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-ink)}.row{gap:var(--space-sm);flex-wrap:wrap;align-items:center}.field,.row{display:flex}.field{flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.field .label,.field label{font-size:var(--font-size-sm);font-weight:600}fieldset.field{border:0;padding:0;margin-inline:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{min-height:var(--min-touch);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font:inherit;padding:0 var(--space-md);max-width:100%}textarea{padding:var(--space-sm) var(--space-md);resize:vertical;width:100%}input[type=range]{min-height:var(--min-touch);accent-color:var(--color-primary);width:min(100%,360px)}input[type=checkbox],input[type=radio]{width:22px;height:22px;accent-color:var(--color-primary)}.check{display:inline-flex;gap:var(--space-sm);align-items:center;min-height:var(--min-touch)}.alert{border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-md) 0;border:1px solid var(--color-line);background:var(--color-surface-2)}.alert:empty{display:none}.alert-error{border-color:var(--color-danger);color:var(--color-danger)}.alert-ok{border-color:var(--color-success);color:var(--color-success)}.alert-warn{border-color:var(--color-accent);background:var(--warn-bg);color:var(--color-ink)}.segmented{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:var(--radius-pill)}.segmented button{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:40px;min-width:56px;padding:0 var(--space-lg);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-ink);font:inherit;font-weight:600;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary)}.grid{display:grid;grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid>*,.two-col>*{min-width:0}.two-col{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg);grid-template-columns:1fr}@media (min-width:900px){.two-col{grid-template-columns:1fr 1fr}}.crumbs{margin:0;font-size:var(--font-size-sm)}.home{display:grid;grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:1fr;max-width:1100px;margin-inline:auto}@media (min-width:960px){.home{grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}}.home-col{display:flex;flex-direction:column;gap:var(--space-md);min-width:0}.home-col>.card{margin:0}.home-hero{position:relative;color:var(--color-ink)}.home-hero-top{justify-content:space-between;gap:var(--space-sm)}.home-hero-top,.home-place{display:flex;align-items:flex-start}.home-place{gap:6px;color:var(--color-primary)}.home-place>span{display:flex;flex-direction:column;line-height:1.25}.home-place-label{font-size:var(--font-size-sm);color:var(--color-ink)}.home-place strong{color:var(--color-ink);font-size:var(--font-size-md)}.home-settings{display:inline-flex;align-items:center;justify-content:center;min-width:var(--min-touch);min-height:var(--min-touch);color:var(--color-primary);border-radius:50%}.home-settings:hover{background:var(--color-verse-highlight)}.home-hero-body{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-xs)}.mosque-art{flex:none;width:clamp(120px,34vw,170px);height:auto;color:var(--color-primary);opacity:.85;order:2}.home-next{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.home-next p{margin:0}.home-next-name{font-size:var(--font-size-xl);font-weight:600}.home-next-time{font-size:clamp(56px,18vw,84px);line-height:1;font-weight:600;color:var(--color-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:1px}.home-left{font-size:var(--font-size-lg);font-weight:600;margin-top:var(--space-xs)!important}.home-left .countdown{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-ink)}.home-elapsed{color:var(--color-muted);margin-top:var(--space-xs)!important}.home-day{padding:var(--space-md)}.home-day-top{justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.home-dates,.home-day-top{display:flex;align-items:center}.home-dates{gap:var(--space-md)}.home-weekday{font-size:var(--font-size-xl);color:var(--color-primary)}.home-date-lines{display:flex;flex-direction:column;font-size:var(--font-size-sm);font-weight:600;line-height:1.4}.home-hijri{color:var(--color-primary)}.home-calendar{display:inline-flex;align-items:center;gap:6px;min-height:var(--min-touch);padding:0 var(--space-md);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);text-decoration:none;font-size:var(--font-size-sm);font-weight:600;box-shadow:var(--shadow-sm)}.home-calendar .icon{color:var(--color-primary)}.home-times-day{margin:var(--space-sm) 0 0;font-size:var(--font-size-sm);color:var(--color-muted)}.home-times{list-style:none;margin:var(--space-md) 0 var(--space-sm);padding:0;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px}.home-times li{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) 2px;border-radius:var(--radius-md);border:1px solid var(--color-line);background:var(--color-surface);font-size:var(--font-size-sm);min-width:0}.home-times li .icon{color:var(--color-primary)}.home-times li strong{font-size:var(--font-size-md);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.home-times li.next{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-ink)}.home-sun{display:flex;justify-content:space-around;gap:var(--space-sm);margin:0;padding-top:var(--space-sm);border-top:1px solid var(--color-line);font-size:var(--font-size-sm)}.home-sun>span{display:inline-flex;align-items:center;gap:6px}.home-sun .icon{color:var(--color-accent)}.home-sun strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.home-tiles{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.home-tiles-big{grid-template-columns:repeat(3,1fr)}.home-tiles-wide{grid-template-columns:repeat(2,1fr)}.home-tile{display:flex;align-items:center;gap:var(--space-sm);height:100%;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-md);color:var(--color-ink);text-decoration:none;box-shadow:var(--shadow-sm);text-align:center}.home-tile:hover{border-color:var(--color-primary)}.home-tile strong{font-size:var(--font-size-md);line-height:1.3}.home-tile-big{flex-direction:column;justify-content:center;min-height:118px}.home-tile-wide{min-height:72px;justify-content:space-between}.home-tile-wide strong{flex:1 1}.home-tile-icon{display:inline-flex;color:var(--color-primary)}.home-tile-wide .home-tile-icon{color:var(--color-accent)}.home-radio{display:grid;grid-template-columns:1.4fr auto 1.2fr;align-items:end;grid-gap:var(--space-sm);gap:var(--space-sm);padding:var(--space-md)}.radio-col{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.radio-label{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-ink)}.radio-select{display:flex;align-items:center;gap:4px;width:100%;min-height:var(--min-touch);padding-inline:var(--space-sm);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary)}.radio-select select{flex:1 1;min-width:0;border:0;background:transparent;color:var(--color-ink);font:inherit;font-weight:600;font-size:var(--font-size-sm);min-height:var(--min-touch)}.radio-play-btn{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;border:0;background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;box-shadow:var(--shadow-md)}.radio-stepper{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-height:var(--min-touch);padding:2px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.radio-stepper button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:var(--radius-sm);background:var(--color-verse-highlight);color:var(--color-primary);cursor:pointer}.radio-stepper button:disabled{opacity:.4;cursor:default}.radio-stepper output{flex:1 1;text-align:center;font-size:var(--font-size-sm);font-weight:600;line-height:1.2}.radio-status{grid-column:1/-1;margin:0;text-align:center}.home-more{display:flex;align-items:center;gap:var(--space-sm);min-height:64px;color:var(--color-ink);text-decoration:none}.home-more>.icon{color:var(--color-primary)}.home-more strong{flex:1 1;text-align:center;font-size:var(--font-size-md)}.home-more-chevron{display:inline-flex;color:var(--color-primary)}[dir=ltr] .home-more-chevron{transform:scaleX(-1)}@media (max-width:380px){.home-radio{grid-template-columns:1fr 1fr}.radio-play{grid-column:1/-1;order:-1}}.section-title{font-size:var(--font-size-md);color:var(--color-muted);margin-top:var(--space-xl)}.tiles{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-sm);gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media (max-width:420px){.tiles{grid-template-columns:1fr 1fr}}.tile{display:flex;gap:var(--space-sm);align-items:center;min-height:72px;height:100%;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-ink);text-decoration:none;box-shadow:var(--shadow-sm)}.tile:hover{border-color:var(--color-primary)}.tile-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--color-verse-highlight);color:var(--color-primary)}.tile-text{display:flex;flex-direction:column;min-width:0;line-height:1.35}.tile-text strong{font-size:var(--font-size-sm)}.continue .row{margin-top:var(--space-sm)}.surah-list{list-style:none;padding:0;margin:0}.surah-item{position:relative}.surah-link{display:grid;grid-template-columns:44px 1fr auto;grid-gap:var(--space-md);gap:var(--space-md);align-items:center;padding-bottom:var(--space-xl)}.surah-list-view{position:absolute;inset-inline-start:68px;bottom:4px;font-size:var(--font-size-xs);min-height:24px}.surah-list-view,.surah-num{display:inline-flex;align-items:center}.surah-num{width:40px;height:40px;border-radius:12px;background:var(--color-accent-soft);color:var(--color-ink);justify-content:center;font-size:var(--font-size-sm);font-weight:600}.surah-name-ar{font-size:22px}.quran,.surah-name-ar{font-family:var(--font-quran)}.quran{font-size:var(--quran-size,var(--font-size-quran));line-height:2.2;color:var(--color-paper-ink)}.reader{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-lg)}.ayah{padding:var(--space-md) 0;border-bottom:1px solid var(--color-line);scroll-margin-top:140px}.ayah:last-child{border-bottom:0}.ayah:target{background:var(--color-verse-highlight)}.ayah-tools{display:flex;gap:var(--space-sm);align-items:center;justify-content:flex-start;margin-top:var(--space-xs)}.ayah-marker{font-family:var(--font-quran);color:var(--marker-ink);white-space:nowrap}.translation{font-family:var(--font-ui);font-size:var(--font-size-md);line-height:1.6;color:var(--color-muted);margin-top:var(--space-sm)}.basmala{text-align:center;margin:0 0 var(--space-md)}.surah-banner{text-align:center;border:2px solid var(--color-frame);border-radius:var(--radius-sm);padding:var(--space-sm);margin:var(--space-lg) 0 var(--space-md);font-family:var(--font-quran);font-size:24px;color:var(--color-paper-ink)}.pager{display:flex;gap:var(--space-sm);justify-content:space-between;align-items:center;margin:var(--space-lg) 0}.mushaf-reader{max-width:760px;margin:0 auto}.mushaf-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:var(--space-sm);gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--space-sm)}.mh-surah{font-family:var(--font-quran);font-size:18px;text-align:start;overflow:hidden;text-overflow:ellipsis}.mh-page,.mh-surah{color:var(--color-ink);white-space:nowrap}.mh-page{margin:0;font-size:var(--font-size-sm);font-weight:600}.mh-juz{text-align:end}.mushaf-play{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-sm)}.mushaf-stage{perspective:1400px;touch-action:pan-y;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;padding:2px}.mushaf-frame{--m-width:100%;position:relative;width:min(100%,var(--m-width));margin:0 auto;background:var(--color-paper);border-radius:6px;padding:14px 12px 22px;border:3px double var(--color-frame);box-shadow:inset 0 0 0 4px var(--color-paper),inset 0 0 0 5px color-mix(in srgb,var(--color-frame) 55%,transparent),var(--shadow-md);transform-origin:center center;will-change:transform}.mushaf-page{font-family:var(--font-quran);font-size:var(--m-size,min(calc((100vw - 64px) / 16.2),32px));line-height:var(--m-lh,1.92);color:var(--color-paper-ink);overflow:hidden}.m-line{text-align:justify;text-align-last:justify;text-justify:inter-word}.m-in,.m-line{white-space:nowrap}.mushaf-page.measuring .m-line{text-align:start;text-align-last:auto}.mushaf-page.measuring .m-in{display:inline-block}.mushaf-page.centred .m-line{text-align:center;text-align-last:center}.mushaf-page.centred{padding-block:.6em}.m-basmala,.m-sura{text-align:center;text-align-last:center}.sura-band{display:flex;align-items:center;justify-content:center;height:1.7em;margin:.06em 0;border:2px solid var(--color-frame);border-radius:4px;background:radial-gradient(circle at 8% 50%,var(--color-frame) 0 .13em,transparent .14em),radial-gradient(circle at 92% 50%,var(--color-frame) 0 .13em,transparent .14em),var(--color-accent-soft);font-size:.86em;line-height:1;color:var(--color-paper-ink)}.sura-band span{padding-inline:.8em}.seg{--hl:transparent;cursor:pointer;border-radius:4px;background-image:linear-gradient(to bottom,transparent .32em,var(--hl) .32em,var(--hl) calc(100% - .32em),transparent calc(100% - .32em));-webkit-box-decoration-break:clone;box-decoration-break:clone}.seg.playing,.seg.selected{mix-blend-mode:var(--hl-blend)}.seg.selected{--hl:var(--hl-selected)}.seg.playing{--hl:var(--hl-playing)}.ayah-end{font:inherit;color:var(--marker-ink);background:none;border:0;padding:0;margin:0;cursor:pointer;white-space:nowrap;border-radius:50%}.ayah-end.selected{background:var(--hl-selected);mix-blend-mode:var(--hl-blend)}.mushaf-folio{position:absolute;bottom:2px;inset-inline:0;text-align:center;font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-muted)}.ayah-sheet{position:-webkit-sticky;position:sticky;bottom:calc(var(--tabbar-h) + var(--player-h) + var(--space-sm));z-index:15;margin-top:var(--space-md);max-height:min(62vh,560px);overflow-y:auto;overscroll-behavior:contain;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-sm) var(--space-md)}.ayah-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.aa-ref{flex:1 1 100%;font-size:var(--font-size-sm)}.aa-buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.aa-notice{margin:0;font-size:var(--font-size-sm);color:var(--color-success)}.aa-notice:empty{display:none}.recitation-sheet{max-height:min(34vh,300px);padding:var(--space-xs)}.recitation-sheet .tafsir{margin-top:0}.recitation-sheet .tafsir-text{font-size:17px;line-height:1.8}.mushaf-reader.with-rtafsir .seg{scroll-margin-top:72px;scroll-margin-bottom:calc(var(--tabbar-h) + var(--player-h) + min(34vh, 300px) + 24px)}.tafsir{margin-top:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-2);-webkit-border-start:4px solid var(--color-accent);border-inline-start:4px solid var(--color-accent);font-family:var(--font-ui)}.tafsir-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-xs) var(--space-md)}.tafsir-title{margin:0;font-size:var(--font-size-lg);color:var(--color-primary)}.tafsir-ref{margin:0;font-size:var(--font-size-sm);color:var(--color-muted)}.tafsir-note{margin:var(--space-xs) 0 0}.tafsir-body{margin-top:var(--space-sm)}.tafsir-text{margin:0;font-family:var(--font-ui);font-size:18px;line-height:1.9;color:var(--color-ink);text-align:start;white-space:pre-line}.tafsir-body .alert p{margin:0 0 var(--space-sm)}.tafsir-source{margin:var(--space-sm) 0 0}.tafsir-nav{display:flex;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-sm)}.ayah .tafsir{margin-top:var(--space-md)}.page-slider{flex:1 1;display:flex;align-items:center;gap:var(--space-sm);min-width:0}.page-slider input{width:100%}.page-slider output{min-width:3ch;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}@media (max-width:520px){.mushaf-reader .pager{flex-wrap:wrap}.mushaf-reader .page-slider{order:-1;flex-basis:100%}.mushaf-reader .pager .btn{flex:1 1}.mushaf-frame{padding:10px 6px 20px}}.player{position:fixed;z-index:25;inset-inline:0;bottom:var(--tabbar-h);margin:0 auto;max-width:760px;background:var(--color-surface);border:1px solid var(--color-line);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 18px rgb(0 0 0/12%);padding:var(--space-sm) var(--space-md)}body:has(.player){--player-h:120px}.player-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.player-now{display:flex;flex-direction:column;min-width:0;line-height:1.3}.player-buttons{display:flex;gap:4px;align-items:center}.player-opts{margin-top:4px;justify-content:flex-start}.inline-field{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs)}.player-check input{width:18px;height:18px;margin:0}.inline-field select{min-height:36px;font-size:var(--font-size-xs);max-width:170px}.player-error{margin:var(--space-xs) 0 0;font-size:var(--font-size-sm)}.adhkar-summary{justify-content:space-between;margin:var(--space-sm) 0}.adhkar-summary p{margin:0}.dhikr-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.dhikr{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.dhikr.done{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 6%,var(--color-surface))}.dhikr-text{margin:0 0 var(--space-md);font-size:19px;line-height:2;white-space:pre-line}.dhikr-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.counter{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:var(--min-touch);min-width:96px;justify-content:center;padding:0 var(--space-lg);border-radius:var(--radius-pill);border:0;background:var(--color-primary);font:inherit;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer}.counter,.counter.done{color:var(--color-on-primary)}.counter.done{background:var(--color-success);cursor:default}.list-links{list-style:none;padding:0;margin:0;display:grid;grid-gap:var(--space-xs);gap:var(--space-xs)}.list-links a{display:flex;gap:var(--space-md);align-items:center;min-height:var(--min-touch);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-ink);text-decoration:none}.list-links a:hover{border-color:var(--color-primary)}.num-badge{flex:none;min-width:34px;height:34px;border-radius:10px;background:var(--color-accent-soft);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600}.tasbih{max-width:460px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.tasbih .field{width:100%}.tasbih-phrase{font-size:26px;font-weight:600;color:var(--color-primary);margin:0 0 var(--space-sm)}.bead{position:relative;width:min(72vw,260px);aspect-ratio:1;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,var(--color-surface) 0,var(--color-surface-2) 70%);box-shadow:var(--shadow-md);color:var(--color-ink);font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:manipulation}.bead:active{transform:scale(.98)}.bead svg{position:absolute;inset:0;width:100%;height:100%}.ring-bg{fill:none;stroke:var(--color-line);stroke-width:10}.ring-fg{fill:none;stroke:var(--tasbih-color,var(--color-accent));stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .2s}.bead-count{font-size:64px;font-weight:600;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bead-target{color:var(--color-muted)}.bead.round-done{animation:pulse .6s ease-out}@keyframes pulse{50%{box-shadow:0 0 0 16px var(--color-accent-soft)}}.tasbih-rounds{font-weight:600;margin-bottom:0}.tasbih .segmented{margin-bottom:var(--space-md)}.strand-bead{fill:var(--color-surface);stroke:var(--tasbih-color,var(--color-accent));stroke-width:2;transition:r .15s}.strand-bead.done{fill:var(--tasbih-color,var(--color-accent))}.swatches{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.swatch{width:36px;height:36px;border-radius:50%;border:3px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-line);cursor:pointer}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--color-ink)}.tasbih-section{width:100%;text-align:start;margin-top:var(--space-lg)}.tasbih-section h2{margin-top:0;font-size:var(--font-size-lg)}.tasbih-section form input{flex:1 1;min-width:0}.tasbih-actions{margin-bottom:var(--space-lg)}.targets .segmented,.tasbih-actions{justify-content:center}.qibla{max-width:460px;margin-inline:auto;text-align:center}.qibla .card-title{justify-content:center}.compass{max-width:280px;width:100%;height:auto;display:block;margin:0 auto;overflow:visible}.qibla .live-compass{background:linear-gradient(180deg,#0f5c4a,#073027);border-radius:28px;padding:var(--space-lg) var(--space-lg) var(--space-xl);color:#fff;box-shadow:0 10px 28px rgb(7 48 39/.22)}.qibla .live-compass .muted{color:rgb(255 255 255/.75)}.live-compass [data-testid=compass-dial]{transition:transform .2s linear}.compass-glow{opacity:0;filter:blur(4px);transition:opacity .25s}.live-compass.facing .compass-glow{opacity:.7}.qibla .compass-status{display:inline-block;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);background:rgb(255 255 255/.1)}.qibla .live-compass.facing .compass-status{background:#d4af5a;color:#073027}.qibla .compass-status:empty{display:none}.compass-status{font-weight:600;min-height:1.6em}.tawaf-art{display:block;width:100%;max-width:420px;height:auto;margin:var(--space-sm) auto}.tawaf-sky{fill:var(--color-accent-soft)}.tawaf-ground{fill:color-mix(in srgb,var(--color-accent) 25%,transparent)}.tawaf-path{fill:none;stroke:var(--color-primary);stroke-opacity:.6;stroke-width:2}.tawaf-dot{fill:var(--color-accent)}.tawaf-kaaba{fill:#1b1b1b}.tawaf-band{fill:#c9a24a}.tawaf-arrow{fill:var(--color-primary)}.step-label{display:inline-block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-ink);background:var(--color-accent-soft);border-radius:var(--radius-pill);padding:0 var(--space-sm)}.card ul,.step ul{margin:0;-webkit-padding-start:22px;padding-inline-start:22px}.dua{margin:var(--space-md) 0 0;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-verse-highlight);font-size:19px;line-height:2}dl>div{margin-bottom:var(--space-sm)}dt{font-weight:600}dd{margin:0}.round-counter{margin-top:var(--space-md);padding:var(--space-md);border:1px dashed var(--color-frame);border-radius:var(--radius-md)}.round-dots{list-style:none;display:flex;gap:6px;padding:0;margin:var(--space-sm) 0}.round-dots li{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-primary)}.round-dots li.on{background:var(--color-primary)}.toc{margin-bottom:var(--space-md)}.results{list-style:none;padding:0}.results li{border-bottom:1px solid var(--color-line);padding:var(--space-md) 0}.times{width:100%;border-collapse:collapse}.times td,.times th{padding:var(--space-md);border-bottom:1px solid var(--color-line);text-align:start}.times td.time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--font-size-lg);font-weight:600}.times tr.next{background:var(--color-verse-highlight)}.day-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.day-nav-btn{min-width:44px;font-size:var(--font-size-lg)}.day-nav-label{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.btn-link{background:none;border:0;color:var(--color-primary);text-decoration:underline;padding:0;margin-bottom:var(--space-sm)}.month-scroll{overflow-x:auto;max-width:100%}.month-table td,.month-table th{padding:var(--space-xs) var(--space-sm);white-space:nowrap}.month-table td.time{font-size:var(--font-size-md,1rem)}.adjust-grid{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.adjust{display:flex;align-items:center;gap:var(--space-xs)}.adjust label{flex:1 1;font-size:var(--font-size-sm)}.adjust input{width:72px;text-align:center}.countdown{font-size:var(--font-size-xl);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.field select{width:100%}.reels{display:flex;flex-direction:column;gap:var(--space-sm);max-width:460px;margin-inline:auto}.reels-feed{height:min(80dvh,820px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;border-radius:var(--radius-md);background:#000;scrollbar-width:none}.reels-feed::-webkit-scrollbar{display:none}.reels-feed:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.reel{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;color:#fff}.reel-frame{flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center}.reel-frame iframe{width:100%;height:100%;border:0;background:#000}.reel-poster{width:100%;height:100%;object-fit:cover;opacity:.6}.reel-poster-blank{display:flex;align-items:center;justify-content:center;opacity:1;background:linear-gradient(160deg,var(--color-primary),#06140f);color:#fff}.reel-poster-blank svg{width:56px;height:56px}.reel-banner{position:absolute;inset-inline:var(--space-sm);top:var(--space-sm);margin:0;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:#b3261e;color:#fff;line-height:1.4}.reel-banner,.reel-meta{font-size:var(--font-size-sm)}.reel-meta{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) var(--space-md) var(--space-md);background:linear-gradient(transparent,rgb(0 0 0/85%) 30%);line-height:1.45}.reel-title{font-size:var(--font-size-md)}.reel-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-block:var(--space-xs)}.reel-chip{padding:0 var(--space-sm);border-radius:var(--radius-pill);background:rgb(255 255 255/18%);font-size:var(--font-size-xs)}.reel-reviewed{background:rgb(46 160 110/55%)}.reel-open{color:#fff;min-height:var(--min-touch);display:inline-flex;align-items:center}.reels-nav{display:flex;justify-content:center;align-items:center;gap:var(--space-md)}.reels-nav button{min-width:var(--min-touch);min-height:var(--min-touch);border-radius:var(--radius-pill);color:var(--color-ink)}.reels-empty,.reels-nav button{border:1px solid var(--color-line);background:var(--color-surface)}.reels-empty{padding:var(--space-xl) var(--space-md);text-align:center;border-radius:var(--radius-md)}.reel-hide{align-self:flex-start;color:rgb(255 255 255/80%);background:none;border:0;padding:0 var(--space-sm);min-height:var(--min-touch);font:inherit;cursor:pointer;text-decoration:underline}.reels-empty .btn{margin-top:var(--space-sm)}.reels-link{display:inline-flex;align-items:center;min-height:var(--min-touch);background:none;border:0;padding:0 var(--space-sm);font:inherit;color:var(--color-primary);text-decoration:underline;cursor:pointer}.reels-undo{margin:0}.reels-reviewer,.reels-undo{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.reels-reviewer{min-height:var(--min-touch)}.story-list{list-style:none;padding:0;margin:0 0 var(--space-lg);display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.story-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);color:inherit;text-decoration:none;min-height:44px}.story-item:focus-visible,.story-item:hover{border-color:var(--color-accent)}.story-controls{margin:var(--space-md) 0 var(--space-xs);flex-wrap:wrap}.series audio{width:100%;margin:var(--space-sm) 0}.series-now{margin-bottom:var(--space-md)}.episode-list{list-style:none;padding:0;margin:0 0 var(--space-md);display:grid;grid-gap:var(--space-xs);gap:var(--space-xs)}.episode{display:flex;align-items:center;gap:var(--space-md);width:100%;min-height:44px;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-md);color:inherit;font:inherit;text-align:start;cursor:pointer}.episode[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.story-segment .section-title{margin-top:var(--space-lg)}.story-segment .ayah[data-playing=true]{background:var(--hl-playing);border-radius:var(--radius-sm)}.adhan-prayers{border:0;padding:0;margin:var(--space-sm) 0;display:flex;flex-wrap:wrap;gap:0 var(--space-md)}.adhan-prayers legend{padding:0;margin-bottom:var(--space-xs)}.adhan-ringing{position:fixed;inset-inline:var(--space-md);top:var(--space-md);z-index:60;display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;justify-content:space-between;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-primary);box-shadow:0 8px 24px rgb(0 0 0/.18);max-width:560px;margin-inline:auto}.adhan-ringing,.qidx{background:var(--color-surface)}.qidx{border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-lg)}.qidx-title{text-align:center;font-size:var(--font-size-lg);margin:var(--space-lg) 0 var(--space-md)}.qidx-tabs{display:flex;width:max-content;margin:0 auto var(--space-md);padding:3px;border-radius:var(--radius-pill);background:var(--color-surface-2)}.qidx-tabs button{min-width:112px;min-height:38px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-ink);font:inherit;cursor:pointer}.qidx-tabs button.on{background:var(--color-surface);box-shadow:var(--shadow-sm);font-weight:600}.qidx-search{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);background:var(--color-surface-2)}.qidx-field,.qidx-search{display:flex;gap:var(--space-sm);align-items:center}.qidx-field{flex:1 1;min-width:0;padding:0 var(--space-md);min-height:46px;border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-sm)}.qidx-field input{flex:1 1;min-width:0;width:100%;border:0;background:transparent;color:inherit;font:inherit;min-height:44px;outline:none}.qidx-field:focus-within{outline:2px solid var(--color-primary)}.qidx-clear{width:46px;height:46px;flex:none;border-radius:50%;border:0;background:var(--color-surface);color:var(--color-muted);box-shadow:var(--shadow-sm);cursor:pointer}.qidx-clear:disabled{opacity:.55;cursor:default}.qidx-empty{padding:var(--space-lg)}.qidx-group{margin-top:var(--space-lg)}.qidx-juz{margin:0;padding:6px var(--space-lg);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-quran);font-size:var(--font-size-lg);font-weight:400;line-height:1.6}.qidx-list{list-style:none;margin:0;padding:0}.qidx-item{position:relative;border-bottom:1px solid var(--color-line)}.qidx-item.current{background:var(--color-verse-highlight)}.qidx-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);-webkit-padding-end:56px;padding-inline-end:56px;color:inherit;text-decoration:none;min-height:76px}.qidx-row:hover{background:color-mix(in srgb,var(--color-verse-highlight) 60%,transparent)}.qidx-text{display:flex;flex-direction:column;min-width:0;flex:1 1;gap:2px}.qidx-name{font-weight:400}.qidx-name,.qidx-opening{font-family:var(--font-quran);font-size:21px}.qidx-opening{line-height:1.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qidx-sub{color:var(--color-muted);font-size:var(--font-size-sm)}.qidx-badge{position:relative;flex:none;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center}.qidx-badge svg{position:absolute;inset:0}.qidx-badge rect{fill:color-mix(in srgb,var(--color-primary) 22%,var(--color-surface))}.qidx-badge circle,.qidx-badge rect{stroke:var(--color-primary);stroke-width:1.5}.qidx-badge circle{fill:var(--color-surface)}.qidx-badge>span{position:relative;font-weight:700;font-size:var(--font-size-sm);color:var(--color-ink)}.qidx-badge-frac>span{font-size:var(--font-size-xs);direction:ltr}.qidx-listview{position:absolute;inset-inline-end:var(--space-sm);top:50%;transform:translateY(-50%);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-muted)}.qidx-listview:hover{background:var(--color-surface-2);color:var(--color-primary)}.qidx-row:only-child{-webkit-padding-end:var(--space-lg);padding-inline-end:var(--space-lg)}.khatma-top{display:flex;align-items:center;gap:var(--space-md)}.khatma-ring{width:110px;height:110px;flex:none}.khatma-ring .ring-bg{fill:none;stroke:var(--color-line);stroke-width:10}.khatma-ring .ring-fg{fill:none;stroke:var(--color-primary);stroke-width:10;stroke-linecap:round}.khatma-ring .ring-text{font-size:22px;font-weight:700;fill:currentColor}.khatma-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-md)}.khatma-stats>div{display:flex;flex-direction:column;gap:2px}.khatma-stats progress{width:100%}.khatma-opening{font-family:var(--font-quran,serif);font-size:1.3em;line-height:2}.khatma-all li.done{opacity:.6;text-decoration:line-through}.khatma-all li.current{font-weight:700}.plain-list{list-style:none;padding:0}.btn-danger{color:var(--color-error,#b3261e)}.month-tools{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.print-only{display:none}@media print{.print-month body *{visibility:hidden}.print-month #month,.print-month #month *{visibility:visible}.print-month #month{position:absolute;inset:0 0 auto 0;box-shadow:none;border:0}.print-month .no-print{display:none!important}.print-month .print-only{display:block}.print-month .month-scroll{overflow:visible}}.mosque-list{list-style:none;padding:0;margin:0}.mosque-list li{display:flex;justify-content:space-between;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--color-line)}.worship-streak{font-weight:600;color:var(--color-primary)}.worship-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:4px;gap:4px}.worship-wd{text-align:center;font-size:var(--font-size-xs)}.worship-cell{display:flex;flex-direction:column;align-items:center;min-height:48px;padding:4px 2px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:inherit;cursor:pointer}.worship-cell:disabled{opacity:.4;cursor:default}.worship-cell.full{background:var(--color-verse-highlight)}.worship-cell.today{border-color:var(--color-accent)}.worship-cell.selected{outline:2px solid var(--color-primary)}.worship-num{font-weight:600}.worship-dots{font-size:var(--font-size-xs);color:var(--color-muted)}.worship-stats{display:grid;grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.worship-stat h3{margin:0 0 var(--space-xs);font-size:var(--font-size-md)}.worship textarea,.worship-stat progress{width:100%}.dl-progress{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.dl-progress progress{flex:1 1 160px}.dl-list{list-style:none;padding:0;margin:0 0 var(--space-md)}.dl-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--color-line)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0 0 var(--space-md)}.chip{min-height:36px;padding:0 var(--space-md);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font:inherit;cursor:pointer}.chip[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.dhikr-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm)}.card-deck .dhikr-list{list-style:none;padding:0}.faq{border-bottom:1px solid var(--color-line);padding:var(--space-sm) 0}.faq summary{cursor:pointer;font-weight:600;min-height:32px}.share-prompt{border:2px solid var(--color-accent)}.zakat-due{font-size:var(--font-size-xl,1.5rem);font-weight:700;color:var(--color-primary);margin:0}.card blockquote{margin:var(--space-sm) 0;-webkit-padding-start:var(--space-md);padding-inline-start:var(--space-md);-webkit-border-start:3px solid var(--color-accent,var(--color-line));border-inline-start:3px solid var(--color-accent,var(--color-line));font-family:var(--font-ui);line-height:1.9}.hadith-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.hadith-text{font-family:var(--font-ui);font-size:1.15rem;line-height:2;white-space:pre-line}.hadith-tools .row{align-items:end;flex-wrap:wrap}.badge{display:inline-block;padding:2px var(--space-sm);border-radius:999px;background:var(--color-surface-2,var(--color-line));font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muezzin-picker .row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.muezzin-picker input[type=search]{margin-top:.5rem;width:100%}.muezzin-list{list-style:none;margin:.5rem 0 0;padding:0;max-height:18rem;overflow-y:auto;border:1px solid color-mix(in srgb,currentcolor 15%,transparent);border-radius:.5rem}.muezzin-list li{padding:.35rem .6rem}.dhikr-player{position:-webkit-sticky;position:sticky;bottom:var(--space-sm);z-index:5;display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-line);box-shadow:0 4px 16px rgb(0 0 0/.18)}.dhikr-player input[type=range]{flex:1 1;min-width:0}.dhikr-hadith{flex-basis:100%;margin-top:var(--space-xs);padding:var(--space-sm) var(--space-md);-webkit-border-start:3px solid var(--color-primary);border-inline-start:3px solid var(--color-primary);background:var(--color-accent-soft);border-radius:var(--radius-md)}.dhikr-hadith h3{margin:var(--space-xs) 0 0;color:var(--color-primary)}.dhikr-hadith p{margin:var(--space-xs) 0;line-height:1.9}.asma-list{list-style:none;padding:0;display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.asma-head{display:flex;align-items:center;gap:var(--space-md)}.asma-num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);font-size:.8rem;font-weight:600}.asma-name{margin:0;font-family:var(--font-quran);font-size:1.6rem;color:var(--color-primary)}.asma-lessons{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs)}.asma-text{line-height:1.9;margin:var(--space-sm) 0 0}.asma-text.folded{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.video-search{display:flex;flex-wrap:wrap;gap:var(--space-xs);max-width:720px;margin:0 auto var(--space-sm)}.video-search .input{flex:1 1 220px;min-width:0}.video-history{max-width:720px;margin:0 auto var(--space-sm)}.video-history .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.video-history .chip{display:inline-flex;align-items:center;padding:0;cursor:default}.video-history .chip-text,.video-history .chip-x{border:0;background:none;color:inherit;font:inherit;min-height:36px;cursor:pointer}.video-history .chip-text{padding-inline:var(--space-md) var(--space-xs)}.video-history .chip-x{padding-inline:var(--space-xs) var(--space-sm);color:var(--color-muted,inherit)}[data-testid=video-results]{max-width:720px;margin-inline:auto}.video-results{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-xs);gap:var(--space-xs)}.video-hit{display:flex;gap:var(--space-sm);align-items:flex-start;width:100%;padding:var(--space-xs);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font:inherit;text-align:start;cursor:pointer}.video-hit img{flex:none;width:160px;max-width:40%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm,6px);background:#000}.video-hit[aria-pressed=true]{border-color:var(--color-primary)}.video-now{display:grid;grid-gap:var(--space-xs);gap:var(--space-xs);margin-bottom:var(--space-sm)}.video-frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--radius-md);overflow:hidden}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tour-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:rgb(0 0 0/45%)}.tour{width:min(520px,100%);max-height:calc(100dvh - 2 * var(--space-md));overflow-y:auto;margin:0;display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-md)}.tour-top{display:flex;justify-content:space-between;align-items:center;min-height:32px}.tour-slide{text-align:center;padding:var(--space-md) 0}.tour-slide p{line-height:1.9}.tour-icon{display:inline-flex;align-items:center;justify-content:center;width:112px;height:112px;border-radius:50%;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.tour-setup h2{margin-top:0;text-align:center}.tour-step{border-top:1px solid var(--color-line);padding-top:var(--space-sm)}.tour-step h3{display:flex;align-items:center;gap:var(--space-xs,4px);margin:0 0 var(--space-xs,4px);font-size:1.05rem}.tour-done{-webkit-margin-start:auto;margin-inline-start:auto;display:inline-flex;align-items:center;gap:4px;color:var(--color-primary);font-size:.9rem;font-weight:600}.tour-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:var(--space-sm);gap:var(--space-sm)}.tour-nav>:last-child{justify-self:end}.tour-dots{display:inline-flex;gap:6px}.tour-dots span{width:8px;height:8px;border-radius:999px;background:var(--color-line);transition:width .2s}.tour-dots span.on{width:20px;background:var(--color-primary)}