@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(../media/amiri-arabic-400-normal.3lj4x04djxtsr.woff2)format("woff2"),url(../media/amiri-arabic-400-normal.43hs4py_433g0.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;font-style:normal;font-display:swap;font-weight:400;src:url(../media/amiri-latin-ext-400-normal.00hp3ii10owb7.woff2)format("woff2"),url(../media/amiri-latin-ext-400-normal.071pcyhsfp4lr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(../media/amiri-latin-400-normal.20pzebs3mbo9y.woff2)format("woff2"),url(../media/amiri-latin-400-normal.3bvm34ybdfdrn.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:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(../media/amiri-arabic-700-normal.03v2c6xny2uqj.woff2)format("woff2"),url(../media/amiri-arabic-700-normal.2kvsnwdh-sq96.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;font-style:normal;font-display:swap;font-weight:700;src:url(../media/amiri-latin-ext-700-normal.112fzcohga1c_.woff2)format("woff2"),url(../media/amiri-latin-ext-700-normal.14du3ksfenbl0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(../media/amiri-latin-700-normal.3lsq22z77jr5u.woff2)format("woff2"),url(../media/amiri-latin-700-normal.2eql271syc-52.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:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-arabic-arabic-400-normal.0a8jtlzovcn2x.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-arabic-400-normal.0j4_9ftl8fbdi.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:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-arabic-cyrillic-ext-400-normal.1ip457h6792sm.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-cyrillic-ext-400-normal.3i8g8-7p_e-av.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-arabic-latin-ext-400-normal.3bv_2u3up90v1.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-latin-ext-400-normal.1b0ksjb8i3o3-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-arabic-latin-400-normal.1qbt_niprsjgn.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-latin-400-normal.3q2-075turyzp.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:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-arabic-arabic-600-normal.2jzf714wbn4iw.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-arabic-600-normal.0cocqwi_7ry7j.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:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-arabic-cyrillic-ext-600-normal.28iccy76uu-_v.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-cyrillic-ext-600-normal.33516e31knrq_.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-arabic-latin-ext-600-normal.2gab_xps0bgx5.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-latin-ext-600-normal.2a5s-vzuinler.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-arabic-latin-600-normal.3a4qjieizncgf.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-latin-600-normal.35sx8knwvew1y.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:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(../media/ibm-plex-sans-arabic-arabic-700-normal.0ej1b3dc64qt2.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-arabic-700-normal.0_dqqar6sk_tj.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:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(../media/ibm-plex-sans-arabic-cyrillic-ext-700-normal.1p0bbv2wob_7i.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-cyrillic-ext-700-normal.2sb_yntskkwej.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(../media/ibm-plex-sans-arabic-latin-ext-700-normal.38vi26ogdzso2.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-latin-ext-700-normal.1it-hedb4kdl4.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(../media/ibm-plex-sans-arabic-latin-700-normal.32zomdm7y06ex.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-latin-700-normal.0_twzq43kpjsg.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}
:root{--navy:#0f172a;--navy-deep:#081220;--warm-white:#fafaf7;--slate:#64748b;--dawn:var(--warm-white);--surface:#fff;--ink:var(--navy);--ink-soft:#5b6779;--emerald:#8a6d1f;--emerald-deep:var(--navy);--emerald-tint:#f6f1e3;--gold:#d4af37;--gold-deep:#8a6d1f;--gold-soft:#f0e6c6;--line:#e7e3d6;--danger:#8c3b2e;--font-adhkar:"Amiri", "Noto Naskh Arabic", serif;--font-ui:"IBM Plex Sans Arabic", system-ui, sans-serif;--radius:14px;--shadow:0 1px 2px #0f172a0d, 0 8px 28px #0f172a12}[data-theme=dark]{--dawn:var(--navy-deep);--surface:var(--navy);--ink:var(--warm-white);--ink-soft:#94a3b8;--emerald:#e3c767;--emerald-deep:#ead9a0;--emerald-tint:#13203a;--gold:#d9b94a;--gold-deep:#e3c767;--gold-soft:#3a3218;--line:#1e2a44;--shadow:0 1px 2px #0006, 0 8px 28px #00000059}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--dawn:var(--navy-deep);--surface:var(--navy);--ink:var(--warm-white);--ink-soft:#94a3b8;--emerald:#e3c767;--emerald-deep:#ead9a0;--emerald-tint:#13203a;--gold:#d9b94a;--gold-deep:#e3c767;--gold-soft:#3a3218;--line:#1e2a44;--shadow:0 1px 2px #0006, 0 8px 28px #00000059}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--dawn);color:var(--ink);font-family:var(--font-ui);margin:0;line-height:1.7}a{color:var(--emerald)}:focus-visible{outline:3px solid var(--gold-deep);outline-offset:3px;border-radius:6px}.container{max-width:640px;margin-inline:auto;padding-inline:20px}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:88svh;padding-block:48px 32px;display:flex}.dateline{color:var(--ink-soft);font-size:.95rem}.dateline .hijri{margin-top:2px;font-size:.8rem;display:block}.hero h1{font-family:var(--font-adhkar);color:var(--emerald-deep);margin:6px 0 0;font-size:clamp(2.4rem,9vw,3.4rem);font-weight:700}.tagline{color:var(--ink-soft);margin:0 0 18px}.btn{font-family:var(--font-ui);background:var(--gold);color:var(--navy-deep);cursor:pointer;box-shadow:var(--shadow);border:0;border-radius:999px;padding:16px 42px;font-size:1.15rem;font-weight:600;transition:transform .12s,background .15s}.btn:active{transform:scale(.97)}.btn.secondary{color:var(--emerald);border:1.5px solid var(--emerald);box-shadow:none;background:0 0;padding:11px 28px;font-size:1rem}.meta{color:var(--ink-soft);font-size:.9rem}.resume-chip{background:var(--emerald-tint);color:var(--emerald-deep);border:1px solid var(--line);cursor:pointer;font-size:.95rem;font-family:var(--font-ui);border-radius:999px;padding:8px 20px}.session-bar{z-index:5;background:color-mix(in srgb, var(--dawn) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 0 8px;position:sticky;top:0}.session-bar .track{background:var(--line);border-radius:99px;height:5px;overflow:hidden}.session-bar .fill{background:var(--gold);border-radius:99px;height:100%;transition:width .35s}.session-bar .label{color:var(--ink-soft);justify-content:space-between;margin-bottom:6px;font-size:.85rem;display:flex}.dhikr-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin-block:18px;padding:30px 24px 22px;transition:transform .1s}.dhikr-card:active{transform:scale(.992)}.dhikr-card.done{border-color:var(--gold);cursor:default}.adhkar-text{font-family:var(--font-adhkar);font-size:calc(1.7rem * var(--font-scale,1));text-align:center;margin:0 0 20px;line-height:2.15}.beads{flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:14px;display:flex}.bead{border:1.5px solid var(--gold);background:0 0;border-radius:50%;width:13px;height:13px;transition:background .18s,transform .18s}.bead.filled{background:var(--gold);transform:scale(1.12)}.count-big{font-family:var(--font-adhkar);color:var(--emerald-deep);justify-content:center;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.count-big .now{font-size:2.3rem;font-weight:700}.count-big .of{color:var(--ink-soft);font-size:1.15rem}.mini-track{background:var(--line);border-radius:99px;max-width:220px;height:4px;margin:0 auto 14px;overflow:hidden}.mini-track .fill{background:var(--gold);height:100%;transition:width .15s}.tap-hint{text-align:center;color:var(--ink-soft);margin:0 0 14px;font-size:.85rem}.source-line{border-top:1px dashed var(--line);color:var(--ink-soft);text-align:center;cursor:auto;flex-direction:column;gap:3px;padding-top:12px;font-size:.85rem;display:flex}.virtue{background:var(--emerald-tint);color:var(--ink);cursor:auto;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:.92rem}.card-actions{justify-content:center;gap:14px;margin-top:12px;display:flex}.link-btn{color:var(--emerald);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:.9rem}.completion{text-align:center;padding-block:56px 40px}.completion .seal{background:var(--gold);color:#081220;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;margin-bottom:18px;font-size:2rem;display:inline-flex}.completion h2{font-family:var(--font-adhkar);color:var(--emerald-deep);margin:0 0 6px;font-size:1.9rem}.share-note{color:var(--ink-soft);margin-top:10px;font-size:.92rem}.stats{color:var(--ink-soft);justify-content:center;gap:26px;margin-block:22px;font-size:.9rem;display:flex}.stats b{color:var(--ink);font-size:1.3rem;font-family:var(--font-adhkar);display:block}.content{padding-block:34px 70px}.content h2{font-family:var(--font-adhkar);color:var(--emerald-deep);font-size:1.6rem}.content .static-dhikr{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-block:16px;padding:22px}.content .static-dhikr p.text{font-family:var(--font-adhkar);margin:0 0 12px;font-size:1.45rem;line-height:2.1}.badge{background:var(--gold-soft);color:var(--ink);vertical-align:middle;border-radius:999px;margin-inline-start:8px;padding:3px 12px;font-size:.78rem;display:inline-block}table.corrections{border-collapse:collapse;width:100%;font-size:.9rem}table.corrections th,table.corrections td{border-bottom:1px solid var(--line);text-align:start;padding:9px 6px}footer.site{border-top:1px solid var(--line);color:var(--ink-soft);text-align:center;padding:26px 0 40px;font-size:.85rem}footer.site nav{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:10px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.container-wide{max-width:1160px;margin-inline:auto;padding-inline:20px}.site-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;position:sticky;top:0}.site-header .bar{align-items:center;gap:22px;min-height:66px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-name b{font-family:var(--font-adhkar);color:var(--emerald-deep);font-size:1.25rem;line-height:1.2;display:block}.brand-name i{color:var(--ink-soft);letter-spacing:.03em;font-size:.7rem;font-style:normal}.site-header nav{flex-wrap:wrap;gap:4px 20px;margin-inline-start:auto;display:flex}.site-header nav a{color:var(--ink);border-bottom:2px solid #0000;padding-block:6px;font-size:.93rem;text-decoration:none}.site-header nav a.active,.site-header nav a:hover{color:var(--emerald);border-bottom-color:var(--gold)}.theme-toggle{border:1px solid var(--line);background:var(--dawn);cursor:pointer;color:var(--ink-soft);border-radius:999px;gap:8px;padding:6px 12px;font-size:.9rem;display:flex}.page{padding-block:26px 10px}.layout-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:26px;display:grid}.main-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.main-card .hero{min-height:0;padding:26px 22px 30px}.main-card .session-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:14px 22px 0;position:static}.main-card .dhikr-card{box-shadow:none;border:0;margin-block:6px}.subline{color:var(--ink-soft);margin:-6px 0 14px;font-size:.92rem}.banner svg{width:100%;height:clamp(120px,18vw,210px);display:block}.ring-wrap{justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex;position:relative}.ring{width:64px;height:64px}.ring-label{color:var(--emerald-deep);font-size:.8rem;font-family:var(--font-ui);position:absolute}.sidebar{gap:16px;display:grid}.side-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.side-card.accent{border-color:color-mix(in srgb, var(--gold) 55%, var(--line))}.side-card.share{background:var(--emerald-tint)}.side-title{justify-content:space-between;align-items:center;margin-bottom:6px;font-weight:600;display:flex}.side-meta{color:var(--ink-soft);margin:0 0 12px;font-size:.88rem}.side-track{background:var(--line);border-radius:99px;height:5px;margin-bottom:14px;overflow:hidden}.side-track .fill{background:var(--gold);height:100%}.btn.small{text-align:center;box-sizing:border-box;width:100%;padding:10px 22px;font-size:.92rem;text-decoration:none;display:inline-block}.side-stats{text-align:center;color:var(--ink-soft);justify-content:space-between;font-size:.8rem;display:flex}.side-stats b{color:var(--ink);font-family:var(--font-adhkar);font-size:1.25rem;display:block}.feature-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-block:28px;display:grid}.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;color:var(--ink-soft);justify-items:center;gap:6px;padding:18px;font-size:.85rem;display:grid}.feature b{color:var(--ink);font-size:.95rem}.hadith-band{background:var(--gold-soft);border-radius:var(--radius);text-align:center;margin-block:10px 30px;padding:22px 26px}.hadith-band .hadith{font-family:var(--font-adhkar);color:var(--ink);margin:0 0 4px;font-size:1.35rem}.hadith-band .src{font-family:var(--font-ui);color:var(--ink-soft);font-size:.85rem}.hadith-band .dua{color:var(--ink-soft);margin:0;font-size:.9rem}.content.narrow{max-width:720px}footer.site{background:var(--emerald-deep);color:#e8eaf0;text-align:start;border-top:0;margin-top:40px;padding:30px 0}[data-theme=dark] footer.site{background:#060d1a}footer.site .inner{flex-wrap:wrap;align-items:center;gap:14px 30px;display:flex}footer.site .foot-brand b{font-size:1rem;display:block}footer.site .foot-brand span{opacity:.75;font-size:.8rem}footer.site nav{margin:0;margin-inline-start:auto}footer.site nav a{color:#e8eaf0;font-size:.88rem;text-decoration:none}footer.site nav a:hover{color:var(--gold)}footer.site .rights{opacity:.65;width:100%;font-size:.78rem}@media (max-width:1000px){.layout-grid{grid-template-columns:1fr}.desktop-only{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.site-header nav{display:none}}:root{--spring:cubic-bezier(.3, 1.4, .5, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}.card-enter{animation:cardIn .42s var(--ease-out) backwards}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)scale(.985)}}.counter-zone{position:relative}.tap-glow{border:2px solid var(--gold);opacity:0;pointer-events:none;width:60px;height:60px;animation:glowPulse .45s var(--ease-out);border-radius:50%;margin:auto;position:absolute;inset:0}@keyframes glowPulse{0%{opacity:.55;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}.bead.filled{animation:beadPop .34s var(--spring)}@keyframes beadPop{0%{transform:scale(.4)}to{transform:scale(1.12)}}.count-big .now.pop{animation:numPop .18s var(--spring);display:inline-block}@keyframes numPop{0%{transform:scale(1.16)}to{transform:scale(1)}}.dhikr-card.done{animation:donePulse .6s var(--ease-out)}@keyframes donePulse{0%{box-shadow:0 0 #c2a04c80}to{box-shadow:0 0 0 14px #c2a04c00}}.ring .sweep{stroke-dasharray:1;stroke-dashoffset:1px;animation:sweep .5s var(--ease-out) forwards}@keyframes sweep{to{stroke-dashoffset:0}}.rise{animation:rise .55s var(--ease-out) backwards}.d1{animation-delay:50ms}.d2{animation-delay:.12s}.d3{animation-delay:.2s}.d4{animation-delay:.3s}.d5{animation-delay:.42s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.banner .sun{transform-box:fill-box;transform-origin:50%;animation:sunRise 1.4s var(--ease-out) backwards}@keyframes sunRise{0%{opacity:.4;transform:translateY(26px)}}.completion .seal{animation:sealPop .5s var(--spring) backwards;position:relative}@keyframes sealPop{0%{opacity:0;transform:scale(.3)}}.completion .seal:after{content:"";border:2px solid var(--gold);animation:glowPulse .7s .35s var(--ease-out) backwards;opacity:0;border-radius:50%;position:absolute;inset:-4px}.seal-check{stroke-dasharray:1;stroke-dashoffset:1px;animation:sweep .45s .25s var(--ease-out) forwards}.btn{transition:transform .15s var(--ease-out), box-shadow .15s ease, background .15s ease}.btn:hover{transform:translateY(-1.5px);box-shadow:0 4px 6px #0f172a14,0 12px 34px #0f172a1f}.btn:active{transition-duration:60ms;transform:scale(.97)}.side-card{transition:transform .18s var(--ease-out), box-shadow .18s ease}@media (hover:hover){.side-card:hover{transform:translateY(-2px)}}.dhikr-card{transition:transform 90ms,box-shadow .2s}:root{--player:#fff;--player-ink:var(--navy);--player-soft:#5b6779;--player-line:#0f172a24;--player-tint:#0f172a0d;--player-gold-tint:#d4af371f}[data-theme=dark]{--player:var(--navy);--player-ink:var(--warm-white);--player-soft:#94a3b8;--player-line:#fafaf733;--player-tint:#fafaf714;--player-gold-tint:#d9b94a29}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--player:var(--navy);--player-ink:var(--warm-white);--player-soft:#94a3b8;--player-line:#fafaf733;--player-tint:#fafaf714;--player-gold-tint:#d9b94a29}}.main-col{flex-direction:column;gap:20px;min-width:0;display:flex}.site-header{background:color-mix(in srgb, var(--surface) 95%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-top:env(safe-area-inset-top)}.desk-nav{flex-wrap:wrap;flex:1;justify-content:center;gap:4px 18px;display:flex}.desk-nav a{color:var(--ink-soft);border-bottom:2px solid #0000;padding-bottom:3px;font-size:.87rem;text-decoration:none}.desk-nav a.active{color:var(--emerald-deep);border-bottom-color:var(--gold);font-weight:600}.desk-nav a:hover{color:var(--emerald)}.hdr-controls{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink-soft);cursor:pointer;border-radius:50%;font-size:.82rem;font-weight:600}.icon-btn:hover{color:var(--emerald);border-color:var(--emerald)}.burger{display:none}.mobile-nav{border-top:1px solid var(--line);background:var(--surface);flex-direction:column;padding:8px 20px 14px;display:flex}.mobile-nav a{color:var(--ink);border-bottom:1px solid var(--line);align-items:center;min-height:44px;padding:12px 4px;text-decoration:none;display:flex}.mobile-nav a.active{color:var(--emerald-deep);font-weight:600}.hero-wrap{flex-direction:column;display:flex}.hero-card{border:1px solid var(--line);background:linear-gradient(#fdf3d9 0%,#fbf7ea 52%,#f2e9d2 100%);border-radius:14px;position:relative;overflow:hidden}[data-theme=dark] .hero-card{background:linear-gradient(#060d1c 0%,#0b1428 55%,#0f1b36 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero-card{background:linear-gradient(#060d1c 0%,#0b1428 55%,#0f1b36 100%)}}.hero-card>svg{width:100%;height:100%;position:absolute;inset:0}.hero-inner{z-index:1;padding:44px 34px 66px;position:relative}.hero-inner h1{font-family:var(--font-adhkar);color:var(--emerald-deep);margin:0 0 8px;font-size:clamp(2rem,4.6vw,2.85rem);font-weight:700}.hero-inner p{color:var(--ink-soft);max-width:30em;margin:0 0 20px}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.cta-row .btn{text-decoration:none;display:inline-block}.trust-bar{z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);margin:-28px 22px 0;display:grid;position:relative;box-shadow:0 10px 30px #0f172a14}.trust-bar span{text-align:center;color:var(--ink-soft);padding:14px 10px;font-size:.8rem}.trust-bar span+span{border-inline-start:1px solid var(--line)}.trust-bar b{color:var(--ink);margin-bottom:2px;font-size:.9rem;display:block}.player-card{background:var(--player);color:var(--player-ink);border-radius:14px;padding:24px 24px 20px;scroll-margin-top:90px;box-shadow:0 10px 30px #0f172a14}.player-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.index-pill{background:var(--player-tint);color:var(--player-ink);border-radius:60px;padding:4px 14px;font-size:.8rem}.player-title{text-align:center;color:var(--player-soft);flex:1;font-size:.83rem}.fadl-btn{border:1px solid var(--gold);color:var(--gold);cursor:pointer;font-size:.78rem;font-family:var(--font-ui);background:0 0;border-radius:60px;padding:6px 14px}.player-text{font-family:var(--font-adhkar);color:var(--player-ink);font-weight:700;font-size:calc(1.85rem * var(--font-scale,1));text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:8px 0 12px;line-height:2.05}.player-text.small{font-size:calc(1.38rem * var(--font-scale,1))}.player-source{font-family:var(--font-adhkar);color:var(--player-soft);text-align:center;margin:0 0 8px;font-size:.95rem}.fadl-panel{background:var(--player-gold-tint);color:var(--player-ink);border:1px solid #d4af3773;border-radius:10px;max-width:46em;margin:0 auto 8px;padding:12px 16px;font-size:.88rem;line-height:1.95}.fadl-panel span{color:var(--player-soft);margin-top:6px;font-size:.76rem;display:block}.player-controls{justify-content:center;align-items:center;gap:26px;margin-block:16px 10px;display:flex}.nav-circle{border:1px solid var(--player-line);width:44px;height:44px;color:var(--player-ink);cursor:pointer;background:0 0;border-radius:50%;font-size:1.05rem;transition:border-color .15s,transform .1s}.nav-circle:hover{border-color:var(--gold)}.nav-circle:active{transform:scale(.96)}.counter-ring{cursor:pointer;border:0;border-radius:50%;width:96px;height:96px;padding:7px;transition:transform .1s}.counter-ring:active{transform:scale(.97)}.counter-ring .inner{background:var(--player);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;display:flex}.counter-ring b{font-family:var(--font-adhkar);color:var(--player-ink);font-size:1.5rem;line-height:1.1}.counter-ring i{color:var(--player-soft);font-size:.72rem;font-style:normal}.player-beads{cursor:pointer;padding:14px 10px}.player-beads .bead{width:15px;height:15px}.player-foot{flex-wrap:wrap;justify-content:center;gap:4px 10px;display:flex}.link-btn.light{color:var(--player-soft)}.link-btn.light:hover{color:var(--player-ink)}.player-progress{margin-top:12px}.player-progress .track{background:var(--player-tint);border-radius:99px;height:5px;overflow:hidden}.player-progress .fill{background:var(--gold);height:100%;transition:width .35s var(--ease-out);border-radius:99px}.player-progress span{text-align:center;color:var(--player-soft);margin-top:7px;font-size:.74rem;display:block}.player-card.reward{text-align:center;padding-block:30px 34px}.rb-bar{background:var(--player-tint);border-radius:99px;height:5px;margin-bottom:26px;overflow:hidden}.rb-bar span{background:var(--gold);width:0;height:100%;animation:rbBar .4s var(--ease-out) .25s forwards;border-radius:99px;display:block}@keyframes rbBar{to{width:100%}}.rb-panel{animation:rise .4s var(--ease-out) .5s both}.rb-emblem{animation:sealPop .45s var(--spring) .65s both;display:inline-block;position:relative}.rb-emblem:after{content:"";border:2px solid var(--gold);animation:rbHalo .45s var(--ease-out) .65s both;border-radius:50%;position:absolute;inset:-8px}@keyframes rbHalo{0%{opacity:.5;transform:scale(.5)}to{opacity:.1;transform:scale(1.25)}}.rb-line{font-family:var(--font-adhkar);color:var(--player-ink);animation:rise .45s var(--ease-out) .82s both;margin:16px 0 6px;font-size:1.45rem}.rb-beads{justify-content:center;gap:12px;margin-block:12px;display:flex}.rb-beads span{background:var(--gold);opacity:0;width:10px;height:10px;animation:beadIn .3s var(--spring) forwards;border-radius:50%}@keyframes beadIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.rb-meta{animation:rise .45s var(--ease-out) 1.2s both}.rb-meta b,.rb-meta{color:var(--player-ink)}.rb-meta span{color:var(--player-soft)}.rb-date{color:var(--player-soft);animation:rise .45s var(--ease-out) 1.4s both;margin:4px 0 14px;font-size:.85rem}.rb-cta{animation:rise .45s var(--ease-out) 1.6s both}.rb-cta .share-note,.rb-cta .link-btn{color:var(--player-soft)}.side-card.deep{background:var(--player);color:var(--player-ink);border-color:#0000}.side-card.deep .side-title{color:var(--player-ink)}.resume-row{align-items:center;gap:14px;margin-block:10px 14px;display:flex}.ring58{border-radius:50%;flex:none;width:58px;height:58px;padding:5px;display:block}.ring58 i{background:var(--player);width:100%;height:100%;color:var(--gold-deep);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-style:normal;font-weight:600;display:flex}.resume-row b{font-size:.95rem;display:block}.resume-row div>span{color:var(--player-soft);font-size:.76rem}.resume-btn{background:var(--gold-soft);color:#081220;width:100%;font-family:var(--font-ui);cursor:pointer;border:0;border-radius:60px;margin-bottom:8px;padding:11px;font-size:.9rem;font-weight:600}[data-theme=dark] .resume-btn{color:var(--ink)}.resume-btn:active{transform:scale(.97)}.ghost-btn{border:1px solid var(--player-line);width:100%;color:var(--player-soft);font-family:var(--font-ui);cursor:pointer;background:0 0;border-radius:60px;padding:9px;font-size:.82rem}.ghost-btn:hover{color:var(--player-ink)}.segmented{grid-template-columns:1fr 1fr;gap:8px;display:grid}.segmented a{text-align:center;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:11px;font-size:.9rem;text-decoration:none;display:flex}.segmented a.on{background:var(--emerald-tint);border-color:var(--emerald);color:var(--emerald-deep);font-weight:600}.side-title.amiri span{font-family:var(--font-adhkar);font-size:1.05rem}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips a,.chips button{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:.82rem;font-family:var(--font-ui);cursor:pointer;border-radius:60px;min-height:40px;padding:9px 16px;text-decoration:none}.chips a:hover,.chips button:hover{border-color:var(--emerald);color:var(--emerald-deep)}.about-text{color:var(--ink-soft);margin:0;font-size:.85rem;line-height:1.9}.small-print{text-align:center}.hadith-grid{grid-template-columns:1.6fr 1fr;gap:16px;display:grid}.hadith-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 24px}.hadith-card .rule{background:var(--gold);border-radius:2px;width:40px;height:3px;margin-bottom:8px;display:block}.hadith-card .label{color:var(--ink-soft);font-size:.76rem}.hadith-card .text{font-family:var(--font-adhkar);margin:6px 0;font-size:1.25rem;line-height:2.2}.hadith-card .attr{color:var(--ink-soft);font-size:.8rem}.dua-card{background:var(--emerald-tint);color:var(--ink);border-radius:14px;align-items:center;padding:20px;font-size:.9rem;line-height:2;display:flex}.feature-grid.five{grid-template-columns:repeat(5,1fr);margin-block:4px}footer.site .cols{grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;margin:0 0 22px;display:grid}footer.site .cols a{color:#e8eaf0;text-decoration:none}footer.site .cols b{font-size:.9rem;display:block}footer.site .cols span{opacity:.65;font-size:.74rem}footer.site .brand-row{justify-content:center;align-items:center;gap:10px;padding-bottom:16px;display:flex}footer.site .rights{text-align:center;border-top:1px solid #fafaf724;width:auto;padding-top:14px}@media (max-width:1000px){.desk-nav{display:none}.burger{display:block}.hero-inner{padding:30px 22px 56px}.trust-bar{margin-inline:12px}.trust-bar span{font-size:.72rem}.counter-ring{width:104px;height:104px}.feature-grid.five{grid-template-columns:repeat(2,1fr)}.feature-grid.five .feature:last-child{grid-column:span 2}.hadith-grid{grid-template-columns:1fr}footer.site .cols{grid-template-columns:repeat(2,1fr)}}.rb-preview{animation:rise .45s var(--ease-out) 1.5s both;margin-block:6px 14px}.rb-preview img{border:1px solid var(--player-line);border-radius:12px;width:168px;box-shadow:0 12px 34px #00000059}.nav-circle:disabled{opacity:.32;cursor:default;border-color:var(--player-line)}.settings-overlay{z-index:60;background:#08122080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.settings-sheet{background:var(--surface);border:1px solid var(--line);width:min(480px,100%);padding:20px 22px calc(24px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;box-shadow:0 -12px 40px #00000040}@media (min-width:700px){.settings-overlay{align-items:center}.settings-sheet{border-radius:18px}}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:13px 2px;font-size:.92rem;display:flex}.setting-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--emerald)}.setting-row select{font-family:var(--font-ui);background:var(--dawn);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 10px}.danger-btn{border:1px solid var(--danger);width:100%;color:var(--danger);font-family:var(--font-ui);cursor:pointer;background:0 0;border-radius:60px;margin-top:16px;padding:11px;font-size:.88rem}.sheet-note{color:var(--ink-soft);text-align:center;margin:12px 0 0;font-size:.76rem}.scroll-list{flex-direction:column;gap:6px;display:flex}.scroll-item{border-bottom:1px solid var(--player-line);text-align:center;padding-block:16px 14px}.scroll-item:last-child{border-bottom:0}.scroll-item .player-text{font-size:calc(1.45rem * var(--font-scale,1));margin:0 0 10px}.scroll-item .player-text.small{font-size:calc(1.2rem * var(--font-scale,1))}.scroll-item .player-source{margin-bottom:4px}.player-foot{gap:6px 16px;margin-top:4px}footer.site .cols a{display:block}.hadith-grid{margin-block:4px}.content.narrow h2:first-child{margin-top:6px}.main-col>.content{padding-block:10px 30px}@media (max-width:420px){.brand-name i{display:none}.hdr-controls{gap:6px}.site-header .bar{gap:12px}}@media (max-width:374px){.brand-name,.font-pill{display:none}}::selection{background:var(--gold-soft)}h1,h2{text-wrap:balance}.content p,.hero-inner p{text-wrap:pretty}.btn,.icon-btn,.nav-circle,.counter-ring,.player-text,.tap-zone,.chips a,.chips button,.segmented a,.dot{touch-action:manipulation}.skip-link{inset-inline-start:10px;z-index:100;background:var(--navy);color:var(--warm-white);border-radius:0 0 10px 10px;padding:10px 18px;text-decoration:none;transition:top .15s;position:absolute;top:-60px}.skip-link:focus{top:0}.hero-dateline{color:var(--ink-soft);margin:0 0 4px;font-size:.8rem}.hero-btn{align-items:center;gap:9px;display:inline-flex;box-shadow:0 8px 24px #d4af3759}.btn.secondary{align-items:center;gap:8px;display:inline-flex}.pct-chip{background:#fdfcf52e;border-radius:60px;padding:2px 11px;font-size:.82rem}.done-chip{background:var(--emerald-tint);border:1px solid var(--gold);color:var(--emerald-deep);border-radius:999px;align-items:center;gap:9px;padding:13px 24px;font-size:1rem;font-weight:600;display:inline-flex}.done-chip i{background:var(--gold);color:#081220;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-style:normal;display:inline-flex}.undo-top{font-size:.8rem}.tap-zone{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px}@media (hover:hover){.tap-zone:hover{background:var(--player-tint)}}.player-links{justify-content:center;align-items:center;gap:4px 18px;min-height:34px;display:flex}.link-btn.gold{color:var(--gold-deep)}.link-btn.gold:hover{color:var(--gold)}.dot-map{flex-wrap:wrap;justify-content:center;gap:2px;margin-block:4px 8px;display:flex}.dot-map .dot{cursor:pointer;background:0 0;border:0;width:32px;height:32px;padding:0;position:relative}.dot-map .dot:after{content:"";border:1.5px solid var(--player-line);width:10px;height:10px;transition:transform .18s var(--spring), background .18s ease, border-color .18s ease;border-radius:50%;margin:auto;position:absolute;inset:0}.dot-map .dot.done:after{background:var(--gold);border-color:var(--gold)}.dot-map .dot.current:after{border:2px solid var(--gold);background:var(--player-gold-tint);width:14px;height:14px}@media (hover:hover){.dot-map .dot:hover:after{transform:scale(1.25)}}.player-progress .row{justify-content:space-between;align-items:center;gap:10px;margin-top:7px;display:flex}.player-progress .row span{color:var(--player-soft);margin:0;font-size:.74rem;display:inline}.kbd-hint{display:none}@media (hover:hover){.kbd-hint{display:inline}}.kbd-hint kbd{font-family:var(--font-ui);background:var(--player-tint);border:1px solid var(--player-line);border-radius:5px;padding:1px 7px;font-size:.68rem}.week-strip{justify-content:space-between;margin-block:10px 12px;display:flex}.week-strip .day{flex-direction:column;align-items:center;gap:4px;display:flex}.week-strip .day i{background:var(--dawn);border:1px solid var(--line);color:#0000;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.68rem;font-style:normal;display:flex}.week-strip .day.done i{background:var(--gold);border-color:var(--gold);color:#081220}.week-strip .day.today i{border:2px solid var(--emerald)}.week-strip .day b{color:var(--ink-soft);font-size:.62rem;font-weight:400}.week-strip .day.today b{color:var(--emerald);font-weight:700}.side-divider{background:var(--line);height:1px;margin-block:12px}.font-pill{border:1px solid var(--line);background:var(--surface);border-radius:999px;display:inline-flex;overflow:hidden}.font-pill button{width:44px;height:44px;color:var(--ink-soft);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-ui);background:0 0;border:0}.font-pill button:first-child{border-inline-end:1px solid var(--line)}.font-pill button:hover{color:var(--emerald)}.feature svg{box-sizing:border-box;background:var(--emerald-tint);border-radius:50%;width:34px;height:34px;padding:8px}.content.narrow h2{align-items:center;gap:12px;display:flex}.content.narrow h2:before{content:"";background:var(--gold);border-radius:2px;flex:none;width:26px;height:3px}.player-card{--fp-1:var(--gold);--fp-2:#efd27a;--fp-track:var(--player-tint)}.text-zone .player-text{cursor:default}.player-controls{gap:20px;margin-block:20px 8px}.fp-tap{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:184px;height:184px;animation:cardIn .42s var(--ease-out) backwards;transition:transform .1s var(--ease-out);background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.fp-tap:active{transform:scale(.95)}.fp-ring{background:conic-gradient(from -90deg, var(--fp-2), var(--fp-1) var(--deg,0deg), var(--fp-track) var(--deg,0deg));transition:background .4s var(--ease-out), box-shadow .3s ease;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 26px #d4af3759,inset 0 0 0 1px #ffffff0f}.fp-inner{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--player) 86%, var(--gold)), var(--player) 74%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:13px;box-shadow:inset 0 1px 10px #0812202e}.fp-icon{width:60px;height:60px;color:var(--gold-deep);filter:drop-shadow(0 0 8px #d4af3773)}.fp-count{font-family:var(--font-adhkar);color:var(--player-ink);margin-top:5px;font-size:2rem;font-weight:700;line-height:1}.fp-count.pop{animation:numPop .18s var(--spring);display:inline-block}.fp-inner i{color:var(--player-soft);font-size:.72rem;font-style:normal}.fp-done{color:var(--gold-deep);filter:drop-shadow(0 0 10px #d4af3780);font-size:2.6rem;line-height:1}.fp-tap.done .fp-ring{box-shadow:0 0 30px #d4af376b,inset 0 0 0 1px #ffffff0f}.fp-pulse{border:2px solid var(--gold);opacity:0;pointer-events:none;animation:fpPulse .5s var(--ease-out);border-radius:50%;position:absolute;inset:0}@keyframes fpPulse{0%{opacity:.55;transform:scale(.86)}to{opacity:0;transform:scale(1.24)}}.player-links button:disabled{opacity:.35;cursor:default}.sadaqa-row{justify-content:center;margin-block:4px 10px;display:flex}.sadaqa-btn{cursor:pointer;font-family:var(--font-ui);color:var(--navy-deep);transition:transform .12s var(--ease-out), box-shadow .15s ease;touch-action:manipulation;background:linear-gradient(135deg,#efd27a 0%,#d4af37 100%);border:0;border-radius:999px;align-items:center;gap:9px;padding:12px 26px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 8px 22px #d4af374d}.sadaqa-btn svg{width:18px;height:18px}.sadaqa-btn:hover{transform:translateY(-1.5px);box-shadow:0 11px 28px #d4af376b}.sadaqa-btn:active{transition-duration:60ms;transform:scale(.97)}@media (max-width:1000px){.fp-tap:not(.sm){width:196px;height:196px}.fp-tap:not(.sm) .fp-icon{width:64px;height:64px}}.session-block{flex-direction:column;gap:12px;display:flex}.session-heading{align-items:center;gap:12px;margin:2px 2px 0;display:flex}.session-heading .sh-rule{background:var(--gold);border-radius:2px;flex:none;width:26px;height:3px}.session-heading h2{font-family:var(--font-adhkar);color:var(--emerald-deep);margin:0;font-size:1.55rem;font-weight:700;line-height:1.3}.session-heading .sh-done{background:var(--emerald-tint);border:1px solid var(--gold);color:var(--emerald-deep);border-radius:999px;align-items:center;gap:6px;margin-inline-start:auto;padding:5px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.scene-dark,[data-theme=dark] .scene-light{display:none}[data-theme=dark] .scene-dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .scene-light{display:none}:root:not([data-theme=light]) .scene-dark{display:block}}.mode-switch{background:var(--player-tint);border:1px solid var(--player-line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.mode-switch button{color:var(--player-soft);font-family:var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:34px;padding:7px 14px;font-size:.8rem;font-weight:600;transition:background .15s,color .15s}.mode-switch button.on{background:var(--gold);color:var(--navy-deep)}.sticky-strip{top:calc(66px + env(safe-area-inset-top,0px));z-index:8;background:color-mix(in srgb, var(--player) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--player-line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;padding:9px 14px;display:flex;position:sticky}.sticky-strip .track{background:var(--player-tint);border-radius:99px;flex:1;height:6px;overflow:hidden}.sticky-strip .fill{background:var(--gold);height:100%;transition:width .3s var(--ease-out);border-radius:99px}.sticky-strip .count{color:var(--player-soft);white-space:nowrap;font-size:.78rem}.next-btn{border:1px solid var(--gold);color:var(--gold-deep);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;min-height:34px;padding:7px 13px;font-size:.78rem;font-weight:600}.next-btn:hover{background:var(--player-gold-tint)}.next-btn:disabled{opacity:.4;cursor:default}.scroll-item{border-bottom:1px solid var(--player-line);text-align:center;padding:20px 4px 18px;scroll-margin-top:130px;position:relative}.scroll-item.current{background:linear-gradient(to left, var(--player-gold-tint), transparent 30%);border-inline-start:3px solid var(--gold);border-radius:4px}.scroll-item.done{opacity:.55}.scroll-item .player-text{cursor:default}.si-head{justify-content:center;align-items:center;gap:10px;margin-bottom:6px;display:flex}.si-num{background:var(--player-tint);color:var(--player-soft);border-radius:60px;padding:3px 12px;font-size:.74rem}.si-req{color:var(--gold-deep);font-size:.74rem;font-weight:600}.si-done-chip{color:var(--gold-deep);font-size:.78rem;font-weight:700}.si-bookmark{cursor:pointer;color:var(--player-soft);background:0 0;border:0;min-width:36px;min-height:36px;padding:6px;font-size:1rem}.si-bookmark.on{color:var(--gold-deep)}.si-counter-row{justify-content:center;align-items:center;gap:18px;margin-top:10px;display:flex}.si-remaining{color:var(--player-soft);text-align:start;min-width:5.5em;font-size:.8rem}.si-remaining b{color:var(--player-ink);font-family:var(--font-adhkar);font-size:1.05rem}.si-actions{flex-wrap:wrap;justify-content:center;gap:2px 14px;margin-top:4px;display:flex}.si-fadl{max-width:46em;color:var(--player-ink);margin:8px auto 0;font-size:.85rem}.si-fadl summary{cursor:pointer;color:var(--gold-deep);padding:6px;font-size:.82rem;list-style-position:inside}.si-fadl p{background:var(--player-gold-tint);border:1px solid #d4af3759;border-radius:10px;margin:4px 0 0;padding:10px 14px;line-height:1.95}.si-fadl span{color:var(--player-soft);margin-top:5px;font-size:.74rem;display:block}.fp-tap.sm{flex:none;width:76px;height:76px}.fp-tap.sm .fp-inner{gap:0;inset:7px}.fp-tap.sm .fp-icon{width:22px;height:22px}.fp-tap.sm .fp-count{margin-top:0;font-size:1.15rem}.fp-tap.sm .fp-inner i{font-size:.58rem}.fp-tap.sm .fp-done{font-size:1.5rem}.fp-tap.sm .fp-ring{box-shadow:0 0 14px #d4af3747,inset 0 0 0 1px #ffffff0f}.studio-overlay{z-index:70;background:#0812208c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.studio{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;width:min(880px,100%);max-height:min(92svh,780px);display:flex;overflow:hidden;box-shadow:0 24px 70px #08122066}.studio-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.studio-head b{font-family:var(--font-adhkar);color:var(--emerald-deep);font-size:1.15rem}.studio-body{flex:1;grid-template-columns:1fr 300px;gap:0;min-height:0;display:grid;overflow:hidden}.studio-preview{background:var(--emerald-tint);justify-content:center;align-items:center;padding:18px;display:flex;overflow:hidden}.studio-preview img{border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 10px 34px #0812204d}.studio-controls{border-inline-start:1px solid var(--line);flex-direction:column;gap:13px;padding:14px 16px 18px;display:flex;overflow-y:auto}.studio-label{color:var(--ink-soft);margin:2px 0 -6px;font-size:.78rem;font-weight:700}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:1px solid var(--line);background:var(--surface);color:var(--ink);min-height:38px;font-family:var(--font-ui);cursor:pointer;border-radius:60px;padding:8px 13px;font-size:.8rem}.seg button.on{background:var(--emerald-tint);border-color:var(--gold);color:var(--emerald-deep);font-weight:700}.studio-field input[type=text]{box-sizing:border-box;width:100%;font-family:var(--font-ui);background:var(--dawn);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.9rem}.studio-field .hint{color:var(--ink-soft);justify-content:space-between;margin-top:3px;font-size:.7rem;display:flex}.studio-check{justify-content:space-between;align-items:center;gap:10px;min-height:38px;font-size:.85rem;display:flex}.studio-check input{width:19px;height:19px;accent-color:var(--gold-deep)}.emoji-row{flex-wrap:wrap;gap:5px;display:flex}.emoji-row button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;width:40px;height:40px;font-size:1.05rem}.emoji-row button.on{border-color:var(--gold);background:var(--emerald-tint)}.studio-foot{padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-direction:column;gap:8px;display:flex}.studio-share{width:100%;color:var(--navy-deep);font-family:var(--font-ui);cursor:pointer;background:linear-gradient(135deg,#efd27a,#d4af37);border:0;border-radius:999px;padding:14px;font-size:1rem;font-weight:700;box-shadow:0 8px 22px #d4af374d}.studio-share:active{transform:scale(.98)}.studio-alt{flex-wrap:wrap;justify-content:center;gap:4px 16px;display:flex}.studio-note{text-align:center;color:var(--ink-soft);min-height:1.2em;margin:0;font-size:.76rem}.personal-note{color:var(--ink-soft);background:var(--emerald-tint);border-radius:8px;padding:7px 10px;font-size:.7rem;line-height:1.7}@media (max-width:760px){.studio-overlay{align-items:stretch;padding:0}.studio{border:0;border-radius:0;width:100%;max-height:none}.studio-body{grid-template-columns:1fr;overflow-y:auto}.studio-preview{padding:14px}.studio-preview img{max-height:46svh}.studio-controls{border-inline-start:0;border-top:1px solid var(--line);overflow:visible}}.share-section{background:var(--navy);color:var(--warm-white);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:30px 26px;display:grid;position:relative;overflow:hidden}.share-section h2{font-family:var(--font-adhkar);color:var(--warm-white);margin:0 0 6px;font-size:1.5rem}.share-section p{color:#b6c2d4;max-width:34em;margin:0 0 14px;font-size:.92rem}.share-section .sadaqa-btn{margin:0}.share-mini{border:1px solid #fafaf729;border-radius:10px;width:118px;transform:rotate(-4deg);box-shadow:0 10px 30px #0006}.pwa-note{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-radius:14px;align-items:center;gap:14px;padding:16px 18px;font-size:.88rem;display:flex}.pwa-note b{color:var(--ink);font-size:.95rem;display:block}.pwa-note svg{box-sizing:border-box;background:var(--emerald-tint);width:34px;height:34px;color:var(--gold-deep);border-radius:50%;flex:none;padding:8px}@media (max-width:700px){.share-section{grid-template-columns:1fr}.share-mini{display:none}}