@import "https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Amiri:wght@400;700&family=Cairo:wght@400;500;600;700;800&family=Reem+Kufi:wght@400;500;600;700&display=swap";:root{--color-primary-50:#f2f7f4;--color-primary-100:#dcebe1;--color-primary-200:#b7d6c3;--color-primary-300:#8cbca0;--color-primary-400:#5d9c78;--color-primary-500:#3d7f5a;--color-primary-600:#2f6647;--color-primary-700:#27523b;--color-primary-800:#204431;--color-primary-900:#1a3728;--color-accent-400:#d4a24e;--color-accent-500:#bd8a35;--color-accent-600:#a3722a;--bg-body:#faf8f3;--bg-surface:#fff;--bg-surface-raised:#fff;--bg-hero-from:#eef5f0;--bg-hero-to:#f7f1e3;--bg-muted:#f3efe4;--bg-hover:#f0ede2;--text-primary:#23291f;--text-secondary:#55604f;--text-muted:#7c8574;--text-on-accent:#fff;--border-subtle:#e7e2d3;--border-default:#d9d3bf;--shadow-color:30 40 20;--shadow-sm:0 1px 2px rgb(var(--shadow-color) / .06);--shadow-md:0 4px 14px rgb(var(--shadow-color) / .08);--shadow-lg:0 12px 32px rgb(var(--shadow-color) / .12);--focus-ring:0 0 0 3px #3d7f5a59;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--radius-full:999px;--font-arabic:"Reem Kufi", "Noto Kufi Arabic", "Tahoma", sans-serif;--font-quran:"Amiri Quran", "Amiri", "Traditional Arabic", serif;--font-ui:"Cairo", "Tahoma", sans-serif;--fs-xs:.8125rem;--fs-sm:.9375rem;--fs-base:1rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:1.875rem;--fs-3xl:2.4rem;--fs-dhikr:1.35rem;--lh-relaxed:1.9;--lh-normal:1.6;--lh-tight:1.3;--ease-standard:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.45s;--header-height:68px;--container-max:920px;--z-header:100;--z-toast:200}[data-theme=dark]{--bg-body:#12160f;--bg-surface:#1b2117;--bg-surface-raised:#202719;--bg-hero-from:#182019;--bg-hero-to:#1e1b13;--bg-muted:#1e251a;--bg-hover:#232b1d;--text-primary:#eef1e8;--text-secondary:#b7c0ac;--text-muted:#85907a;--border-subtle:#2a3123;--border-default:#37402d;--shadow-color:0 0 0;--shadow-sm:0 1px 2px rgb(var(--shadow-color) / .3);--shadow-md:0 4px 14px rgb(var(--shadow-color) / .35);--shadow-lg:0 12px 32px rgb(var(--shadow-color) / .45);--color-primary-500:#5aa87d;--color-accent-500:#e0ac5c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4));-webkit-tap-highlight-color:transparent}::selection{background-color:var(--color-primary-300);color:var(--color-primary-900)}body{font-family:var(--font-ui);background-color:var(--bg-body);color:var(--text-primary);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;transition:background-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);position:relative}body:before{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 1px 1px, var(--border-subtle) 1px, transparent 0);background-size:28px 28px;position:fixed;inset:0}[data-theme=dark] body:before{opacity:.25}img,svg{max-width:100%;display:block}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none}input{font:inherit;color:inherit}ul,ol{list-style:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex-shrink:0;width:1.25em;height:1.25em}.icon-sm{width:1.05em;height:1.05em}.container{max-width:var(--container-max);padding-inline:var(--space-5);margin-inline:auto}.site-header{z-index:var(--z-header);height:var(--header-height);background:color-mix(in srgb, var(--bg-surface) 88%, transparent);-webkit-backdrop-filter:blur(10px)saturate(140%);border-bottom:1px solid var(--border-subtle);position:sticky;top:0}.header-inner{align-items:center;gap:var(--space-4);height:100%;display:flex}.brand{align-items:center;gap:var(--space-2);font-family:var(--font-arabic);font-weight:700;font-size:var(--fs-lg);color:var(--color-primary-600);white-space:nowrap;display:flex}[data-theme=dark] .brand{color:var(--color-primary-400)}.brand-icon{width:1.6rem;height:1.6rem;color:var(--color-accent-500)}.search-box{max-width:340px;flex:1;margin-inline-start:var(--space-2);position:relative}.search-icon{inset-inline-start:var(--space-3);color:var(--text-muted);pointer-events:none;width:1.05rem;height:1.05rem;position:absolute;top:50%;transform:translateY(-50%)}#search-input{width:100%;height:2.5rem;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-muted);font-size:var(--fs-sm);transition:box-shadow var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);padding-inline-start:var(--space-8);padding-inline-end:var(--space-8)}#search-input::placeholder{color:var(--text-muted)}#search-input:focus-visible{border-color:var(--color-primary-400);background:var(--bg-surface)}.search-kbd-hint{inset-inline-end:var(--space-3);font-size:var(--fs-xs);color:var(--text-muted);border:1px solid var(--border-default);border-radius:var(--radius-sm);pointer-events:none;padding:1px 6px;position:absolute;top:50%;transform:translateY(-50%)}#search-clear{inset-inline-end:var(--space-2);color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-full);position:absolute;top:50%;transform:translateY(-50%)}#search-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.search-box:has(#search-input:placeholder-shown) .search-kbd-hint{display:block}.search-box:not(:has(#search-input:placeholder-shown)) .search-kbd-hint{display:none}.icon-btn{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--text-secondary);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media (hover:none){.icon-btn:active{background:var(--bg-hover);transition-duration:var(--duration-fast);transform:scale(.92)}}.nav-toggle{display:none}.nav-panel{display:flex}.nav-list{align-items:center;gap:var(--space-1);display:flex}.nav-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);display:flex}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-link.is-active{background:var(--color-primary-500);color:#fff}.nav-link span{font-weight:600}.main-content{padding-block-end:var(--space-20)}body.view-sources #hero,body.view-sources #category-grid,body.view-sources #search-results-section,body.view-home #section-sources{display:none!important}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:600;font-size:var(--fs-sm);transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;display:inline-flex}.btn:hover{transform:translateY(-1px)}@media (hover:none){.btn:active{transition-duration:var(--duration-fast);transform:scale(.97)}}.btn-primary{background:var(--color-primary-500);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-600);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-surface);color:var(--color-primary-600);border:1px solid var(--border-default)}[data-theme=dark] .btn-secondary{color:var(--color-primary-400)}.btn-secondary:hover{background:var(--bg-hover)}.dhikr-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.dhikr-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex;position:relative}.dhikr-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (hover:none){.dhikr-card:active{background:var(--bg-hover);transition-duration:var(--duration-fast)}}.dhikr-card.is-complete{border-color:var(--color-primary-300);background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary-50) 60%, var(--bg-surface)), var(--bg-surface))}[data-theme=dark] .dhikr-card.is-complete{background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary-900) 35%, var(--bg-surface)), var(--bg-surface));border-color:var(--color-primary-700)}.dhikr-card.is-hidden{display:none}.dhikr-card-body{gap:var(--space-3);flex-direction:column;display:flex}.dhikr-text{font-family:var(--font-quran);font-size:var(--fs-dhikr);line-height:var(--lh-relaxed);color:var(--text-primary)}.dhikr-note{font-size:var(--fs-xs);color:var(--text-muted);background:var(--bg-muted);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);line-height:var(--lh-normal)}.dhikr-virtue{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal);border-inline-start:3px solid var(--color-accent-500);padding-inline-start:var(--space-3)}.virtue-label{color:var(--color-accent-600);font-weight:700}[data-theme=dark] .virtue-label{color:var(--color-accent-400)}.dhikr-meta{justify-content:space-between;align-items:center;display:flex}.dhikr-source{align-items:center;gap:var(--space-1);font-size:var(--fs-xs);color:var(--text-muted);display:inline-flex}.dhikr-card-actions{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);display:flex}.counter-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--bg-muted);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:1px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.counter-btn:hover{background:var(--color-primary-100);border-color:var(--color-primary-300)}[data-theme=dark] .counter-btn:hover{background:color-mix(in srgb, var(--color-primary-700) 40%, transparent)}.counter-btn:active{transform:scale(.97)}.counter-value{font-weight:700;font-size:var(--fs-md);color:var(--color-primary-600);font-variant-numeric:tabular-nums}[data-theme=dark] .counter-value{color:var(--color-primary-400)}.counter-hint{font-size:var(--fs-xs);color:var(--text-muted)}.dhikr-card.is-complete .counter-btn{background:var(--color-primary-500);border-color:var(--color-primary-500)}.dhikr-card.is-complete .counter-value,.dhikr-card.is-complete .counter-hint{color:#fff}.copy-btn.copy-success{color:var(--color-primary-500)}.section-header{align-items:center;gap:var(--space-4);margin-block:var(--space-10) var(--space-6);display:flex}.section-icon{border-radius:var(--radius-md);background:var(--color-primary-100);width:3rem;height:3rem;color:var(--color-primary-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .section-icon{background:color-mix(in srgb, var(--color-primary-700) 50%, transparent);color:var(--color-primary-400)}.section-icon .icon{width:1.5rem;height:1.5rem}.section-title{font-family:var(--font-arabic);font-size:var(--fs-xl);font-weight:700}.section-subtitle{font-size:var(--fs-sm);color:var(--text-muted)}.section-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.section-fullscreen-btn{padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;display:inline-flex}.section-fullscreen-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media (hover:none){.section-fullscreen-btn:active{background:var(--bg-hover);transform:scale(.92)}}.section-reset-btn{font-size:var(--fs-xs);color:var(--text-muted);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;flex-shrink:0}.section-reset-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media (hover:none){.section-reset-btn:active{background:var(--bg-hover);transform:scale(.92)}}.dhikr-section.is-hidden{display:none}.no-results{text-align:center;padding:var(--space-16) var(--space-4);color:var(--text-muted)}.no-results-icon{width:3rem;height:3rem;opacity:.5;margin-block-end:var(--space-4);margin-inline:auto}.toast{bottom:var(--space-6);background:var(--text-primary);color:var(--bg-body);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--fs-sm);box-shadow:var(--shadow-lg);z-index:var(--z-toast);opacity:0;transition:transform var(--duration-base) var(--ease-standard), opacity var(--duration-base) var(--ease-standard);pointer-events:none;white-space:nowrap;position:fixed;left:50%;transform:translate(-50%)translateY(140%)}.toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.sources-intro{color:var(--text-secondary);line-height:var(--lh-normal);max-width:70ch;margin-block-end:var(--space-6)}.sources-list{gap:var(--space-4);display:grid}.source-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5)}.source-title{font-family:var(--font-arabic);font-size:var(--fs-md);margin-block-end:var(--space-1);font-weight:600}.source-author{font-size:var(--fs-sm);color:var(--color-primary-600);margin-block-end:var(--space-2)}[data-theme=dark] .source-author{color:var(--color-primary-400)}.source-note{font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--lh-normal)}.sources-disclaimer{padding:var(--space-5);background:var(--bg-muted);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-secondary);gap:var(--space-2);flex-direction:column;margin-block-start:var(--space-8);display:flex}.sources-contact{color:var(--text-muted);font-size:var(--fs-xs)}body.modal-open{overflow:hidden!important}.fullscreen-modal{z-index:300;background:var(--bg-body);opacity:0;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);pointer-events:none;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;inset:0;transform:translateY(100%)}.fullscreen-modal::-webkit-scrollbar{width:0;height:0;display:none}.fullscreen-modal.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.fullscreen-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.fullscreen-title-group{align-items:center;gap:var(--space-4);flex:1;display:flex}.fullscreen-icon{border-radius:var(--radius-md);background:var(--color-primary-100);width:3rem;height:3rem;color:var(--color-primary-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .fullscreen-icon{background:color-mix(in srgb, var(--color-primary-700) 50%, transparent);color:var(--color-primary-400)}.fullscreen-icon .icon{width:1.5rem;height:1.5rem}.fullscreen-title{font-family:var(--font-arabic);font-size:var(--fs-xl);margin-block-end:var(--space-1);font-weight:700}.fullscreen-subtitle{font-size:var(--fs-sm);color:var(--text-muted)}.fullscreen-close{width:2.6rem;height:2.6rem;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 2px 4px #0000000a}.fullscreen-close .icon{width:1.25rem;height:1.25rem}.fullscreen-close:hover{background:var(--bg-hover);color:var(--color-primary-600);border-color:var(--color-primary-300);transform:scale(1.05)}.fullscreen-close:active{transform:scale(.92)}.fullscreen-slides{overscroll-behavior:contain;padding:var(--space-10) var(--space-5) var(--space-4);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden auto}.fullscreen-slides::-webkit-scrollbar{width:0;height:0;display:none}.fullscreen-card-wrapper{gap:var(--space-4);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:720px;display:flex}.slide-card{justify-content:space-between;gap:var(--space-5);text-align:center;padding:var(--space-4);box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;flex-direction:column;width:100%;min-height:52vh;display:flex;position:relative}[data-theme=dark] .slide-card{box-shadow:none;background:0 0;border-color:#0000;outline:none}.slide-text-container{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;width:100%;margin:auto 0;display:flex}.slide-counter-group{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.slide-counter{font-size:var(--fs-sm);color:var(--text-muted);letter-spacing:.05em;font-weight:600}.slide-divider{justify-content:center;align-items:center;gap:var(--space-3);width:100%;max-width:140px;margin-inline:auto;display:flex}.slide-divider-line{background:linear-gradient(to right, transparent, var(--border-default), transparent);flex:1;height:1px}.slide-divider-ornament{color:var(--color-primary-500);opacity:.7;font-size:10px}.slide-dhikr-text{font-family:var(--font-quran);color:var(--text-primary);transition:font-size var(--duration-base) var(--ease-standard);margin-block:var(--space-4);text-shadow:0 0 1px #00000005;font-size:clamp(1.45rem,3.5vw + .5rem,1.95rem);font-weight:500;line-height:2.1}.slide-note{font-size:var(--fs-sm);color:var(--text-secondary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);line-height:var(--lh-relaxed);background:#3d7f5a0a;border:1px dashed #3d7f5a26}[data-theme=dark] .slide-note{background:#3d7f5a1a;border-color:#3d7f5a40}.slide-virtue{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);border-inline-start:4px solid var(--color-accent-500);margin-block:var(--space-3);text-align:right;padding-inline-start:var(--space-4)}.slide-actions{gap:var(--space-3);width:100%;flex-direction:column;margin-block-start:var(--space-3);display:flex}.slide-secondary-actions{gap:var(--space-3);width:100%;display:flex}.slide-counter-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-500) 100%);color:#fff;cursor:pointer;width:100%;transition:all var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;border:1px solid #ffffff40;flex-direction:column;flex:2;justify-content:center;align-items:center;gap:2px;font-weight:700;display:flex;box-shadow:0 6px 18px -4px #3d7f5a61}.slide-counter-btn:hover{background:linear-gradient(135deg, var(--color-primary-700) 0%, var(--color-primary-600) 100%);transform:translateY(-1.5px);box-shadow:0 10px 24px -4px #3d7f5a7a}.slide-counter-btn:active{transform:translateY(1px)scale(.98);box-shadow:0 2px 8px -2px #3d7f5a4d}.slide-counter-btn.is-complete{box-shadow:0 6px 18px -4px #10b98173;background:linear-gradient(135deg,#059669 0%,#10b981 100%)!important}.slide-counter-btn.is-complete:hover{box-shadow:0 10px 24px -4px #10b9818c;background:linear-gradient(135deg,#047857 0%,#059669 100%)!important}.slide-counter-display{font-size:var(--fs-md);font-variant-numeric:tabular-nums;letter-spacing:.03em;font-weight:800;line-height:1.2}.slide-counter-label{opacity:.92;font-size:.75rem;font-weight:500}.slide-secondary-btn,.slide-copy-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-default);cursor:pointer;font-weight:600;font-size:var(--fs-sm);transition:all var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;flex:1;display:inline-flex;box-shadow:0 2px 4px #00000008}.slide-secondary-btn:hover,.slide-copy-btn:hover{background:var(--bg-hover);color:var(--color-primary-600);border-color:var(--color-primary-300);transform:translateY(-1.5px);box-shadow:0 6px 14px -4px #00000014}.slide-secondary-btn:active,.slide-copy-btn:active{box-shadow:none;transform:translateY(1px)scale(.97)}.slide-copy-btn.copy-success{color:#10b981;background:#10b98114;border-color:#10b981}.slide-speak-btn.is-speaking{color:var(--color-primary-500);border-color:var(--color-primary-500);background:#3d7f5a14;animation:1.5s infinite pulse-glow}@keyframes pulse-glow{0%{box-shadow:0 0 #3d7f5a66}70%{box-shadow:0 0 0 8px #3d7f5a00}to{box-shadow:0 0 #3d7f5a00}}@keyframes slideContentFade{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.slide-card-animate{animation:.28s cubic-bezier(.16,1,.3,1) slideContentFade}.slide-speak-btn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-default);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:inline-flex}.slide-speak-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.slide-speak-btn:active{transform:scale(.92)}.slide-speak-btn.is-speaking{background:var(--color-primary-100);color:var(--color-primary-600);border-color:var(--color-primary-300);animation:pulse-audio-speaking 1.5s infinite var(--ease-standard)}[data-theme=dark] .slide-speak-btn.is-speaking{color:var(--color-primary-400);border-color:var(--color-primary-600);background:#0e749040}@keyframes pulse-audio-speaking{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fullscreen-top-progress{background-color:var(--border-subtle);width:100%;height:4px;position:relative;overflow:hidden}.fullscreen-top-progress-bar{background-color:var(--color-primary-500);width:0%;height:100%;transition:width var(--duration-base) var(--ease-standard)}.slide-source{justify-content:center;align-items:center;gap:var(--space-1);font-size:var(--fs-xs);color:var(--text-muted);margin-block-start:var(--space-2);display:inline-flex}.bottom-sheet-handle{background:var(--border-default);border-radius:var(--radius-full);width:40px;height:4px;margin:0 auto var(--space-2);opacity:.65}.fullscreen-footer{padding:var(--space-3) var(--space-5) max(var(--space-5), env(safe-area-inset-bottom,20px));-webkit-backdrop-filter:blur(16px);gap:var(--space-3);z-index:10;width:100%;max-width:680px;transition:background-color var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);background:#fdfdfaf5;border:1px solid #c4a0592e;border-top-color:#c4a05947;border-bottom:none;border-radius:28px 28px 0 0;flex-direction:column;margin:0 auto;display:flex;position:relative;box-shadow:0 -12px 36px -8px #12160f1f,0 -2px 8px -2px #0000000a}[data-theme=dark] .fullscreen-footer{background:#171d14f5;border-top-color:#3d7f5a59;border-left-color:#3d7f5a38;border-right-color:#3d7f5a38;box-shadow:0 -16px 40px -10px #00000080,0 -2px 8px -2px #0003}.fullscreen-footer-actions{gap:var(--space-3);width:100%;display:flex}.fullscreen-footer-nav{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding-top:var(--space-3);border-top:1px solid var(--border-subtle);display:flex}.fullscreen-footer-index{font-size:var(--fs-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;background:var(--bg-muted);border:1px solid var(--border-subtle);padding:var(--space-1) .875rem;border-radius:var(--radius-full);letter-spacing:.03em;font-weight:700}.fullscreen-nav-btn{padding:.625rem var(--space-4);border-radius:var(--radius-xl);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);cursor:pointer;font-weight:600;font-size:var(--fs-sm);text-align:center;transition:all var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex:1;box-shadow:0 2px 4px #00000008}.fullscreen-nav-btn:hover:not(:disabled){background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500);transform:translateY(-1px);box-shadow:0 6px 16px -4px #3d7f5a4d}.fullscreen-nav-btn:active:not(:disabled){box-shadow:none;transform:translateY(1px)scale(.97)}.fullscreen-nav-btn:disabled{opacity:.35;background:var(--bg-muted);border-color:var(--border-subtle);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.section-progress-container{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background-color:var(--bg-muted);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:background-color var(--duration-base) var(--ease-standard);margin-block-end:var(--space-6);display:flex}.section-progress-track{background-color:var(--border-default);border-radius:var(--radius-full);flex:1;height:6px;position:relative;overflow:hidden}.section-progress-bar{background-color:var(--color-primary-500);border-radius:var(--radius-full);width:0%;height:100%;transition:width var(--duration-slow) cubic-bezier(.4, 0, .2, 1)}.section-progress-badge{font-size:var(--fs-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;background-color:var(--bg-surface);border-radius:var(--radius-full);border:1px solid var(--border-subtle);white-space:nowrap;padding:2px 8px;font-weight:700}.settings-fab{bottom:var(--space-6);left:var(--space-6);z-index:calc(var(--z-header) + 10);background-color:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);width:3.25rem;height:3.25rem;box-shadow:var(--shadow-lg);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;display:flex;position:fixed}.settings-fab:hover{background-color:var(--color-primary-600);transform:scale(1.05)}@media (hover:none){.settings-fab:active{background-color:var(--color-primary-600);transform:scale(.95)}}.settings-overlay{-webkit-backdrop-filter:blur(4px);z-index:calc(var(--z-header) + 20);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard);background-color:#12160f80;position:fixed;inset:0}.settings-overlay.is-open{opacity:1;pointer-events:auto}.settings-drawer{background-color:var(--bg-surface-raised);border-right:1px solid var(--border-default);width:100%;max-width:380px;box-shadow:var(--shadow-lg);z-index:calc(var(--z-header) + 30);transition:transform var(--duration-base) var(--ease-standard);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.settings-drawer.is-open{transform:translate(0)}.settings-drawer-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.settings-drawer-title{font-family:var(--font-arabic);font-weight:700;font-size:var(--fs-md);color:var(--text-primary);margin:0}.settings-drawer-body{padding:var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.settings-group{gap:var(--space-2);flex-direction:column;display:flex}.settings-group-title{font-family:var(--font-arabic);font-weight:700;font-size:var(--fs-sm);color:var(--text-primary)}.settings-group-desc{font-size:var(--fs-xs);color:var(--text-muted);line-height:var(--lh-normal)}.font-size-grid{gap:var(--space-2);margin-top:var(--space-1);grid-template-columns:repeat(4,1fr);display:grid}.font-size-btn{background-color:var(--bg-muted);border:1px solid var(--border-default);color:var(--text-secondary);padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);font-size:var(--fs-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;font-weight:600}.font-size-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.font-size-btn.is-active{background-color:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.toggle-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-2);display:flex}.switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border-default);transition:background-color var(--duration-fast) var(--ease-standard);border-radius:34px;position:absolute;inset:0}.slider:before{content:"";width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-standard);background-color:#fff;border-radius:50%;position:absolute;bottom:4px;left:4px;box-shadow:0 1px 3px #00000026}input:checked+.slider{background-color:var(--color-primary-500)}input:checked+.slider:before{transform:translate(22px)}.reset-all-button{width:100%;padding:var(--space-3) var(--space-4);color:#ef4444;border-radius:var(--radius-md);font-weight:600;font-size:var(--fs-sm);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;background-color:#0000;border:1px solid #fca5a5;display:flex}.reset-all-button:hover{background-color:#fef2f2;border-color:#ef4444}[data-theme=dark] .reset-all-button{color:#f87171;border-color:#7f1d1d}[data-theme=dark] .reset-all-button:hover{background-color:#ef444414;border-color:#ef4444}.reset-prefs-btn{color:var(--text-secondary)!important;border:1px solid var(--border-default)!important}.reset-prefs-btn:hover{background-color:var(--bg-hover)!important;border-color:var(--text-muted)!important}[data-theme=dark] .reset-prefs-btn{color:var(--text-secondary)!important;border-color:var(--border-default)!important}[data-theme=dark] .reset-prefs-btn:hover{border-color:var(--text-muted)!important;background-color:#ffffff0d!important}.reset-all-button.is-confirming{animation:1.5s infinite pulse-red;color:#fff!important;background-color:#ef4444!important;border-color:#ef4444!important}@keyframes pulse-red{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}html[data-font-size=small]{--fs-dhikr:1.15rem}html[data-font-size=medium]{--fs-dhikr:1.35rem}html[data-font-size=large]{--fs-dhikr:1.6rem}html[data-font-size=xlarge]{--fs-dhikr:1.9rem}.fullscreen-swipe-tip{font-size:var(--fs-xs);color:var(--text-muted);align-items:center;gap:var(--space-1-5);background:var(--bg-muted);border-radius:var(--radius-full);margin-block-start:var(--space-2);padding:6px 14px;display:inline-flex}.fullscreen-swipe-tip .tip-icon-swipe{display:inline-block}.fullscreen-swipe-tip .tip-icon-kbd{display:none!important}.fullscreen-swipe-tip .tip-message:after{content:"اسحب لليمين أو اليسار للتنقل بين الأذكار"}@media (hover:hover){.fullscreen-swipe-tip .tip-icon-swipe{display:none!important}.fullscreen-swipe-tip .tip-icon-kbd{display:inline-block!important}.fullscreen-swipe-tip .tip-message:after{content:"استخدم الأسهم (→ ←) للتنقل بين الأذكار"}}.category-grid{gap:var(--space-6);margin-block:var(--space-8) var(--space-12);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.category-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), background-color var(--duration-base) var(--ease-standard);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex;position:relative}.category-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-300);transform:translateY(-4px)}.category-card:active{transform:translateY(-1px)}.category-card-header{align-items:center;gap:var(--space-3-5);display:flex}.category-icon{border-radius:var(--radius-lg);background:var(--color-primary-50);width:2.75rem;height:2.75rem;color:var(--color-primary-600);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:flex}.category-card:hover .category-icon{background:var(--color-primary-100)}.category-icon .icon{width:1.5rem;height:1.5rem}.category-title{font-family:var(--font-arabic);font-size:var(--fs-lg);color:var(--text-primary);margin:0;font-weight:700}.category-subtitle{font-size:var(--fs-xs);color:var(--text-secondary);line-height:var(--lh-normal);flex-grow:1;margin:0}.category-progress-container{gap:var(--space-2);flex-direction:column;margin-block-start:var(--space-2);display:flex}.category-progress-track{background-color:var(--bg-muted);border-radius:var(--radius-full);height:6px;position:relative;overflow:hidden}.category-progress-bar{background-color:var(--color-primary-500);border-radius:var(--radius-full);width:0%;height:100%;transition:width var(--duration-base) var(--ease-standard)}.category-progress-text{font-size:var(--fs-xs);color:var(--text-muted);justify-content:space-between;align-items:center;font-weight:500;display:flex}.category-progress-percent{color:var(--color-primary-600);font-weight:600}.category-actions{align-items:center;gap:var(--space-3);border-top:1px solid var(--border-subtle);margin-block-start:var(--space-1);padding-block-start:var(--space-4);display:flex}.category-btn-primary{justify-content:center;align-items:center;gap:var(--space-2-5);padding:var(--space-3-5) var(--space-5);background-color:var(--color-primary-500);color:#fff;font-size:var(--fs-sm);border-radius:var(--radius-lg);transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);flex:1;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #3d7f5a26}.category-btn-primary:active{transform:scale(.97)}.category-card:hover .category-btn-primary{background-color:var(--color-primary-600);box-shadow:0 6px 14px #3d7f5a40}.category-reset-btn{padding:var(--space-3-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-muted);transition:all var(--duration-fast) var(--ease-standard);background:0 0;justify-content:center;align-items:center;display:inline-flex}.category-reset-btn:hover{background-color:var(--bg-hover);color:#ef4444;border-color:#fca5a5}[data-theme=dark] .category-card{background:var(--bg-surface-raised);border-color:var(--border-default);box-shadow:var(--shadow-md)}[data-theme=dark] .category-card:hover{border-color:var(--color-primary-600)}[data-theme=dark] .category-icon{background:color-mix(in srgb, var(--color-primary-700) 30%, transparent);color:var(--color-primary-400)}[data-theme=dark] .category-progress-percent{color:var(--color-primary-400)}[data-theme=dark] .category-reset-btn:hover{background-color:#ef444414}.search-result-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-5) var(--space-5);background:var(--bg-surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative}.search-result-badge{top:var(--space-3);left:var(--space-4);color:var(--color-primary-600);background:var(--color-primary-50);border-radius:var(--radius-full);letter-spacing:.02em;padding:3px 10px;font-size:10px;font-weight:700;position:absolute}[data-theme=dark] .search-result-wrapper{background:var(--bg-surface-raised);border-color:var(--border-default)}[data-theme=dark] .search-result-badge{color:var(--color-primary-400);background:color-mix(in srgb, var(--color-primary-700) 30%, transparent)}.shortcuts-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard);background:#00000080;position:fixed;inset:0}.shortcuts-overlay.is-open{opacity:1;pointer-events:auto}.shortcuts-modal,.pages-modal{z-index:401;background:var(--bg-surface);border:1px solid var(--border-default);opacity:0;pointer-events:none;width:95%;max-width:580px;max-height:85vh;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);border-radius:32px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-45%)scale(.96);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shortcuts-modal.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.shortcuts-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.shortcuts-title-group{align-items:center;gap:var(--space-3);color:var(--color-primary-600);display:flex}[data-theme=dark] .shortcuts-title-group{color:var(--color-primary-400)}.shortcuts-title-group h3{font-size:var(--fs-md);color:var(--text-primary);margin:0;font-weight:700}.shortcuts-body{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex;overflow-y:auto}.shortcuts-section h4{font-size:var(--fs-xs);color:var(--color-primary-600);margin-block-end:var(--space-3);font-weight:700}[data-theme=dark] .shortcuts-section h4{color:var(--color-primary-400)}.shortcuts-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.shortcuts-list li{padding:var(--space-2) var(--space-3);background:var(--bg-muted);border-radius:var(--radius-lg);font-size:var(--fs-xs);color:var(--text-primary);justify-content:space-between;align-items:center;display:flex}.kbd-group{align-items:center;gap:var(--space-1-5);display:flex}kbd{color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);letter-spacing:.02em;padding:3px 8px;font-family:inherit;font-size:11px;font-weight:600;line-height:1.3;display:inline-block;box-shadow:0 1px 2px #00000014}.or-text{color:var(--text-muted);font-size:11px}.dhikr-card-status,.slide-completion-status{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--fs-xs);color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0;align-self:center;margin-block-end:var(--space-3);padding:4px 12px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #16a34a14}[data-theme=dark] .dhikr-card-status,[data-theme=dark] .slide-completion-status{color:#86efac;background-color:#16a34a26;border-color:#22c55e4d}.dhikr-card-status .badge-icon,.slide-completion-status .status-icon{color:#fff;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:800;display:inline-flex}[data-theme=dark] .dhikr-card-status .badge-icon,[data-theme=dark] .slide-completion-status .status-icon{color:#052e16;background:#22c55e}.completion-slide-card{text-align:center;justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-4);flex-direction:column;max-width:640px;margin:0 auto;display:flex}.completion-header-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary-500) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-primary-500) 30%, transparent);color:var(--color-primary-700);font-size:var(--fs-xs);font-weight:700;display:inline-flex}[data-theme=dark] .completion-header-badge{color:var(--color-primary-300)}.completion-sparkle{color:var(--color-accent-amber);font-size:14px}.completion-title{font-size:var(--fs-xl);color:var(--text-primary);margin:0;font-weight:800;line-height:1.3}.completion-quote-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);gap:var(--space-3);flex-direction:column;width:100%;display:flex;position:relative}.completion-quote-box:before{content:"";border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-primary-400), transparent);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.completion-hadith-text{font-family:var(--font-amiri), serif;font-size:var(--fs-md);color:var(--color-primary-800);margin:0;font-weight:700;line-height:1.8}[data-theme=dark] .completion-hadith-text{color:var(--color-primary-300)}.completion-verse-text{font-family:var(--font-amiri), serif;font-size:var(--fs-sm);color:var(--text-muted);opacity:.9;margin:0}.completion-message{font-size:var(--fs-sm);color:var(--text-secondary);max-width:480px;margin:0;line-height:1.6}.completion-actions-grid{justify-content:center;align-items:center;gap:var(--space-3);width:100%;flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.completion-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);font-size:var(--fs-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);border:1px solid #0000;outline:none;font-weight:700;display:inline-flex}.completion-btn.primary{background:var(--color-primary-600);color:#fff;box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary-600) 30%, transparent)}.completion-btn.primary:hover{background:var(--color-primary-700);box-shadow:0 6px 16px color-mix(in srgb, var(--color-primary-600) 40%, transparent);transform:translateY(-2px)}.completion-btn.secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.completion-btn.secondary:hover{background:var(--bg-hover);border-color:var(--color-primary-400);color:var(--color-primary-600);transform:translateY(-2px)}.completion-btn.outline{color:var(--text-secondary);border-color:var(--border-default);background:0 0}.completion-btn.outline:hover{background:var(--bg-muted);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-2px)}.footer-links{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.link-btn{font:inherit;font-size:var(--fs-xs);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);border-radius:var(--radius-md);background:0 0;border:none;padding:4px 8px;text-decoration:none}.link-btn:hover{color:var(--color-primary-600);background:var(--bg-muted)}.link-btn.highlight{color:var(--color-primary-600);font-weight:700}[data-theme=dark] .link-btn.highlight{color:var(--color-primary-400)}.footer-separator{color:var(--border-subtle);opacity:.5;font-size:10px}.pages-modal{border:1px solid var(--border-default);border-radius:32px;box-shadow:0 25px 50px -12px #00000040}.page-article{text-align:right;color:var(--text-secondary);padding:var(--space-2);line-height:1.8}.page-hero{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;margin-block-end:var(--space-8);display:flex}.page-icon-circle{background:color-mix(in srgb, var(--color-primary-500) 10%, transparent);width:64px;height:64px;color:var(--color-primary-600);border-radius:24px;justify-content:center;align-items:center;display:flex}.contact-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-block-end:var(--space-8);display:grid}.contact-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:20px;transition:transform .2s;display:flex}.contact-card:hover{border-color:var(--color-primary-300);transform:translateY(-2px)}.contact-card-icon{font-size:24px}.contact-card-info{flex-direction:column;display:flex}.contact-card-info span{color:var(--text-muted);font-size:11px}.contact-card-info strong{font-size:var(--fs-xs);color:var(--text-primary);word-break:break-all}.page-footer-note{padding:var(--space-4);border-top:1px solid var(--border-subtle);text-align:center;font-style:italic;font-size:var(--fs-xs);color:var(--text-muted)}.page-article h4{color:var(--text-primary);margin-block-start:var(--space-6);margin-block-end:var(--space-2)}.page-article p{margin-block-end:var(--space-4)}.page-article ul{margin-block-end:var(--space-6);padding-inline-start:var(--space-6);list-style-type:none}.page-article li{margin-block-end:var(--space-3);position:relative}.page-article li:before{content:"•";color:var(--color-primary-500);font-weight:700;position:absolute;right:-1.2rem}.hero{border-radius:var(--radius-xl);margin-block:var(--space-8) var(--space-6);padding:var(--space-16) var(--space-8);background:linear-gradient(155deg, var(--bg-hero-from), var(--bg-hero-to));border:1px solid var(--border-subtle);text-align:center;position:relative;overflow:hidden}.hero-decoration{background-image:radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--color-primary-300) 25%, transparent) 0%, transparent 45%), radial-gradient(circle at 85% 75%, color-mix(in srgb, var(--color-accent-400) 20%, transparent) 0%, transparent 45%);pointer-events:none;position:absolute;inset:0}.hero-content{align-items:center;gap:var(--space-4);flex-direction:column;max-width:46rem;margin-inline:auto;display:flex;position:relative}.hero-eyebrow{font-size:var(--fs-xs);letter-spacing:.04em;color:var(--color-accent-600);background:color-mix(in srgb, var(--color-accent-400) 18%, transparent);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-weight:700}[data-theme=dark] .hero-eyebrow{color:var(--color-accent-400)}.hero-title{font-family:var(--font-arabic);font-size:var(--fs-3xl);color:var(--text-primary);font-weight:700;line-height:var(--lh-tight)}.hero-desc{font-size:var(--fs-md);color:var(--text-secondary);line-height:var(--lh-normal);max-width:40ch}.hero-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}.site-footer{border-top:1px solid var(--border-subtle);padding-block:var(--space-8);margin-block-start:var(--space-12)}.footer-inner{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.footer-note{align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:var(--text-muted);background:var(--bg-muted);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);max-width:60ch;line-height:var(--lh-normal);display:flex}.footer-copyright{font-size:var(--fs-xs);color:var(--text-muted)}.footer-links{gap:var(--space-4);font-size:var(--fs-xs);display:flex}.footer-links a{color:var(--color-primary-600)}[data-theme=dark] .footer-links a{color:var(--color-primary-400)}.footer-links a:hover{text-decoration:underline}.dhikr-card,.section-header{opacity:0;transition:opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard);transform:translateY(14px)}.dhikr-card.is-visible,.section-header.is-visible{opacity:1;transform:translateY(0)}.counter-btn,.icon-btn,.btn{transition:transform var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.dhikr-card,.section-header{opacity:1;transform:none}.dhikr-card:hover{transform:none}}@media (width>=861px) and (width<=1100px){.nav-link span{display:none!important}}@media (width<=860px){.nav-toggle{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--text-secondary);order:3;justify-content:center;align-items:center;display:inline-flex}.nav-toggle:hover{background:var(--bg-hover)}.nav-panel{inset-inline:var(--space-4);top:calc(var(--header-height) + var(--space-2));background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);z-index:var(--z-header);flex-direction:column;display:none;position:fixed}.nav-panel.is-open{display:flex}.nav-list{align-items:stretch;gap:var(--space-1);flex-direction:column}.nav-link{width:100%}.nav-link span{display:inline}.search-box{order:2;max-width:none}.brand span{display:none}.fullscreen-header,.fullscreen-footer{padding:var(--space-4) max(var(--space-4), calc((100% - var(--container-max)) / 2))}.slide-card{padding:var(--space-6) var(--space-5);gap:var(--space-5)}}@media (width<=600px){.container{padding-inline:var(--space-4)}.header-inner{gap:var(--space-2)}.hero{padding:var(--space-10) var(--space-5)}.hero-title{font-size:var(--fs-2xl)}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-actions .btn{justify-content:center}.dhikr-grid{grid-template-columns:1fr}.section-header{flex-wrap:wrap}.section-reset-btn{text-align:center;order:3;width:100%;margin-inline-start:0}.dhikr-card{padding:var(--space-5)}.dhikr-text{font-size:1.2rem}.fullscreen-header{padding:var(--space-3) var(--space-4)}.fullscreen-icon{width:2.5rem;height:2.5rem}.fullscreen-icon .icon{width:1.25rem;height:1.25rem}.fullscreen-title{font-size:var(--fs-md)}.fullscreen-subtitle{font-size:var(--fs-xs)}.fullscreen-slides{padding:var(--space-4) var(--space-3)}.slide-card{padding:var(--space-5) var(--space-4);gap:var(--space-4);min-height:50vh}.slide-dhikr-text{margin-block:var(--space-3);font-size:clamp(1.15rem,3.8vw,1.45rem);line-height:1.9}.slide-note,.slide-virtue{font-size:var(--fs-xs);padding:var(--space-2) var(--space-3)}.slide-actions{padding:var(--space-3);gap:var(--space-3)}.slide-counter-btn{padding:var(--space-2-5) var(--space-4);min-width:100px}.slide-copy-btn,.slide-speak-btn{padding:var(--space-2-5) var(--space-3-5)}.fullscreen-footer{padding:var(--space-4);gap:var(--space-2)}.fullscreen-nav-btn{padding:var(--space-2-5) var(--space-5);font-size:var(--fs-xs);text-align:center;flex:1}.toast{left:var(--space-4);right:var(--space-4);text-align:center;white-space:normal;border-radius:var(--radius-md);transform:translateY(140%)}.toast.is-visible{transform:translateY(0)}}@media (width<=360px){.hero-title{font-size:var(--fs-xl)}.dhikr-card-actions{flex-direction:column;align-items:stretch}.copy-btn{align-self:center}}