:root{--c-ink-950:#051f20;--c-ink-800:#0b2b26;--c-ink-700:#163832;--c-ink-600:#235347;--c-mint-400:#8eb69b;--c-mint-50:#daf1de;--radius:20px;--radius-sm:12px;--radius-xs:8px;--container:72ch;--touch-target:44px;--fs-base:18px;--lh:1.9;--fs-sm:0.875em;--fs-lg:1.125em;--fs-xl:1.25em;--fs-2xl:1.5em;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.12);--shadow-lg:0 8px 32px rgba(0,0,0,.16);--shadow-xl:0 12px 48px rgba(0,0,0,.2);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}html[data-theme=light]{--bg-primary:var(--c-mint-50);--bg-secondary:#ebf6ef;--bg-tertiary:#f7fffb;--bg-overlay:rgba(5,31,32,.85);--text-primary:var(--c-ink-950);--text-secondary:var(--c-ink-700);--text-muted:var(--c-ink-600);--text-inverse:#fff;--accent-primary:var(--c-ink-700);--accent-secondary:var(--c-mint-400);--accent-hover:var(--c-ink-800);--border-subtle:rgba(22,56,50,.08);--border-default:rgba(22,56,50,.12);--border-strong:rgba(22,56,50,.2);--icon-primary:var(--c-ink-700);--icon-secondary:var(--c-ink-600);--icon-muted:var(--c-mint-400);color-scheme:light}html[data-theme=dark]{--bg-primary:var(--c-ink-950);--bg-secondary:var(--c-ink-800);--bg-tertiary:var(--c-ink-700);--bg-overlay:rgba(218,241,222,.95);--text-primary:#eaf6ef;--text-secondary:#c8e6d0;--text-muted:var(--c-mint-400);--text-inverse:var(--c-ink-950);--accent-primary:var(--c-mint-400);--accent-secondary:#a5d4b1;--accent-hover:#b5e7c3;--border-subtle:rgba(139,182,155,.1);--border-default:rgba(139,182,155,.15);--border-strong:rgba(139,182,155,.25);--icon-primary:var(--c-mint-400);--icon-secondary:#a5d4b1;--icon-muted:var(--c-ink-600);color-scheme:dark}@media (prefers-color-scheme:light){html[data-theme=auto]{--bg-primary:var(--c-mint-50);--bg-secondary:#ebf6ef;--bg-tertiary:#f7fffb;--bg-overlay:rgba(5,31,32,.85);--text-primary:var(--c-ink-950);--text-secondary:var(--c-ink-700);--text-muted:var(--c-ink-600);--text-inverse:#fff;--accent-primary:var(--c-ink-700);--accent-secondary:var(--c-mint-400);--accent-hover:var(--c-ink-800);--border-subtle:rgba(22,56,50,.08);--border-default:rgba(22,56,50,.12);--border-strong:rgba(22,56,50,.2);--icon-primary:var(--c-ink-700);--icon-secondary:var(--c-ink-600);--icon-muted:var(--c-mint-400);color-scheme:light}}@media (prefers-color-scheme:dark){html[data-theme=auto]{--bg-primary:var(--c-ink-950);--bg-secondary:var(--c-ink-800);--bg-tertiary:var(--c-ink-700);--bg-overlay:rgba(218,241,222,.95);--text-primary:#eaf6ef;--text-secondary:#c8e6d0;--text-muted:var(--c-mint-400);--text-inverse:var(--c-ink-950);--accent-primary:var(--c-mint-400);--accent-secondary:#a5d4b1;--accent-hover:#b5e7c3;--border-subtle:rgba(139,182,155,.1);--border-default:rgba(139,182,155,.15);--border-strong:rgba(139,182,155,.25);--icon-primary:var(--c-mint-400);--icon-secondary:#a5d4b1;--icon-muted:var(--c-ink-600);color-scheme:dark}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:var(--fs-base)}body{min-height:100vh;background:linear-gradient(180deg,var(--bg-primary),var(--bg-secondary));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans Arabic,Tajawal,Cairo,system-ui,sans-serif;line-height:var(--lh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;transition:background var(--transition-slow);padding-top:0}.container{max-width:var(--container);padding:var(--space-lg);margin-inline:auto}.site-header{padding-top:var(--space-xl);padding-bottom:var(--space-lg)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.header-actions{display:flex;gap:var(--space-sm)}.site-header h1{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.icon-btn{appearance:none;border:none;background:var(--bg-tertiary);color:var(--icon-primary);width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.icon-btn:hover{background:var(--accent-primary);color:var(--text-inverse);transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.icon-btn svg{fill:currentColor}.theme-toggle,.theme-toggle-container{position:relative}.theme-toggle{appearance:none;border:none;background:var(--bg-tertiary);color:var(--icon-primary);min-width:60px;height:var(--touch-target);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);cursor:pointer;transition:all var(--transition-base);padding:0 var(--space-sm);border:2px solid var(--border-default);overflow:hidden}.theme-toggle:hover{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary);transform:scale(1.05)}.theme-toggle svg{fill:currentColor;transition:all var(--transition-base)}.install-btn{background:var(--accent-primary)!important;color:var(--text-inverse)!important;animation:a 2s infinite}.install-btn:hover{animation:none;transform:scale(1.1)}@keyframes a{0%,to{transform:scale(1);box-shadow:var(--shadow-sm)}50%{transform:scale(1.05);box-shadow:var(--shadow-md)}}.install-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-tertiary);border-top:2px solid var(--border-strong);padding:var(--space-md);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);z-index:3;transform:translateY(100%);transition:transform var(--transition-base);box-shadow:0 -4px 20px rgba(0,0,0,.15)}.install-banner.show{transform:translateY(0)}.install-banner-content{display:flex;align-items:center;gap:var(--space-md)}.install-banner-icon{width:48px;height:48px;background:var(--accent-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-inverse)}.install-banner-text h3{margin:0;font-size:var(--fs-lg);color:var(--text-primary)}.install-banner-text p{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}.install-banner-actions{display:flex;gap:var(--space-sm)}.install-banner-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);border:none;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.install-banner-btn.primary{background:var(--accent-primary);color:var(--text-inverse)}.install-banner-btn.primary:hover{background:var(--accent-hover)}.install-banner-btn.secondary{background:transparent;color:var(--text-secondary)}.install-banner-btn.secondary:hover{background:var(--bg-secondary)}.theme-toggle .theme-icon-auto,.theme-toggle .theme-icon-dark,.theme-toggle .theme-icon-light{display:none;animation:b var(--transition-base)}html[data-theme=auto] .theme-toggle .theme-icon-auto,html[data-theme=dark] .theme-toggle .theme-icon-dark,html[data-theme=light] .theme-toggle .theme-icon-light{display:block}.theme-label{font-size:var(--fs-sm);font-weight:500;margin-right:var(--space-xs)}html[data-theme=light] .theme-toggle .theme-label:after{content:"فاتح"}html[data-theme=dark] .theme-toggle .theme-label:after{content:"داكن"}html[data-theme=auto] .theme-toggle .theme-label:after{content:"تلقائي"}.btn-secondary{appearance:none;border:2px solid var(--border-strong);background:transparent;color:var(--accent-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-xs);transition:all var(--transition-fast);min-height:var(--touch-target)}.btn-secondary:hover{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary svg{fill:currentColor}.focus-toggle{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.focus-toggle[aria-pressed=true]{background:var(--accent-secondary);box-shadow:var(--shadow-lg);transform:scale(1.05)}.toolbar{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius);padding:var(--space-sm);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px)}.toolbar-actions,.toolbar-group{display:flex;gap:var(--space-sm);align-items:center}.filter-group{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:2px;display:flex;gap:2px}.filter-btn{appearance:none;border:none;background:transparent;color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:calc(var(--radius-sm) - 2px);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-width:80px}.filter-btn.active{background:var(--bg-tertiary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.filter-btn:hover:not(.active){background:var(--bg-tertiary);opacity:.7}.progress-wrapper{position:sticky;top:0;z-index:2;background:var(--bg-primary);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base);box-shadow:0 2px 10px rgba(0,0,0,.1);margin:0 0 var(--space-md)}.progress-wrapper.stuck{box-shadow:0 4px 20px rgba(0,0,0,.15)}.progress-container{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-sm);height:32px;overflow:hidden;position:relative;box-shadow:var(--shadow-sm)}.progress-bar{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));height:100%;width:0;transition:width var(--transition-slow);position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:e 2s infinite}.progress-text{display:inline-block;margin-top:var(--space-sm);font-size:var(--fs-sm);color:var(--text-muted);font-weight:500;text-align:center;width:100%}.section-title{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-2xl) 0 var(--space-lg);font-size:var(--fs-xl);font-weight:600;color:var(--text-primary)}.section-icon{fill:var(--icon-primary);opacity:.8}.dhikr-card{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius);margin-bottom:var(--space-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.dhikr-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.dhikr-card.completed{opacity:.7;background:var(--bg-secondary)}.dhikr-top-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.dhikr-count-badge{background:var(--accent-primary);color:var(--text-inverse);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);font-weight:600;font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:var(--space-xs)}.dhikr-card.completed .dhikr-count-badge{background:var(--accent-secondary);opacity:.6}.info-btn{width:28px;height:28px;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--icon-secondary)}.info-btn:hover{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary);transform:scale(1.1)}.info-btn svg{fill:currentColor}.dhikr-content{padding:var(--space-lg)}.dhikr-text{font-size:var(--fs-lg);line-height:1.8;margin-bottom:var(--space-md);color:var(--text-primary)}.dhikr-text strong{color:var(--accent-primary);font-weight:600}.ayah{font-family:Amiri Quran,Scheherazade,Traditional Arabic,serif;font-size:1.15em;line-height:2.2;color:var(--text-secondary)}.dhikr-benefit{display:block;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.75em;font-style:italic;opacity:.85;line-height:1.5}.dhikr-controls{gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);width:fit-content;margin-top:var(--space-md)}.counter-btn,.dhikr-controls{display:flex;align-items:center}.counter-btn{width:var(--touch-target);height:var(--touch-target);border:none;border-radius:var(--radius-sm);justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.counter-btn.decrease{background:var(--accent-primary);color:var(--text-inverse)}.counter-btn.decrease:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.1)}.counter-btn.decrease:disabled{opacity:.4;cursor:not-allowed}.counter-btn.reset{background:var(--bg-tertiary);color:var(--icon-secondary);border:1px solid var(--border-default)}.counter-btn.reset:hover{background:var(--accent-secondary);color:var(--text-inverse);border-color:var(--accent-secondary)}.counter-btn svg{fill:currentColor}.counter-display{min-width:60px;text-align:center;font-size:var(--fs-xl);font-weight:700;color:var(--accent-primary);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-xs)}.completion-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.dhikr-card.completed .completion-overlay{opacity:1}.completion-overlay .checkmark{fill:var(--accent-secondary);animation:f .5s cubic-bezier(.68,-.55,.265,1.55)}.modal{display:none;position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(10px);z-index:4;padding:var(--space-lg);overflow-y:auto;animation:b var(--transition-base)}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:var(--radius);max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:c var(--transition-slow)}.modal-small{max-width:350px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-default)}.modal-header h2,.modal-header h3{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary)}.modal-close{width:var(--touch-target);height:var(--touch-target);border:none;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--accent-primary);color:var(--text-inverse)}.modal-close svg{fill:currentColor}.modal-body{padding:var(--space-lg);overflow-y:auto}.modal-confirm{max-width:400px;animation:h var(--transition-base)}.confirm-icon{display:flex;justify-content:center;margin-bottom:var(--space-md)}.confirm-icon svg{fill:var(--accent-secondary);opacity:.8}#confirmMessage{font-size:var(--fs-lg);font-weight:500;color:var(--text-primary);text-align:center;margin-bottom:var(--space-sm)}.confirm-subtext{font-size:var(--fs-sm);color:var(--text-muted);text-align:center;margin-top:var(--space-xs)}.modal-footer{display:flex;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--border-default);justify-content:center}.btn-modal-primary,.btn-modal-secondary{appearance:none;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-xs);transition:all var(--transition-fast);min-width:100px;justify-content:center}.btn-modal-primary{background:var(--accent-primary);color:var(--text-inverse)}.btn-modal-primary:hover{background:var(--accent-hover);transform:scale(1.05)}.btn-modal-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-default)}.btn-modal-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.btn-modal-primary svg,.btn-modal-secondary svg{fill:currentColor}.settings-group{margin-bottom:var(--space-xl)}.settings-group label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--text-primary)}.slider-container{display:flex;align-items:center;gap:var(--space-md)}.slider-container input[type=range]{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;outline:none;-webkit-appearance:none}.slider-container input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-md)}.slider-container span{min-width:50px;text-align:center;font-weight:600;color:var(--accent-primary)}.toggle-group{display:flex;align-items:center;gap:var(--space-sm)}.toggle-group input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent-primary)}.focus-overlay{display:none;position:fixed;inset:0;background:var(--bg-primary);z-index:5;padding:var(--space-md);overflow:auto;-webkit-overflow-scrolling:touch}.focus-overlay.active{flex-direction:column;animation:b var(--transition-slow)}.focus-exit,.focus-overlay.active{display:flex;align-items:center;justify-content:center}.focus-exit{position:absolute;top:var(--space-lg);left:var(--space-lg);width:48px;height:48px;border:2px solid var(--border-strong);background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.focus-exit:hover{background:var(--accent-primary);color:var(--text-inverse);transform:scale(1.1)}.focus-exit svg{fill:currentColor}.focus-content{max-width:600px;width:100%;margin:0 auto;padding:var(--space-md) 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}#focusCard{transform:none;margin-bottom:var(--space-xl)}#focusCard .dhikr-card{transform:scale(1);margin:0}.focus-nav{gap:var(--space-xl)}.focus-nav,.focus-next,.focus-prev{display:flex;justify-content:center}.focus-next,.focus-prev{width:64px;height:64px;border:2px solid var(--border-strong);background:var(--bg-tertiary);border-radius:50%;align-items:center;cursor:pointer;transition:all var(--transition-fast)}.focus-next:hover,.focus-prev:hover{background:var(--accent-primary);color:var(--text-inverse);transform:scale(1.1)}.focus-next:disabled,.focus-prev:disabled{opacity:.3;cursor:not-allowed}.focus-next svg,.focus-prev svg{fill:currentColor}.focus-counter{text-align:center;margin-top:var(--space-md);color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-xs);display:inline-block;margin-left:auto;margin-right:auto}#toast-container{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:8;pointer-events:none}.toast{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-strong);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);margin-block:var(--space-sm);opacity:0;transform:translateX(100%);animation:g .3s forwards;pointer-events:auto;font-size:var(--fs-sm);font-weight:500;backdrop-filter:blur(10px)}.toast.success{border-color:var(--accent-secondary);border-width:2px}.time-badge{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-sm);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:1;box-shadow:var(--shadow-md);backdrop-filter:blur(10px);cursor:pointer;user-select:none}.time-badge.visible{opacity:.95;visibility:visible;animation:d .5s ease-out}.time-badge.hiding{opacity:0;transform:translateX(-50%) translateY(-20px);transition:all .3s ease-in}.time-badge.morning{background:linear-gradient(135deg,#fff8dc,#ffe4b5);border-color:gold;color:#8b4513}.time-badge.evening{background:linear-gradient(135deg,#191970,indigo);border-color:#9370db;color:#e6e6fa}.time-badge:hover{opacity:1;transform:translateX(-50%) scale(1.05)}.time-badge:active{transform:translateX(-50%) scale(.98)}.time-icon{font-size:1.2em;animation:i 2s ease-in-out infinite}.time-text{font-size:var(--fs-sm);font-weight:500}.time-close{margin-right:calc(var(--space-xs) * -1);font-size:1.5em;line-height:1;color:currentColor;opacity:.7;transition:opacity var(--transition-fast)}.time-badge:hover .time-close{opacity:1}.time-badge:after{content:"";position:absolute;bottom:0;right:0;height:2px;background:currentColor;opacity:.3;animation:j 7s linear forwards;border-radius:0 0 var(--radius) 0}.back-to-top{position:fixed;bottom:var(--space-xl);left:var(--space-xl);width:40px;height:40px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:2;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.back-to-top.visible{opacity:.8;visibility:visible}.back-to-top:hover{opacity:1;transform:translateY(-3px);box-shadow:var(--shadow-md);background:var(--accent-primary);border-color:var(--accent-primary)}.back-to-top:hover svg{fill:var(--text-inverse)}.back-to-top:active{transform:translateY(-1px)}.back-to-top svg{fill:var(--icon-primary);transition:fill var(--transition-fast)}.back-to-top.first-show{animation:k .5s ease-out}.site-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-default);padding:var(--space-xl) 0;margin-top:var(--space-2xl)}.site-footer .container{text-align:center}.site-footer p{color:var(--text-muted);margin-bottom:var(--space-md);font-size:var(--fs-sm)}.site-footer nav{display:flex;justify-content:center;gap:var(--space-lg)}.site-footer a{color:var(--text-secondary);text-decoration:none;font-size:var(--fs-sm);transition:color var(--transition-fast);padding:var(--space-xs) var(--space-sm)}.site-footer a:hover{color:var(--accent-primary);text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.keyboard-shortcuts-modal{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:5;animation:b var(--transition-base)}.shortcuts-list{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm);margin:var(--space-lg) 0}.shortcuts-list dt{font-family:monospace;background:var(--bg-secondary);border-radius:var(--radius-xs);font-weight:600}.shortcuts-list dd,.shortcuts-list dt{padding:var(--space-xs) var(--space-sm)}.shortcuts-list dd{margin:0}@keyframes b{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes d{0%{transform:translateX(-50%) translateY(-30px);opacity:0}50%{transform:translateX(-50%) translateY(0) scale(1.05);opacity:.95}to{transform:translateX(-50%) translateY(0) scale(1);opacity:.95}}@keyframes e{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes f{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes g{to{opacity:1;transform:translateX(0)}}@keyframes h{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes i{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes j{0%{width:100%}to{width:0}}@keyframes k{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}:focus-visible{border-radius:4px;outline:3px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-xs)}.dhikr-card:focus{transform:scale(1.02);box-shadow:var(--shadow-lg)}html[data-theme=dark] .confirm-icon svg{fill:var(--accent-primary)}html[data-theme=dark] .btn-modal-secondary{background:var(--bg-tertiary);border-color:var(--border-strong)}html[data-theme=dark] .btn-modal-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}html[data-theme=dark] .time-badge.morning{background:linear-gradient(135deg,#4a5f7a,#6b8cae);border-color:#87ceeb;color:#f0f8ff}html[data-theme=dark] .time-badge.evening{background:linear-gradient(135deg,#2c1810,#4a3020);border-color:#8b4513;color:#ffe4b5}html[data-theme=dark] .back-to-top{background:var(--bg-secondary);border-color:var(--border-strong)}html[data-theme=dark] .back-to-top:hover{background:var(--accent-primary);border-color:var(--accent-primary)}@media (prefers-color-scheme:dark){html[data-theme=auto] .confirm-icon svg{fill:var(--accent-primary)}html[data-theme=auto] .btn-modal-secondary{background:var(--bg-tertiary);border-color:var(--border-strong)}html[data-theme=auto] .btn-modal-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}html[data-theme=auto] .back-to-top{background:var(--bg-secondary);border-color:var(--border-strong)}html[data-theme=auto] .back-to-top:hover{background:var(--accent-primary);border-color:var(--accent-primary)}}@media (max-width:768px){:root{--fs-base:16px}.toolbar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.toolbar-actions,.toolbar-group{width:100%;justify-content:space-between}.theme-toggle{min-width:100px}.site-footer nav{flex-direction:column;gap:var(--space-sm)}#toast-container{bottom:var(--space-md);right:var(--space-md);left:var(--space-md)}.toast{width:100%}.dhikr-top-bar{padding:var(--space-xs) var(--space-sm)}.dhikr-count-badge{font-size:.75rem}.progress-wrapper{padding:var(--space-xs) var(--space-md)}.time-badge{top:60px;font-size:.9em;padding:var(--space-xs) var(--space-sm);max-width:90%}.back-to-top{bottom:var(--space-lg);left:var(--space-md);width:36px;height:36px}.back-to-top svg{width:18px;height:18px}.focus-overlay{padding:var(--space-sm)}.focus-content{padding-top:60px;justify-content:flex-start}#focusCard{transform:none;margin-bottom:var(--space-md)}#focusCard .dhikr-card{margin:0;transform:none;box-shadow:var(--shadow-md)}.focus-nav{position:fixed;bottom:var(--space-lg);left:50%;transform:translateX(-50%);background:var(--bg-secondary);padding:var(--space-sm);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:6}.focus-exit{position:fixed;top:var(--space-sm);right:var(--space-sm);left:auto;z-index:7}.focus-next,.focus-prev{width:48px;height:48px}}@media (max-width:430px){.filter-group{width:100%;justify-content:stretch}.filter-btn{flex:1;min-width:0;font-size:.75rem;white-space:nowrap}.filter-btn,.toolbar{padding:var(--space-xs)}.toolbar{gap:var(--space-xs)}.toolbar-actions,.toolbar-group{width:100%}.btn-secondary span{display:none}.theme-toggle{min-width:44px;padding:0}.theme-label{display:none}}@media (max-width:400px){.toolbar{overflow-x:auto;-webkit-overflow-scrolling:touch}.toolbar-group{flex-shrink:0}}@media (orientation:landscape) and (max-height:600px){.site-header{padding-top:var(--space-md);padding-bottom:var(--space-sm)}.site-header h1{font-size:1.5rem}.dhikr-card{margin-bottom:var(--space-sm)}.dhikr-content{padding:var(--space-sm) var(--space-md)}.progress-wrapper{padding:var(--space-xs) var(--space-md)}}@media (orientation:landscape) and (max-height:500px){.focus-content{min-height:auto;padding:var(--space-md) 0}.focus-nav{bottom:var(--space-sm)}}@media print{#toast-container,.back-to-top,.dhikr-controls,.focus-overlay,.icon-btn,.modal,.progress-wrapper,.site-footer nav,.toolbar{display:none!important}.dhikr-card{page-break-inside:avoid;border:1px solid #000;margin:1rem 0}body{background:#fff;color:#000}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.back-to-top{transition:opacity var(--transition-fast)}.back-to-top.first-show{animation:none}}@media (prefers-contrast:high){.dhikr-card,.modal-content{border-width:2px}.btn-secondary,.theme-toggle{border-width:3px}}html[dir=rtl] .back-to-top{left:var(--space-xl);right:auto}