@font-face{font-family:"Amiri";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/amiri-arabic-400-normal.woff2)format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:"Amiri";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/amiri-arabic-700-normal.woff2)format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:"Tajawal";font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/tajawal-arabic-400-normal.woff2)format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:"Tajawal";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-arabic-700-normal.woff2)format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:"Tajawal";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/tajawal-arabic-800-normal.woff2)format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:"Tajawal";font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/tajawal-latin-400-normal.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Tajawal";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-latin-700-normal.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Tajawal";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/tajawal-latin-800-normal.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--emerald-900:#0b3125;--emerald-800:#0f3d2e;--emerald-700:#165140;--emerald-600:#1f6650;--emerald-100:#e3eee7;--emerald-50:#f0f6f2;--gold:#c49a4b;--gold-2:#e2c27f;--gold-50:#f8f0dc;--bg:#f6f3ea;--paper:#fffdf8;--paper-2:#fbf8f0;--ink:#1b2a23;--ink-2:#3a4a42;--muted:#6f7c74;--line:#e6e1d3;--line-2:#efebe0;--primary:var(--emerald-800);--primary-2:var(--emerald-700);--accent:var(--gold);--r-sm:10px;--r:16px;--r-lg:24px;--r-xl:32px;--sh-1:0 1px 2px #1b2a2308,0 2px 8px #1b2a230a;--sh-2:0 2px 4px #1b2a230a,0 12px 32px #1b2a2312;--sh-3:0 24px 64px #0b312533;--font-ui:"Tajawal",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;--font-text:"Amiri","Traditional Arabic","Times New Roman",serif;--text-size:24px;--safe-b:env(safe-area-inset-bottom,0px)}html.dark{color-scheme:dark;--bg:#0b1310;--paper:#111c17;--paper-2:#14211b;--ink:#e9efe9;--ink-2:#c9d4cc;--muted:#93a299;--line:#22322a;--line-2:#1b2922;--primary:#2f8a68;--primary-2:#37a07a;--emerald-100:#173026;--emerald-50:#13241d;--gold-50:#2a2617;--sh-1:0 1px 2px #0006;--sh-2:0 12px 32px #0007}html.large-text{--text-size:30px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}html,body{overflow-x:clip}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;padding-bottom:var(--safe-b)}img{max-width:100%}a{color:var(--primary)}.container{width:min(1160px,100% - 40px);margin-inline:auto}.section{padding-block:28px}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{margin:0 0 6px;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.02em}h1,h2,h3{line-height:1.3;margin:0}h2{font-size:clamp(22px,2.4vw,28px);font-weight:800}.skip-link{position:absolute;top:-80px;right:12px;background:var(--primary);color:#fff;padding:8px 14px;border-radius:10px;z-index:100}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:8px}[hidden]{display:none!important}.btn{font:inherit;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;border:1px solid transparent;cursor:pointer;text-decoration:none;padding:11px 18px;transition:transform .12s,background .2s,box-shadow .2s,border-color .2s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-lg{padding:14px 24px;font-size:17px;border-radius:16px}.btn-sm{padding:8px 14px;font-size:14px;border-radius:12px}.btn-primary{background:linear-gradient(180deg,var(--primary-2),var(--primary));color:#fff;box-shadow:0 8px 20px #0f3d2e33,inset 0 1px 0#ffffff22}.btn-primary:hover{box-shadow:0 12px 28px #0f3d2e44}.btn-gold{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#2b1f07;box-shadow:0 8px 20px #c49a4b44}.btn-ghost{background:var(--paper);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--gold)}.btn-soft{background:var(--emerald-50);color:var(--primary)}.btn-soft:hover{background:var(--emerald-100)}.icon-btn{font:inherit;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:17px;font-weight:700;transition:border-color .2s,transform .12s}.icon-btn:hover{border-color:var(--gold)}.icon-btn:active{transform:scale(.94)}.icon-btn sup{font-size:10px;line-height:0;vertical-align:super}.icon-btn.lg{width:54px;height:54px;border-radius:18px;font-size:22px}.count-badge{background:var(--emerald-100);color:var(--primary);border-radius:99px;padding:0 8px;font-size:12px}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line-2)}.topbar-in{width:min(1160px,100% - 40px);margin-inline:auto;height:68px;display:flex;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-logo{width:40px;height:40px;border-radius:12px;box-shadow:var(--sh-1)}.brand-name{font-size:22px;font-weight:800;line-height:1.1}.brand-name small{display:block;font-size:11px;font-weight:500;color:var(--muted)}.brand-mark{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--primary);color:#fff;font-size:24px}.next-pill{margin-inline-start:auto;display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.next-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #c49a4b33;animation:blink 2s infinite}@keyframes blink{50%{box-shadow:0 0 0 7px #c49a4b11}}.top-actions{display:flex;gap:8px;margin-inline-start:auto}.next-pill+.top-actions{margin-inline-start:0}.i-moon{display:none}html.dark .i-sun{display:none}html.dark .i-moon{display:inline}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-block:56px 28px;position:relative}.hero::before{content:"";position:absolute;inset:-40px -10vw auto;height:520px;z-index:-1;pointer-events:none;background:radial-gradient(600px 300px at 85% 30%,#c49a4b1f,transparent 70%),radial-gradient(500px 300px at 10% 10%,#1f66501a,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%230f3d2e' stroke-opacity='.06' stroke-width='1'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Crect x='22' y='22' width='36' height='36' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='9'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}html.dark .hero::before{filter:invert(1) hue-rotate(180deg);opacity:.5}.hero h1{font-size:clamp(36px,5vw,62px);font-weight:800;letter-spacing:-.01em;margin-bottom:16px}.hero h1 span{font-family:var(--font-text);font-weight:700;background:linear-gradient(90deg,var(--primary),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline:4px}.lead{font-size:18px;color:var(--ink-2);max-width:540px;margin:0 0 26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-trust{list-style:none;padding:0;margin:22px 0 0;display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px}.hero-trust li::before{content:"✓";color:var(--gold);font-weight:800;margin-inline-end:6px}.today-card{background:linear-gradient(160deg,var(--emerald-800),var(--emerald-900));color:#eaf3ee;border-radius:var(--r-xl);padding:26px;box-shadow:var(--sh-3);position:relative;overflow:hidden}.today-card::after{content:"";position:absolute;width:320px;height:320px;inset-inline-end:-120px;top:-140px;border-radius:50%;border:1px solid #e2c27f33;box-shadow:0 0 0 30px #e2c27f0d,0 0 0 60px #e2c27f08}.today-card .eyebrow{color:var(--gold-2)}.today-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:relative;z-index:1}.today-head h2{font-size:20px;color:#fff}.streak{display:grid;justify-items:center;background:#ffffff10;border:1px solid #ffffff1f;border-radius:18px;padding:8px 14px;min-width:86px}.streak .flame{color:var(--gold-2);font-size:14px}.streak strong{font-size:28px;line-height:1;font-variant-numeric:tabular-nums}.streak small{font-size:11px;opacity:.8}.today-rings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 18px;position:relative;z-index:1}.mini-ring{font:inherit;cursor:pointer;border:0;color:#fff;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;justify-items:center;gap:0;background:radial-gradient(closest-side,#103e2f 84%,transparent 86%),conic-gradient(var(--gold-2) calc(var(--p)*1%),#ffffff1a 0);transition:transform .15s}.mini-ring:hover{transform:translateY(-2px)}.mr-ico{font-size:18px;color:var(--gold-2)}.mini-ring strong{font-size:14px}.mini-ring small{font-size:12px;opacity:.75;font-variant-numeric:tabular-nums}.week{display:flex;justify-content:space-between;gap:6px;position:relative;z-index:1}.week .d{flex:1;display:grid;justify-items:center;gap:4px;font-size:11px;opacity:.85}.week .d i{width:100%;max-width:34px;height:8px;border-radius:99px;background:#ffffff1a}.week .d.on i{background:linear-gradient(90deg,var(--gold-2),var(--gold))}.week .d.part i{background:#e2c27f55}.week .d.today{opacity:1;font-weight:800}.today-note{font-size:12px;opacity:.65;margin:14px 0 0;position:relative;z-index:1}.prayer-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--sh-1)}.prayer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.prayer-head h2 small{font-size:16px;color:var(--muted);font-weight:500}.countdown{font-variant-numeric:tabular-nums;color:var(--gold);direction:ltr;display:inline-block}.prayer-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.prayer-list li{background:var(--paper-2);border:1px solid var(--line-2);border-radius:16px;padding:12px 8px;text-align:center;display:grid;gap:2px;transition:background .3s}.prayer-list li span{font-size:13px;color:var(--muted);font-weight:700}.prayer-list li strong{font-size:19px;font-variant-numeric:tabular-nums}.prayer-list li.past{opacity:.55}.prayer-list li.next{background:linear-gradient(160deg,var(--emerald-800),var(--emerald-900));border-color:transparent;color:#fff;box-shadow:0 10px 24px #0f3d2e33;opacity:1}.prayer-list li.next span{color:var(--gold-2)}.prayer-list li.sunrise strong{font-size:16px}.prayer-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px;padding-top:18px;border-top:1px dashed var(--line);align-items:end}.prayer-settings label{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--ink-2)}select{font:inherit;font-size:14px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.prayer-settings p{grid-column:1/-1;margin:0}.daily-card{position:relative;text-align:center;background:linear-gradient(180deg,var(--paper),var(--paper-2));border:1px solid var(--line);border-radius:var(--r-lg);padding:34px 24px 26px;box-shadow:var(--sh-1);overflow:hidden}.daily-card::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 160px at 50%0,#c49a4b14,transparent)}.daily-mark{position:absolute;top:6px;inset-inline-end:22px;font-family:var(--font-text);font-size:90px;line-height:1;color:var(--gold);opacity:.18}.daily-text{position:relative;font-family:var(--font-text);font-size:clamp(24px,3.2vw,34px);line-height:2;color:var(--primary);margin:6px auto 6px;max-width:860px;font-weight:700}html.dark .daily-text{color:#cfe6d8}.daily-source{position:relative;color:var(--muted);font-size:14px;margin:0 0 16px}.card-actions{position:relative;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px;flex-wrap:wrap}.lib-tools{display:flex;gap:8px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{font:inherit;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:99px;border:1px solid var(--line);background:var(--paper);color:var(--ink-2);cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .18s;-webkit-tap-highlight-color:transparent}.chip:hover{border-color:var(--gold);color:var(--ink)}.chip .ci{font-size:15px;opacity:.9}.chip .cn{font-size:11px;color:var(--muted);font-weight:500}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 6px 16px #0f3d2e33}.chip.active .cn{color:#ffffffb0}.chip.complete:not(.active){border-color:var(--gold);background:var(--gold-50)}.chip.complete .ci::after{content:"✓";font-size:10px;color:var(--gold);margin-inline-start:2px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.search{flex:1;display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:0 14px;transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px #c49a4b22}.search>span{font-size:22px;color:var(--muted)}.search input{flex:1;min-width:0;border:0;outline:0;background:0 0;font:inherit;color:var(--ink);padding:12px 0}.clear-search{border:0;background:0 0;color:var(--muted);font-size:22px;cursor:pointer}.sort{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);white-space:nowrap}.cat-progress{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin-bottom:16px;font-size:14px;color:var(--muted)}.cat-progress strong{color:var(--ink);font-size:17px;font-variant-numeric:tabular-nums}.cp-bar{flex:1;height:8px;background:var(--line-2);border-radius:99px;overflow:hidden}.cp-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--primary-2),var(--gold));border-radius:99px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.cp-reset{font:inherit;font-size:12px;border:0;background:0 0;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.adhkar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dhikr-card{position:relative;display:flex;flex-direction:column;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh-1);transition:box-shadow .25s,border-color .3s,transform .2s;min-width:0}.dhikr-card:hover{box-shadow:var(--sh-2)}.dhikr-top{display:flex;align-items:center;gap:8px}.dhikr-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--emerald-50);color:var(--primary);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.repeat-tag{font-size:12px;font-weight:800;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line-2);border-radius:99px;padding:3px 10px}.cat-tag{font-size:12px;color:var(--muted)}.done-badge{display:none;margin-inline-start:auto;font-size:12px;font-weight:800;color:#7a5a18;background:var(--gold-50);border-radius:99px;padding:3px 10px}html.dark .done-badge{color:var(--gold-2)}.dhikr-text{font-family:var(--font-text);font-size:var(--text-size);line-height:2.15;color:var(--ink);margin:0;font-weight:400}.fadl{font-size:14px;color:var(--ink-2);background:var(--emerald-50);border-inline-start:3px solid var(--primary-2);border-radius:10px;padding:9px 12px;line-height:1.7}.source{font-size:12.5px;color:var(--muted)}.source::before{content:"📖 ";filter:grayscale(1);opacity:.7}.bar{height:4px;background:var(--line-2);border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;width:calc(var(--p)*1%);background:linear-gradient(90deg,var(--primary-2),var(--gold));transition:width .35s}.dhikr-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.count-ring{--size:72px;width:var(--size);height:var(--size);flex-shrink:0;border:0;border-radius:50%;cursor:pointer;display:grid;place-content:center;justify-items:center;font-family:inherit;color:var(--primary);background:radial-gradient(closest-side,var(--paper) 80%,transparent 82%),conic-gradient(var(--primary-2) calc(var(--p)*1%),var(--line-2)0);transition:transform .1s;-webkit-tap-highlight-color:transparent}html.dark .count-ring{color:#cfe6d8}.count-ring:active{transform:scale(.92)}.ring-num{font-size:23px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.ring-tot{font-size:11px;color:var(--muted)}.count-ring.pulse{animation:pulse .25s ease}@keyframes pulse{50%{transform:scale(1.08)}}.dhikr-actions{display:flex;gap:6px}.dhikr-actions button{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink-2);cursor:pointer;font-size:16px;transition:all .15s}.dhikr-actions button:hover{border-color:var(--gold);color:var(--ink)}.dhikr-actions .favorite-button.saved{color:#b4572e;border-color:#efc9b4;background:#fcefe8}html.dark .dhikr-actions .favorite-button.saved{background:#3a2419;border-color:#5a3424;color:#f0a882}.dhikr-card.done{border-color:color-mix(in srgb,var(--gold) 60%,var(--line));background:linear-gradient(180deg,var(--paper),var(--gold-50))}.dhikr-card.done .done-badge{display:inline-block}.dhikr-card.done .dhikr-number{background:var(--gold);color:#fff}.dhikr-card.done .count-ring{background:radial-gradient(closest-side,var(--paper) 80%,transparent 82%),conic-gradient(var(--gold) 100%,var(--gold)0);color:var(--gold)}.dhikr-card.flash{animation:flash .8s ease}@keyframes flash{30%{box-shadow:0 0 0 6px #c49a4b44}}.empty-state{text-align:center;padding:48px 16px;color:var(--muted)}.empty-state>span{display:block;font-size:36px}.empty-state strong{color:var(--ink);display:block;margin:6px 0}.tasbih-card{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);padding:30px;box-shadow:var(--sh-1);position:relative;overflow:hidden}.tasbih-card::before{content:"";position:absolute;inset:auto auto -120px -120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#c49a4b18,transparent 70%)}.phrase-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.phrase-chips button{font-family:var(--font-text);font-size:18px;padding:6px 14px;border-radius:99px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);cursor:pointer}.phrase-chips button.active{background:var(--primary);border-color:var(--primary);color:#fff}.target-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.seg{display:inline-flex;background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:3px}.seg button{font:inherit;font-size:14px;font-weight:700;border:0;background:0 0;color:var(--muted);padding:6px 14px;border-radius:9px;cursor:pointer}.seg button.active{background:var(--paper);color:var(--ink);box-shadow:var(--sh-1)}.tasbih-dial{display:grid;justify-items:center;gap:12px;position:relative}.dial{--p:0;width:230px;height:230px;border-radius:50%;border:0;cursor:pointer;display:grid;place-content:center;justify-items:center;gap:2px;font-family:inherit;color:#fff;-webkit-tap-highlight-color:transparent;user-select:none;background:radial-gradient(closest-side,var(--emerald-800) 86%,transparent 87%),conic-gradient(var(--gold-2) calc(var(--p)*1%),#0f3d2e33 0);box-shadow:var(--sh-3),inset 0 0 0 1px #ffffff14;transition:transform .08s}.dial:active{transform:scale(.96)}.dial-phrase{font-family:var(--font-text);font-size:19px;color:var(--gold-2)}.dial-num{font-size:60px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}.dial-target{font-size:14px;opacity:.7}.dial-actions{display:flex;gap:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:2px;box-shadow:var(--sh-1)}.stat strong{font-size:32px;line-height:1.1;color:var(--primary);font-variant-numeric:tabular-nums}html.dark .stat strong{color:var(--gold-2)}.stat span{font-size:13px;color:var(--muted)}.heat{display:grid;grid-template-columns:repeat(30,1fr);gap:5px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px}.heat i{aspect-ratio:1;border-radius:5px;background:var(--line-2)}.heat i.l1{background:#c49a4b55}.heat i.l2{background:#c49a4b99}.heat i.l3{background:var(--gold)}.heat i.t{outline:2px solid var(--primary);outline-offset:1px}.note{background:var(--paper);border:1px solid var(--line);border-inline-start:4px solid var(--gold);border-radius:var(--r);padding:16px 20px}.note p{margin:4px 0 0;color:var(--muted);font-size:14px}.footer{border-top:1px solid var(--line);margin-top:30px;padding-block:28px 100px;color:var(--muted);font-size:13px}.footer-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-links{display:flex;gap:18px}.footer-links a{color:var(--ink-2);text-decoration:none}.footer-links a:hover{color:var(--gold)}.bottom-nav{display:none}.focus{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;background:radial-gradient(800px 500px at 50%0,#1f665055,transparent),linear-gradient(180deg,#0b3125,#071f17);color:#eef5f0;padding:max(14px,env(safe-area-inset-top)) 16px calc(16px + var(--safe-b));animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}}body.focus-open{overflow:hidden}.focus .icon-btn{background:#ffffff12;border-color:#ffffff22;color:#fff}.focus-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(820px,100%);margin-inline:auto}.focus-meta{display:grid;justify-items:center;line-height:1.3}.focus-meta strong{font-size:16px}.focus-meta span{font-size:13px;opacity:.7;font-variant-numeric:tabular-nums}.focus-bar{width:min(820px,100%);margin:12px auto 0;height:4px;border-radius:99px;background:#ffffff1a;overflow:hidden}.focus-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:width .4s}.focus-stage{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:min(820px,100%);margin-inline:auto;padding:18px 6px;cursor:pointer;overflow-y:auto;-webkit-tap-highlight-color:transparent;user-select:none}.focus-text{font-family:var(--font-text);font-size:clamp(26px,4.4vw,40px);line-height:2.1;margin:0;color:#fff;animation:fadeIn .3s ease}html.large-text .focus-text{font-size:clamp(32px,5.4vw,48px)}.focus-fadl{margin:18px 0 0;color:var(--gold-2);font-size:15px;max-width:600px}.focus-src{margin:6px 0 0;font-size:12.5px;opacity:.6}.focus-bottom{display:flex;align-items:center;justify-content:center;gap:28px}.focus-ring{--p:0;width:112px;height:112px;border-radius:50%;border:0;cursor:pointer;display:grid;place-content:center;justify-items:center;font-family:inherit;color:#fff;background:radial-gradient(closest-side,#0d3a2c 84%,transparent 86%),conic-gradient(var(--gold-2) calc(var(--p)*1%),#ffffff1f 0);transition:transform .08s;-webkit-tap-highlight-color:transparent}.focus-ring:active{transform:scale(.94)}.focus-ring span{font-size:38px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.focus-ring small{font-size:12px;opacity:.7}.focus.done .focus-ring{background:radial-gradient(closest-side,#0d3a2c 84%,transparent 86%),conic-gradient(var(--gold-2) 100%,var(--gold-2)0)}.focus-hint{text-align:center;font-size:12px;opacity:.5;margin:12px 0 0}.focus-done{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;gap:10px;padding:24px;background:linear-gradient(180deg,#0b3125f2,#071f17fa);animation:fadeIn .3s}.fd-badge{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:44px;color:#2b1f07;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 0 0 12px #e2c27f22,0 0 0 26px #e2c27f0f}.focus-done h3{font-size:28px;margin-top:12px}.focus-done p{opacity:.8;margin:0}.fd-actions{display:flex;gap:10px;margin-top:14px}.focus .btn-ghost{background:#ffffff12;border-color:#ffffff22;color:#fff}.toast{position:fixed;bottom:calc(24px + var(--safe-b));left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0f3d2e;color:#fff;padding:11px 20px;border-radius:14px;box-shadow:var(--sh-3);transition:.25s;z-index:120;max-width:calc(100% - 32px);text-align:center;font-weight:700;font-size:14px}.toast.show{opacity:1;transform:translate(-50%,0)}body.focus-open .toast{bottom:auto;top:calc(80px + env(safe-area-inset-top,0));background:#e2c27f;color:#2b1f07}.page{padding-block:44px 60px;max-width:780px}.page h1{font-size:34px;margin:14px 0 12px}.page p{color:var(--ink-2)}@media (max-width:960px){.hero{grid-template-columns:1fr;padding-top:34px}.prayer-list{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){body{font-size:15px}.container,.topbar-in{width:calc(100% - 28px)}.topbar-in{height:60px}.brand-name small{display:none}.brand-logo{width:36px;height:36px}.next-pill{font-size:12.5px;padding:5px 11px}.top-actions .icon-btn{width:38px;height:38px}.hero{gap:22px;padding-block:24px 8px}.lead{font-size:16px}.hero-actions .btn-lg{flex:1}.today-card{padding:20px;border-radius:26px}.section{padding-block:18px}.chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:-14px;padding:2px 14px 8px;scroll-snap-type:x proximity;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{scroll-snap-align:start}.chip .cn{display:none}.toolbar{flex-direction:column;align-items:stretch}.sort{justify-content:space-between}.adhkar-list{grid-template-columns:1fr;gap:12px}.dhikr-card{padding:18px;border-radius:20px}.count-ring{--size:66px}.tasbih-card{grid-template-columns:1fr;padding:22px;text-align:center}.phrase-chips,.target-row{justify-content:center}.dial{width:210px;height:210px}.prayer-card{padding:18px}.prayer-list{gap:8px}.prayer-list li{padding:10px 4px}.prayer-list li strong{font-size:17px}.heat{grid-template-columns:repeat(15,1fr)}.footer{padding-bottom:110px}.bottom-nav{display:flex;position:fixed;inset-inline:10px;bottom:calc(10px + var(--safe-b));z-index:50;justify-content:space-around;align-items:center;height:64px;padding:0 6px;border-radius:22px;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);border:1px solid var(--line);box-shadow:var(--sh-2)}.bottom-nav a{flex:1;display:grid;justify-items:center;gap:0;font-size:11px;font-weight:700;color:var(--muted);text-decoration:none}.bottom-nav a span{font-size:19px;line-height:1.3}.bottom-nav a.active{color:var(--primary)}html.dark .bottom-nav a.active{color:var(--gold-2)}.nav-main{width:56px;height:56px;margin-top:-26px;border-radius:50%;border:4px solid var(--bg);background:linear-gradient(180deg,var(--primary-2),var(--primary));color:#fff;font-size:20px;box-shadow:0 10px 24px #0f3d2e55;cursor:pointer;display:grid;place-items:center}.toast{bottom:calc(90px + var(--safe-b))}}@media (prefers-reduced-motion:reduce){*,::before,::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}@media print{.topbar,.bottom-nav,.dhikr-foot,.toolbar,.chips,#prayer,#tasbih,#stats,.hero,.footer{display:none!important}.dhikr-card{break-inside:avoid;box-shadow:none}}.ic{width:1.15em;height:1.15em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}.ic.f{fill:currentColor;stroke:none}.icon-btn .ic{width:20px;height:20px}.chip .ci{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--emerald-50);color:var(--primary)}.chip .ci .ic{width:16px;height:16px}.chip.active .ci{background:#ffffff26;color:#fff}.chip.complete .ci::after{content:none}.chip.complete:not(.active) .ci{background:var(--gold);color:#fff}.mr-ico .ic{width:24px;height:24px;color:var(--gold-2)}.streak .flame .ic{width:18px;height:18px}.search>span .ic{width:20px;height:20px}.empty-state>span .ic{width:40px;height:40px}.dhikr-actions button .ic{width:18px;height:18px}.dhikr-actions .favorite-button.saved .ic{fill:currentColor}.btn .ic{width:18px;height:18px}.bottom-nav a span .ic{width:22px;height:22px}.nav-main .ic{width:22px;height:22px}.focus .icon-btn .ic{width:22px;height:22px}
/* v9: مراجعة التصميم */
:root{--muted:#57635c;--gold-ink:#7d5a17}
html.dark{--muted:#a3b1a8;--primary:#3c9d78}
.eyebrow{color:var(--gold-ink)}
html.dark .eyebrow{color:var(--gold-2)}
.today-card .eyebrow{color:var(--gold-2)}
.countdown{color:var(--primary)}
html.dark .countdown{color:var(--gold-2)}
.hero h1{font-family:var(--font-text);font-weight:700;font-size:clamp(40px,5.6vw,70px);line-height:1.45;color:var(--primary);max-width:12ch}
html.dark .hero h1{color:#e9f3ec}
.prayer-list li.past{opacity:1;background:transparent}
.prayer-list li.past span,.prayer-list li.past strong{color:var(--muted)}
.prayer-list li.past span::after{content:" ✓";font-size:11px}
.dhikr-card{box-shadow:none}
.dhikr-card:hover{box-shadow:none;border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}
.adhkar-list{grid-template-columns:1fr;max-width:880px;margin-inline:auto;gap:14px}
.cat-progress{max-width:880px;margin-inline:auto;margin-bottom:16px}
html.dark .dhikr-number{color:var(--gold-2)}
html.dark .chip.active{background:#1d5e47;border-color:#1d5e47}
.chips-more{display:none;font:inherit;font-size:14px;font-weight:700;background:none;border:0;color:var(--primary);cursor:pointer;padding:4px 2px;margin:-4px 0 12px;text-decoration:underline;text-underline-offset:4px}
@media (min-width:761px){.chips:not(.open) .chip:nth-child(n+7):not(.active){display:none}.chips-more{display:inline-block}}
.heat-cap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:8px 2px 0}
.heat-key{display:inline-flex;align-items:center;gap:4px}
.heat-key i{width:12px;height:12px;border-radius:3px;background:var(--line-2);display:inline-block}
.heat-key i.l1{background:#c49a4b55}.heat-key i.l2{background:#c49a4b99}.heat-key i.l3{background:var(--gold)}
#stats.fresh .stats-grid,#stats.fresh .heat,#stats.fresh .heat-cap{display:none}
.stats-empty{background:var(--paper);border:1px dashed var(--line);border-radius:var(--r);padding:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.stats-empty p{margin:0;color:var(--ink-2)}

/* v10: هوية لونية لكل قسم + حركة وضع القراءة */
:root{--cat:var(--primary);--cat-2:var(--gold)}
html[data-cat="morning"],html[data-cat="wake"]{--cat:#9a5b12;--cat-2:#e0a24a}
html[data-cat="evening"]{--cat:#8a3b2e;--cat-2:#c9774f}
html[data-cat="sleep"]{--cat:#2c3e7a;--cat-2:#7d8fd1}
html[data-cat="prayer"]{--cat:var(--primary);--cat-2:var(--gold)}
html.dark[data-cat="morning"],html.dark[data-cat="wake"]{--cat:#e0a24a}
html.dark[data-cat="evening"]{--cat:#e08a68}
html.dark[data-cat="sleep"]{--cat:#9fb0ee}
.chip.active{background:var(--cat);border-color:var(--cat);transition:background .35s,border-color .35s}
html.dark .chip.active{background:color-mix(in srgb,var(--cat) 45%,#0b1310);border-color:transparent}
#libTitle{color:var(--cat);transition:color .35s}
.cp-bar span,.bar span{background:linear-gradient(90deg,var(--cat),var(--cat-2))}
.count-ring{background:radial-gradient(closest-side,var(--paper) 80%,transparent 82%),conic-gradient(var(--cat) calc(var(--p)*1%),var(--line-2) 0);color:var(--cat)}
.fadl{border-inline-start-color:var(--cat)}

.focus{--fa:#0b3125;--fb:#071f17;--glow:#1f665055;--acc:var(--gold-2);background:radial-gradient(900px 520px at 50% -5%,var(--glow),transparent),linear-gradient(180deg,var(--fa),var(--fb));transition:background .6s}
.focus[data-theme="morning"],.focus[data-theme="wake"]{--fa:#1e4466;--fb:#9a6232;--glow:#f2b45e77;--acc:#ffd38a}
.focus[data-theme="evening"]{--fa:#2b2347;--fb:#5a2a2a;--glow:#e0786055;--acc:#ffc2a3}
.focus[data-theme="sleep"]{--fa:#0a1028;--fb:#151e3f;--glow:#5b6fc455;--acc:#c9d3ff}
.focus[data-theme="sleep"]::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 28% 62%,#fff,transparent),radial-gradient(1.5px 1.5px at 44% 9%,#fff,transparent),radial-gradient(1px 1px at 63% 33%,#fff,transparent),radial-gradient(1.5px 1.5px at 78% 14%,#fff,transparent),radial-gradient(1px 1px at 88% 52%,#fff,transparent),radial-gradient(1px 1px at 7% 82%,#fff,transparent),radial-gradient(1.5px 1.5px at 92% 86%,#fff,transparent)}
.focus>*:not(.focus-done){position:relative}
.focus-fadl{color:var(--acc)}
.focus-bar span{background:linear-gradient(90deg,var(--acc),#fff)}
.focus-ring{background:radial-gradient(closest-side,color-mix(in srgb,var(--fb) 70%,#000) 84%,transparent 86%),conic-gradient(var(--acc) calc(var(--p)*1%),#ffffff1f 0)}
.focus.done .focus-ring{background:radial-gradient(closest-side,color-mix(in srgb,var(--fb) 70%,#000) 84%,transparent 86%),conic-gradient(var(--acc) 100%,var(--acc) 0)}
.focus-text.in-next{animation:inNext .38s cubic-bezier(.2,.8,.2,1)}
.focus-text.in-prev{animation:inPrev .38s cubic-bezier(.2,.8,.2,1)}
@keyframes inNext{from{opacity:0;transform:translateX(-36px)}}
@keyframes inPrev{from{opacity:0;transform:translateX(36px)}}
.focus-stage{position:relative;overflow:hidden}
.tap{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--acc);opacity:.45;pointer-events:none;animation:tap .65s ease-out forwards}
@keyframes tap{to{transform:scale(14);opacity:0}}
.focus-done{overflow:hidden}
.fd-burst{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.fd-badge{animation:pop .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes pop{from{transform:scale(.3);opacity:0}}
@media (prefers-reduced-motion:reduce){.focus-text.in-next,.focus-text.in-prev,.fd-badge{animation:none}}

/* v11: المظهر الورقي + الترحيب */
html.sepia{color-scheme:light;--bg:#efe3c7;--paper:#f8efd9;--paper-2:#f2e6cb;--ink:#33281a;--ink-2:#4d3f2b;--muted:#5e4f37;--line:#dccaa2;--line-2:#e6d6b4;--primary:#2c5a3e;--primary-2:#357050;--emerald-50:#ebe2c4;--emerald-100:#e2d6b2;--gold-50:#f0e1bb;--gold-ink:#6e4f12;--sh-1:0 1px 2px #5a43200d;--sh-2:0 10px 28px #5a432014}
html.sepia .dhikr-text,html.sepia .focus-text{color:#2a2014}
html.sepia .hero::before{filter:sepia(.6)}
html.sepia .focus{--fa:#3a2d1c;--fb:#22190f;--glow:#c89a5a44;--acc:#f1d39b}
html.sepia .focus-text{color:#f5ead2}
.i-sepia{display:none}
html.sepia .i-sun,html.sepia .i-moon{display:none}html.sepia .i-sepia{display:inline}
html.dark .i-sepia{display:none}
.onb{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#04140ecc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body.onb-open{overflow:hidden}
.onb-card{position:relative;width:min(420px,100%);background:var(--paper);border-radius:28px;padding:30px 24px 24px;text-align:center;box-shadow:var(--sh-3);animation:onbIn .45s cubic-bezier(.2,.9,.3,1)}
@keyframes onbIn{from{opacity:0;transform:translateY(24px) scale(.97)}}
.onb-skip{position:absolute;top:14px;inset-inline-start:14px;font:inherit;font-size:14px;font-weight:700;background:none;border:0;color:var(--muted);cursor:pointer;padding:6px 8px}
.onb-art{height:150px;display:grid;place-items:center;margin:8px 0 10px}
.onb-card h2{font-family:var(--font-text);font-size:30px;color:var(--primary);margin-bottom:8px}
.onb-card p{color:var(--ink-2);margin:0 auto 18px;max-width:32ch}
.onb-dots{display:flex;justify-content:center;gap:6px;margin-bottom:16px}
.onb-dots i{width:8px;height:8px;border-radius:99px;background:var(--line);transition:width .3s,background .3s}
.onb-dots i.on{width:24px;background:var(--primary)}
.onb-next{width:100%}
.oa-ring{width:120px;height:120px;border-radius:50%;display:grid;place-content:center;justify-items:center;color:var(--primary);background:radial-gradient(closest-side,var(--paper) 80%,transparent 82%),conic-gradient(var(--primary) 66%,var(--line-2) 0)}
.oa-ring b{font-size:40px;line-height:1}.oa-ring small{color:var(--muted)}
.oa-focus{width:110px;height:150px;border-radius:20px;background:linear-gradient(180deg,#1e4466,#9a6232);display:grid;align-content:center;gap:9px;padding:0 18px}
.oa-focus span{height:7px;border-radius:9px;background:#ffffffcc}.oa-focus span:nth-child(2){width:80%;margin-inline-start:auto}.oa-focus span:nth-child(3){width:55%;margin-inline-start:auto;background:#ffd38a}
.oa-week{display:flex;gap:8px}
.oa-week i{width:22px;height:60px;border-radius:99px;background:var(--line-2)}
.oa-week i.on{background:linear-gradient(180deg,var(--gold-2),var(--gold))}
.oa-week i.t{outline:2px solid var(--primary);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.onb-card{animation:none}}

/* v13: الوِرد المخصص */
.chip[data-cat="mine"]{border-style:dashed}
.chip[data-cat="mine"].active{border-style:solid}
.adhkar-list.is-mine .dhikr-number{background:var(--gold-50);color:var(--gold-ink)}
.dhikr-actions button:disabled{opacity:.35;cursor:default}
.adhkar-list.is-mine .dhikr-actions{flex-wrap:wrap;justify-content:flex-start}

/* v14: مناسبة اليوم */
.season{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border:1px solid var(--line);border-inline-start:4px solid var(--gold-2);border-radius:14px;background:var(--gold-50);max-width:520px}
.season-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--paper);color:var(--gold-ink);flex:none}
.season-ico .ic{width:20px;height:20px}
.season-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.season-txt strong{color:var(--ink);font-size:1rem}
.season-txt small{color:var(--ink-2);font-size:.88rem}
.season-btn{padding:8px 12px;font-size:.88rem;flex:none}

/* v15: التذكير اليومي */
.remind{margin-top:14px}
.remind-open{width:100%;justify-content:center;gap:8px}
.remind-open .ic{width:18px;height:18px}
.remind-panel{margin-top:10px;padding:14px;border-radius:14px;background:#ffffff14;border:1px solid #ffffff22;display:grid;gap:10px}
.remind-panel p{margin:0;font-size:.88rem;opacity:.9}
.remind-panel label{display:flex;align-items:center;gap:8px;font-size:.95rem}
.remind-panel input[type=time]{margin-inline-start:auto;font:inherit;padding:6px 8px;border-radius:10px;border:1px solid #ffffff33;background:#ffffff1a;color:inherit;color-scheme:dark}
.remind-panel input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold-2)}
.remind-toast{position:fixed;inset-inline:16px;bottom:96px;margin:auto;max-width:420px;padding:12px 16px;border-radius:12px;background:#1b2a23;color:#fff;text-align:center;z-index:99}

/* v16: السور المختارة والقارئ */
.surahs h2{margin:0 0 6px}
.surahs-lead{margin:0 0 16px;color:var(--ink-2)}
.surah-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.surah-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-align:start;font:inherit;cursor:pointer;transition:border-color .2s,transform .2s}
.surah-card:hover{border-color:var(--gold-2);transform:translateY(-1px)}
.surah-card:focus-visible{outline:3px solid var(--gold-2);outline-offset:2px}
.surah-num{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:50%;background:var(--emerald-800);color:var(--gold-2);font-family:Amiri,serif;font-size:1.3rem;font-weight:700}
.surah-txt{display:flex;flex-direction:column;gap:3px}
.surah-txt strong{font-family:Amiri,serif;font-size:1.3rem}
.surah-txt small{color:var(--ink-2);font-size:.86rem}
.season .season-btn+.season-btn{margin-inline-start:-4px}
html.reader-open{overflow:hidden}
.reader{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);--qs:1}
.reader[hidden]{display:none}
.reader-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--paper)}
.reader-title{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}
.reader-title strong{font-family:Amiri,serif;font-size:1.35rem;line-height:1.2}
.reader-title small{color:var(--ink-2);font-size:.8rem}
.r-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);font:700 1.05rem Tajawal,sans-serif;cursor:pointer;flex:none}
.r-btn .ic{width:20px;height:20px}
.r-btn.r-play{background:var(--emerald-800);border-color:var(--emerald-800);color:#fff}
.r-btn.r-play .ic path{fill:currentColor;stroke:none}
.r-btn:focus-visible{outline:3px solid var(--gold-2);outline-offset:2px}
.reader-progress{height:3px;background:var(--line)}
.reader-progress span{display:block;height:100%;width:0;background:var(--gold-2)}
.reader-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:22px 20px 60px;-webkit-overflow-scrolling:touch}
.basmala{text-align:center;font-family:Amiri,serif;font-size:calc(1.6rem*var(--qs));margin:0 0 18px;color:var(--emerald-700)}
.mushaf{max-width:720px;margin:auto;font-family:Amiri,serif;font-size:calc(1.55rem*var(--qs));line-height:2.25;text-align:justify;text-align-last:center}
.ayah-n{color:var(--gold-ink);font-size:.9em;white-space:nowrap}
.reader-end{text-align:center;color:var(--ink-2);font-family:Amiri,serif;font-size:1.1rem;margin-top:24px}
[data-theme="dark"] .basmala,html.dark .basmala{color:var(--gold-2)}
@media (prefers-reduced-motion:reduce){.surah-card{transition:none}}

/* v18: المصحف */
.surah-card.surah-all{grid-column:1/-1;background:var(--emerald-800);border-color:var(--emerald-800);color:#fff}
.surah-card.surah-all .surah-num{background:#ffffff1a;color:var(--gold-2)}
.surah-card.surah-all small{color:#d6e4dc}
.reader.mushaf-index{z-index:190}
.mi-search{padding:12px 16px;border-bottom:1px solid var(--line)}
.mi-search input{width:100%;font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.mi-search input:focus-visible{outline:3px solid var(--gold-2);outline-offset:1px}
.mi-body{padding:12px 16px 40px}
.mi-last{display:block;width:100%;margin-bottom:12px;padding:12px 14px;border-radius:12px;border:1px dashed var(--gold-2);background:var(--gold-50);color:var(--gold-ink);font:700 1rem Tajawal,sans-serif;text-align:start;cursor:pointer}
.mi-last[hidden]{display:none}
.mi-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.mi-list li[hidden]{display:none}
.mi-list button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:start;cursor:pointer}
.mi-list button:hover{border-color:var(--gold-2)}
.mi-list button:focus-visible{outline:3px solid var(--gold-2);outline-offset:1px}
.mi-num{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--emerald-50);color:var(--emerald-700);font-weight:700;font-size:.95rem}
html.dark .mi-num{background:var(--emerald-100);color:var(--gold-2)}
.mi-name{flex:1;font-family:Amiri,serif;font-size:1.2rem}
.mi-meta{color:var(--ink-2);font-size:.8rem;white-space:nowrap}

/* v19: المصحف في الشريط السفلي */
@media (max-width:760px){.bottom-nav{display:grid;grid-template-columns:repeat(3,1fr) 64px repeat(3,1fr);padding:0 4px}}
.bottom-nav a{font-size:10.5px;white-space:nowrap}
.bottom-nav .nav-main{justify-self:center}

/* v20: بطاقة أهدأ — الإجراءات الثانوية في قائمة */
.dhikr-actions{position:relative;align-items:center}
.act-extra{display:none;position:absolute;bottom:calc(100% + 8px);inset-inline-start:0;z-index:5;gap:6px;padding:6px;border-radius:14px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh-2)}
.dhikr-actions.open .act-extra{display:flex;animation:actIn .16s ease-out}
.dhikr-actions.open .act-more{background:var(--emerald-50);color:var(--emerald-700);border-color:var(--emerald-700)}
html.dark .dhikr-actions.open .act-more{background:var(--emerald-100);color:var(--gold-2);border-color:var(--gold-2)}
@keyframes actIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.dhikr-actions.open .act-extra{animation:none}}
.dhikr-card{transition:box-shadow .2s,border-color .2s}
.dhikr-card:focus-within{border-color:color-mix(in srgb,var(--gold-2) 55%,var(--line))}

/* v21: شاشات منفصلة على الموبايل */
@media (max-width:760px){
 html[data-view]:not([data-view="home"]) main>section[data-v="home"],
 html[data-view]:not([data-view="library"]) main>section[data-v="library"],
 html[data-view]:not([data-view="prayer"]) main>section[data-v="prayer"],
 html[data-view]:not([data-view="tasbih"]) main>section[data-v="tasbih"],
 html[data-view]:not([data-view="home"]) .footer{display:none}
 html[data-view]:not([data-view="home"]) main{padding-top:14px;min-height:calc(100vh - 140px)}
 main>section[data-v]{animation:viewIn .22s ease-out}
 .bottom-nav a.active{color:var(--muted)}
 html[data-view="home"] .bottom-nav a[data-nav="home"],html[data-view="library"] .bottom-nav a[data-nav="library"],html[data-view="tasbih"] .bottom-nav a[data-nav="tasbih"],html[data-view="prayer"] .bottom-nav a[data-nav="prayer"]{color:var(--primary)}
 html.dark[data-view="home"] .bottom-nav a[data-nav="home"],html.dark[data-view="library"] .bottom-nav a[data-nav="library"],html.dark[data-view="tasbih"] .bottom-nav a[data-nav="tasbih"],html.dark[data-view="prayer"] .bottom-nav a[data-nav="prayer"]{color:var(--gold-2)}
}
@keyframes viewIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){main>section[data-v]{animation:none}}

/* v23: السبحة بملء الشاشة */
.tasbih-full{position:fixed;inset:0;z-index:180;margin:0;max-width:none;width:auto;padding:0;background:var(--bg);display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tasbih-full .tasbih-card{border:0;box-shadow:none;background:transparent;grid-template-columns:1fr;text-align:center;gap:22px;padding:max(20px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));width:100%;max-width:560px}
.tasbih-full .tasbih-copy h2,.tasbih-full #tasbihTotal,.tasbih-full .target-row{display:none}
.tasbih-full .tasbih-dial{order:-1}
.tasbih-full .dial{width:min(78vw,340px);height:min(78vw,340px)}
.tasbih-full .dial-num{font-size:clamp(64px,20vw,96px)}
.tasbih-full .dial-phrase{font-size:1.3rem}
.tasbih-full .dial-actions{justify-content:center}
.tasbih-full::after{content:"اضغط في أي مكان للتسبيح";position:fixed;bottom:max(18px,env(safe-area-inset-bottom));inset-inline:0;text-align:center;color:var(--ink-2);font-size:.85rem}
.tasbih-full .tasbih-card::before,.tasbih-full .tasbih-card::after{display:none}
#fullBtn[aria-pressed="true"]{background:var(--emerald-800);color:#fff;border-color:var(--emerald-800)}
html[data-view] .tasbih-full{display:grid!important}
/* v23: الذكر التالي */
.nextd{margin-top:16px;padding:16px;border-radius:18px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh-1);max-width:520px}
.nextd-head{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;color:var(--ink-2);font-weight:700}
.nextd-ok{color:var(--emerald-700)}html.dark .nextd-ok{color:var(--gold-2)}
.nextd-txt{font-family:Amiri,serif;font-size:1.25rem;line-height:1.9;margin:8px 0 12px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nextd-done{-webkit-line-clamp:unset;font-family:inherit;font-size:1rem}
.nextd-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nextd-rep{font-size:.85rem;color:var(--gold-ink);font-weight:700}
.nextd-go{padding:9px 16px;font-size:.92rem}
.nextd-bar{height:4px;border-radius:4px;background:var(--line);margin-top:14px;overflow:hidden}
.nextd-bar span{display:block;height:100%;background:var(--gold-2);border-radius:4px}

/* v24: بحث المصحف */
.mi-ayat{margin-bottom:18px}
.mi-h{font-size:1rem;margin:4px 0 10px;display:flex;gap:8px;align-items:baseline}.mi-h small{color:var(--ink-2);font-weight:400;font-size:.82rem}
.mi-note{color:var(--ink-2);font-size:.92rem;margin:6px 0 14px}
.mi-hits{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:8px}
.mi-hits button{display:block;width:100%;text-align:start;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font:inherit}
.mi-hits button:hover{border-color:var(--gold-2)}.mi-hits button:focus-visible{outline:3px solid var(--gold-2);outline-offset:1px}
.mi-hm{display:block;font-size:.8rem;color:var(--gold-ink);font-weight:700;margin-bottom:4px}
.mi-ht{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Amiri,serif;font-size:1.15rem;line-height:1.9}
.ayah-hit{background:var(--gold-50);border-radius:8px;box-shadow:0 0 0 4px var(--gold-50);transition:background 1s}
/* v24: دليل التثبيت */
.sheet{position:fixed;inset:0;z-index:220;background:#0008;display:grid;align-items:end;justify-items:center;padding:12px}
.sheet[hidden]{display:none}
.sheet-card{width:100%;max-width:460px;background:var(--paper);color:var(--ink);border-radius:24px;padding:24px 22px calc(22px + env(safe-area-inset-bottom));box-shadow:var(--sh-3);animation:sheetUp .22s ease-out}
.sheet-card h2{margin:0 0 6px;font-size:1.3rem}.sheet-card .muted{margin:0 0 14px}
.steps{margin:0 0 18px;padding-inline-start:22px;display:grid;gap:10px;line-height:1.7}
.sheet-close{width:100%}
@keyframes sheetUp{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@media (min-width:761px){.sheet{align-items:center}}
@media (prefers-reduced-motion:reduce){.sheet-card{animation:none}}
/* v24: النسخة الاحتياطية */
.backup{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding:18px;border-radius:18px;border:1px dashed var(--line);background:var(--paper)}
.backup p{margin:4px 0 0}.backup-btns{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:420px){#installBtn{padding:7px 10px;font-size:.8rem}.next-pill{white-space:nowrap}.topbar-in{gap:6px}}

/* ===== v28: تنسيقات التصميم ===== */
@font-face{font-family:"Amiri Quran";src:url(/fonts/amiri-quran-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E,U+25CC}
:root{--font-quran:"Amiri Quran","Amiri",serif;--fs-xs:.78rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.6rem;--sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-5:48px}
.mushaf,.basmala{font-family:var(--font-quran)}
.mushaf{line-height:2.5;word-spacing:.04em}
.ayah-n{font-family:var(--font-quran)}
.surahs-lead,.mi-note,.backup p,.season-txt small,.reader-title small,.surah-txt small,.remind-panel p,.today-note,.heat-cap{font-size:var(--fs-sm)}
.nextd-head,.nextd-rep,.mi-meta,.mi-hm,.mi-h small,.dhikr-actions+*{font-size:var(--fs-xs)}
.surahs h2,#stats h2,.tasbih-copy h2,.section-head h2,#libTitle,#prayerTitle{font-size:var(--fs-xl);line-height:1.3}
@media (max-width:760px){:root{--fs-xl:1.4rem}}
.section{padding-block:var(--sp-5)}
@media (max-width:760px){.section{padding-block:var(--sp-3)}}
.surahs h2{margin-bottom:var(--sp-1)}.surahs-lead{margin-bottom:var(--sp-2)}
.surah-grid,.mi-list{gap:var(--sp-1)}
@media (min-width:1100px){.adhkar-list:not(.is-mine){grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;align-items:start}}
html[data-cat="wudu"]{--cat:#1d6473;--cat-2:#6fb6c4}
html[data-cat="masjid"],html[data-cat="adhan"]{--cat:#165140;--cat-2:#4f9a7d}
html[data-cat="food"],html[data-cat="market"]{--cat:#7d4f10;--cat-2:#d19a52}
html[data-cat="home"]{--cat:#6b4a2b;--cat-2:#c19468}
html[data-cat="kurb"]{--cat:#5b3a7a;--cat-2:#a98bd0}
html[data-cat="travel"]{--cat:#1e5a8a;--cat-2:#7ab0dc}
html[data-cat="quran"],html[data-cat="friday"]{--cat:#0f4d3a;--cat-2:#c49a4b}
html[data-cat="istikhara"]{--cat:#43477a;--cat-2:#9a9fd8}
html[data-cat="sick"]{--cat:#7a2e4a;--cat-2:#d27e9c}
html[data-cat="weather"]{--cat:#255c75;--cat-2:#86bbd4}
html[data-cat="daily"],html[data-cat="general"]{--cat:#3a4a42;--cat-2:#9db3a7}
html[data-cat="ramadan"]{--cat:#4a2c6b;--cat-2:#c9a35a}
html[data-cat="hajj"]{--cat:#4a4134;--cat-2:#c9a35a}
html[data-cat="family"]{--cat:#8a3557;--cat-2:#de93b1}
html[data-cat="grief"]{--cat:#44525e;--cat-2:#a6b4c0}
html[data-cat="mine"]{--cat:#7d5a17;--cat-2:#e2c27f}
html.dark[data-cat]:not([data-cat=""]):not([data-cat="morning"]):not([data-cat="wake"]):not([data-cat="evening"]):not([data-cat="sleep"]):not([data-cat="prayer"]){--cat:var(--cat-2)}
.section-head,#libTitle{transition:color .35s}
html.dark{--bg:#08100d;--paper:#111d18;--paper-2:#16251f;--line:#26392f}
html.dark .dhikr-card,html.dark .surah-card,html.dark .nextd,html.dark .backup,html.dark .stat{box-shadow:0 0 0 1px #ffffff07,0 6px 18px #0006}
html.dark .surah-card.surah-all{background:#0f3d2e}
.dhikr-card.just-done{animation:doneIn .7s cubic-bezier(.2,.8,.3,1)}
@keyframes doneIn{0%{transform:none;box-shadow:0 0 0 0 color-mix(in srgb,var(--gold-2) 60%,transparent)}35%{transform:scale(1.012)}100%{transform:none;box-shadow:0 0 0 14px transparent}}
@media (prefers-reduced-motion:reduce){.dhikr-card.just-done{animation:none}}
.empty-state>span{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 8px;border-radius:50%;background:var(--gold-50);color:var(--gold-ink);font-size:30px}
.empty-state>span .ic{width:30px;height:30px}
.empty-state p{margin:0 0 var(--sp-2);font-size:var(--fs-sm)}
:where(a,button,input,select,[tabindex]):focus-visible{outline:3px solid var(--gold-2);outline-offset:2px}

/* ===== v30: تبويب المواقيت ===== */
.pc2{padding:0;overflow:hidden}
.pc2 .prayer-head{margin:0;padding:24px;background:linear-gradient(160deg,var(--emerald-800),var(--emerald-900));color:#eaf3ee;position:relative}
.pc2 .prayer-head .eyebrow{color:var(--gold-2)}
.pc2 #prayerTitle{display:flex;flex-direction:column;gap:2px;margin:4px 0 0;font-size:inherit;color:#fff}
.pc2 #nextName{font-family:Amiri,serif;font-size:clamp(2rem,7vw,2.6rem);line-height:1.2}
.pc2 #prayerTitle small{font-size:var(--fs-sm,.875rem);color:#cfe0d6;font-weight:400}
.pc2 .countdown{font-size:clamp(2.2rem,9vw,3rem);font-weight:800;color:var(--gold-2);letter-spacing:.02em;line-height:1.1}
.pc2 #prayerPlace{color:#cfe0d6;margin:10px 0 0;font-size:var(--fs-sm,.875rem)}
.pc2 #prayerSettingsBtn{background:#ffffff14;border-color:#ffffff2a;color:#fff;flex:none}
.ph-bar{height:6px;border-radius:6px;background:#ffffff22;margin-top:14px;overflow:hidden;max-width:420px}
.ph-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-2),#f3dca6);border-radius:6px;transition:width .6s}
.ph-now{margin:8px 0 0;font-size:var(--fs-sm,.875rem);color:#eaf3ee;font-weight:700}
.ph-date{margin:2px 0 0;font-size:var(--fs-xs,.78rem);color:#b9cec2}
.pc2 .prayer-list{display:flex;flex-direction:column;gap:0;padding:8px 16px}
.pc2 .prayer-list li{display:flex;align-items:center;gap:12px;padding:12px 8px;border:0;border-bottom:1px solid var(--line-2);border-radius:0;background:none;box-shadow:none;text-align:start;min-height:0}
.pc2 .prayer-list li:last-child{border-bottom:0}
.pc2 .prayer-list li>span:not(.pl-ic){flex:1;font-weight:700;font-size:1rem;color:var(--ink)}
.pc2 .prayer-list li>strong{font-size:1.05rem;font-variant-numeric:tabular-nums;color:var(--ink)}
.pl-ic{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--emerald-50);color:var(--emerald-700)}
.pl-ic .ic{width:20px;height:20px}
.pl-st{font-style:normal;min-width:52px;text-align:center;font-size:var(--fs-xs,.78rem);font-weight:700;color:var(--muted)}
.pc2 .prayer-list li.past{opacity:.6}
.pc2 .prayer-list li.sunrise .pl-ic{background:var(--gold-50);color:var(--gold-ink)}
.pc2 .prayer-list li.cur{background:var(--emerald-50);border-radius:14px;opacity:1}
.pc2 .prayer-list li.cur .pl-st{color:var(--emerald-700)}
.pc2 .prayer-list li.next{background:var(--gold-50);border-radius:14px;opacity:1}
.pc2 .prayer-list li.next .pl-st{background:var(--gold-ink);color:#fff;border-radius:999px;padding:3px 8px}
.pc2 .prayer-list li.next .pl-ic{background:var(--gold-ink);color:#fff}
html.dark .pl-ic{background:var(--emerald-100);color:var(--gold-2)}
html.dark .pc2 .prayer-list li.cur{background:var(--emerald-100)}
html.dark .pc2 .prayer-list li.next .pl-st,html.dark .pc2 .prayer-list li.next .pl-ic{background:var(--gold-2);color:#111}
.pl-actions{display:flex;flex-wrap:wrap;gap:8px;padding:4px 16px 16px}
.pl-actions .btn{flex:1 1 auto;justify-content:center;gap:6px;font-size:var(--fs-sm,.875rem)}
.pl-actions .ic{width:18px;height:18px}
.pc2 .prayer-settings{margin:0;padding:16px;border-top:1px dashed var(--line)}
.qibla{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:8px 16px 20px;border-top:1px dashed var(--line)}
.qibla[hidden]{display:none}
.q-dial{width:170px;height:170px;flex:none;margin-inline:auto}
.q-rose{position:relative;width:100%;height:100%;border-radius:50%;border:2px solid var(--line);background:radial-gradient(circle,var(--paper) 60%,var(--paper-2));transition:transform .25s}
.q-rose::before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px dashed var(--line)}
.q-n{position:absolute;top:6px;left:50%;transform:translateX(-50%);font-weight:800;color:#b3402b;font-size:.9rem}
.q-needle{position:absolute;inset:0;transition:transform .25s}
.q-needle svg{width:100%;height:100%;stroke:var(--emerald-700);fill:var(--emerald-700)}
html.dark .q-needle svg{stroke:var(--gold-2);fill:var(--gold-2)}
.qibla.aligned .q-needle svg{fill:var(--gold);stroke:var(--gold)}
.qibla.aligned .q-rose{border-color:var(--gold-2);box-shadow:0 0 0 6px color-mix(in srgb,var(--gold-2) 30%,transparent)}
.q-info{flex:1 1 200px}
.q-deg{display:block;font-size:1.05rem}
.q-msg{margin:6px 0 12px;color:var(--ink-2);font-size:var(--fs-sm,.875rem)}
@media (min-width:761px){.pc2 .prayer-head{padding:30px 32px}.pc2 .prayer-list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:24px}.pc2 .prayer-list li:nth-last-child(2){border-bottom:0}}
@media (prefers-reduced-motion:reduce){.q-rose,.q-needle,.ph-bar span{transition:none}}
.ph-art{position:absolute;inset-inline-end:28px;top:50%;transform:translateY(-50%);width:150px;height:150px;color:#ffffff14;pointer-events:none}
.ph-art .ic{width:100%;height:100%;stroke-width:1.2}
@media (max-width:760px){.ph-art{width:110px;height:110px;top:auto;bottom:18px;transform:none;inset-inline-end:14px}}
@media (max-width:760px){html[data-view]:not([data-view="home"]) main{padding-bottom:120px}}
.pc2 .prayer-head>div:not(.ph-art){position:relative;z-index:1}
.pc2 .prayer-head{display:block}
.pc2 #prayerSettingsBtn{position:absolute;top:18px;inset-inline-end:18px;z-index:2}
@media (max-width:760px){.pc2 #prayerSettingsBtn{padding:6px 10px;font-size:.8rem}}
.pc2 #prayerTitle{align-items:flex-start}

/* v31: الإعدادات */
.pc2 .prayer-settings{background:var(--paper-2);border-top:0;border-bottom:1px solid var(--line);padding:18px}
/* v31: القبلة */
.qx{position:fixed;inset:0;z-index:230;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,#164a39,#071a13 70%);color:#eaf3ee}
.qx[hidden]{display:none}
.qx-top{display:flex;align-items:center;gap:8px;padding:12px;padding-top:max(12px,env(safe-area-inset-top))}
.qx-top .r-btn{border-color:#ffffff2a;color:#fff}
.qx-title{flex:1;text-align:center;display:flex;flex-direction:column}
.qx-title strong{font-family:Amiri,serif;font-size:1.5rem}
.qx-title small{color:#b9cec2;font-size:var(--fs-xs,.78rem)}
.qx-body{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:6px 20px calc(28px + env(safe-area-inset-bottom))}
.qx-state{min-height:1.6em;font-weight:800;font-size:1.15rem;color:#fff;text-align:center;transition:color .2s}
.qx-wrap{width:min(84vw,360px);aspect-ratio:1;position:relative}
.qx-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 40px #0008)}
.qx-card{font:800 20px Tajawal,sans-serif;fill:#eaf3ee}.qx-card.n{fill:#ff8a73}
.qx-deg-l{font:700 11px Tajawal,sans-serif;fill:#e2c27fbb}
.qx-num{display:flex;align-items:baseline;gap:8px}.qx-num b{font-size:2.6rem;font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums}.qx-num span{color:#b9cec2}
.qx-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,360px)}
.qx-facts div{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:2px}
.qx-facts b{font-size:1.15rem}.qx-facts span{font-size:var(--fs-xs,.78rem);color:#b9cec2}
.qx-start{min-width:220px}
.qx-tip{margin:0;max-width:340px;text-align:center;color:#cfe0d6;font-size:var(--fs-sm,.875rem);line-height:1.7}
.qx.ok{background:radial-gradient(120% 80% at 50% 0%,#5a4a1c,#1a1408 70%)}
.qx.ok .qx-state{color:var(--gold-2)}
.qx.ok .qx-svg{filter:drop-shadow(0 0 28px #e2c27f66)}
@media (prefers-reduced-motion:reduce){.qx-state{transition:none}}

/* ================= v32: الهوية التراثية ================= */
:root{--bg:#f2e8d2;--paper:#fbf5e6;--paper-2:#f5ecd6;--ink:#2b2114;--ink-2:#4a3c28;--muted:#76664c;--line:#d9c79f;--line-2:#e6d8b8;--emerald-900:#08291f;--emerald-800:#0e4a3a;--emerald-700:#135e49;--emerald-600:#1a7259;--emerald-100:#dfe8dc;--emerald-50:#ebf0e3;--gold:#a8823a;--gold-2:#c9a55a;--gold-50:#f3e6c4;--gold-ink:#6e5016;--primary:#0e4a3a;--primary-2:#135e49;--r-sm:6px;--r:8px;--r-lg:10px;--r-xl:14px;--sh-1:none;--sh-2:0 10px 30px #3a2a1022;--sh-3:0 18px 50px #3a2a1030;--font-kufi:"Amiri",serif;--frame:inset 0 0 0 4px var(--paper),inset 0 0 0 5px color-mix(in srgb,var(--gold-2) 55%,transparent);--corners:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2226%22 height=%2226%22 viewBox=%220 0 26 26%22%3E%3Cg transform=%22rotate%2890 13 13%29%22%3E%3Cg fill=%22none%22 stroke=%22%23a8823a%22 stroke-width=%221.2%22%3E%3Cpath d=%22M2 24V8a6 6 0 0 1 6-6h16%22/%3E%3Cpath d=%22M6 24V11a5 5 0 0 1 5-5h13%22/%3E%3C/g%3E%3Cpath d=%22M12 12l3-3 3 3-3 3z%22 fill=%22%23a8823a%22/%3E%3C/g%3E%3C/svg%3E") top 6px right 6px/22px no-repeat,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2226%22 height=%2226%22 viewBox=%220 0 26 26%22%3E%3Cg transform=%22rotate%280 13 13%29%22%3E%3Cg fill=%22none%22 stroke=%22%23a8823a%22 stroke-width=%221.2%22%3E%3Cpath d=%22M2 24V8a6 6 0 0 1 6-6h16%22/%3E%3Cpath d=%22M6 24V11a5 5 0 0 1 5-5h13%22/%3E%3C/g%3E%3Cpath d=%22M12 12l3-3 3 3-3 3z%22 fill=%22%23a8823a%22/%3E%3C/g%3E%3C/svg%3E") top 6px left 6px/22px no-repeat,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2226%22 height=%2226%22 viewBox=%220 0 26 26%22%3E%3Cg transform=%22rotate%28180 13 13%29%22%3E%3Cg fill=%22none%22 stroke=%22%23a8823a%22 stroke-width=%221.2%22%3E%3Cpath d=%22M2 24V8a6 6 0 0 1 6-6h16%22/%3E%3Cpath d=%22M6 24V11a5 5 0 0 1 5-5h13%22/%3E%3C/g%3E%3Cpath d=%22M12 12l3-3 3 3-3 3z%22 fill=%22%23a8823a%22/%3E%3C/g%3E%3C/svg%3E") bottom 6px right 6px/22px no-repeat,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2226%22 height=%2226%22 viewBox=%220 0 26 26%22%3E%3Cg transform=%22rotate%28270 13 13%29%22%3E%3Cg fill=%22none%22 stroke=%22%23a8823a%22 stroke-width=%221.2%22%3E%3Cpath d=%22M2 24V8a6 6 0 0 1 6-6h16%22/%3E%3Cpath d=%22M6 24V11a5 5 0 0 1 5-5h13%22/%3E%3C/g%3E%3Cpath d=%22M12 12l3-3 3 3-3 3z%22 fill=%22%23a8823a%22/%3E%3C/g%3E%3C/svg%3E") bottom 6px left 6px/22px no-repeat}
html.dark{--bg:#0b1511;--paper:#11201a;--paper-2:#152720;--ink:#efe4c8;--ink-2:#d6c9a9;--muted:#a99c7e;--line:#2d4236;--line-2:#203229;--gold:#c9a55a;--gold-2:#d8b86c;--gold-50:#2a2414;--gold-ink:#e2c27f;--emerald-50:#14261e;--emerald-100:#1a3027;--primary:#2f8a68;--primary-2:#37a07a;--frame:inset 0 0 0 4px var(--paper),inset 0 0 0 5px color-mix(in srgb,var(--gold-2) 35%,transparent);--corners:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2226%22 height=%2226%22 viewBox=%220 0 26 26%22%3E%3Cg transform=%22rotate%2890 13 13%29%22%3E%3Cg fill=%22none%22 stroke=%22%23c9a55a%22 stroke-width=%221.2%22%3E%3Cpath d=%22M2 24V8a6 6 0 0 1 6-6h16%22/%3E%3Cpath d=%22M6 24V11a5 5 0 0 1 5-5h13%22/%3E%3C/g%3E%3Cpath d=%22M12 12l3-3 3 3-3 3z%22 fill=%22%23c9a55a%22/%3E%3C/g%3E%3C/svg%3E") top 6px right 6px/22px no-repeat,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2226%22 height=%2226%22 viewBox=%220 0 26 26%22%3E%3Cg transform=%22rotate%280 13 13%29%22%3E%3Cg fill=%22none%22 stroke=%22%23c9a55a%22 stroke-width=%221.2%22%3E%3Cpath d=%22M2 24V8a6 6 0 0 1 6-6h16%22/%3E%3Cpath d=%22M6 24V11a5 5 0 0 1 5-5h13%22/%3E%3C/g%3E%3Cpath d=%22M12 12l3-3 3 3-3 3z%22 fill=%22%23c9a55a%22/%3E%3C/g%3E%3C/svg%3E") top 6px left 6px/22px no-repeat,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2226%22 height=%2226%22 viewBox=%220 0 26 26%22%3E%3Cg transform=%22rotate%28180 13 13%29%22%3E%3Cg fill=%22none%22 stroke=%22%23c9a55a%22 stroke-width=%221.2%22%3E%3Cpath d=%22M2 24V8a6 6 0 0 1 6-6h16%22/%3E%3Cpath d=%22M6 24V11a5 5 0 0 1 5-5h13%22/%3E%3C/g%3E%3Cpath d=%22M12 12l3-3 3 3-3 3z%22 fill=%22%23c9a55a%22/%3E%3C/g%3E%3C/svg%3E") bottom 6px right 6px/22px no-repeat,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2226%22 height=%2226%22 viewBox=%220 0 26 26%22%3E%3Cg transform=%22rotate%28270 13 13%29%22%3E%3Cg fill=%22none%22 stroke=%22%23c9a55a%22 stroke-width=%221.2%22%3E%3Cpath d=%22M2 24V8a6 6 0 0 1 6-6h16%22/%3E%3Cpath d=%22M6 24V11a5 5 0 0 1 5-5h13%22/%3E%3C/g%3E%3Cpath d=%22M12 12l3-3 3 3-3 3z%22 fill=%22%23c9a55a%22/%3E%3C/g%3E%3C/svg%3E") bottom 6px left 6px/22px no-repeat}
html.sepia{--bg:#ecdcb8;--paper:#f6ead0;--paper-2:#efe1c2}
body{background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2272%22 height=%2272%22 viewBox=%220 0 72 72%22%3E%3Cg fill=%22none%22 stroke=%22%238a6a2a%22 stroke-opacity=%220.13%22 stroke-width=%221%22%3E%3Ccircle cx=%2236%22 cy=%2236%22 r=%225%22/%3E%3Cpath d=%22M20.4 20.4h31.2v31.2H20.4z%22 transform=%22rotate%2845 36 36%29%22/%3E%3Cpath d=%22M20.4 20.4h31.2v31.2H20.4z%22/%3E%3C/g%3E%3C/svg%3E") repeat;background-size:72px}
html.dark body{background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2272%22 height=%2272%22 viewBox=%220 0 72 72%22%3E%3Cg fill=%22none%22 stroke=%22%23c9a55a%22 stroke-opacity=%220.07%22 stroke-width=%221%22%3E%3Ccircle cx=%2236%22 cy=%2236%22 r=%225%22/%3E%3Cpath d=%22M20.4 20.4h31.2v31.2H20.4z%22 transform=%22rotate%2845 36 36%29%22/%3E%3Cpath d=%22M20.4 20.4h31.2v31.2H20.4z%22/%3E%3C/g%3E%3C/svg%3E") repeat;background-size:72px}
.topbar{background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:0;box-shadow:0 1px 0 var(--line),0 4px 0 -2px var(--paper),0 5px 0 -2px color-mix(in srgb,var(--gold-2) 55%,transparent)}
.brand-name{font-family:Amiri,serif}
.next-pill,.icon-btn{border-radius:var(--r);background:var(--paper);border-color:var(--line)}
.bottom-nav{border-radius:12px;background:color-mix(in srgb,var(--paper) 96%,transparent);border:1px solid var(--line);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px color-mix(in srgb,var(--gold-2) 45%,transparent),0 10px 30px #3a2a1026}
.nav-main{background:var(--emerald-800);border:4px solid var(--bg);box-shadow:0 0 0 1px var(--gold-2),0 8px 18px #0e4a3a55}
.eyebrow,.section-head .eyebrow,.season-txt strong,.nextd-head,.pl-st,.mi-h{font-family:var(--font-kufi);font-weight:700;letter-spacing:0}
.eyebrow{font-size:1.02rem;font-weight:700;color:var(--gold-ink)}
html.dark .eyebrow{color:var(--gold-2)}
.hero h1{font-family:Amiri,serif;font-weight:700;letter-spacing:0;line-height:1.35;color:var(--ink)}
.surahs h2,#stats h2,.tasbih-copy h2,.section-head h2,#libTitle,#prayerTitle,.backup strong,.note strong{font-family:Amiri,serif;font-weight:700}
.surahs h2,#stats h2,.section-head h2{display:flex;align-items:center;gap:12px}
.surahs h2::after,#stats h2::after,.section-head h2::after{content:"";flex:1;height:22px;min-width:40px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2222%22 height=%2222%22 viewBox=%220 0 22 22%22%3E%3Cpath d=%22M11 0l3 5.6 6.4-.2-3.4 5.6 3.4 5.6-6.4-.2L11 22l-3-5.6-6.4.2L5 11 1.6 5.4l6.4.2z%22 fill=%22%23a8823a%22/%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%223%22 fill=%22%23fbf5e6%22/%3E%3C/svg%3E") right center/18px no-repeat,linear-gradient(var(--gold-2),var(--gold-2)) right 26px center/calc(100% - 26px) 1px no-repeat;opacity:.85}
html.dark .surahs h2::after,html.dark #stats h2::after,html.dark .section-head h2::after{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2222%22 height=%2222%22 viewBox=%220 0 22 22%22%3E%3Cpath d=%22M11 0l3 5.6 6.4-.2-3.4 5.6 3.4 5.6-6.4-.2L11 22l-3-5.6-6.4.2L5 11 1.6 5.4l6.4.2z%22 fill=%22%23c9a55a%22/%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%223%22 fill=%22%2312211a%22/%3E%3C/svg%3E") right center/18px no-repeat,linear-gradient(var(--gold-2),var(--gold-2)) right 26px center/calc(100% - 26px) 1px no-repeat}
.btn{border-radius:var(--r)}
.btn-primary{background:var(--emerald-800);box-shadow:inset 0 0 0 2px var(--emerald-800),inset 0 0 0 3px color-mix(in srgb,var(--gold-2) 70%,transparent);color:#fbf5e6}
.btn-primary:hover{background:var(--emerald-700)}
.btn-ghost,.btn-soft{background:var(--paper);border-color:var(--line);color:var(--ink)}
.btn-gold{background:var(--gold-2);color:#2b2114;box-shadow:inset 0 0 0 2px var(--gold-2),inset 0 0 0 3px #fbf5e6aa}
.dhikr-card,.prayer-card,.tasbih-card,.surah-card:not(.surah-all),.nextd,.stat,.note,.backup,.daily-card,.season,.empty-state,.dp-card{border-radius:var(--r-lg);box-shadow:var(--frame);border:1px solid var(--line);background:var(--corners),var(--paper)}
.surah-card,.stat,.season,.nextd{background:var(--paper);background-image:none}
.surah-card:not(.surah-all),.stat,.nextd,.season{box-shadow:var(--frame)}
.dhikr-card{padding:26px 24px 22px}
.dhikr-card:hover{border-color:var(--gold-2)}
.dhikr-card.done{background:var(--corners),linear-gradient(180deg,var(--paper),var(--gold-50))}
.dhikr-number{width:34px;height:34px;display:grid;place-items:center;border-radius:0;background:var(--emerald-800);color:#fbf5e6;font-family:var(--font-kufi);clip-path:polygon(50% 0,64.6% 14.6%,85.4% 14.6%,85.4% 35.4%,100% 50%,85.4% 64.6%,85.4% 85.4%,64.6% 85.4%,50% 100%,35.4% 85.4%,14.6% 85.4%,14.6% 64.6%,0 50%,14.6% 35.4%,14.6% 14.6%,35.4% 14.6%)}
.dhikr-card.done .dhikr-number{background:var(--gold)}
.repeat-tag,.count-badge{border-radius:var(--r-sm);font-family:var(--font-kufi);font-weight:500}
.fadl{border-radius:var(--r-sm);background:color-mix(in srgb,var(--emerald-50) 70%,transparent)}
.dhikr-text{color:var(--ink)}
.chip{border-radius:var(--r);background:var(--paper);border-color:var(--line)}
.chip.active{box-shadow:inset 0 0 0 2px var(--cat),inset 0 0 0 3px #fbf5e688}
.today-card,.pc2 .prayer-head,.surah-card.surah-all{background:var(--emerald-800) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2272%22 height=%2272%22 viewBox=%220 0 72 72%22%3E%3Cg fill=%22none%22 stroke=%22%23e2c27f%22 stroke-opacity=%220.06%22 stroke-width=%221%22%3E%3Ccircle cx=%2236%22 cy=%2236%22 r=%225%22/%3E%3Cpath d=%22M20.4 20.4h31.2v31.2H20.4z%22 transform=%22rotate%2845 36 36%29%22/%3E%3Cpath d=%22M20.4 20.4h31.2v31.2H20.4z%22/%3E%3C/g%3E%3C/svg%3E") repeat;background-size:72px;box-shadow:inset 0 0 0 6px var(--emerald-800),inset 0 0 0 7px color-mix(in srgb,var(--gold-2) 65%,transparent),var(--sh-2);border-radius:var(--r-xl)}
.pc2 .prayer-head{border-radius:0;box-shadow:inset 0 0 0 6px var(--emerald-800),inset 0 0 0 7px color-mix(in srgb,var(--gold-2) 65%,transparent)}
.pc2{background:var(--paper)}
.today-card::before,.today-card::after{opacity:.35}
.mini-ring{border-radius:50%}
.dial{background:radial-gradient(closest-side,var(--emerald-800) 84%,transparent 85%),conic-gradient(var(--gold-2) calc(var(--p)*1%),color-mix(in srgb,var(--gold-2) 22%,transparent) 0);box-shadow:0 0 0 6px var(--paper),0 0 0 7px color-mix(in srgb,var(--gold-2) 55%,transparent),var(--sh-2)}
.dial-num{font-family:var(--font-kufi);font-weight:500}
.phrase-chips button,.seg button{border-radius:var(--r)}
.hero-trust li::before{content:"";display:inline-block;width:10px;height:10px;margin-inline-end:6px;background:var(--gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);vertical-align:middle}
.hero-trust .ic,.hero-trust svg{display:none}
.reader{background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2272%22 height=%2272%22 viewBox=%220 0 72 72%22%3E%3Cg fill=%22none%22 stroke=%22%238a6a2a%22 stroke-opacity=%220.13%22 stroke-width=%221%22%3E%3Ccircle cx=%2236%22 cy=%2236%22 r=%225%22/%3E%3Cpath d=%22M20.4 20.4h31.2v31.2H20.4z%22 transform=%22rotate%2845 36 36%29%22/%3E%3Cpath d=%22M20.4 20.4h31.2v31.2H20.4z%22/%3E%3C/g%3E%3C/svg%3E") repeat;background-size:72px}
html.dark .reader{background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2272%22 height=%2272%22 viewBox=%220 0 72 72%22%3E%3Cg fill=%22none%22 stroke=%22%23c9a55a%22 stroke-opacity=%220.07%22 stroke-width=%221%22%3E%3Ccircle cx=%2236%22 cy=%2236%22 r=%225%22/%3E%3Cpath d=%22M20.4 20.4h31.2v31.2H20.4z%22 transform=%22rotate%2845 36 36%29%22/%3E%3Cpath d=%22M20.4 20.4h31.2v31.2H20.4z%22/%3E%3C/g%3E%3C/svg%3E") repeat}
.reader-bar{background:var(--paper);box-shadow:0 1px 0 var(--line),0 4px 0 -2px var(--paper),0 5px 0 -2px color-mix(in srgb,var(--gold-2) 55%,transparent);border-bottom:0}
.reader-body .mushaf{background:var(--corners),var(--paper);border:1px solid var(--line);box-shadow:var(--frame);border-radius:var(--r-lg);padding:28px 22px}
.basmala{color:var(--emerald-700)}
.mi-list button,.mi-hits button{border-radius:var(--r);background:var(--paper)}
.mi-num{border-radius:0;clip-path:polygon(50% 0,64.6% 14.6%,85.4% 14.6%,85.4% 35.4%,100% 50%,85.4% 64.6%,85.4% 85.4%,64.6% 85.4%,50% 100%,35.4% 85.4%,14.6% 85.4%,14.6% 64.6%,0 50%,14.6% 35.4%,14.6% 14.6%,35.4% 14.6%);background:var(--emerald-800);color:#fbf5e6;font-family:var(--font-kufi)}
.surah-num{border-radius:0;clip-path:polygon(50% 0,64.6% 14.6%,85.4% 14.6%,85.4% 35.4%,100% 50%,85.4% 64.6%,85.4% 85.4%,64.6% 85.4%,50% 100%,35.4% 85.4%,14.6% 85.4%,14.6% 64.6%,0 50%,14.6% 35.4%,14.6% 14.6%,35.4% 14.6%);font-family:var(--font-kufi);font-weight:500}
.pc2 .prayer-list li.next,.pc2 .prayer-list li.cur{border-radius:var(--r)}
.pl-ic{border-radius:var(--r-sm)}
.footer{border-top:0;box-shadow:0 -1px 0 var(--line),0 -4px 0 -2px var(--bg),0 -5px 0 -2px color-mix(in srgb,var(--gold-2) 55%,transparent);background:transparent}
.search input,.mi-search input,select,.sort select{border-radius:var(--r);background:var(--paper)}
html.dark .dhikr-card,html.dark .surah-card,html.dark .nextd,html.dark .backup,html.dark .stat{box-shadow:var(--frame)}
html.dark .btn-ghost{background:var(--paper)}

/* v34: خلفية هادئة بلا نقش */
body,html.dark body{background:var(--bg)!important;background-image:none!important}
.reader,html.dark .reader{background:var(--bg)!important;background-image:none!important}
.hero::before,.hero::after{display:none!important}

/* v35: مساحة شريط الحالة في التطبيق المثبّت */
.topbar{padding-top:env(safe-area-inset-top,0px)}
.focus-top,.reader-bar,.qx-top{padding-top:max(12px,env(safe-area-inset-top,0px))}

/* v36: منع التكبير عند الضغط السريع، مع إبقاء التكبير بإصبعين */
html,body,button,a,.dial,.focus-stage,.focus-ring,.count-ring,.dhikr-card,.tasbih-full,.qx{touch-action:manipulation}
button,.dial,.focus-ring,.count-ring{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
@media (max-width:760px){input,select,textarea{font-size:16px!important}}

/* ================= v37: صفحة مخطوطة — الأذكار بلا كروت ================= */
:root{--rosette:polygon(50% 0,61% 12%,77% 7%,79% 23%,95% 27%,88% 42%,100% 50%,88% 58%,95% 73%,79% 77%,77% 93%,61% 88%,50% 100%,39% 88%,23% 93%,21% 77%,5% 73%,12% 58%,0 50%,12% 42%,5% 27%,21% 23%,23% 7%,39% 12%)}
.adhkar-list,.adhkar-list:not(.is-mine){display:block!important;max-width:720px;margin-inline:auto}
.dhikr-card,.dhikr-card.done{background:none!important;border:0!important;box-shadow:none!important;border-radius:0;padding:8px 6px 34px!important;text-align:center;align-items:center;gap:10px;position:relative}
.dhikr-card:hover{border:0}
.dhikr-card.done{background:none!important}
.dhikr-card+.dhikr-card{padding-top:42px!important}
.dhikr-card+.dhikr-card::before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:180px;height:14px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold-2) 80%,transparent) 42%,transparent 42%,transparent 58%,color-mix(in srgb,var(--gold-2) 80%,transparent) 58%,transparent) center/100% 1px no-repeat}
.dhikr-card+.dhikr-card::after{content:"";position:absolute;top:6px;left:50%;width:12px;height:12px;margin-left:-6px;margin-top:1px;background:var(--gold-2);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.dhikr-top{flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%}
.dhikr-number{width:44px!important;height:44px!important;clip-path:var(--rosette)!important;background:var(--emerald-800)!important;color:#fbf5e6!important;font:700 17px Amiri,serif!important;display:grid!important;place-items:center}
.dhikr-card.done .dhikr-number{background:var(--gold)!important}
.repeat-tag{background:none!important;border:0!important;padding:0!important;color:var(--gold-ink);font:700 .9rem Amiri,serif!important}
html.dark .repeat-tag{color:var(--gold-2)}
.cat-tag{background:none;border:0;color:var(--muted);font-size:.8rem}
.done-badge{background:none!important;color:var(--gold-ink);font-weight:700}
.dhikr-card .dhikr-text{text-align:center;max-width:640px;margin-inline:auto;line-height:2.15}
.dhikr-card .fadl{background:none!important;border:0!important;padding:0!important;margin:2px auto 0;max-width:520px;color:color-mix(in srgb,var(--ink) 72%,var(--gold));font-size:.95rem;line-height:1.85}
.dhikr-card .source{color:var(--muted);font-size:.8rem}
.dhikr-card .source::before{content:"— ";filter:none;opacity:1}
.dhikr-card .bar{display:none}
.dhikr-card .dhikr-foot{width:100%;justify-content:center;gap:14px;margin-top:6px}
.dhikr-card .dhikr-actions button{border:0!important;background:transparent!important;color:var(--muted)}
.dhikr-card .dhikr-actions button:hover{color:var(--ink)}
.dhikr-card .act-extra{inset-inline-start:50%;transform:translateX(50%)}
.dhikr-card .count-ring{width:66px;height:66px}
.cat-progress{background:none!important;border:0!important;box-shadow:none!important;padding:0 4px!important;max-width:720px;justify-content:center}
.dhikr-card.just-done{animation:none}
.dhikr-card.just-done .dhikr-number{animation:rosIn .7s cubic-bezier(.2,.8,.3,1)}
@keyframes rosIn{0%{transform:scale(1)}40%{transform:scale(1.25) rotate(15deg)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.dhikr-card.just-done .dhikr-number{animation:none}}
.prayer-card,.tasbih-card,.surah-card:not(.surah-all),.nextd,.stat,.note,.backup,.daily-card,.season,.empty-state,.reader-body .mushaf{background:var(--paper)!important;box-shadow:none!important;border:1px solid var(--line-2)!important;border-radius:16px!important}
html.dark .prayer-card,html.dark .tasbih-card,html.dark .surah-card:not(.surah-all),html.dark .nextd,html.dark .stat,html.dark .note,html.dark .backup,html.dark .daily-card,html.dark .season{border-color:var(--line)!important}
.today-card,.surah-card.surah-all{box-shadow:var(--sh-2)!important;border-radius:18px!important}
.pc2 .prayer-head{box-shadow:none!important}
.bottom-nav{box-shadow:0 10px 30px #3a2a1022!important;border-radius:18px}
.topbar{box-shadow:0 1px 0 var(--line-2)!important}
.reader-bar{box-shadow:0 1px 0 var(--line-2)!important}
.footer{box-shadow:0 -1px 0 var(--line-2)!important}
.btn-primary{box-shadow:none!important}
.btn-gold{box-shadow:none!important}
.chip.active{box-shadow:none!important}
.dial{box-shadow:0 0 0 6px var(--paper),var(--sh-2)!important}

/* v38: أرقام عربية، عدّاد أكبر، رموز إسلامية (نجمة الحزب ۞) */
.dhikr-number{clip-path:none!important;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%3Cg fill=%22%230e4a3a%22 stroke=%22%23c9a55a%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22%3E%3Crect x=%229%22 y=%229%22 width=%2230%22 height=%2230%22/%3E%3Crect x=%229%22 y=%229%22 width=%2230%22 height=%2230%22 transform=%22rotate%2845 24 24%29%22/%3E%3C/g%3E%3Crect x=%2210%22 y=%2210%22 width=%2228%22 height=%2228%22 fill=%22%230e4a3a%22/%3E%3Crect x=%2210%22 y=%2210%22 width=%2228%22 height=%2228%22 fill=%22%230e4a3a%22 transform=%22rotate%2845 24 24%29%22/%3E%3Ccircle cx=%2224%22 cy=%2224%22 r=%2212.5%22 fill=%22none%22 stroke=%22%23c9a55a%22 stroke-width=%221%22 opacity=%22.75%22/%3E%3C/svg%3E") center/contain no-repeat!important;width:48px!important;height:48px!important;font-size:17px!important;color:#fbf5e6!important;padding-top:1px}
.dhikr-card.done .dhikr-number{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%3Cg fill=%22%23a8823a%22 stroke=%22%23f3e6c4%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22%3E%3Crect x=%229%22 y=%229%22 width=%2230%22 height=%2230%22/%3E%3Crect x=%229%22 y=%229%22 width=%2230%22 height=%2230%22 transform=%22rotate%2845 24 24%29%22/%3E%3C/g%3E%3Crect x=%2210%22 y=%2210%22 width=%2228%22 height=%2228%22 fill=%22%23a8823a%22/%3E%3Crect x=%2210%22 y=%2210%22 width=%2228%22 height=%2228%22 fill=%22%23a8823a%22 transform=%22rotate%2845 24 24%29%22/%3E%3Ccircle cx=%2224%22 cy=%2224%22 r=%2212.5%22 fill=%22none%22 stroke=%22%23f3e6c4%22 stroke-width=%221%22 opacity=%22.75%22/%3E%3C/svg%3E") center/contain no-repeat!important;color:#2b2114!important}
html.dark .dhikr-number{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%3Cg fill=%22%232f8a68%22 stroke=%22%23d8b86c%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22%3E%3Crect x=%229%22 y=%229%22 width=%2230%22 height=%2230%22/%3E%3Crect x=%229%22 y=%229%22 width=%2230%22 height=%2230%22 transform=%22rotate%2845 24 24%29%22/%3E%3C/g%3E%3Crect x=%2210%22 y=%2210%22 width=%2228%22 height=%2228%22 fill=%22%232f8a68%22/%3E%3Crect x=%2210%22 y=%2210%22 width=%2228%22 height=%2228%22 fill=%22%232f8a68%22 transform=%22rotate%2845 24 24%29%22/%3E%3Ccircle cx=%2224%22 cy=%2224%22 r=%2212.5%22 fill=%22none%22 stroke=%22%23d8b86c%22 stroke-width=%221%22 opacity=%22.75%22/%3E%3C/svg%3E") center/contain no-repeat!important}
.mi-num,.surah-num{clip-path:none!important;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%3Cg fill=%22%230e4a3a%22 stroke=%22%23c9a55a%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22%3E%3Crect x=%229%22 y=%229%22 width=%2230%22 height=%2230%22/%3E%3Crect x=%229%22 y=%229%22 width=%2230%22 height=%2230%22 transform=%22rotate%2845 24 24%29%22/%3E%3C/g%3E%3Crect x=%2210%22 y=%2210%22 width=%2228%22 height=%2228%22 fill=%22%230e4a3a%22/%3E%3Crect x=%2210%22 y=%2210%22 width=%2228%22 height=%2228%22 fill=%22%230e4a3a%22 transform=%22rotate%2845 24 24%29%22/%3E%3Ccircle cx=%2224%22 cy=%2224%22 r=%2212.5%22 fill=%22none%22 stroke=%22%23c9a55a%22 stroke-width=%221%22 opacity=%22.75%22/%3E%3C/svg%3E") center/contain no-repeat!important;color:#fbf5e6!important}
.surah-card.surah-all .surah-num{background:#ffffff1a!important;border-radius:50%!important}
.dhikr-card+.dhikr-card::after{content:"۞";clip-path:none;background:none;width:auto;height:auto;margin:0;top:-4px;transform:translateX(-50%);color:var(--gold);font:400 22px Amiri,serif;line-height:1}
.dhikr-card+.dhikr-card::before{width:220px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold-2) 80%,transparent) 40%,transparent 40%,transparent 60%,color-mix(in srgb,var(--gold-2) 80%,transparent) 60%,transparent) center/100% 1px no-repeat}
.hero-trust li::before{content:"۞";clip-path:none;background:none;width:auto;height:auto;color:var(--gold);font:400 14px Amiri,serif}
.dhikr-card .count-ring{width:92px!important;height:92px!important}
.dhikr-card .ring-num{font-size:30px!important;line-height:1}
.dhikr-card .ring-tot{font-size:12px!important}
.dhikr-card .dhikr-foot{gap:20px}
.dhikr-card .done-badge{display:none!important}

/* ===== v39: المصحف بالصفحات ===== */
.mp{position:fixed;inset:0;z-index:205;display:flex;flex-direction:column;background:var(--bg);--mq:1}
.mp[hidden]{display:none}
.mp-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top,0px));background:var(--paper);box-shadow:0 1px 0 var(--line-2)}
.mp-title{flex:1;display:flex;flex-direction:column;align-items:center;background:none;border:0;color:var(--ink);font:inherit;cursor:pointer;min-width:0}
.mp-title strong{font:700 1.3rem Amiri,serif;line-height:1.2}
.mp-title small{color:var(--muted);font-size:.78rem}
.mp-stage{flex:1;position:relative;display:flex;justify-content:center;align-items:stretch;padding:12px 12px 8px;perspective:1800px;overflow:hidden;touch-action:pan-y}
.mp-book{position:relative;width:min(100%,560px);flex:none}
.mp-page{position:absolute;inset:0;display:flex;flex-direction:column;background:#fbf6e8;color:#1f1a10;border-radius:4px 14px 14px 4px;padding:14px 18px 10px;box-shadow:inset -10px 0 18px -14px #5a43204d,0 1px 0 #d9c79f,0 10px 26px #3a2a1022;border:1px solid #e3d4ae;overflow:hidden;transform-origin:right center;backface-visibility:hidden}
html.dark .mp-page{background:#14231c;color:#efe4c8;border-color:#2d4236;box-shadow:inset -10px 0 18px -14px #0008,0 10px 26px #0006}
.mp-page.mp-scroll{overflow-y:auto}
.mp-head{display:flex;justify-content:space-between;font:700 .85rem Amiri,serif;color:var(--gold-ink);border-bottom:1px solid color-mix(in srgb,var(--gold-2) 50%,transparent);padding-bottom:6px;margin-bottom:6px}
html.dark .mp-head{color:var(--gold-2)}
.mp-text{flex:1;font-family:var(--font-quran,"Amiri Quran",Amiri,serif);line-height:2.15;text-align:justify;text-align-last:center}
.mp-ayat{margin:0}
.mp-sura{margin:6px 0 4px;text-align:center;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold-2) 35%,transparent),transparent);border-block:1px solid color-mix(in srgb,var(--gold-2) 70%,transparent);padding:2px 0}
.mp-sura span{font:700 .95em Amiri,serif;color:var(--emerald-700)}
html.dark .mp-sura span{color:var(--gold-2)}
.mp-basm{margin:0 0 2px;text-align:center;font-size:.95em}
.mp-n{color:var(--gold-ink);white-space:nowrap}
html.dark .mp-n{color:var(--gold-2)}
.mp-num{text-align:center;font:700 .9rem Amiri,serif;color:var(--muted);padding-top:4px}
.mp-edge{position:absolute;top:0;bottom:0;width:22%;background:none;border:0;cursor:pointer;z-index:3;-webkit-tap-highlight-color:transparent}
.mp-edge:disabled{pointer-events:none}
.mp-next{left:0}.mp-prev{right:0}
.mp-foot{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--paper);box-shadow:0 -1px 0 var(--line-2)}
.mp-foot .r-btn:disabled{opacity:.35}
.mp-jump{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--ink-2)}
.mp-jump input{width:64px;text-align:center;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:700 16px Tajawal,sans-serif}
.mp-turn-next{animation:mpNext .52s cubic-bezier(.45,.05,.3,1) forwards}
.mp-turn-prev{transform-origin:left center;animation:mpPrev .52s cubic-bezier(.45,.05,.3,1) forwards}
@keyframes mpNext{0%{transform:rotateY(0)}100%{transform:rotateY(100deg)}}
@keyframes mpPrev{0%{transform:rotateY(0)}100%{transform:rotateY(-100deg)}}
@media (prefers-reduced-motion:reduce){.mp-turn-next,.mp-turn-prev{animation:none}}
.mp-page.mp-out{background:#fbf6e8}
html.dark .mp-page.mp-out{background:#14231c}
.mp-page.mp-out::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,transparent 40%,#3a2a1033);animation:mpShade .52s forwards;pointer-events:none}
@keyframes mpShade{from{opacity:0}to{opacity:1}}

/* ===== v40: المصحف المدني ===== */
.mp-lines{flex:1;display:flex;flex-direction:column;justify-content:space-between;direction:rtl;color:#1a140a;font-feature-settings:normal}
html.dark .mp-lines{color:#efe4c8}
.mp-line{display:flex;align-items:center;white-space:nowrap;min-height:0}
.mp-w{display:inline-block}
.mp-e{color:#7a5a12}
html.dark .mp-e{color:var(--gold-2)}
.mp-line.mp-sura{justify-content:center;font:700 .62em Amiri,serif;color:#0e4a3a;background:linear-gradient(90deg,transparent 2%,#e8d6a6 18%,#f1e3bb 50%,#e8d6a6 82%,transparent 98%);border-block:1px solid #c9a55a;border-radius:2px}
html.dark .mp-line.mp-sura{color:var(--gold-2);background:linear-gradient(90deg,transparent,#2a3b2f,transparent)}
.mp-line.mp-basm{justify-content:center;font:400 .62em "Amiri Quran",Amiri,serif}
.mp-page.mp-open .mp-lines{justify-content:center;gap:.15em}
.mp-page{padding:12px 14px 8px}
.mp-page .ayah-hit{background:#f1dc9e;border-radius:4px;box-shadow:none}
html.dark .mp-page .ayah-hit{background:#4a3f1c}
.mp.mp-loading .mp-stage::after{content:"";position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--gold);animation:mpSpin .8s linear infinite}
@keyframes mpSpin{to{transform:rotate(360deg)}}

/* ===== v41: صفحة الإعدادات ===== */
.st{position:fixed;inset:0;z-index:215;display:flex;flex-direction:column;background:var(--bg)}
.st[hidden]{display:none}
.st-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top,0px));background:var(--paper);box-shadow:0 1px 0 var(--line-2)}
.st-bar strong{flex:1;text-align:center;font:700 1.4rem Amiri,serif}
.st-tabs{display:flex;gap:6px;overflow-x:auto;padding:10px 12px;background:var(--paper);border-bottom:1px solid var(--line-2);scrollbar-width:none}
.st-tabs a{flex:none;padding:7px 14px;border-radius:999px;background:var(--bg);color:var(--ink-2);text-decoration:none;font-weight:700;font-size:.88rem;border:1px solid var(--line-2)}
.st-body{flex:1;overflow-y:auto;padding:8px 14px calc(30px + env(safe-area-inset-bottom,0px));scroll-padding-top:10px}
.st-sec{max-width:640px;margin:14px auto 0;background:var(--paper);border:1px solid var(--line-2);border-radius:16px;padding:6px 16px 14px}
.st-sec h2{display:flex;align-items:center;gap:10px;font:700 1.25rem Amiri,serif;margin:10px 0 4px;color:var(--ink)}
.st-sec h2 .ic{width:22px;height:22px;color:var(--gold)}
.st-sec h3{font-size:.85rem;color:var(--gold-ink);margin:16px 0 0;font-weight:800}
html.dark .st-sec h3{color:var(--gold-2)}
.st-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2)}
.st-row:last-child{border-bottom:0}
.st-l{display:flex;flex-direction:column;gap:2px;min-width:0}
.st-l strong{font-size:.98rem;color:var(--ink)}
.st-l small{font-size:.78rem;color:var(--muted);line-height:1.5}
.st-c{display:flex;align-items:center;gap:8px;flex:none}
.st-seg{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:3px}
.st-seg button{border:0;background:none;padding:6px 12px;border-radius:7px;font:700 .88rem Tajawal,sans-serif;color:var(--ink-2);cursor:pointer}
.st-seg button[aria-checked="true"]{background:var(--emerald-800);color:#fbf5e6}
.st-sw{position:relative;width:46px;height:28px;flex:none}
.st-sw input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;z-index:1}
.st-sw span{position:absolute;inset:0;border-radius:999px;background:var(--line);transition:background .2s}
.st-sw span::after{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}
.st-sw input:checked+span{background:var(--emerald-700)}
.st-sw input:checked+span::after{transform:translateX(-18px)}
.st-sw input:focus-visible+span{outline:3px solid var(--gold-2);outline-offset:2px}
.st-time,.st-sel{font:700 15px Tajawal,sans-serif;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
.st-note{font-size:.88rem;color:var(--ink-2);line-height:1.8;margin:6px 0 4px}
.st-add{width:100%;margin-top:14px}
.st .prayer-settings.st-inner{display:grid!important;grid-template-columns:1fr;border:0!important;padding:8px 0 0!important;margin:0!important;background:none!important}
.st .backup{border:0!important;padding:8px 0!important;margin:0!important;background:none!important}
.st-links{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0}
.st-links a{color:var(--emerald-700);font-weight:700}
html.dark .st-links a{color:var(--gold-2)}
.st-ver{color:var(--muted);font-size:.78rem;margin:4px 0 0}
@media (prefers-reduced-motion:reduce){.st-sw span,.st-sw span::after{transition:none}}

/* ===================== v42: إعادة هيكلة التصميم ===================== */
:root{--bg:#f9f8f4;--paper:#ffffff;--paper-2:#f4f2ec;--ink:#17231d;--ink-2:#3b4a42;--muted:#69766f;--line:#e2dfd6;--line-2:#eeebe4;--emerald-900:#0a3328;--emerald-800:#0e4a3a;--emerald-700:#14614b;--emerald-600:#1b7a5f;--emerald-100:#dcebe3;--emerald-50:#ecf4ef;--gold:#b08a3e;--gold-2:#c9a55a;--gold-50:#f8f0dd;--gold-ink:#7a5a16;--primary:#0e4a3a;--primary-2:#14614b;--card-sh:0 1px 2px #17231d0a,0 10px 28px #17231d0d;--radius:20px;--mihrab:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20640%22%20preserveAspectRatio%3D%22xMidYMin%20meet%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23b08a3e%22%20stroke-opacity%3D%220.22%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke-width%3D%222.2%22%20d%3D%22M30%20640V300C30%20168%20128%2078%20200%2018C272%2078%20370%20168%20370%20300V640%22%2F%3E%3Cpath%20stroke-width%3D%221.2%22%20d%3D%22M58%20640V306C58%20190%20142%20108%20200%2056C258%20108%20342%20190%20342%20306V640%22%2F%3E%3Cpath%20stroke-width%3D%221%22%20stroke-dasharray%3D%221%207%22%20d%3D%22M82%20640V312C82%20208%20152%20136%20200%2092C248%20136%20318%20208%20318%20312V640%22%2F%3E%3Cpath%20stroke-width%3D%221.2%22%20d%3D%22M200%2056V146%22%2F%3E%3Cpath%20stroke-width%3D%221.6%22%20d%3D%22M190%20156a10%2010%200%200%201%2020%200zM186%20158c-8%2014-6%2034%2014%2046%2020-12%2022-32%2014-46z%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22212%22%20r%3D%223%22%2F%3E%3Cpath%20stroke-width%3D%221.4%22%20d%3D%22M200%2018l4%204h5.6v5.6l4%204-4%204v5.6H204l-4%204-4-4h-5.6v-5.6l-4-4%204-4v-5.6h5.6z%22%2F%3E%3Cpath%20stroke-width%3D%221%22%20d%3D%22M30%20560h60M310%20560h60M30%20575h60M310%20575h60%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--orn:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23b08a3e%22%20d%3D%22M12%202.5l2.7%202.8h3.9v3.9l2.8%202.8-2.8%202.8v3.9h-3.9L12%2021.5l-2.7-2.8H5.4v-3.9L2.6%2012l2.8-2.8V5.3h3.9z%22%2F%3E%3C%2Fsvg%3E")}
html.sepia{--bg:#eee0c0;--paper:#f8edd3;--paper-2:#f1e3c4;--ink:#35260f;--ink-2:#55411f;--muted:#7a6440;--line:#d9c294;--line-2:#e6d4ae;--emerald-900:#3e2a0d;--emerald-800:#5b3f15;--emerald-700:#6f4e1d;--emerald-600:#835d25;--emerald-100:#eadcb8;--emerald-50:#efe2c3;--gold:#9a7428;--gold-2:#b88e3a;--gold-50:#efdcae;--gold-ink:#6a4a10;--primary:#5b3f15;--primary-2:#6f4e1d;--card-sh:none;--mihrab:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20640%22%20preserveAspectRatio%3D%22xMidYMin%20meet%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%237a5a2a%22%20stroke-opacity%3D%220.22%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke-width%3D%222.2%22%20d%3D%22M30%20640V300C30%20168%20128%2078%20200%2018C272%2078%20370%20168%20370%20300V640%22%2F%3E%3Cpath%20stroke-width%3D%221.2%22%20d%3D%22M58%20640V306C58%20190%20142%20108%20200%2056C258%20108%20342%20190%20342%20306V640%22%2F%3E%3Cpath%20stroke-width%3D%221%22%20stroke-dasharray%3D%221%207%22%20d%3D%22M82%20640V312C82%20208%20152%20136%20200%2092C248%20136%20318%20208%20318%20312V640%22%2F%3E%3Cpath%20stroke-width%3D%221.2%22%20d%3D%22M200%2056V146%22%2F%3E%3Cpath%20stroke-width%3D%221.6%22%20d%3D%22M190%20156a10%2010%200%200%201%2020%200zM186%20158c-8%2014-6%2034%2014%2046%2020-12%2022-32%2014-46z%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22212%22%20r%3D%223%22%2F%3E%3Cpath%20stroke-width%3D%221.4%22%20d%3D%22M200%2018l4%204h5.6v5.6l4%204-4%204v5.6H204l-4%204-4-4h-5.6v-5.6l-4-4%204-4v-5.6h5.6z%22%2F%3E%3Cpath%20stroke-width%3D%221%22%20d%3D%22M30%20560h60M310%20560h60M30%20575h60M310%20575h60%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--orn:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%238a6a2a%22%20d%3D%22M12%202.5l2.7%202.8h3.9v3.9l2.8%202.8-2.8%202.8v3.9h-3.9L12%2021.5l-2.7-2.8H5.4v-3.9L2.6%2012l2.8-2.8V5.3h3.9z%22%2F%3E%3C%2Fsvg%3E")}
html.dark{--bg:#0a1310;--paper:#111e18;--paper-2:#15251e;--ink:#eee6cf;--ink-2:#d2c8ad;--muted:#a1a088;--line:#263a30;--line-2:#1c2e26;--gold:#c9a55a;--gold-2:#d8b86c;--gold-50:#2a2414;--gold-ink:#e2c27f;--emerald-50:#13241c;--emerald-100:#193026;--primary:#2f8a68;--primary-2:#37a07a;--card-sh:0 0 0 1px #ffffff06;--mihrab:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20640%22%20preserveAspectRatio%3D%22xMidYMin%20meet%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d8b86c%22%20stroke-opacity%3D%220.14%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke-width%3D%222.2%22%20d%3D%22M30%20640V300C30%20168%20128%2078%20200%2018C272%2078%20370%20168%20370%20300V640%22%2F%3E%3Cpath%20stroke-width%3D%221.2%22%20d%3D%22M58%20640V306C58%20190%20142%20108%20200%2056C258%20108%20342%20190%20342%20306V640%22%2F%3E%3Cpath%20stroke-width%3D%221%22%20stroke-dasharray%3D%221%207%22%20d%3D%22M82%20640V312C82%20208%20152%20136%20200%2092C248%20136%20318%20208%20318%20312V640%22%2F%3E%3Cpath%20stroke-width%3D%221.2%22%20d%3D%22M200%2056V146%22%2F%3E%3Cpath%20stroke-width%3D%221.6%22%20d%3D%22M190%20156a10%2010%200%200%201%2020%200zM186%20158c-8%2014-6%2034%2014%2046%2020-12%2022-32%2014-46z%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22212%22%20r%3D%223%22%2F%3E%3Cpath%20stroke-width%3D%221.4%22%20d%3D%22M200%2018l4%204h5.6v5.6l4%204-4%204v5.6H204l-4%204-4-4h-5.6v-5.6l-4-4%204-4v-5.6h5.6z%22%2F%3E%3Cpath%20stroke-width%3D%221%22%20d%3D%22M30%20560h60M310%20560h60M30%20575h60M310%20575h60%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--orn:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23d8b86c%22%20d%3D%22M12%202.5l2.7%202.8h3.9v3.9l2.8%202.8-2.8%202.8v3.9h-3.9L12%2021.5l-2.7-2.8H5.4v-3.9L2.6%2012l2.8-2.8V5.3h3.9z%22%2F%3E%3C%2Fsvg%3E")}
body,html.dark body,html.sepia body{background:var(--bg)!important;background-image:none!important}
body::before{content:"";position:fixed;z-index:-1;top:64px;left:50%;transform:translateX(-50%);width:min(560px,94vw);height:calc(100vh - 64px);background:var(--mihrab) center top/contain no-repeat;pointer-events:none}
.reader,.mp,.st,.qx{isolation:isolate}
.prayer-card,.tasbih-card,.surah-card:not(.surah-all),.nextd,.stat,.note,.backup,.daily-card,.season,.empty-state,.st-sec{background:var(--paper)!important;border:1px solid var(--line-2)!important;border-radius:var(--radius)!important;box-shadow:var(--card-sh)!important}
.today-card,.surah-card.surah-all,.pc2 .prayer-head{background:linear-gradient(165deg,var(--emerald-700),var(--emerald-900))!important;border:0!important}
.today-card,.surah-card.surah-all{border-radius:var(--radius)!important;box-shadow:0 14px 34px color-mix(in srgb,var(--emerald-900) 28%,transparent)!important}
html.sepia .today-card,html.sepia .surah-card.surah-all,html.sepia .pc2 .prayer-head{background:linear-gradient(165deg,#6f4e1d,#3e2a0d)!important}
.surahs h2,#stats h2,.section-head h2,.tasbih-copy h2{display:flex!important;align-items:center;gap:10px}
.surahs h2::after,#stats h2::after,.section-head h2::after{display:none!important}
.surahs h2::before,#stats h2::before,.section-head h2::before,.tasbih-copy h2::before{content:"";width:16px;height:16px;flex:none;background:var(--orn) center/contain no-repeat}
.topbar{background:color-mix(in srgb,var(--bg) 88%,transparent)!important;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 1px 0 var(--line-2)!important}
.icon-btn,.next-pill{background:var(--paper)!important;border:1px solid var(--line-2)!important;border-radius:12px!important}
.bottom-nav{background:color-mix(in srgb,var(--paper) 92%,transparent)!important;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border:1px solid var(--line-2)!important;border-radius:22px!important;box-shadow:0 10px 30px #17231d1f!important}
.bottom-nav a{position:relative}
html[data-view="home"] .bottom-nav a[data-nav="home"]::after,html[data-view="library"] .bottom-nav a[data-nav="library"]::after,html[data-view="tasbih"] .bottom-nav a[data-nav="tasbih"]::after,html[data-view="prayer"] .bottom-nav a[data-nav="prayer"]::after{content:"";position:absolute;bottom:-4px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--gold)}
.nav-main{background:var(--emerald-800)!important;border:4px solid var(--bg)!important;box-shadow:0 8px 20px color-mix(in srgb,var(--emerald-900) 35%,transparent)!important}
.btn{border-radius:14px!important}
.btn-primary{background:var(--emerald-800)!important;color:#fff!important;box-shadow:none!important}
.btn-ghost,.btn-soft{background:var(--paper)!important;border:1px solid var(--line)!important;color:var(--ink)!important}
.chip{border-radius:999px!important;background:var(--paper)!important;border:1px solid var(--line-2)!important}
.chip.active{background:var(--cat)!important;color:#fff!important;border-color:transparent!important}
.hero{text-align:center;justify-items:center}
.hero-copy{display:flex;flex-direction:column;align-items:center}
.hero-actions,.hero-trust{justify-content:center}
.hero h1{font-size:clamp(34px,8vw,58px)!important}
.season,.nextd{text-align:start;width:100%}
.hero-trust li::before{content:""!important;width:9px;height:9px;display:inline-block;margin-inline-end:6px;background:var(--orn) center/contain no-repeat!important;vertical-align:middle;clip-path:none!important}
@media (min-width:900px){.hero{text-align:start;justify-items:stretch}.hero-copy{align-items:flex-start}.hero-actions,.hero-trust{justify-content:flex-start}body::before{width:min(520px,40vw);left:auto;right:6vw;transform:none}}
.dial{background:radial-gradient(closest-side,var(--emerald-800) 84%,transparent 85%),conic-gradient(var(--gold-2) calc(var(--p)*1%),color-mix(in srgb,var(--gold-2) 22%,transparent) 0)!important}
.ic{stroke-width:1.7}

.next-pill{white-space:nowrap!important;font-size:.8rem}
@media (max-width:480px){.top-actions{gap:6px}.top-actions .icon-btn{width:38px;height:38px}}

/* ===== v46: المكتبة بالأقسام + حجم الخط ===== */
body{font-size:16px}
.dhikr-card .dhikr-text,.dhikr-text{font-size:var(--text-size)!important}
.focus-text{font-size:calc(clamp(26px,4.6vw,40px)*var(--focus-scale,1))!important}
.lib-back{display:none;align-items:center;gap:6px;margin:0 0 8px;padding:8px 12px 8px 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);font:700 .9rem Tajawal,sans-serif;cursor:pointer}
.lib-back .ic{width:18px;height:18px}
.lib-intro{display:none}
.lib-intro p{margin:0 0 12px;color:var(--ink-2);font-size:.92rem}
html[data-lib="grid"] #library .chips,html[data-lib="grid"] #chipsMore,html[data-lib="grid"] #catProgress,html[data-lib="grid"] #adhkarList,html[data-lib="grid"] #emptyState,html[data-lib="grid"] .sort,html[data-lib="grid"] #focusCatBtn,html[data-lib="grid"] #jumpFavorites{display:none!important}
html[data-lib="grid"] .lib-intro{display:block}
html[data-lib="list"] .cat-grid{display:none}
html[data-lib="list"] .lib-back{display:inline-flex}
html[data-lib="list"] #library .chips,html[data-lib="list"] #chipsMore{display:none!important}
.cg-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px}
.cg-h{font:700 1.05rem Amiri,serif;color:var(--gold-ink);margin:18px 2px 8px;display:flex;align-items:center;gap:8px}
html.dark .cg-h{color:var(--gold-2)}
.cg-h::before{content:"";width:12px;height:12px;background:var(--orn) center/contain no-repeat}
.cg-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:700px){.cg-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.cg-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cat-tile{position:relative;display:flex;align-items:center;gap:10px;padding:14px 12px 16px;border-radius:16px;border:1px solid var(--line-2);background:var(--paper);box-shadow:var(--card-sh);color:var(--ink);text-align:start;font:inherit;cursor:pointer;overflow:hidden;min-height:72px;transition:transform .15s,border-color .2s}
.cat-tile:hover{border-color:var(--gold-2)}
.cat-tile:active{transform:scale(.98)}
.cat-tile.wide{background:linear-gradient(160deg,var(--emerald-700),var(--emerald-900));color:#fff;border:0}
.cat-tile.wide .ct-ic{background:#ffffff1f;color:var(--gold-2)}
.cat-tile.wide small{color:#d9e7df}
.ct-ic{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:var(--emerald-50);color:var(--emerald-700)}
html.dark .ct-ic{background:var(--emerald-100);color:var(--gold-2)}
.ct-ic .ic{width:22px;height:22px}
.ct-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.ct-tx strong{font-size:.98rem;line-height:1.35}
.ct-tx small{font-size:.78rem;color:var(--muted)}
.ct-done{position:absolute;top:8px;inset-inline-end:10px;width:20px;height:20px;border-radius:50%;background:var(--gold);color:#fff;font-size:.72rem;display:grid;place-items:center}
.ct-bar{position:absolute;inset-inline:12px;bottom:7px;height:3px;border-radius:3px;background:var(--line-2);overflow:hidden}
.ct-bar i{display:block;height:100%;width:calc(var(--tp)*1%);background:var(--gold-2);border-radius:3px}
.cat-tile.wide .ct-bar{display:none}
html[data-lib="list"] #libTitle{font-size:clamp(1.6rem,6vw,2.1rem)}
.toolbar{gap:10px}
.toolbar .search{flex:1}
.dhikr-card{padding-bottom:40px!important}
.dhikr-card+.dhikr-card{padding-top:48px!important}
@media (max-width:480px){#themeBtn{display:none!important}.brand-name{display:block!important}}
html[data-lib="grid"] .toolbar{margin-bottom:6px}
.footer-in small,#year{color:var(--ink-2)!important}
.pc2 .prayer-list li.past{opacity:1!important}
.pc2 .prayer-list li.past>span:not(.pl-ic),.pc2 .prayer-list li.past>strong{color:var(--muted)!important}
html.dark .note a{color:var(--gold-2)}