@layer reset,tokens,base,layout,components,states,utilities,responsive;@layer components{:root{color-scheme:light;--bg:oklch(.975 .008 110);--surface:oklch(.992 .004 105);--surface-soft:oklch(.955 .014 145);--surface-strong:oklch(.925 .018 145);--text:oklch(.235 .025 155);--muted:oklch(.43 .022 150);--line:color-mix(in srgb,var(--brand) 12%,transparent);--brand:oklch(.4 .095 155);--brand-strong:oklch(.32 .075 155);--brand-soft:oklch(.945 .028 150);--gold:oklch(.7 .105 80);--accent:var(--gold);--on-brand:oklch(.99 .004 105);--success:oklch(.5 .09 155);--warning:oklch(.55 .08 80);--danger:oklch(.5 .11 25);--focus:oklch(.52 .11 155);--shadow-1:0 1px 2px rgb(0 0 0 / .03);--shadow-2:0 10px 32px -22px rgb(27 14 49 / .22);--shadow-3:0 28px 70px -38px rgb(27 14 49 / .34);--shadow-sm:var(--shadow-1);--shadow-lg:var(--shadow-2);--radius-control:12px;--radius-card:20px;--radius-panel:28px;--radius-pill:999px;--radius-sm:var(--radius-control);--radius-md:var(--radius-card);--radius-lg:var(--radius-panel);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:2.25rem;--text-display:clamp(2.5rem,7vw,4.75rem);--font-ui:"Tajawal","Noto Sans Arabic",sans-serif;--font-reading:"Noto Naskh Arabic",serif;--font-quran:"Amiri Quran","Noto Naskh Arabic",serif;--motion-fast:.14s;--motion-normal:.22s;--motion-slow:.38s;--ease-standard:cubic-bezier(.2,.8,.2,1);--nav-h:72px;--header-h:72px;--player-h:64px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--ease:var(--ease-standard);--content-max:1120px;font-family:var(--font-ui)}html.dark{color-scheme:dark;--bg:oklch(.18 .018 155);--surface:oklch(.22 .02 155);--surface-soft:oklch(.26 .025 155);--surface-strong:oklch(.3 .035 155);--text:oklch(.96 .012 125);--muted:oklch(.76 .02 145);--line:oklch(1 0 0 / 14%);--brand:oklch(.77 .11 155);--brand-strong:oklch(.82 .11 155);--brand-soft:oklch(.31 .04 155);--on-brand:#1c0e35;--accent:oklch(.8 .11 85);--success:#77d3cb;--warning:#d7bd7b;--danger:#e58f8f;--focus:oklch(.76 .11 155);--shadow-sm:0 10px 30px -16px rgb(0 0 0 / 34%);--shadow-lg:0 24px 60px -28px color-mix(in oklab,var(--brand) 30%,transparent)}*{box-sizing:border-box}html{min-width:0;overflow-x:hidden;scroll-behavior:smooth;background:var(--bg)}html.modal-open{overflow:hidden}body{margin:0;min-width:0;min-height:100dvh;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden}button,input,select{font:inherit;color:inherit}button{min-width:44px;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 75%,transparent);outline-offset:3px}img{max-width:100%;display:block}[hidden]{display:none!important}h1,h2,h3,p{overflow-wrap:anywhere}.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:fixed;z-index:200;inset-inline-start:1rem;top:-5rem;padding:.7rem 1rem;border-radius:var(--radius-sm);background:var(--text);color:var(--bg);text-decoration:none}.skip-link:focus{top:calc(1rem + var(--safe-top))}.app-header{position:sticky;top:0;z-index:40;min-height:calc(var(--header-h) + var(--safe-top));display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;padding:calc(.55rem + var(--safe-top)) max(.75rem,var(--safe-right)) .55rem max(.75rem,var(--safe-left));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(16px)}.brand-button{display:flex;align-items:center;gap:.65rem;padding:.2rem;border:0;background:transparent;text-align:right}.brand-button img{width:46px;height:46px;border-radius:14px}.brand-button span{display:grid;line-height:1.3}.brand-button small{color:var(--muted);font-size:.7rem}.brand-button b{font-size:1rem}.header-actions{display:flex;gap:.25rem}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--text);font-size:1.2rem}.icon-button:hover{background:var(--brand-soft)}main{width:min(var(--content-max),100%);margin-inline:auto;padding:1.1rem max(.8rem,var(--safe-right)) calc(var(--nav-h) + var(--player-h) + 2.2rem + var(--safe-bottom)) max(.8rem,var(--safe-left))}.page{min-width:0;animation:pageIn .18s var(--ease)}@keyframes pageIn{0%{opacity:.35;transform:translateY(5px)}}.welcome-block{padding:.7rem 0 1rem}.welcome-block .eyebrow{margin:0}.welcome-block h1{margin:.1rem 0;font-size:clamp(1.75rem,5vw,3rem);line-height:1.35}.welcome-block>p:last-child{max-width:720px;margin:.4rem 0;color:var(--muted)}.section-label{margin:1.5rem 0 .8rem;font-size:1.1rem}.section-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.section-header>button{flex:0 0 44px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.section-header>div{min-width:0;flex:1}.section-header h1{margin:0;line-height:1.35}.section-header small{color:var(--muted)}.card,.text-list article,.feature-grid button,.surah-list button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm)}.primary-button,.secondary-button,.text-button,.danger-button,.retry-button{border-radius:14px;padding:.65rem .9rem;font-weight:750}.primary-button{border:1px solid var(--brand);background:var(--brand);color:var(--on-brand)}html.dark .primary-button{color:#100b19}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--text)}.text-button{border:0;background:transparent;color:var(--brand)}.danger-button{border:1px solid color-mix(in srgb,var(--danger) 55%,var(--line));background:color-mix(in srgb,var(--danger) 11%,var(--surface));color:var(--danger)}.retry-button{width:100%;border:1px solid color-mix(in srgb,var(--warning) 50%,var(--line));background:color-mix(in srgb,var(--warning) 12%,var(--surface));color:var(--warning)}.danger-text{color:var(--danger)}.notice{padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--warning) 34%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--warning) 7%,var(--surface));color:var(--text)}.field{display:grid;gap:.35rem;min-width:0}.field>span{color:var(--muted);font-size:.78rem;font-weight:700}.field input,.field select{width:100%;min-height:46px;padding:.65rem .75rem;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text)}.field.compact{grid-template-columns:auto minmax(88px,1fr);align-items:center}.field.compact>span{font-size:.8rem}.search-launch{width:100%;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:.7rem;padding:.75rem .85rem;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);text-align:right}.search-launch .search-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--brand-soft);color:var(--brand);font-size:1.4rem}.search-launch>span:nth-child(2){display:grid;min-width:0}.search-launch small{color:var(--muted)}.install-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--brand) 36%,var(--line));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--brand) 6%,var(--surface));box-shadow:var(--shadow-sm)}.install-card>img{width:64px;height:64px;border-radius:18px}.install-card h2,.install-card p{margin:.05rem 0}.install-card p,.install-card small{color:var(--muted)}.install-actions{display:flex;gap:.35rem;align-items:center}.home-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:.9rem;margin-top:1rem}.home-grid .card{padding:1.1rem}.prayer-summary{background:oklch(.38 .095 155);color:#f6fbfb;border-color:transparent;box-shadow:var(--shadow-lg)}.prayer-summary p{color:#dbd2eb}.prayer-summary .secondary-button{border-color:#ffffff42;background:#ffffff12;color:#fff}.continue-card{display:grid;align-content:start;gap:.65rem;text-align:right;color:var(--text)}.continue-card small{color:var(--muted)}.continue-card span{margin-top:auto;color:var(--brand);font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.feature-grid button{min-height:122px;display:grid;align-content:start;gap:.25rem;padding:1rem;text-align:right;color:var(--text)}.feature-grid button>span{font-size:1.45rem;color:var(--brand)}.feature-grid small{color:var(--muted)}.memorial-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:1rem;margin-top:1rem;padding:1rem}.memorial-card img{width:64px;border-radius:18px}.memorial-card h2,.memorial-card p{margin:.05rem 0}.memorial-card p{color:var(--muted);font-family:Noto Naskh Arabic,serif}.memorial-link{display:inline-flex;align-items:center;justify-content:center;gap:.85rem;min-width:0;min-height:48px;max-width:100%;padding:.65rem 1.15rem;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font:inherit;font-size:.92rem;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}.memorial-link:hover{background:var(--surface);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.memorial-link:active{transform:scale(.98)}.memorial-link-arrow{font-family:Arial,sans-serif;font-size:1.2rem;line-height:1}.memorial-link:focus-visible,.story-entry:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.memorial-dedication{margin:clamp(2rem,6vw,3.5rem) auto 0;padding:clamp(2.3rem,8vw,4.7rem) clamp(1.15rem,7vw,4rem);text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-soft)}.memorial-dedication .dedication-label{color:var(--muted);font-size:.86rem}.memorial-dedication h2{margin:.8rem 0 2.1rem;color:var(--brand-strong);font-family:Noto Naskh Arabic,serif;font-size:clamp(2.1rem,7vw,3.2rem);line-height:1.35}.dedication-copy{max-width:530px;margin:auto}.dedication-copy p{margin:0 0 1.85rem;color:var(--text);font-family:Noto Naskh Arabic,serif;font-size:clamp(1.06rem,3.6vw,1.26rem);line-height:2.15}.memorial-dedication .dedication-closing{max-width:470px;margin:2rem auto 0;padding-top:1.4rem;border-top:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));color:var(--brand-strong);font-family:Noto Naskh Arabic,serif;font-size:clamp(1.05rem,3.4vw,1.2rem);font-weight:700;line-height:1.9}.source-credit{max-width:620px;margin:1rem auto 0;padding:0 .5rem;color:var(--muted);font-size:.8rem;line-height:1.8;text-align:center}.source-credit a{color:var(--brand-strong);text-decoration:underline;text-underline-offset:.16em}@media(max-width:360px){.memorial-opening,.memorial-dedication{padding-inline:1rem}.dedication-copy p{line-height:2}}.story-entry{display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:right;width:100%;min-height:64px;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.story-entry small{color:var(--muted)}.story-reader{max-width:700px;margin:1.2rem auto;padding:clamp(1rem,3vw,2rem);line-height:2}.story-reader p{font-family:Noto Naskh Arabic,serif;font-size:1.1rem}.continue-card[hidden]{display:none}.audio-entry-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:.85rem;margin-bottom:1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--brand) 32%,var(--line));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--brand) 5%,var(--surface));box-shadow:var(--shadow-sm)}.audio-entry-card img{width:54px;height:54px;border-radius:16px}.audio-entry-card h2,.audio-entry-card p{margin:.05rem 0}.audio-entry-card p,.audio-entry-card small{color:var(--muted)}.toolbar{display:grid;grid-template-columns:1fr minmax(200px,.45fr);gap:.75rem;margin-bottom:.9rem}.surah-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.9rem}.surah-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.9rem;text-align:right;color:var(--text)}.surah-list button b,.surah-list button small{color:var(--text)}.surah-list i{display:grid;place-items:center;min-width:34px;height:34px;border-radius:11px;background:var(--surface-strong);color:var(--text);font-style:normal;font-weight:800}.surah-list small{color:var(--text)}.reader{position:fixed;inset:0;z-index:90;overflow:auto;overscroll-behavior:contain;background:var(--bg);padding:var(--safe-top) max(1rem,calc((100vw - 820px)/2)) calc(var(--nav-h) + 1.5rem + var(--safe-bottom))}.reader>header{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:1rem 0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(14px);text-align:center}.reader>header button{border:1px solid var(--line);border-radius:13px;background:var(--surface)}.reader h2{margin:0}.reader small{color:var(--muted)}.ayah{position:relative;margin:.8rem 0;padding:1.15rem 1rem 4.2rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);font-family:Amiri Quran,Noto Naskh Arabic,serif;font-size:clamp(1.35rem,4vw,2rem);line-height:2.15;box-shadow:var(--shadow-sm)}.ayah-actions{position:absolute;inset-inline:.8rem;bottom:.75rem;display:flex;gap:.45rem;flex-wrap:wrap}.ayah-actions button{min-height:44px;padding:.35rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--text);font-family:Noto Sans Arabic,sans-serif;font-size:.78rem}.ayah-actions .ayah-play{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.chips,.targets,.tasbih-actions{display:flex;gap:.45rem;overflow:auto;padding:.15rem 0 .8rem;scrollbar-width:thin}.chips{gap:.625rem;overflow-x:auto;overflow-y:hidden;padding:.25rem .1rem .9rem;scroll-padding-inline:.1rem;scroll-snap-type:inline proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button,.targets button{white-space:nowrap;padding:.55rem .85rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text)}.chips button{flex:0 0 auto;inline-size:max-content;min-inline-size:4rem;min-height:48px;padding:.65rem 1rem;scroll-snap-align:start;border-color:color-mix(in srgb,var(--brand) 14%,var(--line));background:color-mix(in srgb,var(--surface) 96%,var(--brand-soft));box-shadow:0 7px 20px -16px color-mix(in srgb,var(--text) 32%,transparent);font-size:.92rem;font-weight:800;line-height:1.2;letter-spacing:0;transition:background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.chips button:hover{border-color:color-mix(in srgb,var(--brand) 48%,var(--line));background:var(--brand-soft);color:var(--brand)}.chips button:active{transform:scale(.97)}.chips button.active,.targets button.active{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.chips button.active{box-shadow:0 10px 24px -14px color-mix(in srgb,var(--brand) 72%,transparent)}html.dark .chips button.active{color:#091321}.text-list{display:grid;gap:.75rem}.text-list article{padding:1rem;font-family:Noto Naskh Arabic,serif;font-size:1.2rem;line-height:2}.text-list footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin-top:.7rem;color:var(--muted);font-family:Noto Sans Arabic,sans-serif;font-size:.76rem}.text-list button{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:var(--brand);padding:.45rem .7rem}.dua-audio-button{background:var(--brand)!important;color:var(--on-brand)!important;border-color:var(--brand)!important}.dua-no-audio{max-width:360px;color:var(--muted);line-height:1.5}.tasbih-shell{display:grid;justify-items:center;gap:.5rem;padding:1.1rem;border:1px solid var(--line);border-radius:32px;background:var(--surface);box-shadow:var(--shadow-sm)}.tasbih-shell>.field{width:min(100%,560px);justify-self:stretch}.tasbih-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,560px);gap:.5rem;margin-bottom:.45rem}.tasbih-groups button{min-width:0;min-height:48px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);color:var(--text);font-weight:800}.tasbih-groups button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.tasbih-groups small{font-size:.75rem}.tasbih-source{width:min(100%,560px);margin:0;text-align:right;color:var(--muted);font-size:.78rem}.tasbih-phrase-card{display:grid;gap:.4rem;width:min(100%,620px);padding:1rem 1.05rem;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--brand-soft) 55%,var(--surface));text-align:right}.tasbih-phrase-card small{color:var(--brand);font-weight:800}.tasbih-phrase{margin:0;font-family:Noto Naskh Arabic,serif;font-size:clamp(1.15rem,4.6vw,1.65rem);font-weight:700;line-height:1.9;white-space:normal;overflow:visible;overflow-wrap:break-word;word-break:normal}.counter-wrap{position:relative;display:grid;place-items:center;width:min(80vw,340px);aspect-ratio:1;margin:.4rem 0}.counter-shell{position:absolute;inset:0;width:100%;aspect-ratio:1;border:7px dotted color-mix(in srgb,var(--brand) 42%,var(--line));border-radius:50%;pointer-events:none}.counter{position:relative;z-index:1;width:83%;aspect-ratio:1;display:grid;place-content:center;justify-items:center;gap:.3rem;margin:0;padding:1rem;border:9px solid color-mix(in srgb,var(--brand) 18%,var(--surface));border-radius:50%;background:var(--brand);color:var(--on-brand);box-shadow:0 20px 48px color-mix(in srgb,var(--brand) 26%,transparent);user-select:none;-webkit-user-select:none;appearance:none;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.counter>*{pointer-events:none}.counter span{font-size:clamp(3.3rem,16vw,5.4rem);font-weight:800;line-height:1}.counter small{opacity:.85}.counter em{font-style:normal;opacity:.9}.counter strong{font-size:.78rem}.counter:active{transform:scale(.97)}.counter:disabled{opacity:.9;cursor:default}.completion-note{display:grid;gap:.1rem;width:min(100%,560px);padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--brand) 38%,var(--line));border-radius:16px;background:var(--brand-soft);color:var(--text);text-align:center}.completion-note[hidden]{display:none}.completion-note b{color:var(--brand)}.completion-note small{color:var(--muted)}.targets{justify-content:center;max-width:100%}.tasbih-actions{justify-content:center;padding-bottom:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.75rem}.stats div{display:grid;place-items:center;padding:.9rem;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.stats b{color:var(--brand);font-size:1.3rem}.stats small{color:var(--muted)}.prayer-times{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.8rem}.prayer-times div{display:grid;place-items:center;padding:1rem;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.prayer-times span{color:var(--brand);font-weight:800}.qibla-card{text-align:center;padding:1.1rem}.qibla-card canvas{width:min(72vw,260px);height:auto;margin:auto}.qibla-card p{color:var(--muted)}.settings-list{display:grid;gap:.7rem}.settings-list>label,.settings-install{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-align:right}.settings-list>label>span,.settings-install>span:first-child{display:grid}.settings-list small,.settings-install small{color:var(--muted)}.settings-list input[type=checkbox],.switch-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--brand)}.memorial-page .section-header{max-width:700px;margin:0 auto 1.15rem}.memorial-content{max-width:700px;margin-inline:auto}.memorial-opening{position:relative;overflow:hidden;text-align:center;padding:clamp(1.6rem,5vw,3rem) clamp(1.15rem,5vw,3.3rem) clamp(1.9rem,5vw,3.2rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.memorial-opening:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--brand)}.memorial-symbol{display:block;width:clamp(76px,22vw,104px);height:auto;margin:0 auto 1.35rem;border-radius:25%}.memorial-kicker,.dedication-label{margin:0;color:var(--brand);font-size:.84rem;font-weight:700;letter-spacing:.01em}.memorial-opening h2{margin:.4rem 0 .15rem;color:var(--text);font-family:Noto Naskh Arabic,serif;font-size:clamp(2rem,7vw,3.1rem);line-height:1.35}.memorial-date{margin:.1rem 0 1.55rem;color:var(--muted);font-size:.86rem}.memorial-intent{max-width:510px;margin:0 auto;color:var(--text);font-family:Noto Naskh Arabic,serif;font-size:clamp(1.03rem,3.5vw,1.18rem);line-height:2}.memorial-prayer{margin:1rem 0 0;padding:clamp(1.25rem,4vw,2rem);border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:var(--radius-lg);background:var(--brand-soft)}.prayer-heading{display:flex;align-items:center;gap:.85rem;text-align:right}.prayer-heading>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:14px;color:var(--brand);font-size:1.6rem}.prayer-heading small{color:var(--muted);font-size:.78rem}.prayer-heading h2{margin:.05rem 0;color:var(--brand-strong);font-size:1.18rem}.memorial-prayer>p{margin:1.2rem 0;color:var(--text);font-family:Noto Naskh Arabic,serif;font-size:clamp(1.15rem,4vw,1.4rem);line-height:1.9}.memorial-prayer button{min-height:44px}.bottom-nav{position:fixed;z-index:60;left:50%;bottom:max(.4rem,var(--safe-bottom));transform:translate(-50%);width:min(680px,calc(100% - 1rem - var(--safe-left) - var(--safe-right)));min-height:var(--nav-h);display:grid;grid-template-columns:repeat(5,1fr);padding:.4rem;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:var(--shadow-lg);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;place-items:center;align-content:center;gap:.1rem;border:0;border-radius:15px;background:transparent;color:var(--muted)}.bottom-nav button.active{background:var(--brand-soft);color:var(--brand)}.bottom-nav button>span{font-size:1.25rem}.bottom-nav small{font-size:.7rem}.audio-mini{position:fixed;z-index:70;bottom:calc(var(--nav-h) + var(--safe-bottom) + .85rem);width:min(420px,calc(100% - 1.5rem - var(--safe-left) - var(--safe-right)));min-height:var(--player-h);display:grid;grid-template-columns:44px 42px minmax(0,1fr) 44px;align-items:center;gap:.5rem;padding:.45rem .55rem;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:22px;background:var(--surface);box-shadow:var(--shadow-lg);transition:left .18s var(--ease),right .18s var(--ease),transform .18s var(--ease)}.audio-mini[data-snap=center]{left:50%;right:auto;transform:translate(-50%)}.audio-mini[data-snap=left]{left:max(.75rem,var(--safe-left));right:auto;transform:none}.audio-mini[data-snap=right]{right:max(.75rem,var(--safe-right));left:auto;transform:none}.audio-mini>img{width:42px;height:42px;border-radius:13px}.mini-copy{display:grid;min-width:0;text-align:right}.mini-copy b,.mini-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-copy b{font-size:.82rem}.mini-copy small{color:var(--muted);font-size:.68rem}.audio-mini>button{border:0;border-radius:14px;background:var(--brand-soft);color:var(--brand)}.drag-handle{display:grid;place-items:center;touch-action:none!important;cursor:grab}.drag-handle:active{cursor:grabbing}.drag-handle span{display:block;width:20px;height:4px;border-radius:999px;background:currentColor;box-shadow:0 -7px color-mix(in srgb,currentColor 45%,transparent),0 7px color-mix(in srgb,currentColor 45%,transparent)}.audio-mini[data-status=buffering]{border-color:var(--warning)}.audio-mini[data-status=error]{border-color:var(--danger)}.audio-mini[data-status=playing] .drag-handle span{animation:quiet-wave 1.9s ease-in-out infinite}@keyframes quiet-wave{50%{transform:scaleX(.66);opacity:.55}}.recitation-petals{position:fixed;inset:0;z-index:6;pointer-events:none;overflow:hidden}.recitation-petals[hidden]{display:none}.recitation-petals span{position:absolute;top:-2rem;width:10px;height:15px;border:1px solid color-mix(in srgb,var(--brand) 25%,transparent);border-radius:75% 15%;background:color-mix(in srgb,var(--brand) 16%,transparent);opacity:.23;animation:petal-fall 12s linear infinite}.recitation-petals span:nth-child(1){left:2%;animation-delay:-3s}.recitation-petals span:nth-child(2){right:3%;animation-delay:-7s;animation-duration:16s}.recitation-petals span:nth-child(3){left:6%;animation-delay:-11s;animation-duration:14s}@keyframes petal-fall{to{transform:translate3d(12px,110vh,0) rotate(100deg)}}@media(prefers-reduced-motion:reduce){.recitation-petals{display:none!important}.audio-mini[data-status=playing] .drag-handle span{animation:none}}dialog{padding:0;border:0;color:var(--text);background:transparent}dialog::backdrop{background:#0e0a148f;backdrop-filter:blur(2px)}.bottom-sheet{position:fixed;inset:auto 0 calc(var(--nav-h) + var(--safe-bottom) + 1rem) 0;width:min(640px,calc(100% - 1rem - var(--safe-left) - var(--safe-right)));max-width:none;max-height:calc(100dvh - var(--nav-h) - var(--safe-top) - var(--safe-bottom) - 2rem);margin:auto;overflow:visible}.sheet-card{max-height:inherit;overflow:auto;overscroll-behavior:contain;padding:1rem 1rem calc(1rem + var(--safe-bottom));border:1px solid var(--line);border-radius:28px 28px 20px 20px;background:var(--surface);box-shadow:var(--shadow-lg)}.sheet-grip{width:42px;height:5px;margin:0 auto .85rem;border-radius:999px;background:var(--line)}.player-header,.search-sheet>header,.sheet-card>header,.small-dialog header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.player-header img{width:56px;height:56px;border-radius:17px}.player-header>div{min-width:0;flex:1}.player-header h2{margin:.05rem 0;font-size:1rem}.player-header small,.player-header span{display:block;color:var(--muted);font-size:.72rem}.player-header [data-network=offline]{color:var(--warning)}.seek-field{display:block;margin-top:.8rem}.seek-field input{width:100%;min-height:44px;accent-color:var(--brand);direction:ltr}.audio-time{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem;direction:ltr}.transport-controls{display:flex;justify-content:center;align-items:center;gap:.75rem;margin:.65rem 0}.transport-controls button{width:50px;height:50px;border:1px solid var(--line);border-radius:50%;background:var(--surface-soft);font-size:1.3rem}.transport-controls .play-button{width:auto;min-width:120px;border-radius:999px;background:var(--brand);color:var(--on-brand);font-size:.92rem}.player-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.55rem;margin-top:.7rem}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);font-size:.76rem}.repeat-range{display:grid;gap:.6rem;margin-top:.65rem;padding:.75rem;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}.repeat-range>div:first-child{display:grid}.repeat-range small{color:var(--muted)}.repeat-range>div:last-child{display:flex;gap:.4rem;flex-wrap:wrap}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.75rem}.small-dialog{position:fixed;inset:0;width:min(460px,calc(100% - 1.5rem));margin:auto}.small-dialog>section{padding:1rem;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-lg)}.small-dialog h2{margin:0}.small-dialog .field{margin:.9rem 0}.small-dialog .primary-button{width:100%}.install-steps{display:grid;gap:.8rem;padding-right:1.4rem}.install-steps li{padding-right:.25rem}.search-dialog{z-index:120}.search-sheet{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:.75rem}.search-sheet h2{margin:0}.search-sheet header small{color:var(--muted)}.search-field{display:grid;grid-template-columns:34px 1fr 42px;align-items:center;gap:.3rem;padding:.35rem .5rem;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}.search-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}.search-field input{min-height:44px;border:0;outline:0;background:transparent}.search-field>button{border:0;border-radius:12px;background:var(--surface);color:var(--muted)}.search-meta{display:flex;justify-content:space-between;gap:.8rem;color:var(--muted);font-size:.74rem}.search-meta output{color:var(--brand);font-weight:800}.search-results{display:grid;gap:.75rem;overflow:auto;min-height:140px;max-height:min(56dvh,520px)}.search-category{display:grid;gap:.45rem}.search-category>header{display:flex;justify-content:space-between;align-items:center;padding:.15rem .1rem}.search-category h3{margin:0;font-size:.9rem}.search-category header span{color:var(--muted);font-size:.72rem}.search-result{width:100%;display:grid;gap:.15rem;padding:.75rem .8rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:right}.search-result small{color:var(--brand);font-weight:800}.search-result mark{padding:0 .08rem;border-radius:4px;background:color-mix(in srgb,var(--warning) 25%,transparent);color:inherit}.show-more{justify-self:start;border:0;background:transparent;color:var(--brand);font-weight:800}.search-empty{padding:2rem 1rem;text-align:center;color:var(--muted)}.journey-shortcuts,.journey-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-4)}.journey-panel{display:grid;gap:var(--space-4);max-width:720px;margin-inline:auto}.journey-panel .field{max-width:100%}.journey-panel .notice{margin:0}.journey-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.reader.practice-hidden .ayah>span:first-child{filter:blur(9px);user-select:none;pointer-events:none}.reader.practice-hidden .ayah-actions{display:none}@media(max-width:400px){.journey-fields{grid-template-columns:1fr}}.toast{position:fixed;z-index:170;left:50%;bottom:calc(var(--nav-h) + var(--player-h) + var(--safe-bottom) + 1.6rem);transform:translate(-50%,16px);width:max-content;max-width:min(92vw,480px);padding:.75rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .18s var(--ease),transform .18s var(--ease);text-align:center}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:820px){.feature-grid,.surah-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid{grid-template-columns:1fr}.install-card{grid-template-columns:56px 1fr}.install-card>img{width:56px;height:56px}.install-actions{grid-column:1/-1;justify-content:flex-end}.toolbar,.player-options{grid-template-columns:1fr}.bottom-sheet{inset:auto 0 calc(var(--nav-h) + var(--safe-bottom) + .8rem) 0}.sheet-actions{grid-template-columns:1fr}}@media(max-width:560px){.brand-button small{display:none}.app-header{padding-inline:.6rem}.header-actions{gap:0}.header-actions .icon-button{width:44px}.feature-grid button{min-height:110px}.memorial-card{grid-template-columns:54px minmax(0,1fr)}.memorial-card img{width:54px}.memorial-card>.memorial-link{grid-column:1/-1;width:100%;justify-content:space-between}.audio-entry-card{grid-template-columns:48px 1fr}.audio-entry-card img{width:48px;height:48px}.audio-entry-card>.primary-button{grid-column:1/-1;width:100%}.prayer-times{grid-template-columns:repeat(2,1fr)}.search-launch{grid-template-columns:44px 1fr}.search-launch>span:last-child{display:none}.bottom-nav{width:calc(100% - .75rem - var(--safe-left) - var(--safe-right));border-radius:19px}.bottom-nav small{font-size:.64rem}.bottom-sheet{width:calc(100% - .75rem - var(--safe-left) - var(--safe-right))}.sheet-card{border-radius:24px 24px 16px 16px}.audio-mini{width:calc(100% - 1rem - var(--safe-left) - var(--safe-right));bottom:calc(var(--nav-h) + var(--safe-bottom) + .7rem)}.audio-mini[data-snap=left]{left:max(.5rem,var(--safe-left))}.audio-mini[data-snap=right]{right:max(.5rem,var(--safe-right))}}@media(max-width:360px){main{padding-inline:.65rem}.brand-button img{width:42px;height:42px}.brand-button b{font-size:.92rem}.feature-grid{gap:.55rem}.feature-grid button{padding:.75rem}.surah-list{grid-template-columns:1fr}.chips{gap:.5rem}.chips button{min-inline-size:3.75rem;min-height:46px;padding:.6rem .9rem;font-size:.88rem}.stats{gap:.4rem}.stats div{padding:.7rem}.counter-phrase{font-size:.77rem}.audio-mini{grid-template-columns:40px 38px minmax(0,1fr) 42px;gap:.35rem;padding:.4rem}.audio-mini>img{width:38px;height:38px}.mini-copy b{font-size:.76rem}.mini-copy small{font-size:.62rem}.repeat-range>div:last-child{display:grid}.repeat-range button{width:100%}}@media(max-width:320px){.header-actions .icon-button{width:44px;min-width:44px}.brand-button{gap:.4rem}.brand-button img{width:40px;height:40px}.brand-button span small{display:none}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid button{min-height:104px}.bottom-nav button>span{font-size:1.1rem}.bottom-nav small{font-size:.6rem}.audio-mini{width:calc(100% - .75rem - var(--safe-left) - var(--safe-right));grid-template-columns:38px 44px minmax(0,1fr) 44px}.audio-mini>img{width:36px;height:36px}.drag-handle{min-width:44px;width:44px}.player-header img{width:50px;height:50px}.transport-controls{gap:.45rem}.transport-controls .play-button{min-width:104px}}@media(min-width:1024px){.feature-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.feature-grid button{min-height:132px}.bottom-nav{bottom:1rem}.audio-mini{bottom:calc(var(--nav-h) + 1.5rem + var(--safe-bottom))}.bottom-sheet{bottom:calc(var(--nav-h) + 1.6rem + var(--safe-bottom))}}@media(orientation:landscape)and (max-height:560px){main{padding-bottom:calc(var(--nav-h) + var(--player-h) + 1rem)}.bottom-sheet{max-height:calc(100dvh - var(--nav-h) - 1rem)}.sheet-card{padding-block:.7rem}.player-header img{width:46px;height:46px}.repeat-range{margin-top:.4rem}.transport-controls{margin:.35rem 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app-header{box-shadow:0 8px 30px -28px var(--text)}.utility-button{border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 4px 12px -10px var(--text);transition:background .25s var(--ease),transform .25s var(--ease),border-color .25s var(--ease)}.utility-button:hover{transform:translateY(-2px);border-color:var(--brand);background:var(--brand-soft)}.utility-button svg{width:21px;height:21px}.language-button{font-size:.71rem;font-family:Inter,Arial,sans-serif;font-weight:850;letter-spacing:.02em;color:var(--brand)}.bottom-nav{gap:.16rem;padding:.42rem .5rem;border-color:color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:25px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 15px 40px -26px color-mix(in srgb,var(--brand) 60%,transparent),0 3px 12px -9px var(--text)}.bottom-nav button{position:relative;min-width:0;gap:.14rem;transition:color .22s var(--ease),background .22s var(--ease),transform .22s var(--ease)}.bottom-nav button:hover{transform:translateY(-2px);color:var(--brand)}.bottom-nav button.active{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 15%,var(--surface)),var(--brand-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 15%,transparent)}.bottom-nav button.active:before{content:"";position:absolute;top:3px;width:17px;height:2px;border-radius:99px;background:var(--accent)}.bottom-nav .nav-symbol{width:29px;height:28px;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.42rem;line-height:1}.bottom-nav .nav-symbol svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.bottom-nav button.active .nav-symbol svg{stroke-width:2}.bottom-nav small{font-size:.69rem;font-weight:750;white-space:nowrap}.player-launcher{position:fixed;z-index:68;inset-inline-end:max(1rem,var(--safe-right));bottom:calc(var(--nav-h) + var(--safe-bottom) + 1.45rem);display:grid;justify-items:end;gap:.7rem;opacity:1;transform:translateY(0) scale(1);transition:opacity .32s var(--ease),transform .32s var(--ease);pointer-events:auto}.player-launcher.has-player{bottom:calc(var(--nav-h) + var(--player-h) + var(--safe-bottom) + 1.5rem)}.player-launcher-button{position:relative;isolation:isolate;display:grid;place-items:center;width:58px;height:58px;padding:0;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--brand));border-radius:50%;background:linear-gradient(150deg,#310e6d,#0b463b 72%);color:#f7f3e6;box-shadow:0 13px 27px -10px color-mix(in srgb,var(--brand) 65%,transparent),inset 0 1px 1px #ffffff50;transition:transform .28s var(--ease),box-shadow .28s var(--ease)}.player-launcher-button:hover,.player-launcher-button[aria-expanded=true]{transform:translateY(-3px) scale(1.04);box-shadow:0 19px 35px -13px var(--brand)}.player-launcher-button:active{transform:scale(.94)}.player-launcher-button .launcher-icon{position:relative;z-index:1;width:28px;height:28px;color:currentColor;pointer-events:none}.player-glyph{width:30px;height:30px;filter:drop-shadow(0 2px 3px #002e2460)}.player-wave,.player-wave:before,.player-wave:after{position:absolute;inset:-1px;border:1px solid color-mix(in srgb,var(--accent) 68%,var(--brand));border-radius:50%;pointer-events:none}.player-wave:before,.player-wave:after{content:"";inset:0;opacity:0}.player-launcher[data-status=playing] .player-wave:before{animation:launcher-wave 2.4s ease-out infinite}.player-launcher[data-status=playing] .player-wave:after{animation:launcher-wave 2.4s ease-out 1.2s infinite}@keyframes launcher-wave{0%{opacity:.65;transform:scale(1)}75%,to{opacity:0;transform:scale(1.65)}}.player-menu{width:min(285px,calc(100vw - 2rem));padding:.75rem;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:22px;background:var(--surface);box-shadow:0 25px 60px -30px var(--text),0 9px 24px -18px var(--brand);animation:menu-reveal .24s var(--ease)}.player-menu[hidden]{display:none}.player-menu>strong{display:block;padding:.45rem .65rem .65rem;color:var(--brand);font-size:.85rem}.player-menu button{width:100%;min-height:54px;display:flex;align-items:center;gap:.65rem;padding:.55rem;border:0;border-radius:14px;background:transparent;text-align:start}.player-menu button:hover,.player-menu button:focus-visible{background:var(--brand-soft)}.player-menu button>span:first-child{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;color:var(--brand);font-family:Georgia,serif;font-size:1.2rem}.player-menu button>span:last-child{display:grid;line-height:1.35;font-size:.85rem;font-weight:800}.player-menu small{margin-top:.22rem;color:var(--muted);font-size:.68rem;font-weight:500}@keyframes menu-reveal{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}html[lang=en] .app-header,html[lang=en] .bottom-nav,html[lang=en] .player-menu{direction:ltr}html[lang=en] .brand-button,html[lang=en] .search-launch,html[lang=en] .feature-grid button,html[lang=en] .continue-card,html[lang=en] .mini-copy{text-align:left}html[lang=en] .quran-text,html[lang=en] .ayah-text,html[lang=en] .memorial-dedication,html[lang=en] .story-reader,html[lang=en] .tasbih-phrase,html[lang=en] .text-list article{direction:rtl;text-align:right}html[lang=en] [data-sacred]{direction:rtl;unicode-bidi:isolate}@media(min-width:1024px){.feature-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:560px){.header-actions{gap:.12rem}.header-actions .utility-button{width:44px;min-width:44px;height:44px;min-height:44px}.bottom-nav{padding:.35rem .28rem}.bottom-nav button{border-radius:15px}.bottom-nav small{font-size:clamp(.55rem,2.55vw,.67rem)}.player-launcher{inset-inline-end:max(.8rem,var(--safe-right));bottom:calc(var(--nav-h) + var(--safe-bottom) + 1.2rem)}.player-launcher-button{width:54px;height:54px}}@media(prefers-reduced-motion:reduce){.player-launcher[data-status=playing] .player-wave:before,.player-launcher[data-status=playing] .player-wave:after{animation:none}}.story-video-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:1.15rem;align-items:start;margin:1.1rem 0 1.25rem;padding:clamp(1rem,4vw,1.6rem);border:1px solid color-mix(in srgb,var(--brand) 26%,var(--line));border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--brand-soft),var(--surface) 78%);box-shadow:var(--shadow-sm)}.story-video-mark{display:grid;place-items:center;width:74px;height:74px;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:21px;background:var(--surface);color:var(--brand-strong)}.story-video-mark svg{width:42px;height:42px}.story-video-card small{color:var(--brand);font-weight:800}.story-video-card h2{margin:.1rem 0 .35rem;font-family:Noto Naskh Arabic,serif;font-size:clamp(1.35rem,5vw,1.8rem)}.story-video-card p{margin:0 0 1rem;color:var(--muted);font-size:.93rem}.story-series,.story-video-shell,.story-video-note{grid-column:1/-1}.story-series{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.story-series-button{display:grid;gap:.1rem;min-width:0;min-height:70px;padding:.8rem 1rem;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-align:start;transition:border-color .2s var(--ease),transform .2s var(--ease),background .2s var(--ease)}.story-series-button:hover{transform:translateY(-2px);border-color:var(--brand)}.story-series-button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.story-series-button b{color:var(--brand-strong)}.story-series-button small{color:var(--muted);font-size:.76rem;font-weight:500}.story-video-shell{display:grid;gap:.7rem}.story-video-shell[hidden]{display:none}.story-video-shell iframe{display:block;width:100%;aspect-ratio:16/9;min-height:200px;border:0;border-radius:18px;background:#150f1e}.story-video-shell button{justify-self:end}html.video-open .bottom-nav{display:none}.story-video-note{margin:0!important;color:var(--muted);font-size:.79rem!important}.story-episodes{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-height:min(48vh,440px);overflow:auto;overscroll-behavior:contain;padding:.25rem}.story-episodes[hidden]{display:none}.story-episode{display:grid;gap:.15rem;align-content:center;min-width:0;min-height:54px;padding:.6rem .75rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:start;color:var(--text)}.story-episode span{font-size:.74rem;color:var(--brand);font-weight:800}.story-episode b{overflow-wrap:anywhere;font-size:.86rem;line-height:1.45}.story-episode[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}@media(max-width:560px){.story-episodes{grid-template-columns:1fr;max-height:38vh}}@media(max-width:560px){.story-video-card{grid-template-columns:54px minmax(0,1fr);gap:.8rem}.story-video-mark{width:54px;height:54px;border-radius:16px}.story-video-mark svg{width:34px;height:34px}.story-series{grid-template-columns:1fr}.story-video-shell iframe{min-height:170px}}.story-video-shell iframe[hidden]{display:none}.icon-update-dialog{z-index:180;width:min(460px,calc(100% - 1.5rem))}.icon-update-dialog::backdrop{background:#0b0418c7;backdrop-filter:blur(3px)}.icon-update-dialog>section{display:flex;flex-direction:column;gap:0;max-height:calc(100dvh - 2rem);padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 62%,var(--line));border-radius:26px;background:var(--surface);box-shadow:0 28px 80px #0000006b}.icon-update-header{display:flex;align-items:center;gap:.85rem;padding:1.2rem 1.2rem 1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 14%,var(--surface)),var(--surface));border-bottom:1px solid var(--line)}.icon-update-header img{width:64px;height:64px;flex:none;border-radius:16px;box-shadow:var(--shadow-sm)}.icon-update-header h2{margin:.25rem 0 0;font-size:1.22rem;line-height:1.35}.icon-update-kicker{color:var(--brand-strong);font-size:.78rem;font-weight:800}.icon-update-copy{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 1.2rem;line-height:1.65;scrollbar-width:thin}.icon-update-copy p{margin:.9rem 0;font-size:.91rem}.icon-update-future{padding:.8rem .9rem;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:15px;background:var(--brand-soft)}.icon-update-future strong{color:var(--brand-strong);font-size:.94rem}.icon-update-future p{margin:.45rem 0 0}.icon-update-promise{padding:.7rem .85rem;border-inline-start:3px solid var(--accent);background:var(--surface-soft);border-radius:8px;font-weight:700}.icon-update-prayer{color:var(--muted);font-size:.85rem!important}#iconUpdateInstructions{padding:.75rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.icon-update-actions{flex:none;display:grid;gap:.4rem;padding:.8rem 1.2rem 1rem;border-top:1px solid var(--line);background:var(--surface)}.icon-update-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.icon-update-actions button{min-height:44px;padding:.5rem .65rem;border-radius:12px;font:inherit;font-size:.85rem;font-weight:750;cursor:pointer}.icon-update-main-actions .primary-button{background:var(--brand);color:var(--on-brand);border:1px solid var(--brand)}.icon-update-main-actions .secondary-button{background:var(--surface);color:var(--text);border:1px solid var(--line)}.icon-update-alt-actions{display:flex;justify-content:space-between;gap:.5rem}.icon-update-alt-actions .text-button{padding-inline:.1rem;background:transparent;color:var(--muted);border:0;font-size:.76rem;font-weight:650}.icon-update-actions button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media(max-width:360px){.icon-update-header{padding:1rem}.icon-update-copy,.icon-update-actions{padding-inline:1rem}.icon-update-header img{width:52px;height:52px}.icon-update-header h2{font-size:1.08rem}.icon-update-main-actions{grid-template-columns:1fr}}.player-menu{width:min(340px,calc(100vw - 1.5rem));padding:.7rem;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.player-menu-heading{display:grid;gap:.12rem;padding:.45rem .65rem .7rem;border-bottom:1px solid var(--line)}.player-menu-heading small{color:var(--muted);font-size:.68rem;font-weight:700}.player-menu-heading strong{color:var(--brand-strong);font-size:1rem}.player-menu-section{display:block;padding:.75rem .65rem .32rem;color:var(--muted);font-size:.68rem;font-weight:800}}@layer states{html.dark{--bg:oklch(.16 .025 155);--surface:oklch(.205 .025 155);--surface-soft:oklch(.245 .03 155);--surface-strong:oklch(.285 .035 155);--text:oklch(.95 .012 105);--muted:oklch(.74 .018 120);--brand:oklch(.72 .09 155);--brand-strong:oklch(.82 .07 150);--brand-soft:oklch(.26 .035 155);--gold:oklch(.76 .085 80);--line:color-mix(in srgb,var(--text) 13%,transparent);--on-brand:oklch(.15 .02 155)}body{font-family:var(--font-ui);background:var(--bg)}.page{animation:pageIn var(--motion-normal) var(--ease-standard)}.card,.feature-grid button,.text-list article,.surah-list button{box-shadow:none}.primary-button,.secondary-button,.text-button,.danger-button,.retry-button,.icon-button,.field input,.field select{border-radius:var(--radius-control)}.primary-button{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:none}.primary-button:hover{background:var(--brand-strong)}.secondary-button:hover,.icon-button:hover{background:var(--brand-soft);box-shadow:none;transform:none}button:hover{transform:none}.app-header{background:color-mix(in srgb,var(--bg) 92%,transparent);box-shadow:none}.brand-button img{border-radius:var(--radius-control)}main{padding-bottom:calc(var(--nav-h) + var(--player-h) + var(--space-8) + var(--safe-bottom))}.home-hero{padding:clamp(1rem,4vw,2rem) 0 var(--space-8);text-align:center}.home-hero .eyebrow{color:var(--muted);font-size:var(--text-sm)}.home-brand-mark{width:54px;height:54px;margin:var(--space-4) auto var(--space-3);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:50%;display:grid;place-items:center}.home-brand-mark span{width:22px;height:22px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 0 7px color-mix(in srgb,var(--gold) 8%,transparent)}.home-hero h1{margin:0;font-size:var(--text-display);line-height:1.1;color:var(--brand-strong);font-family:var(--font-reading)}.hero-subtitle{margin:var(--space-2) auto var(--space-6);color:var(--muted);font-size:var(--text-md)}.verified-ayah{max-width:46rem;margin:0 auto;padding:var(--space-5) var(--space-4);border-block:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));background:transparent}.verified-ayah p{margin:0;font-family:var(--font-quran);font-size:clamp(1.45rem,4vw,2rem);line-height:2;color:var(--text)}.verified-ayah cite{display:block;margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm);font-style:normal}.search-launch{box-shadow:none;border-radius:var(--radius-card);background:var(--surface)}.context-section,.flat-section{margin-top:var(--space-10);padding:0;border:0;background:transparent;box-shadow:none}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.section-heading h2{margin:0;font-size:var(--text-xl);line-height:1.3}.section-heading small{color:var(--muted)}.wird-now{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-6);border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:var(--radius-card);background:var(--brand-soft);box-shadow:var(--shadow-2)}.wird-now h3{margin:.15rem 0;font-size:var(--text-xl);color:var(--brand-strong)}.wird-now p{margin:.25rem 0 0;color:var(--muted)}.continue-line,.resume-reading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-3);padding:var(--space-4) 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:start;color:var(--text)}.continue-line span:first-child,.resume-reading span:nth-child(2){display:grid;gap:2px}.continue-line small,.resume-reading small{color:var(--muted)}.resume-reading{min-height:88px;margin-top:0;border-block:1px solid var(--line)}.resume-ornament{display:grid;place-items:center;width:44px;height:44px;color:var(--gold);font-size:1.5rem}.memorial-dua{max-width:50rem;margin:0;padding:var(--space-5) 0;border-block:1px solid color-mix(in srgb,var(--gold) 26%,var(--line));font-family:var(--font-reading);font-size:clamp(1.2rem,3vw,1.55rem);line-height:2}.prayer-story-rail{display:flex;gap:var(--space-4);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-2);padding:var(--space-2) 0 var(--space-4);scrollbar-width:thin}.prayer-story{flex:0 0 min(82vw,340px);min-height:210px;display:flex;flex-direction:column;justify-content:end;padding:var(--space-6);border:1px solid color-mix(in srgb,var(--gold) 18%,var(--line));border-radius:var(--radius-card);scroll-snap-align:start;background:linear-gradient(145deg,var(--surface-soft),var(--surface));box-shadow:none}.prayer-story small{color:var(--gold);font-weight:700}.prayer-story p{margin:var(--space-3) 0 0;font-family:var(--font-reading);font-size:1.15rem;line-height:2}.scene-dawn{background:linear-gradient(150deg,color-mix(in srgb,var(--gold) 7%,var(--surface)),var(--surface))}.scene-rain{background:linear-gradient(150deg,color-mix(in srgb,var(--brand) 7%,var(--surface)),var(--surface))}.scene-olive{background:linear-gradient(150deg,var(--brand-soft),var(--surface))}.scene-moon{background:linear-gradient(150deg,color-mix(in srgb,var(--text) 5%,var(--surface)),var(--surface))}.prayer-home{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-6);border-block:1px solid var(--line)}.prayer-primary h2{margin:.2rem 0;font-size:var(--text-2xl);color:var(--brand-strong)}.prayer-primary p{margin:0;color:var(--muted)}.quick-access-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.quick-access-grid button{display:grid;gap:var(--space-2);min-height:112px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);text-align:start;box-shadow:none}.quick-access-grid button>span{color:var(--brand);font-size:1.35rem}.quick-access-grid small{color:var(--muted)}.home-more{margin-top:var(--space-8);border-top:1px solid var(--line);padding-top:var(--space-4)}.home-more summary{min-height:44px;display:flex;align-items:center;color:var(--muted);cursor:pointer}.more-inline-grid,.more-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.more-inline-grid button,.more-menu button{min-height:64px;padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--line);background:transparent;text-align:start}.more-menu button{display:grid;gap:2px}.more-menu small{color:var(--muted)}.baqarah-continuous{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5) 0;border-block:1px solid var(--line);background:transparent}.baqarah-continuous h2,.baqarah-continuous p{margin:.1rem 0}.baqarah-continuous p,.baqarah-continuous small{color:var(--muted)}.reader{max-width:46rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem);background:var(--bg);box-shadow:none}.reader>header{position:sticky;top:calc(var(--header-h) + var(--safe-top));z-index:8;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.ayah{position:relative;margin:0;padding:1.4rem .25rem;border:0;border-bottom:1px solid color-mix(in srgb,var(--brand) 10%,transparent);border-radius:0;background:transparent;box-shadow:none;font-family:var(--font-quran);font-size:clamp(1.7rem,4vw,2.35rem);line-height:2.25}.ayah-text b{display:inline-grid;place-items:center;min-width:2rem;height:2rem;margin-inline:.3rem;border:1px solid color-mix(in srgb,var(--gold) 60%,var(--line));border-radius:50%;color:var(--brand-strong);font-family:var(--font-ui);font-size:.72rem;vertical-align:middle}.ayah-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-standard)}.ayah:is(:hover,:focus-within),.ayah[data-selected=true]{background:color-mix(in srgb,var(--brand) 2%,transparent)}.ayah:is(:hover,:focus-within) .ayah-actions,.ayah[data-selected=true] .ayah-actions{opacity:1;pointer-events:auto}.ayah-actions button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);box-shadow:none}.bottom-dock{position:fixed;z-index:65;inset-inline:0;bottom:0;padding-bottom:var(--safe-bottom);background:color-mix(in srgb,var(--surface) 96%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(18px)}.bottom-dock .bottom-nav{position:static;inset:auto;transform:none;width:100%;max-width:none;min-height:var(--nav-h);border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.bottom-dock .audio-mini{position:static;inset:auto;transform:none;width:100%;max-width:none;min-height:56px;margin:0;padding:var(--space-2) max(var(--space-4),var(--safe-right)) var(--space-2) max(var(--space-4),var(--safe-left));border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:none}.bottom-dock .audio-mini img,.drag-handle{display:none!important}.bottom-dock .audio-mini:hover{transform:none}.bottom-dock .audio-mini[data-status=playing]{box-shadow:none}@keyframes chatDot{0%,70%,to{transform:translateY(0);opacity:.3}35%{transform:translateY(-4px);opacity:.9}}.audio-entry-card,.prayer-summary{box-shadow:none}.tasbih-counter,.counter-button{box-shadow:none!important}}@layer responsive{@media(max-width:600px){.wird-now,.prayer-home,.baqarah-continuous{align-items:stretch;flex-direction:column}.quick-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.more-inline-grid,.more-menu{grid-template-columns:1fr}.home-hero h1{font-size:clamp(2.45rem,13vw,3.8rem)}.ayah-actions{opacity:1;pointer-events:auto}}@media(min-width:1024px){:root{--rail-w:104px;--nav-h:0px;--player-h:0px}body{padding-inline-start:var(--rail-w)}[dir=rtl] body{padding-inline-start:0;padding-inline-end:var(--rail-w)}main{padding-bottom:var(--space-12);max-width:calc(var(--content-max) + 4rem)}.bottom-dock{inset-block:0;inset-inline-start:0;inset-inline-end:auto;width:var(--rail-w);padding:var(--safe-top) 0 var(--safe-bottom);display:flex;flex-direction:column;background:var(--surface);border-top:0;border-inline-end:1px solid var(--line)}[dir=rtl] .bottom-dock{inset-inline-start:auto;inset-inline-end:0;border-inline-end:0;border-inline-start:1px solid var(--line)}.bottom-dock .bottom-nav{height:100%;display:flex;flex-direction:column;justify-content:center;padding:var(--space-4) var(--space-2);gap:var(--space-2)}.bottom-nav button{width:100%;min-height:64px;flex:0 0 auto;border-radius:var(--radius-control)}.bottom-dock .audio-mini{position:fixed;left:50%;right:auto;bottom:var(--space-4);width:min(620px,calc(100vw - var(--rail-w) - 3rem));transform:translate(-50%);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-2)}[dir=rtl] .bottom-dock .audio-mini{left:calc(50% - var(--rail-w)/2)}[dir=ltr] .bottom-dock .audio-mini{left:calc(50% + var(--rail-w)/2)}.prayer-story{flex-basis:min(34vw,360px)}.quick-access-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.prayer-story-rail{scroll-behavior:auto}}}@layer components{.wird-intro{position:fixed;inset:0;z-index:300;display:grid;place-items:center;min-width:0;min-height:100dvh;padding:max(var(--safe-top),var(--space-4)) max(var(--safe-right),var(--space-4)) max(var(--safe-bottom),var(--space-4)) max(var(--safe-left),var(--space-4));overflow:hidden;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--gold) 11%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--brand-strong) 88%,black),color-mix(in srgb,var(--brand) 62%,black));color:color-mix(in srgb,var(--surface) 92%,var(--gold));opacity:1;transition:opacity var(--motion-slow) var(--ease-standard)}.wird-intro[hidden]{display:none!important}.wird-intro.is-leaving{opacity:0;pointer-events:none}.wird-intro:after{content:"";position:absolute;inset:-20%;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 42%,color-mix(in srgb,var(--gold) 12%,transparent) 50%,transparent 58%);transform:translate(-45%)}.wird-intro[data-stage=sweep]:after{opacity:.8;animation:wirdIntroSweep .9s ease-out forwards}.wird-intro-pattern{position:absolute;inset:0;opacity:0;pointer-events:none;background:linear-gradient(30deg,transparent 24%,color-mix(in srgb,var(--gold) 8%,transparent) 25%,transparent 26% 74%,color-mix(in srgb,var(--gold) 8%,transparent) 75%,transparent 76%),linear-gradient(150deg,transparent 24%,color-mix(in srgb,var(--gold) 8%,transparent) 25%,transparent 26% 74%,color-mix(in srgb,var(--gold) 8%,transparent) 75%,transparent 76%);background-size:72px 124px;transition:opacity .9s var(--ease-standard)}.wird-intro[data-stage=pattern] .wird-intro-pattern,.wird-intro[data-stage=dua] .wird-intro-pattern,.wird-intro[data-stage=mercy] .wird-intro-pattern,.wird-intro[data-stage=sweep] .wird-intro-pattern{opacity:.34}.wird-intro-inner{position:relative;z-index:1;width:min(680px,100%);display:grid;justify-items:center;gap:var(--space-3);text-align:center}.wird-intro-mark{width:68px;height:68px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 42%,transparent);border-radius:50%;color:var(--gold);font-family:var(--font-reading);font-size:2rem;opacity:.2;transform:scale(.94);transition:opacity .9s var(--ease-standard),transform .9s var(--ease-standard)}.wird-intro[data-stage=brand] .wird-intro-mark,.wird-intro[data-stage=pattern] .wird-intro-mark,.wird-intro[data-stage=dua] .wird-intro-mark,.wird-intro[data-stage=mercy] .wird-intro-mark,.wird-intro[data-stage=sweep] .wird-intro-mark{opacity:1;transform:none}.wird-intro-kicker{margin:0;color:var(--gold);font-size:var(--text-sm);font-weight:800;letter-spacing:.06em;opacity:0}.wird-intro h1{margin:0;font-family:var(--font-reading);font-size:clamp(2.3rem,9vw,4.5rem);line-height:1.2;opacity:0;transform:translateY(8px);transition:opacity .8s var(--ease-standard),transform .8s var(--ease-standard)}.wird-intro-subtitle{margin:0;color:color-mix(in srgb,var(--surface) 78%,var(--gold));font-size:var(--text-md);opacity:0}.wird-intro[data-stage=brand] :is(.wird-intro-kicker,h1,.wird-intro-subtitle),.wird-intro[data-stage=pattern] :is(.wird-intro-kicker,h1,.wird-intro-subtitle),.wird-intro[data-stage=dua] :is(.wird-intro-kicker,h1,.wird-intro-subtitle),.wird-intro[data-stage=mercy] :is(.wird-intro-kicker,h1,.wird-intro-subtitle),.wird-intro[data-stage=sweep] :is(.wird-intro-kicker,h1,.wird-intro-subtitle){opacity:1;transform:none}.wird-intro-dua{margin:var(--space-4) 0 0;max-width:38rem;padding:0;border:0;color:color-mix(in srgb,var(--surface) 94%,var(--gold));font-family:var(--font-reading);font-size:clamp(1.15rem,4vw,1.55rem);line-height:2;opacity:0;transform:translateY(8px);transition:opacity .9s var(--ease-standard),transform .9s var(--ease-standard)}.wird-intro[data-stage=dua] .wird-intro-dua,.wird-intro[data-stage=mercy] .wird-intro-dua,.wird-intro[data-stage=sweep] .wird-intro-dua{opacity:1;transform:none}.wird-intro-mercy{margin:var(--space-3) 0 0;color:var(--gold);font-family:var(--font-reading);font-size:clamp(1rem,3.4vw,1.3rem);line-height:1.8;opacity:0;transition:opacity .8s var(--ease-standard)}.wird-intro[data-stage=mercy] .wird-intro-mercy,.wird-intro[data-stage=sweep] .wird-intro-mercy{opacity:1}.wird-intro-progress{width:min(360px,82vw);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.wird-intro-progress>span{height:3px;border-radius:999px;background:linear-gradient(90deg,var(--gold) var(--intro-progress,0%),color-mix(in srgb,var(--gold) 18%,transparent) var(--intro-progress,0%))}.wird-intro-progress output{min-width:2.2ch;color:color-mix(in srgb,var(--surface) 82%,var(--gold));font-size:var(--text-xs);font-variant-numeric:tabular-nums}html.intro-open{overflow:hidden}@keyframes wirdIntroSweep{0%{transform:translate(-45%)}to{transform:translate(45%)}}}@layer responsive{@media(prefers-reduced-motion:reduce){.wird-intro{transition:none}.wird-intro:after,.wird-intro-pattern{animation:none!important;transition:none}.wird-intro.is-reduced :is(.wird-intro-mark,.wird-intro-kicker,h1,.wird-intro-subtitle,.wird-intro-dua){opacity:1;transform:none;transition:none}.wird-intro.is-reduced .wird-intro-mercy{display:none}}@media(max-width:420px){.wird-intro-inner{gap:var(--space-2)}.wird-intro-mark{width:58px;height:58px}.wird-intro-dua{font-size:1.05rem;line-height:1.9}}}@layer components{.wird-intro.is-short .wird-intro-pattern{opacity:.18}.wird-intro.is-short :is(.wird-intro-mark,.wird-intro-kicker,h1,.wird-intro-subtitle){opacity:1;transform:none;transition-duration:var(--motion-normal)}.wird-intro.is-short :is(.wird-intro-dua,.wird-intro-mercy){display:none}}@layer components{.sacred-architecture{display:block;width:100%;height:100%;min-height:0;object-fit:contain}:root{--line:color-mix(in srgb,var(--brand) 14%,transparent);--radius-control:12px;--radius-card:20px;--radius-panel:28px;--space-section:24px;--space-card:16px}.card,.text-list article,.feature-grid button,.surah-list button{border-radius:var(--radius-card)}.section-label{margin-block:var(--space-section) var(--space-3);line-height:1.5}.field>span,.section-header small,.welcome-block>p:last-child{line-height:1.7}@media(max-width:600px){.sacred-architecture{object-fit:contain}}@media(prefers-reduced-motion:reduce){.page{animation:none}}}@layer components{.wird-intro-pattern{display:grid;place-items:center;overflow:hidden;opacity:1;background:radial-gradient(ellipse at 50% 44%,color-mix(in srgb,var(--gold) 9%,transparent),transparent 54%),linear-gradient(180deg,#0d051c,#120824)}.wird-intro-pattern .sacred-architecture{position:absolute;inset:50% auto auto 50%;width:min(100vw,560px);height:min(82dvh,680px);max-width:100%;transform:translate(-50%,-50%);opacity:.52;filter:saturate(.88)}.wird-intro-inner{width:min(620px,100%);gap:clamp(.45rem,1.8vh,.9rem);padding-block:clamp(.35rem,2vh,1rem)}.wird-intro-reading{width:100%;max-height:min(76dvh,760px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--gold) 42%,transparent) transparent;padding:clamp(.85rem,3vw,1.4rem);border:1px solid color-mix(in srgb,var(--gold) 32%,transparent);border-radius:26px;background:linear-gradient(180deg,#0f0520ad,#0a0316d1);box-shadow:0 22px 65px #0000002e,inset 0 0 0 1px #fff1c909;backdrop-filter:blur(3px)}.wird-intro-mark{width:clamp(48px,9vw,64px);height:clamp(48px,9vw,64px);margin-inline:auto;box-shadow:0 0 0 7px #d9b56b0b,0 0 30px #d9b56b17}.wird-intro-kicker{margin:.4rem 0 0;font-size:clamp(.82rem,2.5vw,.98rem);letter-spacing:.12em}.wird-intro h1{font-size:clamp(2rem,7vw,3.7rem);text-shadow:0 3px 24px rgb(0 0 0 / .24)}.wird-intro-subtitle{font-size:clamp(.9rem,2.7vw,1.05rem)}.wird-intro-dua{margin:clamp(.7rem,2vh,1.1rem) auto 0;font-size:clamp(1rem,3.5vw,1.35rem);line-height:1.95;text-wrap:pretty}.wird-intro-mercy{margin-top:.8rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--gold) 22%,transparent);font-size:clamp(.92rem,2.8vw,1.1rem)}.wird-intro-progress{margin-top:.15rem;position:relative;z-index:2}.wird-intro-progress>span{box-shadow:0 0 12px color-mix(in srgb,var(--gold) 22%,transparent)}.sacred-architecture-slot{position:relative;isolation:isolate}.sacred-architecture-slot .sacred-architecture{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 28px rgb(0 0 0 / .12))}}@layer responsive{@media(max-width:600px){.wird-intro{align-items:center}.wird-intro-pattern .sacred-architecture{width:min(112vw,520px);height:min(72dvh,620px);opacity:.38}.wird-intro-inner{gap:.35rem}.wird-intro-reading{max-height:min(73dvh,680px);padding:.8rem .9rem;border-radius:20px}.wird-intro-dua{line-height:1.85}.wird-intro-progress{width:min(300px,78vw)}}@media(max-height:700px){.wird-intro-inner{gap:.3rem}.wird-intro-reading{max-height:64dvh;padding:.65rem .8rem}.wird-intro-mark{width:44px;height:44px;font-size:1.45rem}.wird-intro h1{font-size:clamp(1.8rem,6vh,2.7rem)}.wird-intro-dua{margin-top:.45rem;font-size:clamp(.9rem,2.6vh,1.1rem);line-height:1.75}.wird-intro-mercy{margin-top:.45rem;padding-top:.4rem}}}@layer sacred,identity,sacred-motion;@layer sacred{@font-face{font-family:Wird Tajawal;src:url(/tasbih/assets/fonts/Tajawal-1d9ac74a13.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Amiri Quran;src:url(/tasbih/assets/fonts/Amiri-49825b63ca.woff2) format("woff2");font-weight:400;font-display:swap}:root{--font-ui:"Wird Tajawal",sans-serif;--font-reading:"Amiri Quran",serif;--font-quran:"Amiri Quran",serif;font-family:var(--font-ui)}body{background:var(--bg)}.app-header{border-bottom-color:var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent)}.brand-button b{color:var(--gold)}.brand-button img{border:1px solid var(--line)}button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.primary-button,html.dark .primary-button{background:var(--sacred-gold);border:1px solid var(--gold-light);color:var(--on-gold);box-shadow:var(--shadow-gold)}.primary-button:hover{filter:brightness(1.07)}.secondary-button,.search-launch,.text-list article,.card,.surah-list button,.wird-now,.resume-reading,.install-card{background:var(--sacred-panel);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.home-hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;border:1px solid var(--line);border-radius:32px 32px 24px 24px;width:100%;max-width:600px;margin-inline:auto;min-height:0;padding:0;background:var(--sacred-panel);box-shadow:var(--shadow-sm)}.sacred-architecture-slot{position:absolute;inset:0;z-index:-1;pointer-events:none}.sacred-architecture{width:100%;height:100%;display:block}.home-hero .eyebrow{position:absolute;inset:20px 24px auto;font-size:.8rem}.home-hero .sacred-architecture-slot{position:relative;inset:auto;z-index:0;aspect-ratio:600/340;overflow:hidden}.home-hero .sacred-architecture{height:auto;aspect-ratio:600/660}.hero-copy{position:relative;margin-inline:12.833333%;padding:12px clamp(16px,4vw,28px) 28px;border-inline:1px solid var(--gold-dark);min-width:0}.home-hero h1{font-family:var(--font-reading);font-size:clamp(2.25rem,6vw,3.6rem);margin:0;color:var(--text);line-height:1.6;text-wrap:balance;overflow-wrap:break-word}.home-brand-mark{display:none}.hero-subtitle{margin:8px auto 0;color:var(--muted);font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.85;text-wrap:balance;overflow-wrap:break-word}.verified-ayah{border:0;margin:22px auto 0;padding:16px 0 0;position:relative;max-width:550px}.verified-ayah:before{content:"◇";position:absolute;inset:-8px 10% auto;color:var(--gold);border-bottom:1px solid var(--line);line-height:0}.verified-ayah p{font-family:var(--font-quran);font-size:clamp(1.25rem,3vw,1.8rem)}.verified-ayah cite{color:var(--muted);font-size:.75rem}.search-launch{border-radius:100px;margin:20px 0}.search-launch .search-icon{color:var(--gold)}.quick-access{margin:24px 0 36px;border:0;padding:0}.quick-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-access-grid button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 12px;min-height:150px;background:var(--sacred-panel);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-sm);text-align:center;overflow:hidden}.quick-access-grid button:before{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--gold) 16%,transparent);border-radius:21px;pointer-events:none}.quick-access-grid button:hover{transform:translateY(-3px);border-color:var(--gold-glow);box-shadow:var(--shadow-gold)}.quick-access-grid button>span:first-child{width:52px;height:54px;color:var(--gold);background:none;border:0;border-radius:0}[data-sacred-icon] svg{width:100%;height:100%;display:block}.quick-access-grid b{font-size:1.15rem;color:var(--text)}.quick-access-grid small{font-size:.75rem;color:var(--muted)}.section-heading h2,.section-header h1{font-family:var(--font-reading)}.section-header{padding:12px 0 20px;border-bottom:1px solid var(--line);margin-bottom:24px}.text-list article{border-radius:24px;padding:24px;margin-bottom:16px}.text-list article>p{font-family:var(--font-reading);font-size:1.35rem;line-height:2}.chips button,[data-target]{border:1px solid var(--line);background:var(--sacred-panel);border-radius:18px}.chips button.active,[data-target].active{background:var(--sacred-gold);color:var(--on-gold);border-color:var(--gold-glow)}.bottom-nav{border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 96%,transparent)}.bottom-nav button.active{color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent)}.bottom-nav button.active:before{background:var(--gold)}.dhikr-deck{position:relative;padding:30px 26px 22px;border:1px solid var(--line);border-radius:30px;background:var(--sacred-panel);box-shadow:var(--shadow-lg);margin:24px 0}.dhikr-deck:before{content:"";display:block;width:30px;height:30px;margin:0 auto 18px;background:var(--gold);clip-path:polygon(50% 0%,62% 23%,85% 15%,77% 38%,100% 50%,77% 62%,85% 85%,62% 77%,50% 100%,38% 77%,15% 85%,23% 62%,0% 50%,23% 38%,15% 15%,38% 23%)}#deckText{font-family:var(--font-quran);font-size:clamp(1.5rem,4vw,2.1rem);line-height:2.1;text-align:center;margin:0;white-space:pre-line;user-select:text}#deckSource{color:var(--muted);text-align:center;font-size:.85rem;margin:18px 0}.deck-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--line)}.deck-actions button{background:var(--surface-soft);border:1px solid var(--line);border-radius:100px;padding:8px 16px;color:var(--gold)}.deck-position{font-variant-numeric:tabular-nums;color:var(--gold);white-space:nowrap}.counter-wrap{width:min(100%,440px);aspect-ratio:auto;position:relative;min-height:410px;display:grid;place-items:center;margin:8px auto 24px;max-width:440px;isolation:isolate}.counter-shell{display:none}.sacred-beads{position:absolute;inset:0;pointer-events:none;z-index:0}.sacred-beads svg{width:100%;height:100%;overflow:visible}#sacredBeads circle[data-bead]{fill:var(--bead-fill-unlit);stroke-width:.7;transition:fill .2s}#sacredBeads circle.lit{fill:var(--bead-fill-lit)}.bead-thread{fill:none;stroke-width:1}.bead-tassel{stroke-width:1}#counter{color:var(--text);position:relative;z-index:1;width:57%;aspect-ratio:1;height:auto;min-height:0;border:3px double var(--gold);border-radius:50%;background:var(--surface);padding:15px;transform:translateY(-28px)}#counter:active{transform:translateY(-28px) scale(.97)}#counter #count{color:var(--gold);font-size:clamp(3.1rem,10vw,5rem);font-variant-numeric:tabular-nums;line-height:1.2}#counter small,#counter em{color:var(--muted)}#counter strong{font-size:.8rem;color:var(--muted)}.sacred-target{width:min(100%,440px);display:flex;align-items:center;gap:16px;padding:16px 24px;margin:0 auto 24px;max-width:440px;border:1px solid var(--line);border-radius:24px;background:var(--sacred-panel);color:var(--gold);font-variant-numeric:tabular-nums}#sacredTargetProgress{flex:1;min-width:0;height:8px;border:0;border-radius:20px;overflow:hidden;accent-color:var(--gold)}#sacredTargetProgress::-webkit-progress-bar{background:var(--surface-strong)}#sacredTargetProgress::-webkit-progress-value{background:var(--sacred-gold);border-radius:20px}.reader{border-width:1px;border-style:solid}.reader .ayah-text b{border-radius:25% 50%}.reader h2{font-family:var(--font-quran);border-block:3px double;padding:18px;text-align:center}.reader p{line-height:2.2}dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);border-radius:28px}.player{border-top:1px solid var(--line);background:var(--sacred-panel)}.player button{color:var(--gold)}#qiblaCanvas{width:min(100%,340px);height:auto;border:1px solid var(--line);border-radius:50%;background:var(--surface-soft);padding:12px;margin:24px auto}.wird-intro{background:#0c031b;color:#fff5df}.wird-intro-pattern{opacity:1;background:none}.wird-intro-pattern .sacred-architecture{opacity:.85}.wird-intro-inner{position:relative;z-index:1}.wird-intro-mark{color:#e4c17c;filter:drop-shadow(0 0 18px #d6b67566)}.wird-intro h1{font-family:var(--font-reading);color:#fff2d3}.wird-intro-progress{border:1px solid #c5a36177;background:#13052b}.wird-intro-progress span{background:var(--sacred-gold)}@media(min-width:1024px){.home-hero{min-height:0;padding-top:0}.home-hero .sacred-architecture{object-position:center}.quick-access-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-access-grid button{min-height:175px}.home-page .quick-access{max-width:850px;margin-inline:auto}.counter-wrap{min-height:460px}.bottom-nav{border-inline-end:1px solid var(--line)}}@media(max-width:480px){.quick-access-grid{gap:10px}.quick-access-grid button{min-height:130px;padding:20px 7px;gap:9px;border-radius:22px}.quick-access-grid b{font-size:1rem}.quick-access-grid small{font-size:.65rem}.quick-access-grid button>span:first-child{width:42px;height:44px}.home-hero{min-height:0;padding:0}.counter-wrap{min-height:380px}.deck-actions{gap:8px}.deck-actions button{padding:8px 10px}.dhikr-deck{padding:22px 18px}}@media(prefers-reduced-motion:reduce){button,#sacredBeads circle[data-bead]{transition:none}.quick-access-grid button:hover{transform:none}}.live-clock{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:12px 0 4px}.live-clock time{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700;color:var(--gold)}.live-clock small{color:var(--muted);font-size:.7rem}.prayer-alert-settings{margin-top:24px;padding:24px}.alert-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;border-bottom:1px solid var(--line)}.prayer-alert-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:20px 0;border-top:1px solid var(--line)}.prayer-alert-row label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;min-width:0}.prayer-alert-row :is(select,input){width:100%;min-width:0;min-height:48px}.prayer-alert-row button{grid-column:1/-1}@media(max-width:400px){.prayer-alert-row{grid-template-columns:minmax(0,1fr)}.prayer-alert-settings{padding:16px}}}@layer sacred{.dedication-voice-controls{margin-block-start:2rem;text-align:start;display:grid;gap:.8rem}.dedication-voice-controls select{width:100%;min-width:0}.dedication-voice-actions{display:flex;flex-wrap:wrap;gap:.7rem}.dedication-voice-controls p{font-family:var(--font-ui);font-size:1rem;line-height:1.7}.dedication-voice-controls button{white-space:normal}}@layer components{.settings-list{min-width:0}.settings-list>label,.switch-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;min-width:0;text-align:start}.settings-list>label>span,.switch-row>span{min-width:0;overflow-wrap:anywhere}.settings-list input[type=checkbox],.switch-row input[type=checkbox]{width:22px;min-width:22px;height:22px;margin:0;padding:0;justify-self:center;flex-shrink:0}.quick-access-grid b{line-height:1.5;text-wrap:balance}}@layer responsive{@media(max-width:359px){.quick-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}@layer sacred{.home-calendar{text-align:center;margin:0 0 18px;padding:8px 12px;color:var(--gold)}.home-calendar .eyebrow{position:static;margin:0;color:var(--gold);font-size:.85rem;line-height:1.7;text-wrap:balance}.home-calendar .live-clock{margin:6px 0 0}.home-calendar .live-clock small{color:var(--gold)}}@layer sacred-motion{:root{--motion-lift:cubic-bezier(.2,.8,.2,1)}button:not(.brand-button):not(.counter){box-shadow:inset 0 1px #fff2,inset 0 -3px #0002,0 4px color-mix(in srgb,var(--bg) 85%,#000),0 7px 14px #0002;transform:translateY(0);transition:transform .16s var(--motion-lift),box-shadow .16s,border-color .16s}button:not(.counter):not(.brand-button):active{transform:translateY(3px);box-shadow:inset 0 1px 5px #0003,0 1px #0003}button:disabled{transform:none;box-shadow:none}.brand-button{filter:drop-shadow(0 2px 2px #0002)}.quick-access-grid button{box-shadow:inset 0 1px #f5dcab33,inset 0 -5px #0003,0 5px #0f0422,0 14px 26px #0003}.quick-access-grid button:hover{transform:translateY(-2px)}.bottom-nav button{box-shadow:inset 0 1px #fff1,inset 0 -2px #0002,0 2px 4px #0002!important}.bottom-nav button.active{box-shadow:inset 0 1px #e6c48222,0 2px 6px #0002!important}.live-writing:after{content:"";display:inline-block;width:2px;height:.9em;margin-inline-start:4px;background:currentColor;vertical-align:baseline;animation:writing-caret .8s steps(2,end) infinite}@keyframes writing-caret{50%{opacity:0}}.prayer-divider{display:grid;grid-template-columns:minmax(14px,1fr) minmax(0,auto) minmax(14px,1fr);align-items:center;gap:14px;margin:32px auto;max-width:760px;min-height:60px;text-align:center;pointer-events:none}.prayer-divider:before,.prayer-divider:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}.prayer-writing{font-family:var(--font-reading);font-size:clamp(1rem,3.3vw,1.2rem);line-height:1.9;color:var(--gold);min-height:2em;max-width:540px}.section-header+.prayer-divider{margin:12px auto 24px;min-height:44px}.route-aura{position:fixed;z-index:70;top:calc(var(--header-h) + var(--safe-top));left:10%;width:80%;height:36px;opacity:0;color:var(--gold);pointer-events:none;filter:drop-shadow(0 0 9px #c8a45f44)}.route-aura svg{display:block;width:100%;height:100%;stroke-width:1}.wird-intro{overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#27114c,#0c031b 65%)}.wird-intro:before,.wird-intro:after{content:"";position:absolute;inset:-20%;pointer-events:none;background:conic-gradient(from 20deg at 50% 0%,transparent 40%,#e8c27e0b 45%,transparent 50%);animation:sacred-light 14s ease-in-out infinite alternate}.wird-intro:after{animation-delay:-7s;opacity:.6}@keyframes sacred-light{to{transform:rotate(9deg) translate(4%)}}.wird-intro-inner{width:min(600px,calc(100% - 32px));min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.wird-intro.is-full .wird-intro-inner{min-height:100dvh;padding-top:230px;padding-bottom:24px}.wird-intro-mark{display:none}.wird-intro-dua{min-height:160px;max-width:520px;margin:22px 0;font-family:var(--font-reading);font-size:clamp(1.35rem,4.7vw,1.85rem);line-height:1.9}.wird-intro h1{letter-spacing:0;font-size:clamp(2.6rem,8vw,4.4rem);text-shadow:0 3px 18px #0006}.wird-intro :is(h1,.wird-intro-subtitle,.wird-intro-dua,.wird-intro-mark){opacity:1;transform:none}.wird-intro-kicker{display:none}.wird-intro-subtitle{color:#dccaa5}.wird-intro-dua{color:#fff2d7}.wird-intro-mark svg{width:40px;height:42px}.wird-intro h1{min-height:1.3em}.wird-intro-mark{animation:mark-breathe 4s ease-in-out infinite}@keyframes mark-breathe{50%{filter:drop-shadow(0 0 26px #e7c78155);transform:translateY(-3px)}}.wird-intro-progress{width:min(100%,460px);border-radius:100px;padding:14px 18px;box-shadow:inset 0 2px 8px #0003,0 6px 20px #0003}.wird-intro-progress>span{height:6px;background:linear-gradient(to left,#e6c482 var(--intro-progress,0%),#2d1a4d var(--intro-progress,0%));box-shadow:inset 0 1px 3px #0004}.wird-intro-progress output{color:#f4d99e}.wird-intro-progress output:after{content:"%"}.wird-intro.is-short .wird-intro-dua{display:none}.wird-intro.is-short .wird-intro-inner{min-height:260px}#homeSearch b{display:block;min-height:1.8em;font-size:1.05rem;line-height:1.8}#tasbihCompletion{position:relative;border:1px solid var(--gold);padding:22px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#b99a4e28,transparent 75%),var(--surface);box-shadow:0 0 30px #dcbd7418}#tasbihCompletion b{font-family:var(--font-reading);font-size:1.8rem}#tasbihCompletion span{min-height:2.5em;font-family:var(--font-reading);font-size:1.2rem}#tasbihCompletion[data-celebration=true]{animation:completion-bloom .7s var(--motion-lift)}@keyframes completion-bloom{0%{opacity:.4;transform:scale(.96);box-shadow:0 0 #dfc18544}to{opacity:1;transform:scale(1);box-shadow:0 0 0 16px #dfc18500}}@media(max-width:480px){.prayer-divider{gap:9px;margin:24px 0}.prayer-writing{max-width:260px}.wird-intro-inner{min-height:480px}.wird-intro-dua{min-height:190px}}@media(max-height:640px){.wird-intro.is-full .wird-intro-inner{padding-top:50px;min-height:100dvh;gap:6px}.wird-intro h1{font-size:2.5rem}.wird-intro-dua{font-size:1.1rem;min-height:130px;margin:12px 0}.wird-intro-mercy{display:none}.wird-intro-pattern{opacity:.25}}@media(prefers-reduced-motion:reduce){.live-writing:after{display:none}button,.wird-intro:before,.wird-intro:after,.wird-intro-mark,#tasbihCompletion{animation:none!important;transition:none!important}button:active{transform:none!important}}.wird-intro.is-full .wird-intro-inner{min-height:100dvh;padding:24px 0;justify-content:center;gap:8px}.wird-intro.is-full h1{font-size:clamp(1.8rem,6vw,2.7rem);min-height:1.6em;line-height:1.6;margin:0}.wird-intro.is-full .wird-intro-dua{white-space:pre-line;min-height:0;height:min(48dvh,420px);overflow:auto;overscroll-behavior:contain;margin:8px 0;padding:0 10px;font-size:clamp(1.05rem,3.8vw,1.3rem);line-height:1.85;scrollbar-color:#c5a361 #13052b}.wird-intro.is-full .wird-intro-mercy{font-size:.85rem;margin:4px 0;display:block}.wird-intro.is-full .wird-intro-subtitle{margin:0}@media(max-height:600px){.wird-intro.is-full .wird-intro-mercy{display:none}.wird-intro.is-full .wird-intro-inner{padding:10px 0}}}@layer sacred-motion{.wird-intro{--intro-crown-width:min( calc(100vw - 48px) ,480px,50dvh);display:block;padding:0;overflow:hidden}.wird-intro:before,.wird-intro:after{position:fixed;inset:0}.wird-intro-pattern{width:var(--intro-crown-width);height:100%;inset:0;margin-inline:auto}.wird-intro-pattern .sacred-architecture{position:absolute;top:max(8px,var(--safe-top));width:100%;height:auto;aspect-ratio:600/660;clip-path:inset(0 0 48.5%)}.wird-intro-inner:before{content:"";position:absolute;top:calc(var(--intro-crown-width) * .566667 + max(8px,var(--safe-top)));bottom:0;inset-inline:7.5%;border-inline:1px solid #c5a36177;pointer-events:none}.wird-intro .wird-intro-inner,.wird-intro.is-full .wird-intro-inner,.wird-intro.is-short .wird-intro-inner{width:var(--intro-crown-width);height:100dvh;min-height:0;margin-inline:auto;padding:calc(var(--intro-crown-width) * .566667 + max(8px,var(--safe-top)) + 12px) 32px max(20px,var(--safe-bottom));display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-content:normal;gap:8px}.wird-intro h1,.wird-intro.is-full h1{display:block;position:relative;min-height:0;line-height:1.55;font-size:clamp(1.7rem,5vw,2.6rem);text-wrap:balance;margin:0}.wird-intro .wird-intro-subtitle{margin:0;line-height:1.7;color:#dccaa5}.wird-intro .wird-intro-dua,.wird-intro.is-full .wird-intro-dua{width:100%;max-width:100%;height:auto;min-height:0;max-height:none;overflow:visible;white-space:pre-line;margin:0;padding:8px 4px;line-height:1.85;font-size:clamp(1.05rem,3.5vw,1.25rem);scrollbar-color:#c5a361 #13052b;scrollbar-width:thin}.wird-intro .wird-intro-mercy,.wird-intro.is-full .wird-intro-mercy{font-size:.85rem;line-height:1.7;margin:0;display:block}.wird-intro .wird-intro-progress{width:100%;margin:0;padding:12px 14px;min-width:0}.wird-intro-progress output{min-width:4ch;direction:ltr}.wird-intro-reading{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#c5a361 #13052b;scrollbar-width:thin;display:flex;flex-direction:column;gap:10px;padding-inline:4px}.wird-intro-reading>*{flex-shrink:0}.wird-intro.is-short .wird-intro-inner{grid-template-rows:minmax(0,1fr) auto}.wird-intro.is-short .wird-intro-progress{align-self:end}@media(max-height:500px){.wird-intro .wird-intro-inner,.wird-intro.is-full .wird-intro-inner{gap:4px}.wird-intro .wird-intro-mercy,.wird-intro.is-full .wird-intro-mercy{display:none}.wird-intro .wird-intro-inner{grid-template-rows:minmax(0,1fr) auto}}}@layer sacred-motion{.wird-intro .wird-intro-dua,.wird-intro.is-full .wird-intro-dua{line-height:1.5;padding:4px 2px}.wird-intro-reading{gap:6px}.wird-intro .wird-intro-mercy,.wird-intro.is-full .wird-intro-mercy,.wird-intro.is-reduced .wird-intro-mercy{display:grid}}@layer sacred-motion{.wird-intro .wird-intro-progress{background:transparent;border:0;box-shadow:none}.wird-intro .wird-intro-progress>span{box-shadow:0 0 12px #e6c48244}}.wird-intro .wird-intro-reading>*{zoom:var(--intro-fit,1)}.wird-intro .wird-intro-reading{overflow:hidden}@layer identity{@layer identity{:root{color-scheme:light;--bg:#f6f2ea;--surface:#fffdf8;--surface-soft:#f1eee4;--surface-strong:#e4e8dc;--surface-raised:#fffefb;--text:#180c2d;--muted:#4a5a4d;--brand:#2b0c60;--brand-strong:#200948;--brand-soft:#e5dff0;--on-brand:#fffdf6;--gold:#7a5617;--gold-strong:#9c7330;--gold-dark:#8a6a35;--gold-light:#edd39b;--gold-glow:#c9a35c;--on-gold:#190f2b;--accent:var(--gold);--success:#391578;--warning:#7d5500;--danger:#a8322b;--focus:#2b0c60;--line:#9a7b3f3d;--line-strong:#8a6d3680;--hairline:color-mix(in srgb,var(--gold-glow) 26%,transparent);--scrim:#191027b3;--sacred-panel:#fbf8f1;--sacred-gold:#c9a25c;--page-glow:transparent;--shadow-1:0 1px 2px #2515400f;--shadow-2:0 10px 28px -18px #25154040;--shadow-3:0 28px 64px -34px #25154052;--shadow-sm:0 1px 0 #ffffff,0 8px 24px -16px #2515403d;--shadow-lg:0 22px 56px -30px #25154059;--shadow-gold:0 8px 22px -10px #a87d3359;--header-bg:color-mix(in srgb,var(--bg) 88%,transparent);--nav-bg:color-mix(in srgb,var(--surface) 92%,transparent);--reader-bg:#f6ecd2;--reader-head:#eadbb0;--reader-ink:#211831;--reader-title:#231738;--reader-muted:#55604c;--reader-line:#a9894f;--reader-soft-line:#b39b6455;--reader-chip:#eadbb5;--reader-chip-ink:#2a1e3f;--reader-play:#2e1755;--reader-play-ink:#fff6e0;--reader-active:#e3d19f;--reader-mark:#392659;--bead-stroke:#b08a45;--bead-lit-stroke:#d9b469;--bead-thread:#b39456;--bead-tassel:#a7803f;--bead-tassel-stroke:#d9b469;--bead-fill-unlit:#3c2663;--bead-fill-lit:#e7c47e;--mh-field:#f1ecdf;--mh-body:#efe8d6;--mh-niche:#dfd7ee;--mh-gold:#8f6a2c;--mh-gold-soft:#c4a163;--mh-line:#9c7330;--mh-shadow:#8a6d3622;--mh-rug:#392163;--mh-rug-line:#c4a163;--radius-control:12px;--radius-card:24px;--radius-panel:32px;--radius-sm:var(--radius-control);--radius-md:var(--radius-card);--radius-lg:var(--radius-panel)}html.dark{color-scheme:dark;--bg:#0c031b;--surface:#120528;--surface-soft:#180736;--surface-strong:#220b49;--surface-raised:#160632;--text:#fbf3df;--muted:#b9c9bb;--brand:#e6c482;--brand-strong:#f4daa0;--brand-soft:#241145;--on-brand:#170c29;--gold:#e6c482;--gold-strong:#f0d498;--gold-dark:#9b783c;--gold-light:#f3dca6;--gold-glow:#d6b26a;--success:#7fd6cf;--warning:#e3c37c;--danger:#f0a19a;--focus:#f2d28e;--line:#c9a66140;--line-strong:#d6b26a73;--scrim:#080213cc;--sacred-panel:#120528;--sacred-gold:#e6c482;--page-glow:transparent;--shadow-1:0 1px 2px #0006;--shadow-2:0 12px 30px -18px #000a;--shadow-3:0 30px 70px -34px #000c;--shadow-sm:inset 0 1px 0 #e6c48214,0 12px 30px -14px #0009;--shadow-lg:inset 0 1px 0 #e6c4821a,0 26px 70px -30px #000d;--shadow-gold:0 0 0 1px #e6c48226,0 10px 30px -12px #e6c48233;--header-bg:color-mix(in srgb,var(--bg) 90%,transparent);--nav-bg:color-mix(in srgb,var(--bg) 94%,transparent);--reader-bg:#150a29;--reader-head:#241146;--reader-ink:#f3e6c6;--reader-title:#f4dda0;--reader-muted:#b8c2ad;--reader-line:#a8854a;--reader-soft-line:#c9a66133;--reader-chip:#221040;--reader-chip-ink:#f1dfb4;--reader-play:#e6c482;--reader-play-ink:#170c29;--reader-active:#2a164c;--reader-mark:#e6c482;--bead-stroke:#bd985a;--bead-lit-stroke:#f2d998;--bead-thread:#c3a361;--bead-tassel:#b88c46;--bead-tassel-stroke:#efcf87;--bead-fill-unlit:#1d0a3f;--bead-fill-lit:#f2d998;--mh-field:#0c031b;--mh-body:#15062e;--mh-niche:#100524;--mh-gold:#e6c482;--mh-gold-soft:#b8924f;--mh-line:#e6c482;--mh-shadow:#00000066;--mh-rug:#220e46;--mh-rug-line:#b8924f}body{background:var(--bg);color:var(--text)}::selection{background:color-mix(in srgb,var(--gold-glow) 38%,transparent);color:var(--text)}:root{accent-color:var(--brand);scrollbar-color:color-mix(in srgb,var(--gold-glow) 45%,transparent) transparent}.app-header{background:var(--header-bg);border-bottom-color:var(--line);-webkit-backdrop-filter:saturate(1.2) blur(14px);backdrop-filter:saturate(1.2) blur(14px)}.primary-button,html.dark .primary-button{background:var(--sacred-gold);border:1px solid color-mix(in srgb,var(--gold-light) 80%,var(--gold-glow));color:var(--on-gold);box-shadow:var(--shadow-gold)}.chips button.active,[data-target].active{background:var(--sacred-gold);color:var(--on-gold);border-color:var(--gold-glow);box-shadow:var(--shadow-gold)}.chips button,[data-target]{color:var(--text)}.icon-button{border-color:var(--line);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-1)}html.dark .icon-button{background:color-mix(in srgb,var(--surface) 70%,transparent)}.field input,.field select,select,textarea{border-color:var(--line-strong);background:var(--surface-raised);color:var(--text)}html.dark :is(.field input,.field select,select,textarea){background:var(--surface)}.quick-access-grid button:hover{border-color:var(--gold-glow);box-shadow:var(--shadow-gold)}[data-sacred-icon] svg{filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--gold-glow) 22%,transparent))}html.dark .home-hero h1{text-shadow:0 3px 15px #0004}.bottom-nav{background:var(--nav-bg);border-color:var(--line);box-shadow:0 -12px 32px -18px #0004;-webkit-backdrop-filter:saturate(1.2) blur(14px);backdrop-filter:saturate(1.2) blur(14px)}.bottom-nav button{color:var(--muted)}.bottom-nav button.active{color:var(--gold)}#counter{box-shadow:inset 0 0 32px color-mix(in srgb,var(--gold-glow) 10%,transparent),0 0 24px color-mix(in srgb,var(--gold-glow) 14%,transparent)}#sacredBeads circle[data-bead]{stroke:var(--bead-stroke)}#sacredBeads circle.lit{stroke:var(--bead-lit-stroke)}.bead-thread{stroke:var(--bead-thread)}.bead-tassel{fill:var(--bead-tassel);stroke:var(--bead-tassel-stroke)}#sacredTargetProgress::-moz-progress-bar{background:var(--gold-glow)}#qiblaCanvas{box-shadow:0 0 0 8px color-mix(in srgb,var(--gold-glow) 5%,transparent),0 0 0 9px var(--line)}.reader{background:var(--reader-bg);color:var(--reader-ink);border:1px solid var(--reader-line);box-shadow:var(--shadow-lg)}.reader>header{background:var(--reader-bg)}.reader .ayah-actions button{background:var(--reader-chip);color:var(--reader-chip-ink)}.reader .ayah-actions .ayah-play{background:var(--reader-play);color:var(--reader-play-ink)}.reader .ayah-text b{color:var(--reader-mark);border-color:var(--reader-line)}.reader h2{color:var(--reader-title);border-block-color:var(--reader-line);background:var(--reader-head)}.reader .ayah,.reader .verse,.reader [data-ayah]{color:var(--reader-ink);border-color:var(--reader-soft-line)}.reader button{color:var(--reader-chip-ink);border-color:var(--reader-soft-line)}.reader .active,.reader .playing{background:var(--reader-active)}.reader small{color:var(--reader-muted)}dialog::backdrop{background:var(--scrim)}.home-hero .sacred-architecture-slot{background:var(--mh-field)}.home-hero .sacred-architecture{filter:none}.home-hero .sacred-architecture>rect:first-of-type{fill:var(--mh-field)}.home-hero .sacred-architecture [filter]{filter:none;fill:var(--mh-shadow);opacity:1}.home-hero .sacred-architecture [fill="#180c2d"]{fill:var(--mh-body)}.home-hero .sacred-architecture [fill*="-niche)"]{fill:var(--mh-niche)}.home-hero .sacred-architecture [fill*="-inner-glow)"]{fill:none}.home-hero .sacred-architecture [fill*="-gold-soft)"]{fill:var(--mh-gold-soft)}.home-hero .sacred-architecture [fill*="-gold)"]{fill:var(--mh-gold)}.home-hero .sacred-architecture [stroke*="-gold-soft)"]{stroke:var(--mh-gold-soft)}.home-hero .sacred-architecture [stroke*="-gold)"]{stroke:var(--mh-gold)}.home-hero .sacred-architecture pattern path{fill:none;stroke:var(--mh-line);stroke-opacity:.14}.home-hero .sacred-architecture pattern circle{fill:var(--mh-line);fill-opacity:.22}@media(prefers-contrast:more){:root{--line:#7a5c25a6;--muted:#33433a}html.dark{--line:#e6c482a6;--muted:#d9d2e7}}@media(forced-colors:active){.primary-button,.chips button.active,[data-target].active{forced-color-adjust:auto;border:2px solid ButtonText}}}}.home-hero{border-color:color-mix(in srgb,var(--gold) 52%,transparent);border-radius:36px;box-shadow:var(--shadow-lg);background:var(--sacred-panel)}.home-hero:before{content:"";position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--gold) 18%,transparent);border-radius:29px;pointer-events:none;z-index:0}.home-hero .sacred-architecture-slot{background:var(--mh-field);aspect-ratio:600/720;overflow:visible}.home-hero .sacred-architecture{aspect-ratio:600/720}.home-hero .sacred-architecture-slot:after{content:"";position:absolute;left:50%;bottom:4.2%;width:34%;height:23%;transform:translate(-50%);background:var(--mh-rug);border:2px solid var(--mh-rug-line);border-radius:50% 50% 4px 4px/42% 42% 4px 4px;pointer-events:none}.home-hero .hero-copy{margin-top:0}html.dark .home-hero .sacred-architecture{filter:none}.home-hero .hero-copy{padding-bottom:36px;border-inline-color:color-mix(in srgb,var(--gold) 52%,transparent)}.home-hero h1{font-size:clamp(2.45rem,7vw,3.8rem);line-height:1.5;color:var(--text);margin:8px 0 10px}.home-hero .hero-subtitle{line-height:1.85;color:var(--muted);max-width:30ch}.home-hero .verified-ayah{margin-top:28px;padding-top:24px}.home-hero .verified-ayah p{line-height:2.05;margin:0 0 8px}.section-heading:has(.memorial-cta){flex-wrap:wrap;gap:18px;align-items:center}.memorial-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:64px;padding:12px 20px;border:1px solid var(--gold-glow);border-radius:20px;background:var(--sacred-gold);color:var(--on-gold);box-shadow:var(--shadow-gold),inset 0 1px #fff8;text-align:start;flex-shrink:0}.memorial-cta>span:last-child{display:grid;gap:3px}.memorial-cta b{font-size:1.15rem;line-height:1.45}.memorial-cta small{font-size:.78rem;line-height:1.5;color:color-mix(in srgb,var(--on-gold) 85%,transparent)}.memorial-cta svg{width:28px;height:28px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}.memorial-cta:hover{filter:brightness(1.06);box-shadow:var(--shadow-gold),var(--shadow-2)}.memorial-cta:focus-visible{outline:3px solid var(--focus);outline-offset:4px}@media(max-width:480px){.memorial-cta{width:100%;justify-content:flex-start}.home-hero{border-radius:30px}.home-hero .hero-copy{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.home-hero,.memorial-cta{transition:none}}.home-calendar .eyebrow{min-height:1.69em}.home-calendar .live-clock{min-height:1.89em}@media(max-width:359px){.home-calendar .eyebrow{min-height:3.39em}}:root,html.dark{color-scheme:dark;--bg:#241050;--surface:#2c1560;--surface-soft:#36207a;--surface-strong:#432a92;--surface-raised:#311a6b;--text:#fbf6ff;--muted:#cbc2ec;--brand:#f7d07c;--brand-strong:#ffe2a3;--brand-soft:#3b2380;--on-brand:#2a1250;--gold:#f7d07c;--gold-strong:#ffdd96;--gold-dark:#b88a3a;--gold-light:#ffe6b0;--gold-glow:#e9b960;--accent:#5be0d6;--success:#5be0d6;--warning:#ffd27a;--danger:#ff9a7a;--focus:#5be0d6;--line:#5be0d638;--line-strong:#5be0d670;--hairline:#f7d07c26;--scrim:#120626cc;--sacred-panel:#2c1560;--sacred-gold:#f7d07c;--on-gold:#2a1250;--page-glow:transparent;--shadow-1:0 1px 2px #0007;--shadow-2:0 12px 30px -18px #000b;--shadow-3:0 30px 70px -34px #000d;--shadow-sm:inset 0 1px 0 #f7d07c14,0 12px 30px -14px #0009;--shadow-lg:inset 0 1px 0 #f7d07c1a,0 26px 70px -30px #000d;--shadow-gold:0 0 0 1px #f7d07c26,0 10px 30px -12px #5be0d633;--header-bg:#241050f2;--nav-bg:#1f0d46f5;--reader-bg:#1f0e44;--reader-head:#2f1a68;--reader-ink:#f6eedc;--reader-title:#ffe2a3;--reader-muted:#c4bce8;--reader-line:#8f7bd6;--reader-soft-line:#5be0d633;--reader-chip:#33206e;--reader-chip-ink:#f6e3b8;--reader-play:#5be0d6;--reader-play-ink:#0f2a2a;--reader-active:#3b2584;--reader-mark:#f7d07c;--bead-stroke:#c9a35a;--bead-lit-stroke:#ffe2a3;--bead-thread:#c9a35a;--bead-tassel:#b88a3a;--bead-tassel-stroke:#f7d07c;--bead-fill-unlit:#3a2380;--bead-fill-lit:#ffe2a3;--mh-field:#241050;--mh-body:#2f1866;--mh-niche:#22105a;--mh-gold:#f7d07c;--mh-gold-soft:#b48cf0;--mh-line:#f7d07c;--mh-shadow:#00000066;--mh-rug:#1c3f96;--mh-rug-line:#5be0d6}html{background:#241050 linear-gradient(170deg,#2b0f4a,#331766 38%,#1c2f86) no-repeat;min-height:100%}html body{background:transparent}.wird-intro{background:radial-gradient(ellipse at 50% 30%,#4a2a9a,#2b0f4a 55%,#160733)}.app-header{background:var(--header-bg)}.bottom-nav{background:var(--nav-bg)}.player-launcher-button{background:linear-gradient(150deg,#6a46e0,#2b1670 72%);border-color:color-mix(in srgb,var(--accent) 55%,var(--gold))}.quick-access-grid button{box-shadow:inset 0 1px #f7d07c33,inset 0 -5px #0003,0 5px #150836,0 14px 26px #0004}.wird-intro-progress>span{background:linear-gradient(to left,#f7d07c var(--intro-progress,0%),#3b2380 var(--intro-progress,0%))}*,*:before,*:after,::backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.wird-intro-mark{filter:drop-shadow(0 0 18px #e7c78140)}@keyframes mark-breathe{50%{transform:translateY(-3px)}}#dhikr{contain:size layout paint;block-size:46px;inline-size:100%}.wird-intro .wird-intro-mercy{opacity:1}.wird-intro .wird-intro-reading{animation:intro-glow 1.4s ease-out both}@keyframes intro-glow{0%{opacity:.4}to{opacity:1}}@media(prefers-reduced-motion:reduce){.wird-intro .wird-intro-reading{animation:none}}html:not(.app-ready) #app{content-visibility:hidden}