@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2"),url(/assets/amiri-quran-arabic-400-normal-CZ144KtP.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-latin-400-normal-w9exIk9i.woff2)format("woff2"),url(/assets/amiri-quran-latin-400-normal-mk44s-1k.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:AlQuran IndoPak;src:url(/assets/indopak-nastaleeq-waqf-lazim-v4.2.1-Cf2zIzYT.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}.theme-light,:root{--bg:#f6f3ec;--surface:#fff;--surface-2:#efebe1;--text:#1c1b17;--text-2:#6b685e;--text-3:#858177;--border:#1c1b171a;--hairline:.5px;--gold:#c08410;--danger:#b3261e;--switch-off:#8c877a;--elevated:#fff;--elevated-2:#efebe1;--scrim:#00000052;--spring:#00778a;--spring-bg:#d3f4f9;--spring-text:#005f6f;--spring-on:#fff;--ginger:#8f5d04;--ginger-bg:#fcecd9;--ginger-text:#734800;--ginger-on:#fff;--silk:#407754;--silk-bg:#dff6e2;--silk-text:#2e5e41;--silk-on:#fff;--silver:#3d4a53;--silver-bg:#dfe3e6;--silver-text:#2a343c;--silver-on:#fff;--lapis:#2e5297;--lapis-bg:#dbe6ff;--lapis-text:#1e3d78;--lapis-on:#fff;--band:var(--spring);--band-on:#fff;--heart:var(--spring);--accent:var(--spring);--accent-bg:var(--spring-bg);--accent-text:var(--spring-text);--accent-on:var(--spring-on);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-arabic:"Amiri Quran", "Scheherazade New", "Noto Naskh Arabic", serif;--font-indopak:"AlQuran IndoPak", "Noto Naskh Arabic", serif;--tabbar-h:56px;--mini-h:3.75rem;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-pill:999px;--shadow-float:0 6px 20px #0000001f;--shadow-sheet:inset 0 .5px 0 #ffffff14, 0 -8px 30px #0000002e;--shadow-bar:0 1px 14px #0000000f;--pattern-opacity:.14;--pattern-opacity-soft:.12;--sky-dawn-top:#34548f;--sky-dawn-bottom:#b4532f;--sky-day-top:#2c64a8;--sky-day-bottom:#3674b5;--sky-afternoon-top:#9a5f08;--sky-afternoon-bottom:#b0452c;--sky-dusk-top:#3d5f9c;--sky-dusk-bottom:#a8506a;--sky-night-top:#14254a;--sky-night-bottom:#2c4a80;--sky-ink:#fff;--sky-star:var(--sky-ink);--sky-sun:#e9a91c;--sun-ink:#1c1b17;--sky-moon:#eef1f7;--scene-arc-opacity:.35;--scene-kaaba:#1c1b17;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-dark,:root[data-theme=dark]{--bg:#14130f;--surface:#1e1d18;--surface-2:#27251f;--text:#f1eee6;--text-2:#a8a496;--text-3:#85827a;--border:#f1eee61a;--gold:#e6b04a;--danger:#f2b8b5;--switch-off:#7a776c;--elevated:#29271f;--elevated-2:#322f28;--scrim:#0000008c;--spring:#4bb5c9;--spring-bg:#022c32;--spring-text:#aee2ed;--spring-on:#14130f;--ginger:#cf9951;--ginger-bg:#352207;--ginger-text:#f1d2ac;--ginger-on:#14130f;--silk:#7cb48f;--silk-bg:#1a2b1d;--silk-text:#c2e1cb;--silk-on:#14130f;--silver:#becdd8;--silver-bg:#292c2e;--silver-text:#d1d9df;--silver-on:#14130f;--lapis:#7092d1;--lapis-bg:#1c263d;--lapis-text:#c4d8fd;--lapis-on:#14130f;--band:#004a57;--band-on:#f1eee6;--sky-dawn-top:#172a52;--sky-dawn-bottom:#5e3424;--sky-day-top:#1a3a68;--sky-day-bottom:#2d5a8c;--sky-afternoon-top:#3b2410;--sky-afternoon-bottom:#5e3020;--sky-dusk-top:#1b2850;--sky-dusk-bottom:#5a3046;--sky-night-top:#121f3d;--sky-night-bottom:#26395e;--sky-ink:#f1eee6;--scene-kaaba:#1c1b17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=paper]){--bg:#14130f;--surface:#1e1d18;--surface-2:#27251f;--text:#f1eee6;--text-2:#a8a496;--text-3:#85827a;--border:#f1eee61a;--gold:#e6b04a;--danger:#f2b8b5;--switch-off:#7a776c;--elevated:#29271f;--elevated-2:#322f28;--scrim:#0000008c;--spring:#4bb5c9;--spring-bg:#022c32;--spring-text:#aee2ed;--spring-on:#14130f;--ginger:#cf9951;--ginger-bg:#352207;--ginger-text:#f1d2ac;--ginger-on:#14130f;--silk:#7cb48f;--silk-bg:#1a2b1d;--silk-text:#c2e1cb;--silk-on:#14130f;--silver:#becdd8;--silver-bg:#292c2e;--silver-text:#d1d9df;--silver-on:#14130f;--lapis:#7092d1;--lapis-bg:#1c263d;--lapis-text:#c4d8fd;--lapis-on:#14130f;--band:#004a57;--band-on:#f1eee6;--sky-dawn-top:#172a52;--sky-dawn-bottom:#5e3424;--sky-day-top:#1a3a68;--sky-day-bottom:#2d5a8c;--sky-afternoon-top:#3b2410;--sky-afternoon-bottom:#5e3020;--sky-dusk-top:#1b2850;--sky-dusk-bottom:#5a3046;--sky-night-top:#121f3d;--sky-night-bottom:#26395e;--sky-ink:#f1eee6;--scene-kaaba:#1c1b17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.theme-paper,:root[data-theme=paper]{--bg:#f7ebd0;--surface:#fffaec;--surface-2:#efe0c0;--text:#33281a;--text-2:#6a5a40;--text-3:#837256;--border:#33281a1f;--gold:#b07c14;--danger:#a3301f;--switch-off:#857a66;--elevated:#fffaec;--elevated-2:#efe0c0;--scrim:#281c0c52;--spring:#217584;--spring-bg:#bee9ef;--spring-text:#0f5d6a;--spring-on:#fffaec;--ginger:#886029;--ginger-bg:#ecddcc;--ginger-text:#6d4b1a;--ginger-on:#fffaec;--silk:#4a7459;--silk-bg:#cee8d2;--silk-text:#375c44;--silk-on:#fffaec;--silver:#3e4951;--silver-bg:#d4d8db;--silver-text:#2b343b;--silver-on:#fffaec;--lapis:#37548a;--lapis-bg:#d3e0fb;--lapis-text:#253e6d;--lapis-on:#fffaec;--band:var(--spring);--band-on:#fffaec;--sky-dawn-top:#3f5a86;--sky-dawn-bottom:#a9583a;--sky-day-top:#3a6596;--sky-day-bottom:#4772a0;--sky-afternoon-top:#8f5c14;--sky-afternoon-bottom:#a14a32;--sky-dusk-top:#475f8f;--sky-dusk-bottom:#9c5468;--sky-night-top:#1d2840;--sky-night-bottom:#36496d;--sky-ink:#fffaec;--scene-kaaba:#1c1b17;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-contrast:more){:root{--text-2:#4a473f;--text-3:#6b685e;--border:#1c1b1766;--hairline:1px}:root[data-theme=dark]{--text-2:#cfcbbe;--text-3:#a8a496;--border:#f1eee666}:root[data-theme=paper]{--text-2:#4f412b;--text-3:#6a5a40;--border:#33281a66}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=paper]){--text-2:#cfcbbe;--text-3:#a8a496;--border:#f1eee666}}.colour-spring{--accent:var(--spring);--accent-bg:var(--spring-bg);--accent-text:var(--spring-text);--accent-on:var(--spring-on)}.colour-ginger{--accent:var(--ginger);--accent-bg:var(--ginger-bg);--accent-text:var(--ginger-text);--accent-on:var(--ginger-on)}.colour-silk{--accent:var(--silk);--accent-bg:var(--silk-bg);--accent-text:var(--silk-text);--accent-on:var(--silk-on)}.colour-silver{--accent:var(--silver);--accent-bg:var(--silver-bg);--accent-text:var(--silver-text);--accent-on:var(--silver-on)}.colour-lapis{--accent:var(--lapis);--accent-bg:var(--lapis-bg);--accent-text:var(--lapis-text);--accent-on:var(--lapis-on)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{font-size:calc(100% * var(--text-scale,1))}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;font-size:1rem;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.band :focus-visible{outline-color:currentColor}.play-btn:focus-visible,.segmented button[aria-checked=true]:focus-visible,.primary-btn:focus-visible,.row-play:focus-visible,.dua-play:focus-visible,.ayah-day-listen:focus-visible,.continue-icon:focus-visible{outline-color:var(--accent-on)}h1,h2,h3{margin:0;font-weight:600}.app{min-height:100dvh}.screen-inner{max-width:640px;padding:calc(var(--safe-t) + 12px) 16px 0;margin:0 auto}.screen{padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 24px);overflow-x:clip}.app.has-mini .screen{padding-bottom:calc(var(--tabbar-h) + var(--mini-h) + var(--safe-b) + 24px)}.band{box-shadow:0 -100vh 0 0 var(--band);margin:calc(-1 * (var(--safe-t) + 12px)) calc(50% - 50vw) 14px;padding:calc(var(--safe-t) + 20px) calc(50vw - 50%) 16px;background:var(--band);color:var(--band-on);position:relative;overflow:hidden}.band-pattern{width:66%;height:100%;color:var(--band-on);opacity:var(--pattern-opacity);pointer-events:none;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 30%,#0000 95%);mask-image:linear-gradient(270deg,#000 30%,#0000 95%)}.band-content{position:relative}.band.art-band{min-height:calc(var(--safe-t) + 112px)}.art-band .band-content{padding-right:104px}.band-art{top:calc(var(--safe-t) + 8px);width:104px;height:96px;color:var(--band-on);pointer-events:none;position:absolute;right:12px}.band-art .art-cut{stroke:var(--band);stroke-width:2px}.band-line{margin:6px 0 0;font-size:.9375rem;font-weight:600}.band.sky{color:var(--sky-ink);background-color:var(--sky-top);background-image:linear-gradient(to bottom, var(--sky-top), var(--sky-bottom));box-shadow:0 -100vh 0 0 var(--sky-top);min-height:calc(var(--safe-t) + 240px);padding-bottom:76px}.band.sky .band-pattern{color:var(--sky-ink)}.sky-dawn{--sky-top:var(--sky-dawn-top);--sky-bottom:var(--sky-dawn-bottom)}.sky-day{--sky-top:var(--sky-day-top);--sky-bottom:var(--sky-day-bottom)}.sky-afternoon{--sky-top:var(--sky-afternoon-top);--sky-bottom:var(--sky-afternoon-bottom)}.sky-dusk{--sky-top:var(--sky-dusk-top);--sky-bottom:var(--sky-dusk-bottom)}.sky-night{--sky-top:var(--sky-night-top);--sky-bottom:var(--sky-night-bottom)}.band.sky h1,.band.sky .today-head,.band.sky .today-date{max-width:calc(58% - 18px)}.screen-header h1{letter-spacing:-.02em;font-size:1.875rem;line-height:1.1}.tabbar{view-transition-name:tabbar;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-top:var(--hairline) solid var(--border);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--text-2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.65625rem;font-weight:500;transition:color .12s;display:flex}.tab[aria-current=page]{color:var(--accent)}.tab span{transition:color .12s}.tab[aria-current=page] span{color:var(--accent-text)}.tab:active{opacity:.6}.mini{view-transition-name:mini;left:8px;right:8px;bottom:calc(var(--tabbar-h) + var(--safe-b) + 6px);height:var(--mini-h);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:var(--hairline) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);z-index:20;align-items:center;gap:2px;padding:0 6px 0 14px;display:flex;position:fixed;overflow:hidden}.mini-progress{background:var(--accent);transform-origin:0;width:100%;height:2px;position:absolute;top:0;left:0}.mini-main{text-align:left;flex-direction:column;flex:1;justify-content:center;min-width:0;height:100%;display:flex}.mini-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.mini-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.band-back{margin-left:-12px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.compact-header{z-index:19;height:calc(var(--safe-t) + 48px);padding:var(--safe-t) 8px 0;background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-bar);opacity:0;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;transition:opacity .2s;display:grid;position:fixed;top:0;left:0;right:0}.compact-header.shown{opacity:1;pointer-events:auto}.compact-title{text-overflow:ellipsis;white-space:nowrap;max-width:60vw;color:var(--text);font-size:1.0625rem;font-weight:600;overflow:hidden}.compact-back{justify-self:start}.icon-btn{width:44px;height:44px;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;transition:transform .1s,background .12s;display:grid;position:relative}.icon-btn:active{background:var(--surface-2);transform:scale(.92)}.icon-btn.small{color:var(--text-2)}.icon-btn.on{color:var(--accent)}.icon-btn.fav{color:var(--heart)}.compact-search{color:var(--accent-text);justify-self:end}.badge{background:var(--accent);color:var(--accent-on);border-radius:var(--radius-pill);padding:0 4px;font-size:.625rem;font-weight:700;line-height:14px;position:absolute;top:5px;right:5px}.play-btn{background:var(--accent);width:68px;height:68px;color:var(--accent-on);border-radius:50%;place-items:center;transition:transform .1s;display:grid}.play-btn:active{transform:scale(.94)}.text-btn{border-radius:var(--radius-pill);min-height:36px;color:var(--text-2);background:var(--surface-2);align-items:center;gap:6px;padding:0 12px;font-size:.875rem;font-weight:600;transition:opacity .1s;display:inline-flex}.text-btn:active{opacity:.7}.text-btn.on{color:var(--accent-text);background:var(--accent-bg)}.pill{border-radius:var(--radius-pill);border:var(--hairline) solid var(--border);background:var(--surface);min-height:32px;color:var(--text-2);align-items:center;gap:4px;margin:2px auto 4px;padding:0 12px;font-size:.8125rem;display:inline-flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--text);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.spinner.light{border-color:#80808059;border-top-color:var(--accent-on)}@keyframes spin{to{transform:rotate(360deg)}}.group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin:18px 4px 6px;font-size:.8125rem;font-weight:600}.card{background:var(--surface);border:var(--hairline) solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:0;font-size:.75rem;font-weight:600}.icon-badge{background:var(--accent-bg);width:36px;height:36px;color:var(--accent-text);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.card .setting-row+.setting-row,.card .setting-preview+.setting-row{border-top:var(--hairline) solid var(--border)}.settings .group-title{scroll-margin-top:calc(var(--safe-t) + 12px)}.setting-row{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;display:flex}.setting-row.column{flex-direction:column;align-items:stretch;gap:8px}.more-row{justify-content:flex-start}.more-row .setting-text{flex:1;min-width:0}.setting-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;display:flex}.setting-text{flex-direction:column;min-width:0;display:flex}.setting-sub{color:var(--text-2);font-size:.8125rem}.setting-value{color:var(--text);font-size:.9375rem}.setting-hint{color:var(--text-2);margin:0;font-size:.8125rem}.setting-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.setting-actions .select{flex:1;min-width:0}.setting-row .text-btn,.setting-row .select{min-height:44px}.setting-row.column .select{max-width:none}.setting-chevron{color:var(--text-3);flex-shrink:0}.setting-note{border-top:var(--hairline) solid var(--border);padding:10px 14px 12px}.setting-preview{padding:12px 14px 14px}.setting-preview-label{color:var(--accent-text);font-size:.75rem;font-weight:600;display:block}.setting-label{font-size:1rem}.setting-picker{min-width:0}.setting-picker .select{max-width:100%}.setting-picker .setting-sub{margin-top:4px}.switch{border-radius:var(--radius-pill);background:var(--switch-off);flex-shrink:0;width:50px;height:30px;transition:background .16s;position:relative}.switch-knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .18s cubic-bezier(.32,.72,0,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}[role=switch][aria-checked=true] .switch{background:var(--accent)}[role=switch][aria-checked=true] .switch-knob{transform:translate(20px)}.segmented{background:var(--surface-2);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.segmented button{border-radius:var(--radius-sm);min-height:44px;color:var(--text-2);flex:1;font-size:.875rem;transition:background .12s}.segmented button[aria-checked=true]{background:var(--accent);color:var(--accent-on);font-weight:600}.select{background:var(--surface-2);border-radius:var(--radius-md);border:0;max-width:60%;padding:6px 10px;font-size:.875rem}.about-credits{border-top:var(--hairline) solid var(--border)}.about-credits summary{cursor:pointer;list-style:none}.about-credits summary::-webkit-details-marker{display:none}.about-credits .setting-chevron{transition:transform .18s}.about-credits[open] .setting-chevron{transform:rotate(180deg)}.about-credits-body{color:var(--text-2);padding:0 14px 12px;font-size:.875rem}.about-credits-body p{margin:0 0 8px}.about-credits-body p:last-child{margin:0}.text-btn:disabled{opacity:.5}.icon-btn:disabled{opacity:.3}.text-btn.plain{color:var(--accent-text);background:0 0}.band .text-btn{background:var(--surface);color:var(--accent-text)}.band .text-btn.plain{color:inherit;background:0 0}.btn-tinted,.setting-row .text-btn:not(:disabled),.download-btn:not(:disabled),.progress-picked .text-btn{background:var(--accent-bg);color:var(--accent-text)}.btn-tinted{border-radius:var(--radius-pill);border:0}.primary-btn{border-radius:var(--radius-pill);background:var(--accent);min-height:48px;color:var(--accent-on);width:100%;font-size:1rem;font-weight:600;transition:transform .1s}.primary-btn:active{transform:scale(.98)}.search,.text-input,.memo-range input{border:var(--hairline) solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:44px;font-size:1rem}.text-input{width:100%;margin-bottom:4px;padding:0 12px}.field-error{color:var(--danger);margin:0 0 8px;font-size:.8125rem}.storage-line{color:var(--text-2);margin:10px 4px 0;font-size:.8125rem}.ayah-bookmark,.tafsir-link,.pill,.text-btn,.row-play,.range-toggle,.toast-action,.segmented button,.prayer-open{position:relative}.player-pills{z-index:1;flex-wrap:wrap;justify-content:center;column-gap:8px;padding:0 16px;display:flex}.player-pills .pill{white-space:nowrap;margin:2px 0 4px}.ayah-bookmark:after,.tafsir-link:after,.pill:after,.text-btn:after,.row-play:after,.range-toggle:after,.toast-action:after,.segmented button:after,.prayer-open:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.row:active,.today-row:active,.ayah:active,.option:active{transition:none}.segmented button:active{opacity:.7}.pill:active,.tafsir-link:active,.ayah-bookmark:active,.virtues-line:active,.range-toggle:active,.mini-main:active{opacity:.6}button.setting-row:active,summary.setting-row:active,.ayah:not(.active):active,.ayah-inline:not(.active):active{background:var(--surface-2)}.ayah.active:active{background:color-mix(in srgb, var(--accent-bg) 80%, var(--accent))}.list{background:var(--surface);border-radius:var(--radius-lg);border:var(--hairline) solid var(--border);margin:0;padding:0;list-style:none;overflow:hidden}.list li+li .row{border-top:var(--hairline) solid var(--border)}.row{text-align:left;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 14px;transition:background .12s;display:flex;position:relative}.row:active{background:var(--surface-2)}.medallion{width:38px;height:38px;color:var(--accent-text);font-variant-numeric:tabular-nums;--medallion-fill:var(--accent-bg);--medallion-line:var(--accent);flex-shrink:0;place-items:center;font-size:.8125rem;font-weight:600;display:grid;position:relative}.medallion svg{width:100%;height:100%;fill:var(--medallion-fill);stroke:var(--medallion-line);stroke-width:1.1px;stroke-linejoin:round;position:absolute;inset:0}.medallion svg .medallion-inner{fill:none;stroke:var(--gold);stroke-opacity:.7;stroke-width:.7px}.medallion-n{position:relative}.medallion.fill-none{--medallion-fill:transparent}.medallion.fill-full{color:var(--accent-on);--medallion-fill:var(--accent)}.row-order{background:var(--surface-2);width:38px;height:38px;color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;font-size:.8125rem;font-weight:600;display:grid}.row.active{background:var(--accent-bg)}.row.active .row-title{color:var(--accent-text)}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}button.row-main{text-align:left}.row-main.with-star{flex-direction:row;align-items:center;gap:12px}.row-text{flex-direction:column;flex:1;min-width:0;display:flex}.row-title{font-size:1rem;font-weight:600}.row-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.juz-row .row-sub{white-space:normal}.row-arabic{font-family:var(--font-arabic);color:var(--text);flex-shrink:0;font-size:1.375rem;line-height:1.2}.recent-tiles{grid-template-columns:repeat(auto-fill,minmax(max(5.5rem,33.3333% - 5.33333px),1fr));gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.recent-tile{border-radius:var(--radius-lg);background:var(--accent-bg);width:100%;min-height:44px;color:var(--accent-text);text-align:left;border:0;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.recent-name{font-family:var(--font-arabic);white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding-bottom:.6em;font-size:1.25rem;line-height:1.5;overflow:hidden}.recent-ayah{font-size:.875rem;font-weight:600}.recent-when{font-size:.8125rem;font-weight:400}.search{color:var(--text-3);scroll-margin-top:calc(var(--safe-t) + 56px);align-items:center;gap:8px;margin-bottom:12px;padding:0 12px;display:flex}.search input{min-width:0;color:var(--text);appearance:none;background:0 0;border:0;outline:none;flex:1;align-self:stretch;font-size:1rem}.search:focus-within{outline:2px solid var(--accent);outline-offset:-2px}.search input::placeholder{color:var(--text-2);opacity:1}.surah-search.searching{min-height:calc(100vh - var(--safe-t) - 56px)}.empty{color:var(--text-2);text-align:center;padding:24px}.empty-state{text-align:center;color:var(--text-2);padding:48px 24px}.empty-state.compact{padding:20px 24px}.empty-art{color:var(--text-3);margin:0 auto 14px;display:block}.empty-art .art-paper{fill:var(--surface)}.empty-art .art-book{fill:var(--spring-bg);stroke:var(--spring)}.empty-art .art-heart{fill:var(--heart);stroke:var(--surface);stroke-width:1.5px}.empty-art .art-glow{fill:var(--ginger-bg);stroke:none}.empty-art .art-cap,.lantern .art-cap{fill:var(--ginger-bg);stroke:var(--ginger)}.empty-art .art-glass,.lantern .art-glass{fill:var(--lapis-bg);stroke:var(--lapis)}.empty-art .art-star,.lantern .art-star{fill:var(--ginger);stroke:var(--surface);stroke-width:1.5px}.empty-art .art-moon{fill:var(--ginger-bg);stroke:var(--ginger)}.empty-art .art-spark-1{fill:var(--spring)}.empty-art .art-spark-2{fill:var(--lapis)}.empty-art .art-spark-3{fill:var(--ginger)}.lantern{flex-shrink:0}.empty-title{color:var(--text);margin:0 0 4px;font-weight:600}.empty-sub{margin:0;font-size:.875rem}li.row{cursor:default}li.row:active{background:0 0}.row-play{background:var(--accent);width:40px;height:40px;color:var(--accent-on);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.row-play.muted{background:var(--surface-2);color:var(--text-2)}.row-play:active{transform:scale(.92)}.sheet-root{z-index:40;pointer-events:none;position:fixed;inset:0}.sheet-root.open{pointer-events:auto}.scrim{background:var(--scrim);opacity:0;transition:opacity .24s;position:absolute;inset:0}.sheet-root.open .scrim{opacity:1}.sheet{--surface:var(--elevated);--surface-2:var(--elevated-2);box-shadow:var(--shadow-sheet);background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:8px 12px calc(var(--safe-b) + 16px);visibility:hidden;max-height:80dvh;transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s .32s;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.sheet-root.open .sheet{visibility:visible;transition:transform .32s cubic-bezier(.32,.72,0,1),visibility;transform:translateY(0)}.sheet-handle{border-radius:var(--radius-pill);background:var(--border);width:36px;height:4px;margin:0 auto 8px}.sheet-title{text-align:center;margin-bottom:8px;font-size:1.0625rem}.sheet-status{text-align:center;color:var(--accent-text);margin:-4px 0 8px;font-size:.875rem;font-weight:600}.sheet:focus,.player:focus,.reader:focus,.fullsheet:focus{outline:none}.option-list{margin:0;padding:0;list-style:none}.option{text-align:left;border-radius:var(--radius-md);align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 12px;display:flex}.option:active{background:var(--surface-2)}.option-main{flex-direction:column;flex:1;display:flex}.option-title{font-size:1rem}.option-sub{color:var(--text-2);font-size:.8125rem}.option-check{color:var(--accent)}.option[aria-checked=true] .option-title{color:var(--accent-text);font-weight:600}.range-toggle{color:var(--accent-text);align-self:flex-start;padding:2px 0;font-weight:600}.range-fields{align-items:flex-end;gap:10px;padding:0 14px 12px;display:flex}.range-fields label{width:80px;color:var(--text-2);flex-direction:column;gap:4px;font-size:.75rem;display:flex}.range-fields .text-input{text-align:center;margin:0}.fullsheet{z-index:35;background:var(--bg);visibility:hidden;padding-top:var(--safe-t);flex-direction:column;transition:transform .38s cubic-bezier(.32,.72,0,1),visibility 0s .38s;display:flex;position:fixed;inset:0;transform:translateY(100%)}.fullsheet.open{visibility:visible;transition:transform .38s cubic-bezier(.32,.72,0,1),visibility;transform:translateY(0)}.fullsheet-body{padding:8px 16px calc(var(--safe-b) + 24px);flex:1;overflow-y:auto}.memo-form{flex-direction:column;gap:10px;padding:4px 4px 0;display:flex}.memo-range{gap:12px;display:flex}.memo-range label{color:var(--text-2);flex-direction:column;flex:1;gap:4px;font-size:.8125rem;display:flex}.memo-range input{width:100%;padding:0 12px}.memo-label{color:var(--text-2);margin-top:4px;font-size:.8125rem}.memo-loop{min-height:44px;padding:6px 0}.sheet-actions{gap:8px;margin-bottom:14px;display:flex}.sheet-actions .text-btn{flex:1;justify-content:center}.share-row{justify-content:flex-start}.share-row svg{color:var(--text-2);flex-shrink:0}.ayah-sheet{flex-direction:column;gap:10px;padding:0 4px;display:flex}.ayah-sheet-ar{text-align:right;line-height:2.2}.ayah-sheet-ar .ayah-ar{display:block}.ayah-sheet-tr{margin:0;font-size:.9375rem;line-height:1.55}.tafsir p{color:var(--text-2);margin:0 0 10px;font-size:.9375rem;line-height:1.6}.tafsir-credit{color:var(--text-2)!important;font-size:.75rem!important}.virtues-sheet,.share-sheet{padding:0 4px}.virtue+.virtue{margin-top:14px}.virtue-title{margin:4px 0 6px;font-size:.9375rem;font-weight:600}.virtue-hadith p{color:var(--text-2);margin:0 0 8px;font-size:.9375rem;line-height:1.6}.virtue-ref,.virtue-note{color:var(--text-2)!important;font-size:.75rem!important}.virtue-ref a{color:var(--accent-text)}.ayah-sheet .primary-btn{justify-content:center;align-items:center;gap:8px;margin-top:4px;display:inline-flex}.jump-form{flex-direction:column;gap:8px;display:flex}.jump-form .setting-hint{margin:0}.player,.reader{z-index:30;background:var(--bg);visibility:hidden;will-change:transform;padding-top:var(--safe-t);flex-direction:column;transition:transform .38s cubic-bezier(.32,.72,0,1),visibility 0s .38s;display:flex;position:fixed;inset:0;transform:translateY(100%)}.player.open,.reader.open{visibility:visible;transition:transform .38s cubic-bezier(.32,.72,0,1),visibility;transform:translateY(0)}.player-header{align-items:center;padding:6px 8px 0;display:flex}.player-heading{text-align:center;flex-direction:column;flex:1;min-width:0;display:flex}.player-title{font-size:1rem;font-weight:600}.player-sub{color:var(--text-2);font-size:.75rem}.ayah-list,.reader-verses{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:8px 16px 24px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 12px calc(100% - 20px),#0000);mask-image:linear-gradient(#0000,#000 12px calc(100% - 20px),#0000)}.surah-banner{align-items:stretch;height:52px;margin:6px 0 10px;display:flex}.surah-banner-cap{flex-shrink:0;width:32px;height:52px;overflow:visible}.surah-banner-cap.end{transform:scaleX(-1)}.surah-banner-cap .cap-fill{fill:var(--spring-bg)}.surah-banner-cap .cap-line{fill:none;stroke:var(--spring);stroke-opacity:.8;stroke-width:1px}.surah-banner-cap .cap-gold{fill:var(--gold);opacity:.9}.surah-banner-cap .cap-star{fill:var(--ginger)}.surah-banner-mid{background:var(--spring-bg);min-width:0;box-shadow:inset 0 1px 0 var(--spring), inset 0 -1px 0 var(--spring), inset 0 3px 0 var(--spring-bg), inset 0 4px 0 color-mix(in srgb, var(--gold) 60%, transparent), inset 0 -3px 0 var(--spring-bg), inset 0 -4px 0 color-mix(in srgb, var(--gold) 60%, transparent);flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.surah-banner-pattern{width:100%;height:100%;color:var(--spring);opacity:var(--pattern-opacity-soft);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 32% 68%,#000);mask-image:linear-gradient(90deg,#000,#0000 32% 68%,#000)}.surah-banner-name{font-family:var(--font-arabic);color:var(--spring-text);white-space:nowrap;max-width:100%;padding:0 8px;font-size:20px;line-height:1;position:relative;top:-6px}.bismillah{font-family:var(--font-arabic);text-align:center;color:var(--text-2);margin:8px 0 16px;line-height:2}.ayah{text-align:left;border-radius:var(--radius-lg);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;margin-bottom:4px;padding:12px 14px;transition:background .16s;display:block}.ayah.active{background:var(--accent-bg)}.ayah-ar{font-family:var(--font-arabic);text-align:right;color:var(--text);line-height:2.1;display:block}.ayah.active .ayah-ar{color:var(--accent-text)}.ayah-mark{color:var(--accent);font-size:.85em;font-family:var(--font-arabic);display:inline-block}.ayah-tr{color:var(--text-2);margin-top:6px;font-size:.9375rem;line-height:1.55;display:block}.ayah-tr-num{color:var(--text-2);vertical-align:super;margin-right:2px;font-size:.6875rem;font-weight:700}.player-footer{padding:8px 20px calc(var(--safe-b) + 12px);background:var(--surface)}.player-error{color:var(--danger);text-align:center;margin:0 0 6px;font-size:.8125rem}.scrub input[type=range]{width:100%;accent-color:var(--accent);height:44px;margin:-8px 0;display:block}.scrub-times{color:var(--text-2);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-2px;font-size:.75rem;display:flex}.controls{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.controls-secondary{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.ayah-tl{color:var(--text-2);margin-top:4px;font-size:.875rem;font-style:italic;line-height:1.5;display:block}.memo-bar{background:var(--accent-bg);color:var(--accent-text);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:6px 6px 6px 12px;font-size:.8125rem;display:flex}.w{border-radius:var(--radius-xs);padding:0 2px;transition:background 80ms}.w.on{background:var(--accent);color:var(--accent-on)}.ayah-ar.inline{text-align:inherit;line-height:inherit;display:inline}.ayah-ar.indopak,.indopak .bismillah,.indopak .mushaf-text{font-family:var(--font-indopak);line-height:2.6}.tafsir-link{color:var(--accent-text);border-radius:var(--radius-sm);background:var(--surface-2);margin-top:6px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-block}.ayah.active .tafsir-link{background:var(--surface)}.virtues-line{border-radius:var(--radius-lg);background:var(--surface-2);width:100%;max-width:100%;color:var(--accent-text);text-align:left;white-space:normal;align-items:flex-start;gap:8px;margin:0 0 12px;padding:10px 12px;font-size:.875rem;font-weight:600;display:flex}.virtues-line svg{width:16px;height:16px;fill:var(--accent);flex:none;margin-top:2px}.ayah-actions{align-items:center;gap:8px;margin-top:6px;display:flex}.ayah-actions .tafsir-link{margin-top:0}.ayah-bookmark{border-radius:var(--radius-sm);width:28px;height:26px;color:var(--text-2);background:var(--surface-2);place-items:center;display:grid}.ayah.active .ayah-bookmark{background:var(--surface)}.ayah-bookmark.on{color:var(--accent)}.mushaf{padding-bottom:12px}.mushaf-page{margin-bottom:8px}.mushaf-text{font-family:var(--font-arabic);text-align:justify;text-align-last:center;color:var(--text);margin:0;line-height:2.3}.ayah-inline{border-radius:var(--radius-sm);cursor:pointer;padding:2px 3px}.ayah-inline.active{background:var(--accent-bg);color:var(--accent-text)}.mushaf-page-num{color:var(--text-2);text-align:center;border-top:var(--hairline) solid var(--border);margin:14px 0 18px;padding-top:8px;font-size:.75rem}.player-backdrop{z-index:29;background:var(--scrim);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .38s cubic-bezier(.32,.72,0,1),visibility 0s .38s;position:fixed;inset:0}.player-backdrop.open{opacity:1;visibility:visible;transition:opacity .38s cubic-bezier(.32,.72,0,1),visibility}.reader-pages{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;direction:rtl;flex:1;display:flex;overflow:auto hidden}.reader-pages::-webkit-scrollbar{display:none}.reader-page{scroll-snap-align:start;scroll-snap-stop:always;direction:ltr;flex:0 0 100%;padding:8px 16px 24px;overflow-y:auto}.reader-page-foot{color:var(--text-2);text-align:center;border-top:var(--hairline) solid var(--border);margin:14px 0 18px;padding-top:8px;font-size:.75rem}.reader-next{margin:12px auto 4px;display:flex}.reader-foot{padding:8px 20px calc(var(--safe-b) + 12px);background:var(--surface);justify-content:center;display:flex}.continue{text-align:left;align-items:center;gap:14px;width:100%;margin-bottom:14px;padding:12px 14px 14px;transition:transform .1s;display:flex;position:relative;overflow:hidden}.continue-pattern{width:62%;color:var(--accent);opacity:var(--pattern-opacity-soft);pointer-events:none;position:absolute;top:-6px;bottom:-6px;right:-6px;-webkit-mask-image:linear-gradient(270deg,#000 35%,#0000 95%);mask-image:linear-gradient(270deg,#000 35%,#0000 95%)}.continue-icon,.continue-main{position:relative}.continue:active{transform:scale(.985)}.continue-icon{background:var(--accent);width:44px;height:44px;color:var(--accent-on);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.continue-main{flex-direction:column;min-width:0;display:flex}.continue-title{font-size:1.0625rem;font-weight:600}.continue-sub{color:var(--text-2);font-size:.8125rem}.today{flex-direction:column;margin-bottom:14px;display:flex;position:relative;overflow:hidden}.today-head{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:8px;display:flex}.today-label{padding:12px 14px 4px}.today-chip{border-radius:var(--radius-pill);background:var(--sky-sun);color:var(--sun-ink);padding:1px 7px;font-size:.6875rem;font-weight:700}.today-date{margin:4px 0 0;font-size:.9375rem;font-weight:600}.today-gregorian,.today-hijri{display:block}.today-hijri{font-weight:500}.band .today-prayer{text-align:left;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:36px;margin:12px 0 0;padding:6px 12px;display:flex}.band .today-prayer svg{color:var(--accent);flex-shrink:0}.band p.today-prayer{min-height:0;color:inherit;padding:0;font-size:.9375rem}.band p.today-prayer svg{color:currentColor}.band .today-prayer+.today-date{margin-top:12px}.today-row{text-align:left;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 14px;transition:background .12s;display:flex}.today-row+.today-row{border-top:var(--hairline) solid var(--border)}.today-row:active{background:var(--surface-2)}.adhkar-card{margin-bottom:14px;padding:12px 14px 14px}.adhkar-head{justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 8px;display:flex}.adhkar-count{color:var(--accent-text);align-items:center;gap:5px;font-size:.8125rem;font-weight:600;display:inline-flex}.adhkar-grid{grid-template-columns:repeat(auto-fit,minmax(max(8.5rem,40%),1fr));gap:10px;display:grid}.adhkar-tile{background:var(--surface-2);border-radius:var(--radius-lg);border:0;position:relative}.adhkar-tile.now{background:var(--accent-bg);box-shadow:0 0 0 1.5px var(--accent)}.adhkar-tile.now .icon-badge{background:var(--surface)}.adhkar-play{border-radius:var(--radius-lg);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:44px;padding:8px 12px 12px;transition:transform .1s;display:flex}.adhkar-play:active{transform:scale(.985)}.adhkar-icon{margin-bottom:6px}.adhkar-title{color:var(--text);font-size:1rem;font-weight:600}.adhkar-sub{color:var(--text-2);font-size:.8125rem}.adhkar-tick{place-items:center;width:44px;height:44px;display:grid;position:absolute;top:2px;right:2px}.adhkar-tick-circle{border:1.5px solid var(--accent);width:28px;height:28px;color:var(--accent-on);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.adhkar-tick-circle:before{content:"";background:var(--accent);border-radius:50%;transition:transform .24s cubic-bezier(.32,.72,0,1);position:absolute;inset:0;transform:scale(0)}.adhkar-check{opacity:0;transition:opacity .12s 80ms;position:relative}.adhkar-tick[aria-pressed=true] .adhkar-tick-circle:before,.prayer-tick[aria-pressed=true] .adhkar-tick-circle:before{transform:scale(1)}.adhkar-tick[aria-pressed=true] .adhkar-check,.prayer-tick[aria-pressed=true] .adhkar-check{opacity:1}.adhkar-star{width:calc(100% - 4px);height:calc(100% - 4px);color:var(--accent-on);opacity:.2;position:absolute;inset:2px}.adhkar-star.grow{animation:.24s ease-out both adhkar-star-grow}@keyframes adhkar-star-grow{0%{opacity:0;transform:scale(.3)}60%{opacity:.3;transform:scale(1.12)}to{opacity:.2;transform:scale(1)}}@media (prefers-contrast:more){.adhkar-star{display:none}.adhkar-tile{border:var(--hairline) solid var(--border)}}.ayah-day{margin-bottom:14px;padding:12px 14px 14px}.ayah-day-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;display:flex}.ayah-day-ref{color:var(--text-2);margin:0;font-size:.875rem;font-weight:600}.ayah-day-text{margin-top:8px}.ayah-day .ayah-tr{margin:6px 0 0}.ayah-day-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ayah-day-listen,.ayah-day-share{border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 20px;font-size:1rem;font-weight:600;transition:transform .1s;display:inline-flex}.ayah-day-listen{background:var(--accent);color:var(--accent-on)}.ayah-day-listen:active,.ayah-day-share:active{transform:scale(.97)}.install{background:var(--surface);border:var(--hairline) solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:10px;margin-bottom:14px;padding:12px 6px 14px 14px;display:flex}.install-text{color:var(--text-2);flex:1;font-size:.8125rem;line-height:1.4}.install-title{color:var(--text);margin-bottom:2px;font-size:.9375rem;font-weight:600;display:block}.scene-wrap{pointer-events:none;position:absolute;inset:0}.scene{width:100%;height:100%;display:block}.scene-arc{stroke:var(--sky-ink);stroke-opacity:var(--scene-arc-opacity);stroke-width:1.2px;stroke-dasharray:1.5 4;stroke-linecap:round}.scene-star{opacity:var(--star-opacity);animation:scene-twinkle var(--twinkle-dur) ease-in-out var(--twinkle-delay) infinite alternate}@keyframes scene-twinkle{to{opacity:calc(var(--star-opacity) * .4)}}.scene-sun{transform-box:fill-box;transform-origin:50%;animation:120s linear infinite scene-turn}@keyframes scene-turn{to{transform:rotate(360deg)}}.scene-water{stroke-dasharray:4 6;animation:2.4s linear infinite scene-flow}@keyframes scene-flow{to{stroke-dashoffset:-10px}}.scene.still *{animation:none}.band[data-paused] .scene *{animation-play-state:paused}.scene-picker{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;width:100%;display:grid}.scene-choice,.theme-choice{text-align:center;min-height:44px;color:var(--text-2);flex-direction:column;gap:6px;padding:0;font-size:.8125rem;font-weight:600;display:flex}.scene-choice[aria-checked=true],.theme-choice[aria-checked=true]{color:var(--accent-text)}.scene-choice:focus-visible,.theme-choice:focus-visible{outline-offset:3px;border-radius:var(--radius-md)}.scene-thumb{aspect-ratio:390/200;border-radius:var(--radius-md);background-color:var(--sky-top);background-image:linear-gradient(to bottom, var(--sky-top), var(--sky-bottom));box-shadow:inset 0 0 0 var(--hairline) var(--border);display:block;position:relative;overflow:hidden}.scene-choice[aria-checked=true] .scene-thumb{box-shadow:0 0 0 2px var(--accent)}.scene-thumb .scene{position:absolute;inset:0}.scene-tick{background:var(--accent);width:20px;height:20px;color:var(--accent-on);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.theme-picker-box{width:100%;container-type:inline-size}.theme-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@container (width>=16rem){.theme-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}.theme-swatch{aspect-ratio:1;border-radius:var(--radius-md);box-shadow:inset 0 0 0 var(--hairline) var(--border);display:block;position:relative;overflow:hidden}.theme-choice[aria-checked=true] .theme-swatch{box-shadow:0 0 0 2px var(--accent)}.theme-art{background:var(--bg);display:block;position:absolute;inset:0}.theme-half.theme-dark{clip-path:polygon(100% 0,100% 100%,0 100%)}.theme-art-band{background:var(--band);height:30%;position:absolute;top:0;left:0;right:0}.theme-art-card{border-radius:var(--radius-xs);background:var(--surface);box-shadow:inset 0 0 0 var(--hairline) var(--border);flex-direction:column;justify-content:center;gap:12%;padding:0 12%;display:flex;position:absolute;inset:42% 14% 14%}.theme-art-line{border-radius:var(--radius-pill);background:var(--text);width:70%;height:3px;display:block}.theme-art-line+.theme-art-line{background:var(--text-2);width:45%}.band .prayer-countdown{margin:6px 0 0;font-size:1.0625rem;font-weight:600}.band .prayer-countdown~.today-date{margin-top:12px}.band .prayer-count{margin:10px 0 0;font-size:.875rem;font-weight:500}.band.sky .prayer-countdown,.band.sky .prayer-count{max-width:calc(58% - 18px)}.prayer-empty{color:var(--text-2);margin:4px 4px 0}.prayer-list{background:var(--surface);border:var(--hairline) solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.prayer-row{align-items:center;gap:6px;min-height:52px;padding:4px 14px 4px 4px;font-size:1rem;display:flex}.prayer-row+.prayer-row{border-top:var(--hairline) solid var(--border)}.prayer-row[aria-current=true]{background:var(--accent-bg);color:var(--accent-text);box-shadow:inset 0 0 0 1.5px var(--accent);font-weight:600}.prayer-row.sunrise{color:var(--text-2)}.prayer-name{flex-wrap:wrap;flex:1;align-items:center;gap:4px 6px;min-width:0;display:flex}.prayer-time{font-variant-numeric:tabular-nums}.prayer-tick,.prayer-tick-space{flex-shrink:0;place-items:center;min-width:44px;min-height:44px;display:grid}.prayer-chip{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-2);padding:1px 8px;font-size:.75rem;font-weight:600}.prayer-chip.now{background:var(--sky-sun);color:var(--sun-ink)}.prayer-adjust{color:var(--text-2);font-size:.8125rem;font-weight:500}.prayer-night{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0;display:grid}.prayer-night-tile{border-radius:var(--radius-md);background:var(--surface-2);text-align:center;padding:8px 6px}.prayer-night-label{color:var(--text-2);font-size:.75rem;display:block}.prayer-night-time{font-variant-numeric:tabular-nums;font-weight:600;display:block}.prayer-note{color:var(--text-2);margin:10px 4px 0;font-size:.8125rem}.prayer-more{margin:12px 0 0}.next-days-body{padding:0 4px}.next-days{table-layout:fixed;border-collapse:collapse;width:100%;font-size:min(.875rem,5vw)}.next-days th{text-align:center;padding:7px 0}.next-days td{text-align:center;font-variant-numeric:tabular-nums;padding:7px 0}.next-days thead th{color:var(--text-2);font-size:min(.75rem,3.2vw);font-weight:600}.next-days thead th:first-child,.next-days tbody th{text-align:left;width:18%;padding-left:4px}.next-days tbody tr+tr{border-top:var(--hairline) solid var(--border)}.next-days tbody th{font-size:min(.8125rem,4vw);font-weight:600}.next-days-date,.next-days-hijri{display:block}.next-days-hijri{color:var(--text-2);font-size:.85em;font-weight:500}.next-days tr[aria-current=date]{background:var(--accent-bg);color:var(--accent-text)}.adjust-sheet{padding:0 4px}.adjust-controls{align-items:center;gap:4px;display:flex}.adjust-row button{min-width:44px;min-height:44px;color:var(--accent-text);font-size:1.25rem;font-weight:600}.adjust-value{text-align:center;font-variant-numeric:tabular-nums;min-width:4.5em;color:var(--text-2)}.prayer-label{letter-spacing:0;margin-bottom:4px;font-size:.9375rem;font-weight:600;line-height:1.3;display:block}.band .prayer-open{text-align:left;width:fit-content;transition:opacity .1s;display:block}.band .prayer-open svg{vertical-align:-.125em;margin-left:4px;display:inline-block}.band .prayer-open-end{white-space:nowrap}.band .prayer-open:active{opacity:.6;transition:none}.dua-header h1{letter-spacing:-.02em;margin:2px 0 0;font-size:1.625rem;line-height:1.15}.dua-title-ar{font-family:var(--font-arabic);text-align:left;margin:2px 0 0;font-size:1.25rem;line-height:1.8}.dua-loading{place-items:center;padding:40px 0;display:grid}.dua-load-error{flex-direction:column;align-items:center;gap:8px;padding:32px 0;display:flex}.dua-load-error .player-error{margin:0}.dua-card{border-radius:var(--radius-lg);background:var(--surface);border:var(--hairline) solid var(--border);margin-bottom:14px;padding:12px 14px 14px;transition:background .16s}.dua-card.active{background:var(--accent-bg)}.dua-play{background:var(--accent);width:44px;height:44px;color:var(--accent-on);border-radius:50%}.dua-play:active{background:var(--accent)}.dua-top{align-items:center;gap:8px;margin:-6px 0 2px -8px;display:flex}.dua-num{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700}.dua-times{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-2);padding:2px 8px;font-size:.75rem;font-weight:700}.dua-card.active .dua-times{background:var(--surface);color:var(--accent-text)}.dua-pass{color:var(--accent-text);margin-left:auto;font-size:.75rem;font-weight:700}.dua-ar{font-family:var(--font-arabic);text-align:right;color:var(--text);white-space:pre-line;margin:0;line-height:2.1}.dua-card.active .dua-ar{color:var(--accent-text)}.dua-tl{color:var(--text-2);white-space:pre-line;margin:6px 0 0;font-size:.875rem;font-style:italic;line-height:1.5}.dua-en{color:var(--text-2);white-space:pre-line;margin:6px 0 0;font-size:.9375rem;line-height:1.55}.dua-notes{color:var(--text-2);white-space:pre-line;margin:8px 0 0;font-size:.75rem;line-height:1.5}.dua-count{flex-direction:column;align-items:flex-end;gap:2px;margin-top:10px;display:flex;position:relative}.dua-burst{pointer-events:none;width:0;height:0;position:absolute;top:24px;left:50%}.dua-counter{border-radius:var(--radius-pill);background:var(--accent-bg);width:100%;min-height:48px;color:var(--accent-text);font-variant-numeric:tabular-nums;border:0;font-size:1rem;font-weight:600;transition:transform .1s}.dua-counter:active{transform:scale(.98)}.dua-counter:disabled{background:var(--surface-2);color:var(--text-2);transform:none}.dua-counter.just-done{box-shadow:0 0 0 3px var(--accent-bg);transition:box-shadow .3s}.dua-bar{bottom:calc(var(--tabbar-h) + var(--safe-b) + 8px);z-index:15;background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:var(--hairline) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);margin-top:8px;padding:6px 10px;position:sticky}.app.has-mini .dua-bar{bottom:calc(var(--tabbar-h) + var(--mini-h) + var(--safe-b) + 14px)}.dua-bar .player-error{margin:2px 0 4px}.dua-bar-row{align-items:center;gap:2px;min-height:52px;display:flex}.dua-bar .play-btn{width:52px;height:52px}.dua-bar .text-btn{min-height:44px;padding:0 16px}.dua-status{min-width:0;color:var(--text-2);font-variant-numeric:tabular-nums;flex:1;padding-left:6px;font-size:.8125rem;font-weight:600}.dua-feature{align-items:center;margin-bottom:14px;display:flex;position:relative;overflow:hidden}.dua-feature-main{text-align:left;flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:72px;padding:12px 0 14px 14px;transition:opacity .1s;display:flex;position:relative}.dua-feature-main:active{opacity:.7}.dua-feature-play{margin:0 14px;transition:transform .1s}.dua-feature-play:active{transform:scale(.92)}.row-sub-ar{font-family:var(--font-arabic);color:var(--text-2);font-size:1.0625rem;line-height:2}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:10px;display:grid}.topic-tile{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;min-height:44px;padding:12px;transition:transform .1s;display:flex}.topic-tile:active{transform:scale(.985)}.topic-title{font-weight:600}.topic-count{color:var(--text-2);font-size:.8125rem}.mosaic-card{flex-direction:column;gap:12px;margin-bottom:14px;padding:12px 14px 14px;display:flex}.mosaic-card-main{text-align:left;flex-direction:column;gap:6px;width:100%;transition:opacity .1s;display:flex}.mosaic-card-main:active{opacity:.7}.mosaic-card-counts{color:var(--accent-text);font-size:1rem;font-weight:600}.mosaic-card-goal{color:var(--text-2);font-size:.875rem}.progress-sheet{flex-direction:column;gap:10px;padding:0 4px;display:flex}.progress-sheet .group-title{margin:8px 0 0}.progress-pages{color:var(--text-2);margin:0;font-size:.8125rem}.progress-complete{color:var(--accent-text);margin:0;font-size:1rem;font-weight:600}.progress-picked{justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:1rem;font-weight:600;display:flex}.progress-picked .text-btn{min-height:44px;padding:0 18px}.progress-week{color:var(--text-2);margin:0;font-size:.8125rem}.progress-stats{grid-template-columns:repeat(auto-fit,minmax(max(92px,6.5rem),1fr));gap:8px;margin-top:4px;display:grid}.progress-stats[data-count="4"]{grid-template-columns:repeat(2,1fr)}.stat{border-radius:var(--radius-md);background:var(--surface-2);flex-direction:column;padding:8px 10px;display:flex}.stat b{font-size:1rem}.stat span{color:var(--text-2);font-size:.75rem}.progress-hint,.progress-finish{color:var(--text-2);margin:0;font-size:.8125rem}.progress-finish{color:var(--accent-text);font-weight:600}.progress-reset{align-self:center;margin-top:6px}.text-btn.progress-confirm{color:var(--danger)}.primary-btn.progress-confirm{background:var(--danger);color:var(--bg)}.mosaic{width:100%;height:auto;display:block;overflow:visible}.mosaic .tile{fill:none;stroke:var(--accent);stroke-width:.06px;stroke-opacity:.35}.tile.part{fill:var(--accent-bg);stroke-opacity:1}.tile.full{fill:var(--accent);stroke:none}.tile.picked{stroke:var(--text);stroke-width:.1px;stroke-opacity:1}.tile.settle{transform-box:fill-box;transform-origin:50%;animation:.42s ease-out tile-settle}@keyframes tile-settle{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.mosaic-picker{touch-action:none;border-radius:var(--radius-lg)}.mosaic-picker:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.keepsakes{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 12px;margin:0;padding:0;list-style:none;display:grid}.keepsakes li{flex-direction:column;gap:4px;display:flex}.keepsakes li span{color:var(--text-2);font-size:.75rem}@media (prefers-contrast:more){.mosaic .tile{stroke-opacity:1}}.goal-line{color:var(--text-2);text-align:center;flex-direction:column;gap:4px;padding:0 20px 6px;font-size:.75rem;display:flex}.goal-bar{border-radius:var(--radius-pill);background:var(--accent-bg);height:4px;display:block;overflow:hidden}.goal-fill{border-radius:var(--radius-pill);background:var(--accent);height:100%;display:block}.celebration{z-index:38;pointer-events:none;position:fixed;inset:0}.celebration-anchor{justify-content:center;display:flex;position:absolute;left:0;right:0}.celebration[data-at=player] .celebration-anchor{bottom:calc(var(--safe-b) + 190px)}.celebration[data-at=mini] .celebration-anchor{bottom:calc(var(--tabbar-h) + var(--mini-h) + var(--safe-b) + 22px)}.celebration[data-at=tabbar] .celebration-anchor{bottom:calc(var(--tabbar-h) + var(--safe-b) + 22px)}.celebration-pill{background:var(--text);color:var(--bg);border-radius:var(--radius-md);white-space:nowrap;align-items:center;gap:6px;max-width:90%;padding:8px 14px;font-size:.875rem;font-weight:600;animation:2.6s .5s both pill;display:flex}.celebration-bloom{opacity:0;width:120px;height:120px;margin:-60px 0 0 -60px;animation:1.1s cubic-bezier(.2,.7,.2,1) both bloom;position:absolute;top:50%;left:50%}.celebration-anchor .star-burst{top:50%;left:50%}.celebration-medal{place-items:center;width:190px;height:190px;margin:auto;animation:3.4s both medal;display:grid;position:absolute;inset:0}.celebration-medal svg{width:100%;height:100%;position:absolute;inset:0}.celebration-medal-text{text-align:center;flex-direction:column;align-items:center;gap:2px;font-size:14px;display:flex;position:relative}.celebration-medal-line:first-child{color:var(--spring-text);font-weight:600}.celebration-medal-line:nth-child(2){font-family:var(--font-arabic);color:var(--text);font-size:18px}.celebration-medal-line:nth-child(3){color:var(--text);font-size:12px}.star-burst{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.burst-pt{opacity:0;animation:fly .9s cubic-bezier(.2, .7, .2, 1) var(--d) both;position:absolute;top:0;left:0}.star-shower{pointer-events:none;position:absolute;inset:0}.shower-pt{top:-20px;left:var(--x);opacity:0;animation:fall 2.4s ease-in var(--d) both;position:absolute}@keyframes fly{0%{opacity:0;transform:translate(0)scale(.3)rotate(0)}25%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1) rotate(45deg)}}@keyframes bloom{0%{opacity:0;transform:scale(.4)rotate(-20deg)}35%{opacity:.9}to{opacity:0;transform:scale(1.25)rotate(0)}}@keyframes pill{0%{opacity:0;transform:translateY(8px)}12%,82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes fall{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(var(--drift), calc(100dvh + 20px)) rotate(120deg)}}@keyframes medal{0%{opacity:0;transform:scale(.7)}18%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes fade{0%{opacity:0}15%,80%{opacity:1}to{opacity:0}}.celebration.still .celebration-bloom{animation:1.6s both fade;transform:none}.celebration.still .celebration-pill{animation:2.6s both fade}.celebration.still .celebration-medal{animation:3.4s both fade}.toast-layer{left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-b) + 14px);z-index:41;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.toast-layer[data-at=mini]{bottom:calc(var(--tabbar-h) + var(--mini-h) + var(--safe-b) + 14px)}.toast-layer[data-at=dua]{bottom:calc(var(--tabbar-h) + var(--safe-b) + 92px)}.toast-layer[data-at=player]{bottom:calc(var(--safe-b) + 190px)}.toast{border-radius:var(--radius-lg);background:var(--text);max-width:100%;min-height:44px;color:var(--bg);box-shadow:var(--shadow-float);pointer-events:auto;align-items:center;gap:4px;padding:0 4px 0 16px;font-size:.875rem;font-weight:600;animation:.28s cubic-bezier(.32,.72,0,1) both toast-in;display:flex}.toast-message{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;padding:10px 8px 10px 0;display:-webkit-box;overflow:hidden}.toast-action{border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 18%, transparent);min-width:44px;min-height:36px;padding:0 14px;font-weight:700}.toast-action:active{background:color-mix(in srgb, var(--bg) 30%, transparent)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}@keyframes fade-in{0%{opacity:0}}html[data-transition=forward]::view-transition-old(root){animation:.42s cubic-bezier(.32,.72,0,1) both push-out}html[data-transition=forward]::view-transition-new(root){animation:.42s cubic-bezier(.32,.72,0,1) both push-in}html[data-transition=back]::view-transition-old(root){z-index:1;animation:.42s cubic-bezier(.32,.72,0,1) both pop-out}html[data-transition=back]::view-transition-new(root){animation:.42s cubic-bezier(.32,.72,0,1) both pop-in}@keyframes push-in{0%{transform:translate(100%)}}@keyframes push-out{to{filter:brightness(.92);transform:translate(-30%)}}@keyframes pop-in{0%{filter:brightness(.92);transform:translate(-30%)}}@keyframes pop-out{to{transform:translate(100%)}}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.scene *{animation:none}.player,.reader{opacity:0;transition:opacity .2s,visibility 0s .2s;transform:none}.player.open,.reader.open{opacity:1;transition:opacity .2s,visibility}.sheet{opacity:0;transition:opacity .2s,visibility 0s .2s;transform:none}.sheet-root.open .sheet{opacity:1;transition:opacity .2s,visibility}.fullsheet{opacity:0;transition:opacity .2s,visibility 0s .2s;transform:none}.fullsheet.open{opacity:1;transition:opacity .2s,visibility}.player-backdrop,.player-backdrop.open{transition:opacity .2s,visibility}.switch-knob,.ayah,.row,.continue,.icon-btn,.play-btn,.primary-btn,.mosaic-card-main,.adhkar-play,.ayah-day-listen,.ayah-day-share,.about-credits .setting-chevron,.dua-card,.dua-feature-main,.dua-feature-play,.dua-counter,.topic-tile,.adhkar-tick-circle:before,.adhkar-check{transition:none}.adhkar-star.grow{animation:none}.celebration *{animation-name:fade!important;transform:none!important}.celebration .star-burst,.celebration .star-shower{display:none}.tile.settle{animation:none}.toast{animation:.2s both fade-in}html[data-transition]::view-transition-old(root){animation:.2s both fade-out}html[data-transition]::view-transition-new(root){animation:.2s both fade-in}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.tabbar{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}.mini{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.compact-header{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 var(--hairline) 0 var(--border)}.dua-bar{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}