@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";.navbar{z-index:100;background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);box-shadow:var(--shadow-navbar);padding-bottom:env(safe-area-inset-bottom,0);-webkit-backdrop-filter:blur(12px);transition:background-color .3s;position:fixed;bottom:0;left:0;right:0}.navbar-inner{max-width:500px;height:var(--navbar-height);padding:0 var(--space-xs);justify-content:space-around;align-items:center;margin:0 auto;display:flex;position:relative}.navbar-item{height:100%;padding:var(--space-xs);color:var(--color-text-muted);-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;border-radius:var(--radius-md);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;transition:color .2s;display:flex;position:relative}.navbar-item:hover{color:var(--color-primary)}.navbar-item.active:before{content:"";background-color:var(--color-primary);opacity:1;border-radius:50%;width:4px;height:4px;transition:opacity .2s;position:absolute;top:6px;left:50%;transform:translate(-50%)}.navbar-icon-wrap{border-radius:var(--radius-xl);justify-content:center;align-items:center;width:44px;height:28px;transition:background-color .25s,transform .2s;display:flex;position:relative}.navbar-item.active .navbar-icon-wrap{background-color:var(--color-primary-lighter);animation:.3s navbarPop;transform:translateY(-1px)}.navbar-item:active .navbar-icon-wrap{transform:scale(.9)}.navbar-icon{font-size:1.3rem;line-height:1;transition:transform .2s;display:block}.navbar-item.active .navbar-icon{filter:drop-shadow(0 1px 4px var(--color-primary-glow));transform:scale(1.1)}.navbar-label{font-size:.6rem;font-weight:var(--fw-semibold);font-family:var(--font-heading);letter-spacing:.01em;white-space:nowrap;transition:color .2s}.navbar-item.active{color:var(--color-primary)}.navbar-item.active .navbar-label{font-weight:var(--fw-bold)}@supports (padding-bottom:env(safe-area-inset-bottom)){.navbar{padding-bottom:env(safe-area-inset-bottom)}}@media (width>=480px){.navbar-inner{max-width:460px;padding:0 var(--space-sm);gap:var(--space-xs)}.navbar-icon-wrap{width:52px}.navbar-label{font-size:.65rem}}@media (width>=768px){.navbar-inner{max-width:640px}.navbar-label{font-size:.7rem}.navbar-icon{font-size:1.4rem}}@media (height<=500px) and (orientation:landscape){:root{--navbar-height:56px}.navbar-label{display:none}.navbar-icon-wrap{height:36px}}.home-header{text-align:center;padding:var(--space-lg) 0 var(--space-md);animation:.4s fadeIn}.home-logo{margin-bottom:var(--space-sm);filter:drop-shadow(0 2px 8px #1b5e3b33);font-size:2.8rem}.home-title{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-primary);letter-spacing:-.5px;margin-bottom:2px}.home-subtitle{font-size:var(--fs-sm);color:var(--color-text-muted);font-weight:var(--fw-medium)}.quick-access-card{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary-dark) 100%);border-radius:var(--radius-lg);padding:var(--space-xl);color:var(--color-text-inverse);margin-bottom:var(--space-xl);cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:.4s 80ms backwards fadeInUp;display:block;position:relative;overflow:hidden}.quick-access-card:before{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:220px;height:220px;position:absolute;top:-40%;left:-20%}.quick-access-card:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-50%;right:-10%}.quick-access-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.quick-access-card:active{transform:scale(.98)}.quick-access-content{z-index:1;position:relative}.quick-access-label{font-size:var(--fs-xs);opacity:.85;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--fw-semibold)}.quick-access-dhikr{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-sm)}.quick-access-stats{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.quick-access-count{font-family:var(--font-counter);font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:1}.quick-access-of{font-size:var(--fs-sm);opacity:.8}.quick-access-cta{align-items:center;gap:var(--space-sm);border-radius:var(--radius-xl);padding:var(--space-xs) var(--space-md);font-size:var(--fs-sm);font-weight:var(--fw-semibold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;display:inline-flex}.home-section{margin-bottom:var(--space-xl);animation:.4s backwards fadeInUp}.home-section:nth-child(3){animation-delay:.12s}.home-section:nth-child(4){animation-delay:.2s}.home-section:nth-child(5){animation-delay:.28s}.home-section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.home-section-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);align-items:center;gap:var(--space-sm);display:flex}.home-section-link{font-size:var(--fs-sm);color:var(--color-primary);font-weight:var(--fw-semibold);transition:var(--transition-fast);white-space:nowrap}.home-section-link:hover{color:var(--color-primary-light)}.home-quran-banner{background:linear-gradient(135deg, var(--color-secondary-lighter), #fff8e6);border:1.5px solid var(--color-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);align-items:center;gap:var(--space-md);cursor:pointer;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:.4s .16s backwards fadeInUp;display:flex}[data-theme=dark] .home-quran-banner{background:linear-gradient(135deg, var(--color-secondary-lighter), #1a1500)}.home-quran-banner:hover{transform:translateY(-2px);box-shadow:0 4px 16px #c8a95138}.home-quran-banner:active{transform:scale(.98)}.home-quran-icon{flex-shrink:0;font-size:2.4rem}.home-quran-text h3{font-family:var(--font-heading);font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--color-secondary-dark);margin-bottom:2px}.home-quran-text p{font-size:var(--fs-xs);color:var(--color-text-muted)}.home-quran-arrow{color:var(--color-secondary);font-size:var(--fs-lg);margin-right:auto}.daily-reminder{text-align:center;padding:var(--space-xl);background:linear-gradient(135deg, var(--color-secondary-lighter), var(--color-bg-card));border:1px solid var(--color-secondary-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}[data-theme=dark] .daily-reminder{background:linear-gradient(135deg, var(--color-secondary-lighter), var(--color-bg-card))}.daily-reminder-icon{margin-bottom:var(--space-sm);font-size:1.6rem}.daily-reminder-text{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--color-text);margin-bottom:var(--space-sm);line-height:1.9}.daily-reminder-source{font-size:var(--fs-xs);color:var(--color-text-muted);display:block}@media (width>=640px){.home-title{font-size:2.2rem}.quick-access-card{padding:var(--space-2xl)}}@media (width>=768px){.home-header{padding:var(--space-xl) 0 var(--space-lg)}.home-logo{font-size:3.2rem}}.adhkar-categories-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.adhkar-category-card{background-color:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-md);text-align:center;border:1.5px solid var(--color-border-light);cursor:pointer;color:inherit;align-items:center;gap:var(--space-sm);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.35s backwards fadeInUp;display:flex}.adhkar-category-card:first-child{animation-delay:40ms}.adhkar-category-card:nth-child(2){animation-delay:80ms}.adhkar-category-card:nth-child(3){animation-delay:.12s}.adhkar-category-card:nth-child(4){animation-delay:.16s}.adhkar-category-card:nth-child(5){animation-delay:.2s}.adhkar-category-card:nth-child(6){animation-delay:.24s}.adhkar-category-card:nth-child(7){animation-delay:.28s}.adhkar-category-card:nth-child(8){animation-delay:.32s}.adhkar-category-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-3px)}.adhkar-category-card:active{transform:scale(.96)}.adhkar-category-card.quran-card{border-color:var(--color-secondary);background:linear-gradient(135deg, var(--color-bg-card), var(--color-secondary-lighter))}.adhkar-category-card.quran-card:hover{border-color:var(--color-secondary-dark);box-shadow:0 4px 16px #c8a95133}.adhkar-category-icon{font-size:2.2rem;line-height:1}.adhkar-category-name{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text);line-height:1.3}.adhkar-category-count{font-size:var(--fs-xs);color:var(--color-text-muted);font-weight:var(--fw-medium)}.adhkar-category-header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.adhkar-back-btn{border-radius:var(--radius-full);background-color:var(--color-bg-card);width:40px;height:40px;color:var(--color-text-secondary);font-size:var(--fs-lg);border:1.5px solid var(--color-border);transition:var(--transition-fast);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.adhkar-back-btn:hover{background-color:var(--color-primary-lighter);color:var(--color-primary);border-color:var(--color-primary)}.adhkar-category-title-wrapper{flex:1}.adhkar-category-page-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:1.3}.adhkar-category-desc{font-size:var(--fs-sm);color:var(--color-text-muted);margin-top:2px}.adhkar-list{gap:var(--space-md);flex-direction:column;display:flex}.dhikr-card{background-color:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-lg);border:1.5px solid var(--color-border-light);transition:box-shadow .2s;animation:.35s backwards fadeInUp}.dhikr-card:hover{box-shadow:var(--shadow-md)}.dhikr-card.quran-dhikr-card{border-right:3px solid var(--color-secondary);background:linear-gradient(135deg, var(--color-bg-card) 85%, var(--color-secondary-lighter))}.dhikr-card-text{font-family:var(--font-heading);font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:var(--fw-medium);color:var(--color-text);margin-bottom:var(--space-md);text-align:center;line-height:2}.dhikr-card-meta{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.dhikr-card-count{padding:3px var(--space-sm);border-radius:var(--radius-xs);background-color:var(--color-secondary-lighter);color:var(--color-secondary-dark);font-size:var(--fs-xs);font-weight:var(--fw-bold);align-items:center;gap:4px;display:inline-flex}.dhikr-card-source{font-size:var(--fs-xs);color:var(--color-text-muted);align-items:center;gap:4px;font-style:italic;display:inline-flex}.dhikr-card-action{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-text-inverse);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-sm);-webkit-tap-highlight-color:transparent;border:none;display:flex}.dhikr-card-action:hover{background-color:var(--color-primary-light);box-shadow:0 3px 10px var(--color-primary-glow)}.dhikr-card-action:active{transform:scale(.97)}.dhikr-card.quran-dhikr-card .dhikr-card-action{background-color:var(--color-secondary-dark)}.dhikr-card.quran-dhikr-card .dhikr-card-action:hover{background-color:var(--color-secondary);box-shadow:0 3px 10px #c8a95140}@media (width>=480px){.adhkar-categories-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.adhkar-category-icon{font-size:2.5rem}.adhkar-category-name{font-size:var(--fs-base)}}@media (width>=640px){.adhkar-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.adhkar-categories-grid{grid-template-columns:repeat(4,1fr)}.dhikr-card-text{font-size:1.05rem}}@media (width<=360px){.adhkar-category-card{padding:var(--space-md) var(--space-sm)}.adhkar-category-icon{font-size:1.8rem}.dhikr-card{padding:var(--space-md)}}.tasbeeh-page{min-height:calc(100dvh - var(--navbar-height) - 2rem);padding:var(--space-md) var(--space-md) var(--space-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.tasbeeh-dhikr-name{font-family:var(--font-heading);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--color-primary);padding:var(--space-sm) var(--space-lg);background-color:var(--color-primary-lighter);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:var(--space-sm);-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;max-width:92%;display:inline-flex}.tasbeeh-dhikr-name:hover{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.tasbeeh-dhikr-name:active{transform:scale(.97)}.tasbeeh-dhikr-name .change-icon{font-size:var(--fs-xs);opacity:.65}.tasbeeh-counter-wrapper{margin:var(--space-md) 0;flex-direction:column;align-items:center;display:flex;position:relative}.tasbeeh-progress-ring{justify-content:center;align-items:center;width:210px;height:210px;display:flex;position:relative}.tasbeeh-progress-ring svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.tasbeeh-progress-ring .progress-bg{fill:none;stroke:var(--color-border);stroke-width:5px;opacity:.7}.tasbeeh-progress-ring .progress-fill{fill:none;stroke:var(--color-primary);stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--color-primary-glow));transition:stroke-dashoffset .3s,stroke .3s}.tasbeeh-count-display{z-index:1;flex-direction:column;align-items:center;display:flex}.tasbeeh-count-number{font-family:var(--font-counter);font-size:clamp(2.8rem,10vw,4.5rem);font-weight:var(--fw-bold);color:var(--color-text);will-change:transform;line-height:1;transition:color .15s}.tasbeeh-count-number.bump{animation:.18s countUp}.tasbeeh-count-goal{font-size:var(--fs-sm);color:var(--color-text-muted);font-weight:var(--fw-medium);margin-top:4px}.tasbeeh-btn-wrapper{margin:var(--space-lg) 0 var(--space-md);position:relative}.tasbeeh-btn{width:var(--tasbeeh-btn-size);height:var(--tasbeeh-btn-size);border-radius:var(--radius-full);background:linear-gradient(145deg, var(--color-primary-light), var(--color-primary-dark));color:var(--color-text-inverse);font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);box-shadow:var(--shadow-tasbeeh);will-change:transform;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;border:none;justify-content:center;align-items:center;transition:transform .1s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.tasbeeh-btn:active{box-shadow:var(--shadow-tasbeeh-active);transform:scale(.91)}.tasbeeh-btn .ripple{pointer-events:none;background:#ffffff47;border-radius:50%;width:44px;height:44px;animation:.55s ease-out forwards ripple;position:absolute}.tasbeeh-btn-icon{pointer-events:none;filter:drop-shadow(0 2px 6px #0003);font-size:clamp(2rem,8vw,2.6rem)}.tasbeeh-controls{align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.tasbeeh-control-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-xl);background-color:var(--color-bg-card);color:var(--color-text-secondary);font-size:var(--fs-sm);font-family:var(--font-heading);font-weight:var(--fw-medium);border:1.5px solid var(--color-border);transition:var(--transition-fast);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:6px;display:flex}.tasbeeh-control-btn:hover{background-color:var(--color-bg-card-hover);color:var(--color-text);border-color:var(--color-border)}.tasbeeh-control-btn:active{transform:scale(.95)}.tasbeeh-control-btn.reset-btn:hover{color:var(--color-danger);border-color:var(--color-danger);background-color:#c6282814}.tasbeeh-control-btn .icon{font-size:1.1em}.dhikr-selector-overlay,.goal-selector-overlay{background-color:var(--color-bg-overlay);z-index:200;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.dhikr-selector-panel{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:500px;max-height:75vh;padding:var(--space-lg);scrollbar-width:thin;scrollbar-color:var(--color-primary-lighter) transparent;animation:.28s slideUp;overflow-y:auto}.goal-selector-panel{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:500px;padding:var(--space-lg);animation:.28s slideUp}.dhikr-selector-panel:before,.goal-selector-panel:before{content:"";background-color:var(--color-border);width:40px;height:4px;margin:0 auto var(--space-lg);border-radius:99px;display:block}.dhikr-selector-header,.goal-selector-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.dhikr-selector-title,.goal-selector-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.dhikr-selector-close{border-radius:var(--radius-full);background-color:var(--color-bg-card);width:34px;height:34px;color:var(--color-text-secondary);font-size:var(--fs-md);transition:var(--transition-fast);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dhikr-selector-close:hover{background-color:var(--color-bg-card-hover);color:var(--color-text)}.dhikr-quick-list{gap:var(--space-sm);flex-direction:column;display:flex}.dhikr-quick-item{padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--color-bg-card);border:1.5px solid var(--color-border-light);cursor:pointer;transition:var(--transition-fast);text-align:right;justify-content:space-between;align-items:center;display:flex}.dhikr-quick-item:hover,.dhikr-quick-item.active{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.dhikr-quick-item-text{font-family:var(--font-heading);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--color-text)}.dhikr-quick-item-check{color:var(--color-primary);font-size:var(--fs-lg);font-weight:var(--fw-bold);flex-shrink:0}.dhikr-custom-input-wrapper,.goal-custom-input-wrapper{margin-top:var(--space-md);gap:var(--space-sm);display:flex}.dhikr-custom-input,.goal-custom-input{padding:var(--space-md);border-radius:var(--radius-md);font-family:var(--font-heading);font-size:var(--fs-base);flex:1}.goal-custom-input{text-align:center;font-size:var(--fs-lg)}.dhikr-custom-btn,.goal-custom-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-text-inverse);font-family:var(--font-heading);font-weight:var(--fw-semibold);font-size:var(--fs-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:none;flex-shrink:0}.dhikr-custom-btn:hover,.goal-custom-btn:hover{background-color:var(--color-primary-light)}.dhikr-custom-btn:disabled,.goal-custom-btn:disabled{opacity:.45;cursor:not-allowed}.goal-quick-list{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.goal-quick-item{padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--color-bg-card);border:1.5px solid var(--color-border-light);text-align:center;font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);cursor:pointer;transition:var(--transition-fast);color:var(--color-text-secondary)}.goal-quick-item:hover,.goal-quick-item.active{border-color:var(--color-secondary);background-color:var(--color-secondary-lighter);color:var(--color-secondary-dark)}.goal-alert-overlay{background-color:var(--color-bg-overlay);z-index:300;padding:var(--space-lg);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.goal-alert-card{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);text-align:center;width:100%;max-width:360px;box-shadow:var(--shadow-xl);animation:.35s fadeInScale}.goal-alert-icon{margin-bottom:var(--space-md);font-size:3.5rem;animation:.9s celebrate;display:block}.goal-alert-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-primary);margin-bottom:var(--space-sm)}.goal-alert-text{font-size:var(--fs-base);color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.7}.goal-alert-actions{gap:var(--space-sm);flex-direction:column;display:flex}.goal-alert-actions .btn{width:100%;padding:var(--space-md);border-radius:var(--radius-md)}@media (width>=480px){.tasbeeh-progress-ring{width:230px;height:230px}:root{--tasbeeh-btn-size:176px}}@media (width>=768px){.tasbeeh-progress-ring{width:260px;height:260px}:root{--tasbeeh-btn-size:196px}.dhikr-selector-panel,.goal-selector-panel{max-width:640px}}@media (width<=360px){.tasbeeh-progress-ring{width:190px;height:190px}:root{--tasbeeh-btn-size:148px}.tasbeeh-count-number{font-size:3rem}}@media (height<=600px) and (orientation:landscape){.tasbeeh-page{gap:var(--space-md);padding:var(--space-sm) var(--space-md);flex-flow:wrap;justify-content:center;min-height:auto}.tasbeeh-counter-wrapper,.tasbeeh-btn-wrapper{margin:0}.tasbeeh-progress-ring{width:160px;height:160px}:root{--tasbeeh-btn-size:130px}}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{background-color:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;border:1px solid var(--color-border-light);animation:.4s backwards fadeInUp}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card-icon{margin-bottom:var(--space-sm);font-size:1.5rem}.stat-card-number{font-family:var(--font-counter);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-primary);margin-bottom:var(--space-xs);line-height:1}.stat-card-label{font-size:var(--fs-xs);color:var(--color-text-muted);font-weight:var(--fw-medium)}.top-dhikr-section{animation:.4s .3s backwards fadeInUp}.top-dhikr-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);display:flex}.top-dhikr-list{gap:var(--space-sm);flex-direction:column;display:flex}.top-dhikr-item{padding:var(--space-md);background-color:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.top-dhikr-rank{border-radius:var(--radius-full);background-color:var(--color-primary-lighter);width:28px;height:28px;color:var(--color-primary);font-weight:var(--fw-bold);font-size:var(--fs-sm);margin-left:var(--space-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.top-dhikr-text{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-medium);flex:1}.top-dhikr-count{font-size:var(--fs-sm);color:var(--color-text-muted);font-weight:var(--fw-semibold)}.stats-empty{text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--color-text-muted)}.stats-empty-icon{margin-bottom:var(--space-md);font-size:3rem}.stats-empty-text{font-size:var(--fs-base);margin-bottom:var(--space-sm)}.stats-empty-hint{font-size:var(--fs-sm);color:var(--color-text-muted)}.settings-list{gap:var(--space-sm);flex-direction:column;display:flex}.settings-item{padding:var(--space-md) var(--space-lg);background-color:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-light);justify-content:space-between;align-items:center;animation:.3s backwards fadeInUp;display:flex}.settings-item:first-child{animation-delay:50ms}.settings-item:nth-child(2){animation-delay:.1s}.settings-item:nth-child(3){animation-delay:.15s}.settings-item:nth-child(4){animation-delay:.2s}.settings-item-info{align-items:center;gap:var(--space-md);display:flex}.settings-item-icon{border-radius:var(--radius-sm);background-color:var(--color-primary-lighter);width:40px;height:40px;color:var(--color-primary);font-size:var(--fs-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-item-text{flex-direction:column;display:flex}.settings-item-label{font-family:var(--font-heading);font-size:var(--fs-base);font-weight:var(--fw-medium)}.settings-item-desc{font-size:var(--fs-xs);color:var(--color-text-muted)}.toggle-switch{background-color:var(--color-border);cursor:pointer;width:52px;height:28px;transition:var(--transition-base);border:none;border-radius:14px;flex-shrink:0;position:relative}.toggle-switch.active{background-color:var(--color-primary)}.toggle-switch-knob{border-radius:var(--radius-full);width:22px;height:22px;transition:var(--transition-base);background-color:#fff;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-switch-knob{right:27px}.settings-reset{margin-top:var(--space-xl)}.settings-reset-btn{width:100%;padding:var(--space-md);border-radius:var(--radius-md);border:1.5px solid var(--color-danger);color:var(--color-danger);font-family:var(--font-heading);font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-sm);background-color:#0000;display:flex}.settings-reset-btn:hover{background-color:var(--color-danger);color:#fff}.settings-reset-btn:active{transform:scale(.97)}.confirm-overlay{background-color:var(--color-bg-overlay);z-index:200;padding:var(--space-lg);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.confirm-card{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;width:100%;max-width:320px;box-shadow:var(--shadow-xl);animation:.3s fadeInScale}.confirm-icon{margin-bottom:var(--space-md);font-size:2.5rem}.confirm-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--space-sm)}.confirm-text{font-size:var(--fs-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.6}.confirm-actions{gap:var(--space-sm);display:flex}.confirm-actions .btn{padding:var(--space-md);border-radius:var(--radius-md);font-weight:var(--fw-semibold);flex:1}.confirm-cancel{background-color:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text)}.confirm-cancel:hover{background-color:var(--color-bg-card-hover)}.confirm-delete{background-color:var(--color-danger);color:#fff;border:none}.confirm-delete:hover{opacity:.9}:root{--color-bg:#f5f3ed;--color-bg-secondary:#fff;--color-bg-card:#fff;--color-bg-card-hover:#f0ede4;--color-bg-overlay:#00000073;--color-primary:#1b5e3b;--color-primary-light:#2e7d53;--color-primary-lighter:#e6f2ec;--color-primary-dark:#0d3f26;--color-primary-glow:#1b5e3b2e;--color-secondary:#c8a951;--color-secondary-light:#d4b96a;--color-secondary-lighter:#fbf4df;--color-secondary-dark:#a88a30;--color-accent:#2e86ab;--color-accent-lighter:#e3f2f8;--color-text:#1e1e1e;--color-text-secondary:#5a5a5a;--color-text-muted:#9e9e9e;--color-text-inverse:#fff;--color-border:#e2ddd3;--color-border-light:#ede9e0;--color-success:#2e7d52;--color-warning:#e07b00;--color-danger:#c62828;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 6px #0000000f;--shadow-md:0 4px 16px #00000017;--shadow-lg:0 8px 28px #0000001f;--shadow-xl:0 16px 48px #00000029;--shadow-tasbeeh:0 8px 28px #1b5e3b47;--shadow-tasbeeh-active:0 3px 10px #1b5e3b52;--shadow-navbar:0 -4px 20px #00000012;--font-heading:"Noto Kufi Arabic", "Segoe UI", sans-serif;--font-body:"Noto Sans Arabic", "Segoe UI", sans-serif;--font-counter:"Noto Kufi Arabic", "Segoe UI", sans-serif;--fs-xs:.72rem;--fs-sm:.85rem;--fs-base:1rem;--fs-md:1.1rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--fs-4xl:3.5rem;--fs-5xl:4.5rem;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:50%;--transition-fast:all .15s ease;--transition-base:all .25s ease;--transition-slow:all .4s ease;--navbar-height:72px;--scrollbar-width:5px;--scrollbar-thumb:var(--color-primary-lighter);--scrollbar-thumb-hover:var(--color-primary-light);--scrollbar-track:transparent;--tasbeeh-btn-size:164px}[data-theme=dark]{--color-bg:#0f0f14;--color-bg-secondary:#16161f;--color-bg-card:#1c1c28;--color-bg-card-hover:#232332;--color-bg-overlay:#000000a6;--color-primary:#5cc990;--color-primary-light:#70d4a0;--color-primary-lighter:#152a1e;--color-primary-dark:#4ab87a;--color-primary-glow:#5cc9902e;--color-secondary:#d4af63;--color-secondary-light:#e0c07a;--color-secondary-lighter:#231e0f;--color-secondary-dark:#b89440;--color-accent:#5ba8c7;--color-accent-lighter:#0e2030;--color-text:#eaeaea;--color-text-secondary:#a0a0b0;--color-text-muted:#606070;--color-text-inverse:#0f0f14;--color-border:#252535;--color-border-light:#1e1e2c;--color-success:#5cc990;--color-warning:#f0a040;--color-danger:#ef5350;--shadow-xs:0 1px 2px #00000040;--shadow-sm:0 2px 6px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 28px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-tasbeeh:0 8px 28px #5cc99040;--shadow-tasbeeh-active:0 3px 10px #5cc9904d;--shadow-navbar:0 -4px 20px #00000059;--scrollbar-thumb:#252535;--scrollbar-thumb-hover:#35355a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}::-webkit-scrollbar-thumb{background:var(--color-primary-lighter);background-clip:padding-box;border:1px solid #0000;border-radius:99px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:var(--color-primary-lighter) transparent}[data-theme=dark] *{scrollbar-color:#252535 transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#252535}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#35355a}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;min-height:100dvh;line-height:1.7;transition:background-color .3s,color .3s;overflow-x:hidden}#root{min-height:100dvh;padding-bottom:var(--navbar-height);flex-direction:column;display:flex}a{color:var(--color-primary);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}button{font-family:var(--font-body);cursor:pointer;color:inherit;font-size:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-bold);color:var(--color-text);line-height:1.3}input,select,textarea{font-family:var(--font-body);font-size:var(--fs-base);color:var(--color-text);background-color:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);transition:var(--transition-fast);direction:rtl;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:500px;padding:0 var(--space-md);margin:0 auto}.page{padding:var(--space-md) 0 var(--space-xl);flex:1}.page-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-bottom:var(--space-lg);color:var(--color-text);align-items:center;gap:var(--space-sm);display:flex}.section-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-md);color:var(--color-text)}.card{background-color:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:var(--fw-semibold);font-size:var(--fs-base);transition:var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-light);box-shadow:0 4px 14px var(--color-primary-glow)}.btn-primary:active{background-color:var(--color-primary-dark);transform:scale(.97)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse)}.btn-secondary:hover{background-color:var(--color-secondary-light)}.btn-outline{border:1.5px solid var(--color-primary);color:var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary-lighter)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.88}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--fs-sm)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--fs-lg)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes countUp{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes celebrate{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-4deg)}50%{transform:scale(1.18)rotate(0)}75%{transform:scale(1.1)rotate(4deg)}}@keyframes navbarPop{0%{opacity:.7;transform:translateY(4px)scale(.9)}60%{transform:translateY(-3px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-fade-in-up{animation:.4s forwards fadeInUp}.animate-slide-up{animation:.35s forwards slideUp}@media (width>=480px){.container{max-width:460px}}@media (width>=640px){.container{max-width:560px}}@media (width>=768px){.container{max-width:640px}html{font-size:17px}}@media (width>=1024px){.container{max-width:720px}}@media (width>=1280px){.container{max-width:800px}}@supports (padding-bottom:env(safe-area-inset-bottom)){#root{padding-bottom:calc(var(--navbar-height) + env(safe-area-inset-bottom))}}