.adhkar-masaa-bg{background:linear-gradient(135deg,#eef2ff,#e0e7ff 50%,#ddd6fe);min-height:100vh}.dark .adhkar-masaa-bg{background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#312e81)}.adhkar-sabah-bg{background:linear-gradient(135deg,#fffbeb,#fef3c7 50%,#fde68a);min-height:100vh}.dark .adhkar-sabah-bg{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155)}.adhkar-masaa-progress-bg{background:rgba(238,242,255,.95);border-bottom:1px solid rgba(99,102,241,.2)}.dark .adhkar-masaa-progress-bg{background:rgba(15,23,42,.95);border-bottom:1px solid rgba(99,102,241,.3)}.adhkar-sabah-progress-bg{background:rgba(255,251,235,.95);border-bottom:1px solid rgba(245,158,11,.2)}.dark .adhkar-sabah-progress-bg{background:rgba(15,23,42,.95);border-bottom:1px solid rgba(245,158,11,.3)}.adhkar-progress-card-v2{background:white;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.dark .adhkar-progress-card-v2{background:rgba(30,41,59,.7);border:1px solid rgba(255,255,255,.08);box-shadow:0 1px 3px rgba(0,0,0,.2),0 4px 16px rgba(0,0,0,.15)}.adhkar-percentage-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;padding:4px 10px;border-radius:12px;line-height:1}.adhkar-percentage-badge-sabah{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(234,88,12,.08));color:#d97706;border:1.5px solid rgba(245,158,11,.2)}.dark .adhkar-percentage-badge-sabah{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(234,88,12,.1));color:#fbbf24;border-color:rgba(245,158,11,.25)}.adhkar-percentage-badge-masaa{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(124,58,237,.08));color:#4f46e5;border:1.5px solid rgba(99,102,241,.2)}.dark .adhkar-percentage-badge-masaa{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(124,58,237,.1));color:#a5b4fc;border-color:rgba(99,102,241,.25)}.adhkar-percentage-badge-completed{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.08));color:#059669;border:1.5px solid rgba(16,185,129,.2)}.dark .adhkar-percentage-badge-completed{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.1));color:#6ee7b7;border-color:rgba(16,185,129,.25)}.adhkar-bar-track{position:relative;height:6px;border-radius:999px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb);overflow:hidden}.dark .adhkar-bar-track{background:linear-gradient(90deg,rgba(55,65,81,.6),rgba(75,85,99,.4))}.adhkar-bar-fill{position:absolute;inset:0;border-radius:999px;transition:width 1s cubic-bezier(.4,0,.2,1)}.adhkar-bar-fill-sabah{background:linear-gradient(90deg,#f59e0b,#f97316,#ea580c);box-shadow:0 0 12px rgba(245,158,11,.4)}.adhkar-bar-fill-masaa{background:linear-gradient(90deg,#6366f1,#8b5cf6,#7c3aed);box-shadow:0 0 12px rgba(99,102,241,.4)}.adhkar-bar-fill-completed{background:linear-gradient(90deg,#10b981,#14b8a6,#059669);box-shadow:0 0 12px rgba(16,185,129,.4)}.adhkar-bar-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);animation:adhkar-shimmer 2.5s ease-in-out infinite}.adhkar-floating-bar{will-change:transform,opacity}.adhkar-floating-bar-inner-sabah{background:rgba(255,251,235,.92);box-shadow:0 1px 8px rgba(0,0,0,.06)}.adhkar-floating-bar-inner-sabah,.dark .adhkar-floating-bar-inner-sabah{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(245,158,11,.15)}.dark .adhkar-floating-bar-inner-sabah{background:rgba(15,23,42,.92);box-shadow:0 1px 8px rgba(0,0,0,.3)}.adhkar-floating-bar-inner-masaa{background:rgba(238,242,255,.92);box-shadow:0 1px 8px rgba(0,0,0,.06)}.adhkar-floating-bar-inner-masaa,.dark .adhkar-floating-bar-inner-masaa{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(99,102,241,.15)}.dark .adhkar-floating-bar-inner-masaa{background:rgba(15,23,42,.92);box-shadow:0 1px 8px rgba(0,0,0,.3)}.adhkar-floating-track{position:relative;height:4px;border-radius:999px;background:rgba(0,0,0,.06);overflow:hidden}.dark .adhkar-floating-track{background:rgba(255,255,255,.08)}.adhkar-floating-fill{position:absolute;inset:0;border-radius:999px;transition:width .7s cubic-bezier(.4,0,.2,1)}.adhkar-floating-fill-sabah{background:linear-gradient(90deg,#f59e0b,#ea580c)}.adhkar-floating-fill-masaa{background:linear-gradient(90deg,#6366f1,#7c3aed)}.adhkar-floating-fill-completed{background:linear-gradient(90deg,#10b981,#059669)}.adhkar-progress-card{background:white;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.dark .adhkar-progress-card{background:rgba(30,41,59,.8);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.adhkar-dhikr-card{background:white;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.adhkar-dhikr-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.dark .adhkar-dhikr-card{background:rgba(30,41,59,.6);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)}.dark .adhkar-dhikr-card:hover{background:rgba(30,41,59,.8);box-shadow:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3)}.adhkar-dhikr-card-completed{background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;border:1px solid rgba(16,185,129,.3)!important;box-shadow:0 0 0 1px rgba(16,185,129,.1),0 10px 15px -3px rgba(16,185,129,.2)!important}.dark .adhkar-dhikr-card-completed{background:linear-gradient(135deg,rgba(6,78,59,.4),rgba(6,95,70,.4))!important;border:1px solid rgba(16,185,129,.4)!important;box-shadow:0 0 0 1px rgba(16,185,129,.2),0 10px 15px -3px rgba(16,185,129,.3)!important}.adhkar-text-container-masaa{background:linear-gradient(135deg,rgba(238,242,255,.6),rgba(224,231,255,.6));border:1px solid rgba(99,102,241,.15)}.dark .adhkar-text-container-masaa{background:linear-gradient(135deg,rgba(67,56,202,.15),rgba(99,102,241,.15));border:1px solid rgba(99,102,241,.25)}.adhkar-text-container-sabah{background:linear-gradient(135deg,rgba(255,251,235,.6),rgba(254,243,199,.6));border:1px solid rgba(245,158,11,.15)}.dark .adhkar-text-container-sabah{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(251,146,60,.15));border:1px solid rgba(245,158,11,.25)}.adhkar-text-container-completed{background:linear-gradient(135deg,rgba(236,253,245,.8),rgba(209,250,229,.8))!important;border:1px solid rgba(16,185,129,.3)!important}.dark .adhkar-text-container-completed{background:linear-gradient(135deg,rgba(6,78,59,.3),rgba(6,95,70,.3))!important;border:1px solid rgba(16,185,129,.4)!important}.adhkar-text-container-completed p,.adhkar-text-container-masaa p,.adhkar-text-container-sabah p{color:#1f2937;text-shadow:0 1px 2px rgba(255,255,255,.5)}.dark .adhkar-text-container-completed p,.dark .adhkar-text-container-masaa p,.dark .adhkar-text-container-sabah p{color:#f3f4f6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.adhkar-number-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 6px -1px rgba(99,102,241,.4)}.dark .adhkar-number-badge{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 6px -1px rgba(99,102,241,.6)}.adhkar-number-badge-completed{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 6px -1px rgba(16,185,129,.4)!important}.dark .adhkar-number-badge-completed{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 4px 6px -1px rgba(16,185,129,.6)!important}.adhkar-reference-badge{background:rgba(99,102,241,.1);color:#4338ca;border:1px solid rgba(99,102,241,.2)}.dark .adhkar-reference-badge{background:rgba(99,102,241,.2);color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.adhkar-reference-badge-completed{background:rgba(16,185,129,.1)!important;color:#047857!important;border:1px solid rgba(16,185,129,.2)!important}.dark .adhkar-reference-badge-completed{background:rgba(16,185,129,.2)!important;color:#6ee7b7!important;border:1px solid rgba(16,185,129,.3)!important}.adhkar-benefit-btn{background:rgba(243,244,246,.8);color:#4b5563;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.adhkar-benefit-btn:hover{background:rgba(229,231,235,.9);color:#374151;border-color:rgba(0,0,0,.1)}.dark .adhkar-benefit-btn{background:rgba(51,65,85,.6);color:#d1d5db;border:1px solid rgba(255,255,255,.1)}.dark .adhkar-benefit-btn:hover{background:rgba(71,85,105,.7);color:#e5e7eb;border-color:rgba(255,255,255,.15)}.adhkar-benefit-btn-active{background:rgba(224,231,255,.9)!important;color:#4338ca!important;border-color:rgba(99,102,241,.3)!important}.dark .adhkar-benefit-btn-active{background:rgba(67,56,202,.4)!important;color:#a5b4fc!important;border-color:rgba(99,102,241,.4)!important}.adhkar-benefit-content{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid rgba(139,92,246,.2);box-shadow:0 2px 4px rgba(0,0,0,.05)}.dark .adhkar-benefit-content{background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(124,58,237,.12));border:1px solid rgba(139,92,246,.25);box-shadow:0 2px 4px rgba(0,0,0,.2)}.adhkar-benefit-content-sabah{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid rgba(251,146,60,.2);box-shadow:0 2px 4px rgba(0,0,0,.05)}.dark .adhkar-benefit-content-sabah{background:linear-gradient(135deg,rgba(251,146,60,.12),rgba(249,115,22,.12));border:1px solid rgba(251,146,60,.25);box-shadow:0 2px 4px rgba(0,0,0,.2)}.adhkar-benefit-text{color:#374151}.dark .adhkar-benefit-text{color:#e5e7eb}.adhkar-counter-border{border-color:rgba(0,0,0,.08)}.dark .adhkar-counter-border{border-color:rgba(255,255,255,.1)}.adhkar-progress-circle-bg{color:#e0e7ff}.dark .adhkar-progress-circle-bg{color:rgba(99,102,241,.2)}.adhkar-progress-circle{color:#6366f1}.dark .adhkar-progress-circle{color:#818cf8}.adhkar-progress-circle-completed{color:#10b981!important}.dark .adhkar-progress-circle-completed{color:#34d399!important}.adhkar-reset-btn{background:rgba(255,255,255,.9);color:#6b7280;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.adhkar-reset-btn:hover{background:#fef2f2;color:#dc2626;border-color:rgba(220,38,38,.2)}.dark .adhkar-reset-btn{background:rgba(51,65,85,.8);color:#9ca3af;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 4px rgba(0,0,0,.3)}.dark .adhkar-reset-btn:hover{background:rgba(127,29,29,.6);color:#fca5a5;border-color:rgba(220,38,38,.3)}.adhkar-scroll-top{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 10px 15px -3px rgba(99,102,241,.4)}.adhkar-scroll-top:hover{box-shadow:0 15px 20px -5px rgba(99,102,241,.5)}.adhkar-scroll-top:hover,.dark .adhkar-scroll-top{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.dark .adhkar-scroll-top{box-shadow:0 10px 15px -3px rgba(99,102,241,.6)}.dark .adhkar-scroll-top:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 15px 20px -5px rgba(99,102,241,.7)}.adhkar-quote-mark{color:rgba(99,102,241,.15)}.dark .adhkar-quote-mark{color:rgba(99,102,241,.25)}.adhkar-quote-mark-completed{color:rgba(16,185,129,.2)!important}.dark .adhkar-quote-mark-completed{color:rgba(16,185,129,.3)!important}.adhkar-pattern{opacity:.03}.dark .adhkar-pattern{opacity:.08}.adhkar-badge-glow-sabah{box-shadow:0 0 12px rgba(251,191,36,.3)}.dark .adhkar-badge-glow-sabah{box-shadow:0 0 12px rgba(245,158,11,.25)}.adhkar-badge-glow-masaa{box-shadow:0 0 12px rgba(99,102,241,.3)}.dark .adhkar-badge-glow-masaa{box-shadow:0 0 12px rgba(99,102,241,.25)}.adhkar-badge-glow-completed{box-shadow:0 0 12px rgba(16,185,129,.5)}.dark .adhkar-badge-glow-completed{box-shadow:0 0 12px rgba(16,185,129,.4)}@keyframes adhkar-blob-drift{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.adhkar-bg-blob{filter:blur(48px);will-change:opacity;animation:adhkar-blob-drift 8s ease-in-out infinite}.adhkar-bg-blob-2{animation-delay:2.5s}.adhkar-bg-blob-3{animation-delay:5s}@keyframes adhkar-twinkle{0%,to{opacity:.2}50%{opacity:.8}}.adhkar-twinkle{animation:adhkar-twinkle 3s ease-in-out infinite}@keyframes adhkar-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.adhkar-shimmer{animation:adhkar-shimmer 3s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.adhkar-bar-shimmer,.adhkar-bg-blob,.adhkar-shimmer,.adhkar-twinkle{animation:none}.adhkar-bg-blob{opacity:.85}.adhkar-bar-fill,.adhkar-floating-bar,.adhkar-floating-fill{transition:none}}@media (max-width:640px){.adhkar-dhikr-card{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.dark .adhkar-dhikr-card{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.adhkar-floating-track{height:3px}.adhkar-bar-track{height:5px}.adhkar-percentage-badge{min-width:38px;padding:3px 8px;border-radius:10px}}@media (prefers-color-scheme:dark){html:not(.dark) .adhkar-masaa-bg{background:linear-gradient(135deg,#eef2ff,#e0e7ff 50%,#ddd6fe)!important}html:not(.dark) .adhkar-sabah-bg{background:linear-gradient(135deg,#fffbeb,#fef3c7 50%,#fde68a)!important}html:not(.dark) .adhkar-dhikr-card{background:white!important;border-color:rgba(0,0,0,.08)!important}html:not(.dark) .adhkar-text-container-masaa,html:not(.dark) .adhkar-text-container-sabah{color:#1f2937!important}html:not(.dark) .adhkar-benefit-content,html:not(.dark) .adhkar-benefit-content-sabah{color:#374151!important}}