*{-webkit-overflow-scrolling:touch}.gpu-accelerated{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.asmaul-card,.ayah-card-premium,.dashboard-card,.feature-card,.hadith-card-premium,.info-grid,.shortcut-grid,section{content-visibility:auto;contain:layout style paint;contain-intrinsic-size:auto 400px}.ayah-card-premium{contain-intrinsic-size:auto 250px}.asmaul-card{contain-intrinsic-size:auto 150px}.info-grid{contain-intrinsic-size:auto 120px}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(234,88,12,.85);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);transform:translateY(0);opacity:1;will-change:transform,opacity,filter;contain:layout style;transition:transform .6s cubic-bezier(.34, 1.56, .64, 1),opacity .5s cubic-bezier(.4, 0, .2, 1),filter .4s ease-out}@media (max-width:768px){.navbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(234,88,12,.95)}}.navbar.navbar-hidden{transform:translateY(-100%) scale(.95)!important;opacity:0!important;pointer-events:none!important;filter:blur(4px)}body.slow-connection *{animation-duration:0s!important;transition-duration:0s!important}body.slow-connection .blob{display:none!important}.skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.02)!important;border-color:rgba(255,255,255,.05)!important;color:transparent!important;pointer-events:none}body .skeleton::after{content:""!important;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)!important;animation:skeleton-shimmer 2s infinite linear!important;z-index:100!important}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes move-glow{0%{transform:translate(-5%,-5%) scale(1);opacity:.5}100%{transform:translate(5%,5%) scale(1.1);opacity:.8}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#10b981;--primary-dark:#059669;--primary-light:#34d399;--secondary:#3b82f6;--secondary-dark:#2563eb;--accent:#8b5cf6;--accent-dark:#7c3aed;--warning:#f59e0b;--danger:#ef4444;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--gradient-primary:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-secondary:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-accent:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--gradient-hero:linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-glow:0 0 10px rgba(16, 185, 129, 0.2);--font-primary:'Outfit','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-arabic:'Scheherazade New','Noto Naskh Arabic','Traditional Arabic','Arabic Typesetting','Geeza Pro',serif;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}body,html{max-width:100%;overflow-x:hidden;position:relative;scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;line-height:1.6;overflow-x:hidden}.glass-blobs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 50%,#0f172a 0,#020617 100%);transition:background 2s ease-in-out}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;opacity:.4;will-change:transform,opacity;contain:strict;transform:translateZ(0)}.blob-1{width:500px;height:500px;background:#10b981;top:-100px;right:-100px}.blob-2{width:600px;height:600px;background:#3b82f6;bottom:-150px;left:-150px;left:-150px;opacity:.3}.blob-3{width:400px;height:400px;background:#8b5cf6;top:30%;left:10%;top:30%;left:10%;opacity:.2}.blob-4{width:300px;height:300px;background:#f59e0b;bottom:20%;right:20%;bottom:20%;right:20%;opacity:.15}@keyframes blobFloat{0%{transform:translate(0,0) scale(1) rotate(0)}33%{transform:translate(100px,50px) scale(1.1) rotate(120deg)}66%{transform:translate(-50px,150px) scale(.9) rotate(240deg)}100%{transform:translate(0,0) scale(1) rotate(360deg)}}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);width:100%}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-icon{font-size:2.5rem;color:#10b981;filter:drop-shadow(0 2px 4px rgba(16, 185, 129, .2));display:flex;align-items:center}.logo-text{font-size:1.75rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(135deg,#10b981 0,#34d399 50%,#059669 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1));transition:var(--transition-normal);position:relative;font-family:var(--font-primary)}.logo-text::after{content:'';position:absolute;bottom:-2px;left:0;width:30%;height:3px;background:var(--gradient-primary);border-radius:2px}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg)}.nav-link{color:rgba(255,255,255,.9);text-decoration:none;font-weight:500;transition:var(--transition-fast);position:relative;padding:var(--spacing-xs) 0}.nav-link i{display:none}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition-normal)}.nav-link.active,.nav-link:hover{color:#10b981}.nav-link.active::after,.nav-link:hover::after{width:100%}.nav-link-journal{background:linear-gradient(135deg,#a855f7 0,#9333ea 100%);color:#fff!important;padding:.5rem 1rem!important;border-radius:.5rem;font-weight:600;transition:var(--transition-normal)}.nav-link-journal::after{display:none}.nav-link-journal:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(168,85,247,.4)}.nav-item-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(15px);background:rgba(15,23,42,.96);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);width:750px;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px rgba(0,0,0,.5);padding:1.5rem;margin-top:.75rem;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.23, 1, .32, 1);list-style:none;z-index:1000}.dropdown-menu::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(255,255,255,.1);display:block}.nav-item-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.dropdown-menu li a{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;color:rgba(255,255,255,.8);text-decoration:none;font-size:.95rem;font-weight:600;transition:all .3s ease;border-radius:1rem;white-space:nowrap}.dropdown-menu li a i{font-size:1.25rem;color:var(--primary);transition:transform .3s ease}.dropdown-menu li a:hover{background:rgba(16,185,129,.1);color:#fff;transform:scale(1.02)}.dropdown-menu li a:hover i{transform:scale(1.2) rotate(5deg)}.arrow-icon{font-size:.7rem;margin-left:4px;display:inline-block;transition:transform .3s ease}.nav-item-dropdown:hover .arrow-icon{transform:rotate(180deg)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:var(--spacing-xs);z-index:10001}.mobile-menu-toggle span{width:25px;height:3px;background:#fff;border-radius:2px;transition:var(--transition-normal)}.prayer-reminder-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);color:#fff;z-index:2000;padding:.75rem 0;box-shadow:0 4px 12px rgba(245,158,11,.3);animation:slideDown .5s cubic-bezier(.165,.84,.44,1)}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}.reminder-content{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;padding:0 var(--spacing-xl)}.reminder-icon{font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .2))}.reminder-text{font-weight:600;font-size:.9375rem;text-align:center;line-height:1.4}.reminder-close{position:absolute;right:0;background:rgba(255,255,255,.1);border:none;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:var(--transition-normal)}.reminder-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}body.has-reminder .navbar{top:48px}body.has-reminder .dashboard{padding-top:148px}@media (max-width:768px){.prayer-reminder-banner{padding:.5rem 0}.reminder-text{font-size:.8125rem}body.has-reminder .navbar{top:64px}body.has-reminder .dashboard{padding-top:194px}body.has-reminder .feature-page{padding-top:164px}body.has-reminder .feature-nav-header{top:134px}}body.has-reminder .feature-page{padding-top:148px}body.has-reminder .feature-nav-header{top:118px}.dashboard{padding-top:100px;padding-bottom:40px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;min-height:80px}.greeting-text{font-size:1.75rem;font-weight:800;color:var(--text-primary)}.current-date{color:var(--text-muted);font-size:.9375rem;font-weight:500}.user-avatar{width:52px;height:52px;background:var(--gradient-primary);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;cursor:pointer;transition:.3s cubic-bezier(.175, .885, .32, 1.275);box-shadow:0 4px 15px rgba(16,185,129,.3);animation:pulse-avatar 3s infinite}@keyframes pulse-avatar{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}@media (hover:hover){.user-avatar:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px rgba(16,185,129,.5);border-color:rgba(255,255,255,.5)}}.verse-card{position:relative;overflow:hidden;padding:3rem 1.5rem 2.5rem;border-radius:2rem;cursor:default;background:radial-gradient(circle at top left,#2c3e50,#000);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.3);backdrop-filter:blur(10px);transition:all .5s cubic-bezier(.175, .885, .32, 1.275);min-height:250px}@media (hover:hover){.verse-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.3);border-color:rgba(255,255,255,.2)}}.verse-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(16,185,129,.04) 0,transparent 60%);animation:move-glow 15s ease-in-out infinite alternate;pointer-events:none;z-index:0}.verse-card::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 30px rgba(255,255,255,.03);background:radial-gradient(circle at center,rgba(16,185,129,.03),transparent 80%);pointer-events:none;z-index:1}.verse-content{position:relative;z-index:2;text-align:center}.arabic-text{font-family:var(--font-arabic);font-size:2.8rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#fbbf24,#d97706);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 8px rgba(217, 119, 6, .4));line-height:1.8}.translation-text{font-family:Inter,sans-serif;font-size:1.15rem;font-weight:300;color:rgba(255,255,255,.85);margin-bottom:2rem;line-height:1.8;max-width:90%;margin-left:auto;margin-right:auto;font-style:italic;letter-spacing:.02em}.verse-ref{display:inline-block;padding:.6rem 1.5rem;font-family:Anton,sans-serif;font-size:.9rem;color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;letter-spacing:.15em;text-transform:uppercase;box-shadow:0 4px 15px rgba(0,0,0,.2);margin-bottom:2rem}.verse-actions{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1rem;padding:.5rem}.verse-btn-premium{width:64px!important;height:64px!important;border-radius:20px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.7)!important;cursor:pointer!important;transition:all .5s cubic-bezier(.175, .885, .32, 1.275)!important;display:flex!important;align-items:center!important;justify-content:center!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;position:relative!important;overflow:hidden!important;padding:0!important;outline:0!important;box-sizing:border-box!important}.verse-btn-premium i{font-size:1.75rem!important;transition:all .3s ease!important}.verse-btn-premium.btn-share:hover{background:rgba(16,185,129,.15)!important;color:#10b981!important;border-color:rgba(16,185,129,.4)!important;transform:translateY(-5px) scale(1.05)!important;box-shadow:0 15px 30px rgba(16,185,129,.2)!important}.verse-btn-premium.btn-audio.playing,.verse-btn-premium.btn-audio:hover{background:rgba(59,130,246,.15)!important;color:#3b82f6!important;border-color:rgba(59,130,246,.4)!important;transform:translateY(-5px) scale(1.05)!important;box-shadow:0 15px 30px rgba(59,130,246,.2)!important}.verse-btn-premium.btn-audio.playing{animation:world-class-pulse 2s infinite!important;background:rgba(59,130,246,.25)!important;color:#fff!important}.verse-btn-premium.btn-refresh:hover{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important;transform:translateY(-5px) rotate(180deg) scale(1.05)!important}@keyframes world-class-pulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.6)}70%{box-shadow:0 0 0 15px rgba(59,130,246,0)}100%{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.journal-premium-card{background:linear-gradient(135deg,#7c3aed 0,#4c1d95 100%);box-shadow:0 10px 40px rgba(124,58,237,.3);border:1px solid rgba(255,255,255,.2);min-height:180px;display:flex;align-items:center;cursor:pointer}@media (hover:hover){.journal-premium-card:hover{transform:translateY(-8px);box-shadow:0 15px 50px rgba(124,58,237,.5)}}.premium-badge{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.2);padding:.4rem .8rem;border-radius:2rem;font-size:.65rem;font-weight:800;letter-spacing:1px;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px);color:#fff}.journal-card-content{display:flex;align-items:center;gap:2rem;width:100%}.journal-icon-large{font-size:3.5rem;filter:drop-shadow(0 4px 10px rgba(0, 0, 0, .2))}.journal-text-content{flex:1}.journal-title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;color:#fff;padding-right:4.5rem}.journal-desc{font-size:.9375rem;opacity:.9;margin-bottom:1.25rem;max-width:450px;color:#e9d5ff}.journal-action{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.875rem;color:#fcd34d}.journal-action span{text-decoration:none}.dashboard-widgets-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;min-height:100px;content-visibility:auto;contain-intrinsic-size:auto 300px;min-height:160px}@media (min-width:1024px){.dashboard-widgets-grid{grid-template-columns:380px 1fr;align-items:stretch}.dashboard-widgets-grid .info-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:100%;margin-bottom:0}.dashboard-widgets-grid .info-card{height:100%;display:flex;flex-direction:column;justify-content:center}#quran-goal-container{height:100%;display:flex}#quran-goal-container .quran-goal-premium-wrap{height:100%;width:100%;margin-bottom:0!important;display:flex;flex-direction:column;justify-content:center}#quran-goal-container .quran-goal-content{flex:1;display:flex;align-items:center}}.info-card-sub{font-size:.75rem;color:rgba(255,255,255,.5);font-weight:500;margin-top:.2rem}.main-card-wrapper{margin-bottom:2rem}.dashboard-card{position:relative;border-radius:1.5rem;padding:2rem;color:#fff;overflow:hidden;transition:.3s cubic-bezier(.165, .84, .44, 1);background:rgba(255,255,255,.03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}.card-glow{position:absolute;top:-20%;right:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);pointer-events:none}@media (max-width:640px){.arabic-text{font-size:2rem}}.info-card{background:rgba(30,41,59,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;padding:1.5rem 1.25rem;display:flex;align-items:center;gap:1.25rem;transition:all .4s cubic-bezier(.175, .885, .32, 1.275);cursor:pointer;position:relative;overflow:hidden}.info-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05) 0,transparent 100%);pointer-events:none}@media (hover:hover){.info-card:hover{transform:translateY(-5px);background:rgba(30,41,59,.5);border-color:rgba(255,255,255,.3);box-shadow:0 12px 32px rgba(0,0,0,.4)}}.ramadan-card{border-left:4px solid #fbbf24}.ramadan-card .info-card-icon{background:rgba(251,191,36,.15);color:#fbbf24}.next-prayer-mini-card{border-left:4px solid #10b981}.next-prayer-mini-card .info-card-icon{background:rgba(16,185,129,.15);color:#10b981}.info-card-icon{font-size:1.6rem;width:52px;height:52px;border-radius:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 12px rgba(255,255,255,.05);transition:.3s ease}.info-card:hover .info-card-icon{transform:scale(1.1) rotate(5deg)}.info-card-content{display:flex;flex-direction:column}.info-card-label{font-size:.6875rem;color:rgba(255,255,255,.5);font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:.25rem}.info-card-value{font-size:1.125rem;font-weight:800;color:#fff;line-height:1.2;font-family:Outfit,sans-serif}@keyframes widgetPulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.next-prayer-mini-card .info-card-icon{position:relative}.next-prayer-mini-card .info-card-icon::after{content:'';position:absolute;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 8px rgba(16,185,129,.5);animation:widgetPulse 2s infinite}@keyframes ramadanPulse{0%{box-shadow:0 0 0 0 rgba(251,191,36,.4)}70%{box-shadow:0 0 0 10px rgba(251,191,36,0)}100%{box-shadow:0 0 0 0 rgba(251,191,36,0)}}.ramadan-card .info-card-icon{position:relative}.ramadan-card .info-card-icon::after{content:'';position:absolute;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 8px rgba(251,191,36,.5);animation:ramadanPulse 2s infinite}.streak-mini-card{background:rgba(16,185,129,.1);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.2);border-radius:16px;padding:12px 20px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);cursor:pointer;overflow:hidden;position:relative;min-height:60px}@media (hover:hover){.streak-mini-card:hover{transform:translateY(-2px);background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.4);box-shadow:0 10px 15px -3px rgba(16,185,129,.1),0 4px 6px -2px rgba(0,0,0,.05)}}.streak-info{display:flex;align-items:center;gap:12px;z-index:2}.streak-fire{background:linear-gradient(135deg,#f59e0b 0,#ef4444 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.75rem;display:flex;align-items:center;justify-content:center;animation:firePulse 2s infinite ease-in-out;filter:drop-shadow(0 0 8px rgba(245, 158, 11, .4))}.streak-count{font-size:1.5rem;font-weight:800;color:#fff;font-family:Outfit,sans-serif;letter-spacing:-.5px}.streak-label{color:rgba(255,255,255,.7);font-size:.875rem;font-weight:500}@keyframes firePulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 5px rgba(245, 158, 11, .4))}50%{transform:scale(1.15);filter:drop-shadow(0 0 15px rgba(239, 68, 68, .7))}}.streak-mini-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.1) 0,transparent 70%);z-index:1;pointer-events:none}@media (max-width:640px){.streak-mini-card{padding:10px 16px;margin-bottom:20px}.streak-fire{font-size:1.5rem}.streak-count{font-size:1.25rem}.streak-label{font-size:.8125rem}}.today-imsakiyah-grid{margin-top:1rem}@media (max-width:480px){.today-imsakiyah-grid{grid-template-columns:1fr!important}.time-box-large b{font-size:1.25rem!important}}.rad-spin{animation:rad-spin 1.5s linear infinite}@keyframes rad-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.quick-access{margin-top:2rem}.section-subtitle{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:1.5rem}.shortcut-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1.75rem;padding:1.5rem .75rem;cursor:pointer;transition:all .4s cubic-bezier(.175, .885, .32, 1.275);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);content-visibility:auto;contain-intrinsic-size:auto 120px}.shortcut-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05) 0,transparent 100%);pointer-events:none}@media (hover:hover){.shortcut-item:hover{transform:translateY(-8px) scale(1.02);background:rgba(30,41,59,.5);border-color:rgba(255,255,255,.15)}}.shortcut-item:active{transform:scale(.95);background:rgba(16,185,129,.1)}.shortcut-item span{font-size:.85rem;font-weight:700;color:rgba(255,255,255,.7);text-align:center;transition:.3s;letter-spacing:.3px}.shortcut-item:hover span{color:#fff}.icon-circle{width:56px;height:56px;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:1rem;transition:all .4s ease;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05)}.shortcut-item:hover .icon-circle{transform:scale(1.15) rotate(5deg)}.shortcut-item.prayer-tile:hover{box-shadow:0 15px 35px rgba(16,185,129,.2);border-color:rgba(16,185,129,.4)}.shortcut-item.quran-tile:hover{box-shadow:0 15px 35px rgba(6,182,212,.2);border-color:rgba(6,182,212,.4)}.shortcut-item.qibla-tile:hover{box-shadow:0 15px 35px rgba(59,130,246,.2);border-color:rgba(59,130,246,.4)}.shortcut-item.dhikr-tile:hover{box-shadow:0 15px 35px rgba(139,92,246,.2);border-color:rgba(139,92,246,.4)}.shortcut-item.duas-tile:hover{box-shadow:0 15px 35px rgba(245,158,11,.2);border-color:rgba(245,158,11,.4)}.shortcut-item.calendar-tile:hover{box-shadow:0 15px 35px rgba(236,72,153,.2);border-color:rgba(236,72,153,.4)}.shortcut-item.zakat-tile:hover{box-shadow:0 15px 35px rgba(20,184,166,.2);border-color:rgba(20,184,166,.4)}.shortcut-item.hadith-tile:hover{box-shadow:0 15px 35px rgba(14,165,233,.2);border-color:rgba(14,165,233,.4)}.shortcut-item.asmaul-tile:hover{box-shadow:0 15px 35px rgba(168,85,247,.2);border-color:rgba(168,85,247,.4)}.shortcut-item.quiz-tile:hover{box-shadow:0 15px 35px rgba(244,63,94,.2);border-color:rgba(244,63,94,.4)}.shortcut-item.live-tile:hover{box-shadow:0 15px 35px rgba(239,68,68,.2);border-color:rgba(239,68,68,.4)}.prayer-icon{color:#10b981}.quran-icon{color:#06b6d4}.qibla-icon{color:#3b82f6}.dhikr-icon{color:#8b5cf6}.duas-icon{color:#f59e0b}.calendar-icon{color:#ec4899}.zakat-icon{color:#14b8a6}.hadith-icon{color:#3b82f6}.asmaul-icon{color:#a855f7;font-weight:900;font-family:Outfit,sans-serif}.live-icon{animation:livePulse 2s ease-in-out infinite;position:relative}.live-icon::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.25rem;background:linear-gradient(135deg,#ef4444 0,#b91c1c 100%);opacity:.3;animation:livePulseRing 2s ease-in-out infinite}@keyframes livePulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.7)}50%{transform:scale(1.05);box-shadow:0 0 20px 5px rgba(239,68,68,.4)}}@keyframes livePulseRing{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:0}100%{transform:scale(1);opacity:.3}}.shortcut-item:hover .live-icon{transform:translateY(-5px) scale(1.1);box-shadow:0 10px 25px rgba(239,68,68,.5);animation:livePulse 1s ease-in-out infinite}@media (max-width:640px){.dashboard{padding-top:130px}.dash-countdown{font-size:2.75rem}.shortcut-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem .75rem}.icon-circle{width:58px;height:58px;font-size:1.5rem}.info-grid{grid-template-columns:1fr}}.features{padding:var(--spacing-2xl) 0;background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-md)}.section-description{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.feature-card{background:rgba(15,23,42,.5);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:var(--transition-normal)}@media (hover:hover){.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(16,185,129,.3)}}.feature-card:hover::before{transform:scaleX(1)}.feature-icon{margin-bottom:var(--spacing-md);animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.feature-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.feature-btn{background:rgba(16,185,129,.1);color:var(--primary-light);border:1px solid rgba(16,185,129,.3);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition-normal);width:100%}.feature-btn:hover{background:var(--gradient-primary);color:#fff;border-color:transparent}.about{padding:var(--spacing-2xl) 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.about-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.8}.about-description strong{color:var(--primary-light)}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.stat-item{text-align:center;padding:var(--spacing-md);background:rgba(16,185,129,.1);border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.2)}.stat-value{font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-xs)}.about-visual{display:grid;gap:var(--spacing-md)}.about-card{background:rgba(30,41,59,.5);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-normal)}.about-card:hover{transform:translateX(10px);border-color:rgba(16,185,129,.3)}.about-card-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.about-card h3{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.about-card p{color:var(--text-secondary);font-size:.9375rem}.footer{background:var(--bg-secondary);border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-2xl) 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-brand .logo-text{font-size:2rem;margin-bottom:var(--spacing-sm)!important}.footer-tagline{color:var(--text-muted);line-height:1.8;max-width:400px}.footer-links h4{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.1rem;font-weight:700}.footer-links ul{list-style:none}.footer-links ul li{margin-bottom:var(--spacing-sm)}.footer-links ul li a{color:var(--text-muted);text-decoration:none;transition:var(--transition-fast);font-size:.9375rem}.footer-links ul li a:hover{color:var(--primary);padding-left:4px}.footer-bottom{padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.footer-copyright{color:var(--text-muted);font-size:.875rem}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.footer-tagline{margin:0 auto}.footer-bottom{flex-direction:column;gap:var(--spacing-sm);text-align:center}}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:2000;align-items:center;justify-content:center;padding:var(--spacing-md)}.modal.active{display:flex}.modal-content{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:var(--spacing-xl);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.feature-page{min-height:100vh;background:0 0;padding-top:100px;padding-bottom:80px;animation:fadeIn .5s ease;width:100%;display:block;overflow:visible!important;contain:none!important}.about-card,.adhan-card,.ai-input-container,.ai-result-card,.asmaul-card,.ayah-card-premium,.dhikr-btn-secondary,.dhikr-item,.dhikr-suggestions,.doa-card,.duas-category,.hadith-card-premium,.hadith-glass-controls,.hadith-initial-state,.journal-entry-card,.prayer-card-premium,.premium-quote-card,.premium-select,.premium-stat-card,.preset-btn,.quick-access-box,.quiz-card,.search-result-card,.stat-card,.surah-card-mini,.zakat-card{background:rgba(255,255,255,.03)!important;will-change:transform;transform:translateZ(0);backface-visibility:hidden;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 32px rgba(0,0,0,.2)!important}.quran-controls-panel{background:rgba(255,255,255,.03)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 32px rgba(0,0,0,.2)!important;transform:none!important;will-change:auto!important}.feature-modal{padding:0!important;width:100%!important;border-radius:0!important;background:0 0!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media (max-width:768px){.ai-search-modal,.asmaul-premium-modal,.feature-modal,.hadith-premium-modal,.journal-modal,.prayer-premium-modal,.quran-premium-modal{padding:0!important;background:0 0!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important;border-radius:0!important}}@media (max-width:768px) and (min-width:601px){.feature-modal{padding:1.5rem 1.25rem!important}}.quick-access-box{padding:2.5rem!important;border-radius:1.5rem}@media (max-width:768px){.quick-access-box{padding:1.5rem!important}}.asmaul-card:hover,.ayah-card-premium:hover,.dhikr-btn-secondary:hover,.dhikr-item:hover,.doa-card:hover,.hadith-card:hover,.preset-btn:hover,.quiz-card:hover,.quran-controls-panel:hover,.stat-card:hover,.surah-card-mini:hover,.zakat-card:hover{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.2)!important;box-shadow:0 12px 40px rgba(0,0,0,.3)!important}.feature-page .container{max-width:1200px;width:100%;max-width:100%;margin:0 auto!important;padding:0 var(--spacing-md);display:block!important;box-sizing:border-box;overflow:visible!important;contain:none!important}@media (max-width:480px){.feature-page .container{padding:0 1rem!important}}#featurePageBody{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;overflow:visible!important}.feature-nav-header{position:fixed;top:70px;left:0;right:0;z-index:1001;background:rgba(15,23,42,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem 0;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.feature-nav-header .container{display:flex;justify-content:flex-start;padding:0}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-modal{padding:0}.modal-title{font-size:3rem;font-weight:800;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-2xl)}@media (max-width:768px){.mobile-menu-toggle{display:flex!important;flex-direction:column!important;gap:6px!important;background:rgba(16,185,129,.1)!important;border:1px solid rgba(16,185,129,.2)!important;padding:12px 10px!important;border-radius:12px!important;z-index:2000000!important;order:10!important;margin-left:.5rem!important}.mobile-menu-toggle span{width:25px!important;height:2px!important;background:#10b981!important;border-radius:4px!important;transition:all .3s ease!important}.nav-menu{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:320px!important;height:100vh!important;background:#0f172a!important;flex-direction:column!important;padding:0!important;margin:0!important;transform:translateX(-100%)!important;opacity:0!important;pointer-events:none!important;transition:all .5s cubic-bezier(.4, 0, .2, 1)!important;z-index:9999999!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;border-right:1px solid rgba(255,255,255,.1)!important;box-shadow:20px 0 50px rgba(0,0,0,.5)!important;list-style:none!important}@media (max-width:768px){#featurePageBody,.feature-page .container{padding-left:1.25rem!important;padding-right:1.25rem!important;width:100%!important;max-width:100%!important;margin:0 auto!important;box-sizing:border-box!important}.feature-page{padding-left:0!important;padding-right:0!important;width:100%!important;padding-top:80px!important}}.nav-menu.active{transform:translateX(0)!important;opacity:1!important;pointer-events:all!important}body.menu-active::after{content:'';position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:9999998;animation:fadeIn .4s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.mobile-sidebar-header{display:flex!important;flex-direction:column!important;width:100%!important;padding:2.5rem 1.5rem 2rem!important;background:linear-gradient(135deg,rgba(16,185,129,.15) 0,rgba(15,23,42,.5) 100%)!important;position:relative!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.sidebar-brand-box{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1.5rem!important}.sidebar-logo{display:flex!important;align-items:baseline!important;gap:.5rem!important}.logo-version{font-size:.7rem!important;color:var(--primary)!important;font-weight:800!important;background:rgba(16,185,129,.1)!important;padding:2px 6px!important;border-radius:4px!important;letter-spacing:0!important}.sidebar-close{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;width:40px!important;height:40px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.2rem!important;cursor:pointer!important;transition:.3s!important}.sidebar-close:active{transform:scale(.9)!important;background:rgba(255,255,255,.1)!important}.sidebar-greeting p{font-size:.85rem!important;color:var(--text-muted)!important;margin-bottom:.25rem!important}.sidebar-greeting h4{font-size:1.25rem!important;font-weight:700!important;color:#fff!important}.nav-category-label{display:block!important;font-size:.7rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:1.5px!important;color:var(--primary)!important;padding:2rem 1.5rem .75rem!important;opacity:.8!important}.nav-link{font-size:1rem!important;padding:.85rem 1.5rem!important;display:flex!important;align-items:center!important;width:100%!important;color:var(--text-secondary)!important;border:none!important;background:0 0!important;gap:1rem!important;font-weight:600!important;transition:.3s!important;border-radius:0!important}.nav-link i{display:flex!important;font-size:1.25rem!important;color:var(--text-muted)!important;transition:.3s!important}.nav-link:active{background:rgba(255,255,255,.03)!important}.nav-link.active{background:linear-gradient(90deg,rgba(16,185,129,.1) 0,transparent 100%)!important;color:var(--primary)!important;border-left:4px solid var(--primary)!important}.nav-link.active i{color:var(--primary)!important}.nav-link-journal{background:0 0!important;padding:.85rem 1.5rem!important;width:100%!important;box-shadow:none!important;border-radius:0!important;margin:0!important;color:#a855f7!important}.nav-link-journal i{color:#a855f7!important;display:flex!important}.dropdown-menu{position:static!important;display:block!important;width:100%!important;max-height:0!important;opacity:1!important;visibility:visible!important;transform:none!important;background:rgba(0,0,0,.2)!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important;overflow:hidden!important;transition:max-height .5s cubic-bezier(.4, 0, .2, 1)!important}.nav-item-dropdown.active .dropdown-menu{max-height:2000px!important;padding:.5rem 0!important}.dropdown-menu li a{padding:.75rem 1.5rem .75rem 3.75rem!important;font-size:.95rem!important;color:var(--text-muted)!important;font-weight:500!important;border-radius:0!important;background:0 0!important}.dropdown-menu li a i{font-size:1.1rem!important;position:absolute!important;left:1.75rem!important}.mobile-sidebar-footer{display:flex!important;flex-direction:column!important;padding:3rem 1.5rem 2rem!important;margin-top:auto!important;border-top:1px solid rgba(255,255,255,.05)!important;gap:1.5rem!important}.sidebar-socials{display:flex!important;gap:1.25rem!important}.sidebar-socials a{color:var(--text-muted)!important;font-size:1.5rem!important;transition:.3s!important}.sidebar-socials a:hover{color:var(--primary)!important}.copyright{font-size:.75rem!important;color:var(--text-muted)!important;opacity:.6!important}.feature-card{padding:1.5rem!important;margin-bottom:1.25rem!important}.feature-icon{margin:0;margin-bottom:.5rem}.feature-info{width:100%}.feature-title{font-size:1.25rem;margin-bottom:.5rem}.feature-description{font-size:.95rem;line-height:1.6;margin-bottom:1rem}.feature-btn{width:100%;margin:0;padding:1rem}.shortcut-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.shortcut-item{padding:1rem .5rem;border-radius:1.25rem}.icon-circle{width:48px;height:48px;font-size:1.4rem;margin-bottom:.5rem}.shortcut-item span{font-size:.75rem}.modal-content{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:none;max-height:90vh;border-radius:2rem 2rem 0 0;padding:2rem 1.5rem 3rem;transform:translateY(100%);transition:transform .4s cubic-bezier(.32, .72, 0, 1);overflow-y:auto}.modal.active .modal-content{transform:translateY(0)}.modal-close{top:1rem;right:1.5rem;background:rgba(255,255,255,.1);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.modal-title{font-size:2rem}.feature-page{padding-top:120px;padding-bottom:100px}.feature-nav-header{margin-bottom:1rem;padding:.75rem 0}.about-content{grid-template-columns:1fr;text-align:center}.about-stats{grid-template-columns:1fr;gap:1rem}.stat-value{font-size:2rem}.about-card:hover{transform:none}.footer{text-align:center}.footer-content{flex-direction:column;gap:1.5rem}.footer-brand{display:flex;flex-direction:column;align-items:center}.feature-card:active{transform:scale(.96);background:rgba(16,185,129,.1)}.feature-card:active{transform:scale(.96);background:rgba(16,185,129,.1)}.btn-premium-history:active,.btn-premium-nav-p:active,.btn-premium-save:active{transform:scale(.95)}.hero{padding-top:80px;padding-bottom:40px;text-align:center}.hero-buttons{flex-direction:column;width:100%}.btn{width:100%;justify-content:center;padding:1.15rem}.features-grid{grid-template-columns:1fr;gap:.75rem}.zakat-tabs{display:flex;overflow-x:auto;padding-bottom:.5rem;gap:.5rem;-webkit-overflow-scrolling:touch}.zakat-tab{flex:0 0 auto;padding:.75rem 1.25rem;font-size:.875rem}.hadith-controls{grid-template-columns:1fr;gap:1rem}.surah-selector select{width:100%;padding:1rem;font-size:1rem}.quran-container{padding:0}.ramadan-prep-grid{grid-template-columns:1fr;gap:1rem}.ramadan-tabs{display:flex;overflow-x:auto;padding-bottom:.5rem;gap:.5rem;-webkit-overflow-scrolling:touch}.ramadan-tab{flex:0 0 auto;padding:.75rem 1.25rem;font-size:.875rem}.journal-stats-premium{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.journal-actions-premium{flex-direction:column;gap:.75rem}.journal-tab-p{padding:.75rem .5rem;font-size:.8rem}.modal-content{padding-top:3.5rem}.feature-modal,.hadith-container,.journal-container-premium,.ramadan-container,.zakat-container{max-width:100%;overflow-x:hidden}.check-item,.history-card-premium,.premium-check{max-width:100%;word-break:break-word;overflow-wrap:break-word}.check-item span,.premium-check span{flex:1;min-width:0}.countdown-grid{gap:.75rem!important;flex-wrap:wrap}.countdown-num{font-size:1.75rem!important}.countdown-label{font-size:.7rem!important}.countdown-item{min-width:60px}.journal-tabs-premium{flex-wrap:wrap;gap:.25rem!important}.journal-tab-p{flex:1 1 auto;min-width:80px;padding:.6rem .4rem!important;font-size:.75rem!important}.premium-stat-card{padding:1rem .5rem!important}.premium-stat-card .stat-value{font-size:1.5rem!important}.premium-stat-card .stat-label{font-size:.65rem!important}.premium-quote-card{padding:1rem!important;margin-bottom:1.5rem!important}.premium-quote-card p{font-size:.95rem!important}.journal-stats-premium{grid-template-columns:repeat(3,1fr)!important;gap:.4rem!important}.history-card-header{flex-direction:column;align-items:flex-start!important;gap:.75rem}.history-nav-bottom-p{flex-direction:column;gap:.75rem!important}.btn-premium-nav-p{width:100%!important;justify-content:center}.tag-container-p{flex-wrap:wrap!important}.floating-card{display:none!important}.hero-visual{height:auto!important;min-height:0!important}.ref-text{word-break:break-word;white-space:pre-wrap!important}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.floating-card{padding:var(--spacing-sm)}.card-icon{font-size:2rem}.card-value{font-size:1rem}}.premium-bottom-nav{display:flex;position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);width:90%;max-width:400px;background:rgba(234,88,12,.85);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.15);border-radius:2rem;z-index:9999;padding:.75rem .5rem;justify-content:space-around;align-items:center;box-shadow:0 20px 40px -10px rgba(0,0,0,.4),0 0 15px rgba(255,255,255,.05);transition:all .3s ease}.bottom-nav-center-btn{position:relative;top:-30px;width:60px;height:60px;flex-shrink:0;background:linear-gradient(135deg,#10b981 0,#059669 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);cursor:pointer;transition:all .3s cubic-bezier(.34, 1.56, .64, 1);border:4px solid #0f172a;z-index:10000}.center-btn-inner{font-size:1.75rem;color:#fff;display:flex;align-items:center;justify-content:center}.bottom-nav-center-btn:active{transform:scale(.92)}.bottom-nav-center-btn:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(16,185,129,.5),0 4px 6px rgba(0,0,0,.1),inset 0 2px 4px rgba(255,255,255,.3)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;color:rgba(255,255,255,.9);text-decoration:none;transition:all .3s ease;padding:.5rem;border-radius:12px;flex:1;min-width:0;background:0 0!important;box-shadow:none!important;font-size:.75rem;font-weight:500}.premium-bottom-nav.nav-hidden{transform:translateX(-50%) translateY(150%) scale(.95)!important;opacity:0;pointer-events:none;filter:blur(10px)}.bottom-nav-item i{font-size:1.5rem;margin-bottom:2px;transition:transform .3s ease}.bottom-nav-item:hover{color:#fff}.bottom-nav-item:hover i{transform:translateY(-3px)}.bottom-nav-item.active{color:#0f172a!important;color:#15803d!important;background:0 0!important;box-shadow:none!important}.bottom-nav-item.active i{transform:translateY(-2px);filter:drop-shadow(0 0 1px rgba(0, 0, 0, .2))}.bottom-nav-item.active .nav-label{font-weight:700;text-shadow:none}.bottom-nav-item.active::after{display:none}@media (max-width:768px){.premium-bottom-nav{bottom:1rem;min-width:calc(100% - 2rem);gap:.5rem;padding:.5rem .75rem;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(234,88,12,.95)}.bottom-nav-item{min-width:50px;font-size:.65rem}.bottom-nav-item i{font-size:1.35rem}}body{padding-bottom:0}#main-content{padding-bottom:0}.footer{margin-bottom:0;padding:2rem 0 5rem 0}.feature-page{padding-bottom:110px!important}.banner-rank{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:99px;font-weight:700;font-size:.9rem}.rank-icon-p{font-size:1.2rem;display:flex}.quran-toast-premium{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);background:rgba(30,41,59,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:1rem 2rem;border-radius:1rem;box-shadow:0 10px 40px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);z-index:10000;font-weight:600;font-size:.95rem;min-width:300px;max-width:90%;text-align:center;transition:all .4s cubic-bezier(.165, .84, .44, 1);opacity:0}.quran-toast-premium.showing{bottom:2rem;opacity:1}.quran-toast-premium.success{background:linear-gradient(135deg,rgba(16,185,129,.95) 0,rgba(5,150,105,.95) 100%);border-color:rgba(52,211,153,.3);box-shadow:0 10px 40px rgba(16,185,129,.3)}.quran-toast-premium.error{background:linear-gradient(135deg,rgba(239,68,68,.95) 0,rgba(220,38,38,.95) 100%);border-color:rgba(252,165,165,.3);box-shadow:0 10px 40px rgba(239,68,68,.3)}@media (max-width:640px){.quran-toast-premium{min-width:280px;padding:.875rem 1.5rem;font-size:.875rem}}.is-feature-route #main-content,.is-feature-route .footer{display:none!important}.is-feature-route #featurePage{display:block!important}.last-read-card{background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(5,150,105,.1) 100%);border:1px solid rgba(16,185,129,.2);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .3s ease}.last-read-card:hover{background:rgba(16,185,129,.2);transform:translateY(-2px);border-color:var(--primary)}.last-read-surah{display:block;font-weight:800;color:#fff;font-size:.95rem;margin-bottom:.25rem}.last-read-info{font-size:.75rem;color:var(--primary-light);font-weight:600}.header-search-btn-premium{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;width:40px;height:40px;border-radius:50%;margin-left:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.2rem}.header-search-btn-premium:hover{background:var(--primary);transform:scale(1.1);box-shadow:0 0 15px rgba(16,185,129,.4);border-color:transparent}@media (max-width:768px){.header-search-btn-premium{margin-left:auto;margin-right:.5rem}}.gamification-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(100px);background:rgba(15,23,42,.9);backdrop-filter:blur(12px);border:1px solid rgba(16,185,129,.3);border-radius:20px;padding:16px 24px;display:flex;align-items:center;gap:16px;z-index:9999;box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2);width:90%;max-width:400px;transition:all .5s cubic-bezier(.175, .885, .32, 1.275);opacity:0;pointer-events:none}.gamification-toast.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.toast-icon{font-size:2rem;flex-shrink:0}.toast-content{display:flex;flex-direction:column}.toast-title{color:#10b981;font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.toast-message{color:#fff;font-size:1rem;font-weight:500;line-height:1.4}@media (max-width:640px){.gamification-toast{bottom:90px;padding:12px 18px}.toast-icon{font-size:1.5rem}.toast-message{font-size:.875rem}}.streak-details{display:flex;align-items:center;gap:8px}.streak-info-btn{background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.6);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-left:10px;font-size:.9rem}.streak-info-btn:hover{background:rgba(16,185,129,.2);color:#fff;transform:scale(1.1)}.streak-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s}.streak-overlay.show{opacity:1;pointer-events:auto}.streak-modal{background:#0f172a;border:1px solid rgba(16,185,129,.3);border-radius:24px;padding:32px;width:100%;max-width:440px;position:relative;transform:translateY(20px);transition:transform .4s cubic-bezier(.175, .885, .32, 1.275);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.streak-overlay.show .streak-modal{transform:translateY(0)}.streak-modal-icon{font-size:3.5rem;margin-bottom:20px;text-align:center}.streak-modal-title{color:#fff;font-size:1.5rem;font-weight:800;margin-bottom:12px;text-align:center}.streak-modal-text{color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.6;margin-bottom:24px;text-align:center}.streak-explanation-list{margin-bottom:30px;display:flex;flex-direction:column;gap:16px}.streak-expl-item{display:flex;gap:12px;align-items:flex-start}.streak-expl-icon{color:#10b981;font-size:1.25rem;margin-top:2px}.streak-expl-content{color:#fff;font-size:.9rem;font-weight:500}.streak-btn-close{background:var(--primary);color:#fff;border:none;padding:12px;border-radius:12px;width:100%;font-weight:700;cursor:pointer;transition:all .2s}.streak-btn-close:hover{filter:brightness(1.1);transform:translateY(-2px)}.friday-special-banner{position:relative;padding:2rem;background:linear-gradient(135deg,#0f172a 0,#1e293b 100%);border-radius:28px;border:1px solid rgba(16,185,129,.3);overflow:hidden;margin-bottom:2.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.friday-glow{position:absolute;top:-20%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.1) 0,transparent 70%);pointer-events:none;z-index:1}.friday-content{position:relative;z-index:2;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.friday-top-info{flex:1;min-width:280px}.friday-badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:1rem}.friday-badge-main{background:rgba(16,185,129,.15);color:#10b981;padding:6px 14px;border-radius:100px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;border:1px solid rgba(16,185,129,.2)}.kahf-status-badge{font-size:.75rem;font-weight:700;padding:6px 12px;border-radius:100px;backdrop-filter:blur(4px)}.kahf-status-badge.pending{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.kahf-status-badge.completed{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.2)}.friday-banner-title{font-size:1.5rem;font-weight:900;color:#fff;line-height:1.2;background:linear-gradient(to right,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.friday-actions-group{display:flex;gap:15px;align-items:center;justify-content:flex-end;flex-wrap:nowrap;flex-shrink:0}.btn-friday-main{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff!important;border:none;padding:14px 28px;border-radius:20px;font-weight:800;font-size:1rem;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .4s cubic-bezier(.175, .885, .32, 1.275);box-shadow:0 10px 25px -5px rgba(16,185,129,.4);white-space:nowrap;flex-shrink:0}.btn-friday-main:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 35px -10px rgba(16,185,129,.5)}.friday-sub-actions{display:flex;gap:12px;flex-shrink:0;align-items:center}.btn-friday-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff!important;padding:0 20px;height:52px;min-width:52px;width:auto;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.175, .885, .32, 1.275);font-size:.95rem;font-weight:700;flex-shrink:0;white-space:nowrap}.btn-friday-secondary:hover{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.3);color:#10b981;transform:translateY(-3px) rotate(5deg)}.friday-modal-view{padding:5px}.f-modal-header{font-size:1.75rem;font-weight:900;color:#fff;margin-bottom:2rem;display:flex;align-items:center;gap:15px}.f-modal-header i{color:#10b981}.f-hadith-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:30px;border-radius:24px;position:relative;box-shadow:inset 0 0 20px rgba(255,255,255,.02)}.f-hadith-text{font-size:1.25rem;color:#e2e8f0;line-height:1.8;font-style:italic;margin-bottom:20px;font-family:Inter,sans-serif;text-align:center}.f-hadith-source{color:#10b981;font-weight:800;font-size:.95rem;text-align:center;text-transform:uppercase;letter-spacing:1px}.f-deed-list{display:flex;flex-direction:column;gap:14px;margin-bottom:2.5rem}.f-deed-item{background:rgba(255,255,255,.03);padding:18px 24px;border-radius:20px;display:flex;align-items:center;gap:20px;border:1px solid rgba(255,255,255,.05);transition:all .3s}.f-deed-item:hover{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);transform:scale(1.02) translateX(5px)}.f-deed-item i{font-size:1.75rem;color:#10b981;background:rgba(16,185,129,.1);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:14px}.f-deed-item span{color:#fff;font-weight:700;font-size:1.1rem}.f-sholawat-box{background:linear-gradient(135deg,rgba(16,185,129,.2) 0,rgba(15,23,42,.4) 100%);padding:25px;border-radius:24px;text-align:center;border:1px solid rgba(16,185,129,.3);box-shadow:0 10px 30px rgba(0,0,0,.2)}.sholawat-title{color:#10b981;font-size:.85rem;font-weight:800;text-transform:uppercase;margin-bottom:15px;letter-spacing:2px}.sholawat-arabic{font-family:Amiri,serif;font-size:1.75rem;color:#fff;line-height:1.6;direction:rtl}@media (max-width:900px){.friday-content{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.friday-top-info{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.friday-badge-row{justify-content:center;width:100%;display:flex;gap:10px}.friday-banner-title{text-align:center;width:100%}}@media (max-width:640px){.friday-special-banner{padding:1.5rem}.friday-banner-title{font-size:1.25rem}.friday-actions-group{width:100%;display:flex;flex-direction:column;flex-wrap:wrap;gap:12px}.btn-friday-main{width:100%;justify-content:center;padding:12px 20px;order:1}.friday-sub-actions{width:100%;justify-content:stretch;gap:10px;order:2}.btn-friday-secondary{flex:1;width:auto}}.kahf-special-completion{margin-top:1.5rem;display:flex;justify-content:center}.btn-kahf-finish{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;border:none;padding:10px 24px;border-radius:100px;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 10px 20px -5px rgba(16,185,129,.4);transition:all .3s cubic-bezier(.175, .885, .32, 1.275)}.btn-kahf-finish:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 15px 25px -5px rgba(16,185,129,.5)}.islamic-search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.9);backdrop-filter:blur(20px);z-index:9999;display:none;flex-direction:column;align-items:center;padding:10vh 2rem 2rem;animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}.search-input-wrapper{width:100%;max-width:800px;position:relative;margin-bottom:3rem;animation:slideDown .5s cubic-bezier(.16,1,.3,1)}.search-icon-overlay{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);font-size:1.75rem;color:var(--primary)}#globalSearchInput{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:1.5rem 4rem;color:#fff;font-size:1.5rem;outline:0;transition:all .3s;box-shadow:0 10px 40px rgba(0,0,0,.3)}#globalSearchInput:focus{border-color:var(--primary);background:rgba(255,255,255,.08);box-shadow:0 10px 40px rgba(16,185,129,.2);transform:scale(1.02)}.search-results-container{width:100%;max-width:800px;flex:1;overflow-y:auto;padding-right:1rem;display:flex;flex-direction:column;gap:1.5rem}.search-results-container::-webkit-scrollbar{width:6px}.search-results-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}.search-result-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:1.5rem;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.175, .885, .32, 1.275);display:flex;flex-direction:column;gap:.5rem}.search-result-item:hover{background:rgba(255,255,255,.08);transform:translateX(10px);border-color:var(--primary)}.search-result-type{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--primary);background:rgba(16,185,129,.1);padding:4px 12px;border-radius:100px;width:fit-content;letter-spacing:1px}.search-result-title{font-size:1.25rem;font-weight:700;color:#fff}.search-result-snippet{font-size:.95rem;color:var(--text-muted);line-height:1.5}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideDown{from{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.islamic-search-overlay{padding-top:5vh}#globalSearchInput{font-size:1.1rem;padding:1.25rem 3.5rem}}.btn-kahf-finish.completed{background:#10b981;opacity:.9;cursor:default;box-shadow:none;transform:none}.header-search-btn-premium{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--primary);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175, .885, .32, 1.275);margin-left:1.5rem;flex-shrink:0}.header-search-btn-premium:hover{background:rgba(16,185,129,.1);border-color:var(--primary);transform:scale(1.1);box-shadow:0 4px 15px rgba(16,185,129,.2)}.header-search-btn-premium i{font-size:1.25rem}@media (max-width:768px){.header-search-btn-premium{width:38px;height:38px;margin-left:auto;order:2}}.share-btn-p{background:linear-gradient(135deg,#f96 0,#ff5e62 100%)!important;color:#fff!important;border:none!important;position:relative;overflow:hidden}.share-btn-p:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 15px rgba(255,94,98,.4)}.share-btn-p::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgba(255,255,255,.2);transform:rotate(45deg);transition:.5s;pointer-events:none;opacity:0}.share-btn-p:hover::after{left:120%;opacity:1}.mood-tracker-section{margin:1.5rem 0;padding:1.25rem;background:rgba(255,255,255,.03);border-radius:1.5rem;border:1px solid rgba(255,255,255,.05);min-height:120px}.mood-title{font-size:.95rem;font-weight:600;color:var(--primary-light);margin-bottom:1rem;text-align:center}.mood-pills-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.mood-pill-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:2rem;padding:.6rem 1rem;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;min-width:140px;text-align:center}.mood-pill-item:hover{background:rgba(16,185,129,.15);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.2)}.mood-pill-item:active{transform:scale(.95)}.mood-emoji{font-size:1.1rem}.mood-icon{font-size:1.5rem;transition:transform .3s ease}.mood-pill-item:hover .mood-icon{transform:scale(1.1)}.mood-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1.5rem;opacity:0;visibility:hidden;transition:all .3s ease;overflow-y:auto}.mood-overlay.active{opacity:1;visibility:visible}.mood-result-card{background:var(--card-bg);width:100%;max-width:450px;border-radius:2.5rem;padding:2.5rem;position:relative;transform:translateY(40px) scale(.95);transition:all .5s cubic-bezier(.19, 1, .22, 1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);margin:auto}.mood-overlay::-webkit-scrollbar{width:6px}.mood-overlay::-webkit-scrollbar-track{background:0 0}.mood-overlay::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}.mood-overlay::-webkit-scrollbar-thumb:hover{background:rgba(16,185,129,.3)}.mood-result-card.active{transform:translateY(0) scale(1)}.mood-result-header{text-align:center;margin-bottom:2rem}.mood-icon-large{width:72px;height:72px;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;font-size:2.25rem;margin:0 auto 1.5rem}.mood-result-header h3{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:.5rem}.mood-result-header p{font-size:.95rem;color:var(--text-muted)}.mood-content-section{display:flex;flex-direction:column;gap:1.5rem}.mood-verse-box{background:rgba(255,255,255,.02);border-radius:1.75rem;padding:1.75rem;border:1px solid rgba(255,255,255,.05)}.mood-box-label{display:flex;align-items:center;gap:.6rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary-color);margin-bottom:1.25rem}.mood-arabic{font-family:'Scheherazade New',serif;font-size:2rem;line-height:1.8;color:#fff;text-align:right;margin-bottom:1.25rem}.mood-translation{font-size:1rem;color:rgba(255,255,255,.8);line-height:1.6;margin-bottom:1rem;font-style:italic}.mood-ref{font-size:.85rem;font-weight:700;color:var(--primary-light)}.mood-action-box{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(16,185,129,.12) 0,rgba(5,150,105,.08) 100%);border:1px solid rgba(16,185,129,.25);border-radius:1.5rem;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.mood-action-box:hover{background:rgba(16,185,129,.18);transform:translateX(8px);border-color:rgba(16,185,129,.4)}.mood-dua-title{font-size:1.05rem;font-weight:700;color:#fff;margin-top:.25rem}.mood-close-btn{width:100%;margin-top:2rem;padding:1.1rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:1.25rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem}.mood-close-btn:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}.hifdz-mode-panel{background:linear-gradient(135deg,rgba(79,70,229,.08) 0,rgba(124,58,237,.05) 100%);border:1px solid rgba(139,92,246,.2);border-radius:1.25rem;padding:1.25rem;margin-top:1rem}.hifdz-controls{display:flex;flex-direction:column;gap:1rem;margin-top:.75rem}.repetition-control{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.03);padding:.5rem .75rem;border-radius:.75rem}.hifdz-sub-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.mini-select{width:auto!important;padding:.4rem 2rem .4rem .75rem!important;font-size:.85rem!important}.hifdz-btn{width:100%;padding:.75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.hifdz-btn:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.hifdz-btn.active{background:#4f46e5;border-color:#6366f1;box-shadow:0 4px 12px rgba(79,70,229,.3)}.dynamic-widget-wrapper{margin-bottom:2rem}.dynamic-widget-card{position:relative;border-radius:2rem;padding:2rem;color:#fff;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);transition:transform .3s cubic-bezier(.175, .885, .32, 1.275);min-height:200px}@media (hover:hover){.dynamic-widget-card:hover{transform:translateY(-5px)}}.widget-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 86c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm66-3c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-46-43c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm20-7c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-8-3c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-20-11c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm30 50c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-38-12c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm18-6c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm11 44c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.6;pointer-events:none}.widget-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.widget-text{flex:1}.widget-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);padding:.4rem .85rem;border-radius:2rem;font-size:.75rem;font-weight:700;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.5px}.widget-title{font-size:1.85rem;font-weight:800;margin-bottom:.75rem;line-height:1.2}.widget-subtitle{font-size:.95rem;opacity:.9;margin-bottom:1.5rem;line-height:1.5;max-width:400px}.widget-action-btn{background:#fff;color:#000;border:none;padding:.85rem 1.5rem;border-radius:1rem;font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;transition:.3s;box-shadow:0 8px 20px rgba(0,0,0,.2)}.widget-action-btn:hover{transform:scale(1.05);background:rgba(255,255,255,.9)}.widget-action-btn i{transition:transform .3s}.widget-action-btn:hover i{transform:translateX(5px)}.widget-visual{width:120px;height:120px;display:flex;align-items:center;justify-content:center;position:relative}.widget-large-icon{font-size:6rem;color:#fff;opacity:.8;filter:drop-shadow(0 0 20px rgba(255, 255, 255, .4));animation:floating-icon 3s ease-in-out infinite}@keyframes floating-icon{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@media (max-width:640px){.widget-content{flex-direction:column-reverse;align-items:flex-start;text-align:left}.widget-visual{width:80px;height:80px;margin-bottom:.5rem}.widget-title{font-size:1.5rem}.widget-large-icon{font-size:4rem}}.hide-arabic .arabic-text-premium,.hide-arabic .bismillah-wrap{filter:blur(10px);opacity:.3;user-select:none;transition:all .5s ease}.hide-arabic .arabic-text-premium:hover,.hide-arabic .bismillah-wrap:hover{filter:blur(0);opacity:1}.hide-arabic .latin-text-premium,.hide-arabic .translation-text-premium{opacity:.05;filter:blur(4px);transition:all .5s ease}.hide-arabic .latin-text-premium:hover,.hide-arabic .translation-text-premium:hover{opacity:1;filter:blur(0)}.quick-tools-modal{position:fixed;inset:0;z-index:10000;visibility:hidden;opacity:0;transition:all .4s cubic-bezier(.32, .72, 0, 1)}.quick-tools-modal.active{visibility:visible;opacity:1}.quick-tools-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);opacity:0;transition:opacity .4s ease}.quick-tools-modal.active .quick-tools-overlay{opacity:1}.quick-tools-content{position:absolute;bottom:0;left:0;width:100%;background:rgba(15,23,42,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:2rem 2rem 0 0;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -10px 40px rgba(0,0,0,.5);padding:1.5rem 1.5rem 6rem;transform:translateY(100%);transition:transform .4s cubic-bezier(.32, .72, 0, 1);max-height:85vh;overflow-y:auto;display:flex;flex-direction:column}.quick-tools-modal.active .quick-tools-content{transform:translateY(0)}.quick-tools-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.quick-tools-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.close-tools-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-tools-btn:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}.quick-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.tool-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;text-align:center}.tool-icon{width:56px;height:56px;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem;transition:all .3s cubic-bezier(.34, 1.56, .64, 1);background:rgba(255,255,255,.05);color:var(--primary-light);border:1px solid rgba(255,255,255,.05)}.tool-item:hover .tool-icon{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 20px -5px rgba(0,0,0,.3)}.tool-item span{font-size:.75rem;color:var(--text-secondary);line-height:1.2;max-width:70px}.bg-emerald{background:rgba(16,185,129,.15)!important;color:#34d399!important;border-color:rgba(52,211,153,.2)!important}.bg-teal{background:rgba(20,184,166,.15)!important;color:#2dd4bf!important;border-color:rgba(45,212,191,.2)!important}.bg-cyan{background:rgba(6,182,212,.15)!important;color:#22d3ee!important;border-color:rgba(34,211,238,.2)!important}.bg-sky{background:rgba(14,165,233,.15)!important;color:#38bdf8!important;border-color:rgba(56,189,248,.2)!important}.bg-blue{background:rgba(59,130,246,.15)!important;color:#60a5fa!important;border-color:rgba(96,165,250,.2)!important}.bg-indigo{background:rgba(99,102,241,.15)!important;color:#818cf8!important;border-color:rgba(129,140,248,.2)!important}.bg-violet{background:rgba(139,92,246,.15)!important;color:#a78bfa!important;border-color:rgba(167,139,250,.2)!important}.bg-purple{background:rgba(168,85,247,.15)!important;color:#c084fc!important;border-color:rgba(192,132,252,.2)!important}.bg-fuchsia{background:rgba(217,70,239,.15)!important;color:#e879f9!important;border-color:rgba(232,121,249,.2)!important}.bg-pink{background:rgba(236,72,153,.15)!important;color:#f472b6!important;border-color:rgba(244,114,182,.2)!important}.bg-rose{background:rgba(244,63,94,.15)!important;color:#fb7185!important;border-color:rgba(251,113,133,.2)!important}.bg-orange{background:rgba(249,115,22,.15)!important;color:#fb923c!important;border-color:rgba(251,146,60,.2)!important}.bg-amber{background:rgba(245,158,11,.15)!important;color:#fbbf24!important;border-color:rgba(251,191,36,.2)!important}.bg-yellow{background:rgba(234,179,8,.15)!important;color:#facc15!important;border-color:rgba(250,204,21,.2)!important}.bg-lime{background:rgba(132,204,22,.15)!important;color:#a3e635!important;border-color:rgba(163,230,53,.2)!important}.bg-green{background:rgba(34,197,94,.15)!important;color:#4ade80!important;border-color:rgba(74,222,128,.2)!important}.bg-slate{background:rgba(100,116,139,.15)!important;color:#94a3b8!important;border-color:rgba(148,163,184,.2)!important}@media (max-width:400px){.quick-tools-grid{grid-template-columns:repeat(3,1fr)}.tool-icon{width:48px;height:48px;font-size:1.5rem}}.header-notif-btn-premium{position:relative;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;outline:0!important;-webkit-appearance:none!important;appearance:none!important;color:#fff;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175, .885, .32, 1.275)}.header-notif-btn-premium:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);border-color:var(--primary);color:var(--primary)}.notif-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;min-width:18px;height:18px;padding:0 4px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid #ea580c;box-shadow:0 2px 5px rgba(239,68,68,.4);animation:badgePop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes badgePop{from{transform:scale(0)}to{transform:scale(1)}}.notif-inbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);z-index:5000;opacity:0;visibility:hidden;transition:all .4s ease;display:flex;align-items:flex-start;justify-content:flex-end;padding:85px 1.5rem 1.5rem}.notif-inbox-overlay.active{opacity:1;visibility:visible}.notif-inbox-container{width:100%;max-width:400px;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);display:flex;flex-direction:column;max-height:80vh;transform:translateY(-20px) scale(.95);transition:all .4s cubic-bezier(.34, 1.56, .64, 1)}.notif-inbox-overlay.active .notif-inbox-container{transform:translateY(0) scale(1)}.notif-inbox-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.notif-inbox-header h3{font-size:1.1rem;display:flex;align-items:center;gap:.75rem;color:#fff}.clear-notif-btn,.close-inbox-btn{background:rgba(255,255,255,.05);border:none;color:var(--text-muted);width:32px;height:32px;border-radius:50%;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center}.close-inbox-btn:hover{background:rgba(239,68,68,.1);color:#ef4444}.clear-notif-btn:hover{background:rgba(251,191,36,.1);color:#fbbf24}.notif-inbox-list{flex:1;overflow-y:auto;padding:1rem}.notif-empty-state{padding:3rem 2rem;text-align:center;color:var(--text-muted)}.notif-empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.3}.notif-item-premium{display:flex;gap:1rem;padding:1rem;border-radius:1rem;margin-bottom:.75rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.03);transition:.3s}.notif-item-premium:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.notif-item-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(16,185,129,.1);color:var(--primary);border-radius:8px;font-size:1.1rem}.notif-item-content{flex:1}.notif-item-title{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:.25rem}.notif-item-body{font-size:.85rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.5rem}.notif-item-footer{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-muted);font-weight:600}.notif-item-footer .dot{width:3px;height:3px;background:currentColor;border-radius:50%}@media (max-width:480px){.notif-inbox-overlay{padding:85px .75rem .75rem}.notif-inbox-container{max-height:75vh}}