@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;500;600;700&family=Scheherazade+New:wght@400;700&display=swap";.daily-inspiration{border-radius:var(--border-radius-lg);text-align:center;margin-bottom:2rem;padding:2rem;position:relative;overflow:hidden}.daily-inspiration:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);width:100%;height:4px;position:absolute;top:0;left:0}.inspiration-badge{color:var(--color-accent-gold);background:#ffd7001a;border:1px solid #ffd70033;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.25rem 1rem;font-size:.8rem;font-weight:500;display:inline-flex}.quote-icon-bg{color:var(--theme-border);opacity:.3;z-index:0;position:absolute;top:-10px;left:20px;transform:rotate(180deg)}.inspiration-content{z-index:1;flex-direction:column;align-items:center;gap:1.25rem;display:flex;position:relative}.inspiration-type{color:var(--color-primary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.inspiration-text{color:var(--theme-text);margin:0;font-size:1.2rem;font-weight:500;line-height:1.6}.inspiration-source{color:var(--theme-text);opacity:.6;margin:0;font-size:.9rem;font-style:italic}.inspiration-reflection{border-top:1px dashed var(--theme-border);color:var(--theme-text);opacity:.9;margin-top:.5rem;padding-top:1rem;font-size:.95rem;line-height:1.5}.inspiration-reflection strong{color:var(--color-primary)}@media (width<=600px){.daily-inspiration{padding:1.5rem}.inspiration-arabic{font-size:1.5rem}.inspiration-bengali{font-size:1rem}}.habit-tracker{border-radius:var(--border-radius-lg);width:100%;margin-bottom:2rem;padding:1.5rem}.tracker-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.tracker-header h2{align-items:center;gap:.5rem;margin:0;font-size:1.25rem;display:flex}.streak-badge{color:#ff9800;background:#ff98001a;border-radius:20px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.9rem;font-weight:700;display:flex}.active-flame{animation:2s infinite alternate flicker}@keyframes flicker{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.date-selector{color:var(--theme-text);opacity:.8;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.95rem;display:flex}.progress-container{margin-bottom:2rem}.progress-header{justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:flex}.progress-bar-fill{background:var(--color-primary);height:100%;box-shadow:0 0 10px var(--color-primary);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.habit-group-title{text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-bottom:1rem;font-size:.9rem;font-weight:700}.prayer-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;display:grid}.habit-btn{border-radius:var(--border-radius-md);color:var(--theme-text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem .5rem;transition:all .3s;display:flex}.habit-btn.full-width{flex-direction:row;justify-content:flex-start;width:100%;padding:1rem 1.5rem}.habit-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.habit-btn.completed{border-color:var(--color-primary);color:var(--color-primary);background:#0ac28526}.check-icon{color:var(--color-primary);animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.pwa-install-banner{color:#f3f4f6;z-index:10;-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#064e3b73 0%,#042f2ea6 100%);border:1px solid #10b98140;border-radius:18px;width:95%;max-width:1200px;margin:20px auto 30px;padding:24px 30px;transition:all .3s ease-in-out;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0000004d,0 0 15px #10b9811a}.pwa-install-banner:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#10b98114 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.pwa-close-btn{color:#fff9;cursor:pointer;z-index:12;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:14px;right:14px}.pwa-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef444466;transform:rotate(90deg)scale(1.05)}.pwa-success-content{flex-direction:column;justify-content:center;align-items:center;padding:15px 0;display:flex}.pwa-success-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 0 20px #10b98166}.pwa-success-title{color:#10b981;text-shadow:0 0 10px #10b98133;font-size:1.4rem;font-weight:700}.pwa-success-desc{color:#ffffffd9;max-width:600px;margin-top:8px;font-size:.95rem;line-height:1.6}.pwa-banner-grid{grid-template-columns:1.4fr 1fr;align-items:center;gap:30px;display:grid}.pwa-header{align-items:center;gap:16px;margin-bottom:12px;display:flex}.pwa-icon-wrapper{color:#10b981;background:linear-gradient(135deg,#10b98133 0%,#05966940 100%);border:1px solid #10b98166;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 0 15px #10b98126}.pwa-icon{filter:drop-shadow(0 2px 4px #0003)}.pwa-title-group{flex-direction:column;display:flex}.pwa-tag{text-transform:uppercase;color:#fbbf24;letter-spacing:.5px;background:#fbbf241f;border:1px solid #fbbf2440;border-radius:50px;align-items:center;gap:5px;width:fit-content;margin-bottom:4px;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.pwa-title{color:#fff;margin:0;font-size:1.35rem;font-weight:700;line-height:1.2}.pwa-description{color:#ffffffd1;margin-bottom:15px;font-size:.95rem;line-height:1.6}.pwa-features-list{color:#ffffffbf;margin:0;padding:0;font-size:.88rem;list-style:none}.pwa-features-list li{margin-bottom:6px}.pwa-desktop-action{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.pwa-install-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:280px;padding:14px 24px;font-size:1rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 15px #10b98159}.pwa-install-btn:hover{background:linear-gradient(135deg,#34d399 0%,#059669 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.pwa-install-btn:active{transform:translateY(1px)}.pwa-install-btn:disabled{color:#9ca3af;box-shadow:none;cursor:not-allowed;background:#374151}.pwa-action-note{color:#ffffff80;margin-top:10px;font-size:.75rem;line-height:1.4}.pwa-ios-instructions{background:#0003;border:1px solid #ffffff14;border-radius:12px;padding:16px 20px}.pwa-ios-header{color:#34d399;align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;font-weight:700;display:flex}.pwa-ios-share-icon{color:#34d399}.pwa-ios-steps{color:#ffffffd9;margin:0;padding:0;font-size:.84rem;line-height:1.6;list-style:none}.pwa-ios-steps li{margin-bottom:8px}.pwa-ios-steps li:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.animate-scale-up{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}.animate-pulse-slow{animation:3s ease-in-out infinite pwa-pulse}@keyframes pwa-pulse{0%,to{transform:scale(1);box-shadow:0 0 15px #10b98126}50%{transform:scale(1.02);box-shadow:0 0 22px #10b98159}}@media (width<=850px){.pwa-install-banner{padding:20px}.pwa-banner-grid{grid-template-columns:1fr;gap:20px}.pwa-title{font-size:1.2rem}.pwa-icon-wrapper{border-radius:10px;width:44px;height:44px}.pwa-header{gap:12px}.pwa-install-btn{max-width:100%}}.pwa-fallback-back-btn{color:#34d399;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;width:fit-content;margin-top:14px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.pwa-fallback-back-btn:hover{color:#10b981;background:#10b98126;border-color:#10b98159;transform:translate(-3px);box-shadow:0 0 10px #10b9811a}.pwa-fallback-back-btn:active{transform:translate(1px)}.home-page{padding-bottom:4rem}.hero-section{color:#fff;text-align:center;background:linear-gradient(#00000080,#00000080),url(/assets/home_hero_bg-CIhl3_um.png) 50%/cover no-repeat;border-radius:0 0 2.5rem 2.5rem;margin-bottom:3.5rem;padding:5rem 2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000040}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);position:absolute;inset:0}.hero-title{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.hero-subtitle{opacity:.9;margin-bottom:2.5rem;font-size:1.1rem}.search-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);background:#ffffff26;align-items:center;max-width:600px;margin:0 auto 1.5rem;padding:.5rem;display:flex;position:relative;box-shadow:0 4px 15px #0003}.hijri-date{color:var(--color-primary);background:#0ac2851a;border-radius:20px;margin-bottom:.5rem;padding:.25rem 1rem;font-size:1.2rem;font-weight:500;display:inline-block}.home-highlight-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:650px;margin:2rem auto;display:flex}.highlight-action-btn{border-radius:var(--border-radius-lg);color:#fff;background:var(--color-surface-dark);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid #0ac28526;align-items:center;gap:12px;padding:14px 28px;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #00000040}.highlight-action-btn.hidayah-btn{background:linear-gradient(135deg,#0d1b15d9,#064e3bb3);border-color:#0ac28559}.highlight-action-btn.ruqyah-btn{background:linear-gradient(135deg,#0d1b15d9,#b453098c);border-color:#ffc0004d}.highlight-action-btn.recovery-btn{background:linear-gradient(135deg,#0d1b15d9,#db27778c);border-color:#ec48994d}.highlight-action-btn:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 8px 25px #0006}.highlight-action-btn.hidayah-btn:hover{border-color:var(--color-primary);box-shadow:var(--theme-shadow-glow), 0 8px 25px #0ac28533}.highlight-action-btn.ruqyah-btn:hover{border-color:var(--theme-accent-gold);box-shadow:var(--theme-shadow-glow-gold), 0 8px 25px #ffc00033}.highlight-action-btn.recovery-btn:hover{border-color:#ec4899;box-shadow:0 0 15px #ec489959,0 8px 25px #ec489933}.btn-icon{width:20px;height:20px}.daily-engagement-section{margin:3rem 0}.engagement-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=900px){.engagement-grid{grid-template-columns:1fr;gap:1.5rem}.engagement-grid>.habit-tracker{order:1}.engagement-grid>.daily-inspiration{order:2}}.surah-list-section,.search-icon{color:#fff;margin:0 1rem}.search-bar input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:.5rem;font-size:1.1rem}.filter-chips{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.chip{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:2rem;padding:.5rem 1.5rem;transition:all .2s}.chip:hover{background:#fff3}.chip.active{color:var(--color-primary-dark);background:#fff;font-weight:600}.surah-grid-section{max-width:1200px;margin:0 auto;padding:0 2rem}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.surah-card{border:1px solid var(--theme-border);border-radius:var(--border-radius-md);cursor:pointer;background:var(--color-surface-dark);box-shadow:var(--shadow-sm);flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.surah-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-4px)}.surah-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.surah-number{width:36px;height:36px;color:var(--color-primary);background:#0ac2851a;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.surah-type{color:var(--color-text-dark);opacity:.8;font-size:.85rem}.surah-names{margin-bottom:1rem}.surah-name-bn{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.surah-name-meaning{color:var(--color-text-dark);opacity:.7;font-size:.9rem}.surah-name-ar{text-align:right;color:var(--color-primary);margin-top:auto;font-family:Scheherazade New,Amiri,serif;font-size:1.5rem}.mindmap-container{max-width:800px;margin:2rem auto;padding-left:5rem;position:relative}.svg-connector-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.connector-svg{width:100%;height:100%}.connector-path{stroke-dasharray:8 4;animation:20s linear infinite flowLine}@keyframes flowLine{to{stroke-dashoffset:-120px}}.mindmap-nodes{flex-direction:column;gap:1.5rem;display:flex}.mindmap-node-row{opacity:0;animation:.5s cubic-bezier(.4,0,.2,1) forwards revealNode;animation-delay:calc(var(--node-index) * .15s);align-items:center;display:flex;position:relative;transform:translate(-20px)}@keyframes revealNode{to{opacity:1;transform:translate(0)}}.node-connector-bullet{z-index:2;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;left:-3rem}.bullet-icon-wrapper{background:var(--color-background-dark);border:2px solid var(--color-accent-gold);width:32px;height:32px;color:var(--color-accent-gold);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 10px #d4af3733}.bullet-glow-ring{border:1px solid var(--color-primary);opacity:.4;border-radius:50%;width:42px;height:42px;animation:2s infinite pulseRing;position:absolute}@keyframes pulseRing{0%{opacity:.6;transform:scale(.85)}50%{opacity:.2;transform:scale(1.1)}to{opacity:.6;transform:scale(.85)}}.node-content-card{border-radius:var(--border-radius-md);width:100%;transition:var(--transition-smooth);cursor:pointer;background:#0d1b1599;border:1px solid #0ac28526;padding:1.25rem}.node-content-card:hover{border-color:var(--color-accent-gold);background:#0d1b15d9}.node-content-card:hover~.node-connector-bullet .bullet-icon-wrapper{background:var(--color-accent-gold);color:var(--color-primary-dark);box-shadow:0 0 15px var(--color-accent-gold)}.node-badge{color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.node-text{color:var(--color-text-dark);font-size:.95rem;font-weight:500;line-height:1.5}.no-data{text-align:center;color:#888;padding:2rem}.node-card-header{justify-content:space-between;align-items:flex-start;display:flex}.expand-icon{color:var(--color-accent-gold);opacity:.7;margin-top:.25rem;transition:transform .4s}.node-content-card:hover .expand-icon{opacity:1}.expand-icon.rotated{transform:rotate(180deg)}.node-details{opacity:0;max-height:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s,margin-top .3s;overflow:hidden}.node-details.show{opacity:1;max-height:500px;margin-top:1.25rem}.details-divider{background:linear-gradient(90deg,#0000,#d4af374d,#0000);height:1px;margin-bottom:1rem}.node-details p{color:#ffffffd9;font-size:.95rem;line-height:1.7}.vocabulary-explorer-container{width:100%;margin-top:1.5rem}.explorer-tabs{border-bottom:1px solid #ffffff0d;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.explorer-tab-btn{color:#fff9;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600}.explorer-tab-btn:hover{color:var(--color-primary);background:#0ac2851a;border-color:#0ac28540}.explorer-tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-glow-emerald)}.helper-text{color:#fff6;align-items:center;gap:4px;margin-bottom:1rem;font-size:.8rem;display:flex}.flashcards-grid{perspective:1000px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.flashcard-scene{cursor:pointer;height:200px}.flashcard-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard-scene.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;border-radius:var(--border-radius-md);border:1px solid #0ac28526;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;position:absolute}.flashcard-front{background:#0d1b15b3}.flashcard-back{background:#064e3b66;border-color:#d4af3740;transform:rotateY(180deg)}.card-badge{text-transform:uppercase;color:var(--color-primary);letter-spacing:1px;font-size:.65rem;font-weight:700;position:absolute;top:10px;left:10px}.card-badge.gold{color:var(--color-accent-gold)}.flash-arabic-text{color:var(--color-accent-gold);margin-bottom:1rem;font-family:Scheherazade New,Amiri,serif;font-size:2.2rem}.flash-bengali-text{color:#fff;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.back-helper{color:#fff6;font-size:.7rem}.card-actions-row{gap:.75rem;display:flex}.card-action-btn{color:#ffffffb3;width:32px;height:32px;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.card-action-btn:hover{background:var(--color-primary-dark);color:#fff;border-color:var(--color-primary)}.dictionary-search-bar{border-radius:var(--border-radius-sm);background:#00000040;border:1px solid #ffffff0d;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.6rem 1rem;display:flex}.search-icon-inside{color:#fff6}.dictionary-search-bar input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.dictionary-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.dict-card{border-radius:var(--border-radius-md);background:#0d1b1599;border:1px solid #0ac28526;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.dict-arabic{color:var(--color-primary);font-family:Scheherazade New,Amiri,serif;font-size:1.75rem}.dict-bengali{color:var(--color-text-dark);font-size:.95rem;font-weight:500}.dict-actions{border-top:1px dashed #ffffff0d;gap:.75rem;margin-top:.5rem;padding-top:.75rem;display:flex}.dict-btn{color:#fff9;transition:var(--transition-smooth);border-radius:4px;align-items:center;gap:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:flex}.dict-btn:hover{color:var(--color-accent-gold);background:#ffffff05}.no-matches{text-align:center;color:#fff6;grid-column:1/-1;padding:3rem}.ai-companion-panel{border-radius:var(--border-radius-lg);background:#0d1b15a6;border:1px solid #0ac28533;flex-direction:column;height:520px;margin-top:2rem;display:flex;overflow:hidden}.companion-header{background:linear-gradient(135deg,#064e3bcc,#0ac28533);border-bottom:1px solid #0ac28526;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.sparkles-icon{color:var(--color-accent-gold)}.animate-glow{animation:2s infinite alternate glowPulse}@keyframes glowPulse{0%{filter:drop-shadow(0 0 2px var(--color-accent-gold))}to{filter:drop-shadow(0 0 8px var(--color-accent-gold))}}.companion-title h4{color:#fff;font-size:1.1rem;font-weight:700}.companion-title span{color:#ffffff80;font-size:.75rem;display:block}.chat-area{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.message-row{align-items:flex-start;gap:.75rem;max-width:85%;display:flex}.message-row.assistant{align-self:flex-start}.message-row.user{flex-direction:row-reverse;align-self:flex-end}.avatar-wrapper{width:28px;height:28px;color:var(--color-primary);background:#0ac28526;border:1px solid #0ac28540;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.message-row.user .avatar-wrapper{color:var(--color-accent-gold);background:#d4af3726;border-color:#d4af3740}.message-row.assistant .message-bubble{color:var(--color-text-dark);background:#ffffff0d;border:1px solid #ffffff0d;border-top-left-radius:2px}.message-row.user .message-bubble{background:var(--color-primary-dark);color:#fff;border-top-right-radius:2px;box-shadow:0 4px 10px #064e3b4d}.typing-bubble{align-items:center;gap:4px;padding:.75rem 1rem;display:flex}.typing-bubble .dot{background:var(--color-primary);opacity:.4;border-radius:50%;width:6px;height:6px;animation:1.4s infinite both dotBlink}.typing-bubble .dot:nth-child(2){animation-delay:.2s}.typing-bubble .dot:nth-child(3){animation-delay:.4s}@keyframes dotBlink{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.prompt-chips-container{background:#00000026;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:.75rem 1.25rem}.chips-label{color:#ffffff8c;align-items:center;gap:4px;margin-bottom:.5rem;font-size:.75rem;display:flex}.chips-grid{gap:.5rem;padding-bottom:2px;display:flex;overflow-x:auto}.prompt-chip{color:var(--color-primary);white-space:nowrap;transition:var(--transition-smooth);background:#0ac2851a;border:1px solid #0ac28540;border-radius:20px;padding:.4rem .85rem;font-size:.8rem;font-weight:500}.prompt-chip:hover{border-color:var(--color-accent-gold);color:var(--color-accent-gold);background:#d4af3726;transform:translateY(-1px)}.input-area{background:#00000040;gap:.5rem;padding:.85rem 1.25rem;display:flex}.input-area input{border-radius:var(--border-radius-sm);color:#fff;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff14;outline:none;flex:1;padding:.6rem 1rem;font-size:.9rem}.input-area input:focus{border-color:var(--color-primary);background:#ffffff14}.send-btn{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-sm);width:38px;height:38px;transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}.send-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.surah-detail-page{padding-bottom:6rem}.cinematic-banner-wrapper{border-radius:0 0 2.5rem 2.5rem;width:100%;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 15px 40px #0006}.cinematic-bg-layer{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.ken-burns-img{object-fit:cover;width:100%;height:100%;animation:20s ease-in-out infinite alternate kenBurns}@keyframes kenBurns{0%{transform:scale(1)translate(0)}to{transform:scale(1.15)translate(-2%,-2%)}}.cinematic-gradient-overlay{background:linear-gradient(#060c0966 0%,#060c09d9 60%,#060c09fa 100%);width:100%;height:100%;position:absolute;top:0;left:0}.particles-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background:#d4af37b3;border-radius:50%;width:3px;height:3px;animation:8s ease-in-out infinite floatParticle;position:absolute;box-shadow:0 0 8px #d4af37cc}.p-1{animation-duration:9s;animation-delay:0s;top:20%;left:10%}.p-2{animation-duration:7s;animation-delay:2s;top:15%;left:80%}.p-3{animation-duration:10s;animation-delay:1s;top:60%;left:40%}.p-4{animation-duration:12s;animation-delay:3s;top:80%;left:70%}.p-5{animation-duration:8s;animation-delay:.5s;top:75%;left:20%}.p-6{animation-duration:11s;animation-delay:4s;top:50%;left:90%}.p-7{animation-duration:9s;animation-delay:1.5s;top:30%;left:50%}.p-8{animation-duration:10s;animation-delay:2.5s;top:90%;left:30%}.p-9{animation-duration:8s;animation-delay:3.5s;top:10%;left:60%}.p-10{animation-duration:12s;animation-delay:.8s;top:90%;left:85%}.p-11{animation-duration:7s;animation-delay:2.2s;top:40%;left:15%}.p-12{animation-duration:11s;animation-delay:4.5s;top:50%;left:65%}@keyframes floatParticle{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-80px)translate(20px)scale(.5)}}.detail-header{z-index:2;-webkit-backdrop-filter:blur(8px)saturate(150%);color:#fff;background:0 0;border-bottom:2px solid #d4af3733;padding:3rem 2rem 2.5rem;position:relative}.header-container{max-width:1200px;margin:0 auto}.back-btn{color:#ffffffb3;transition:var(--transition-smooth);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-weight:500;display:inline-flex}.surah-header-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.badge{color:var(--color-primary);background:#0ac28533;border:1px solid #0ac2854d;border-radius:20px;margin-bottom:.75rem;padding:.3rem .85rem;font-size:.8rem;font-weight:600;display:inline-block}.surah-header-text h1{color:#fff;margin-bottom:.25rem;font-size:2.25rem;font-weight:700}.surah-header-text p{opacity:.8;margin-bottom:1rem;font-size:.95rem}.surah-header-ar{color:var(--color-accent-gold);text-shadow:0 0 15px #d4af3733;font-family:Scheherazade New,Amiri,serif;font-size:3.5rem}.play-recitation-trigger-btn{background:var(--color-accent-gold);color:var(--color-primary-dark);transition:var(--transition-smooth);border-radius:25px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #d4af374d}.play-recitation-trigger-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #fff3}.play-recitation-trigger-btn.playing{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow-emerald)}.first-ayah{border-radius:var(--border-radius-md);text-align:center;background:#0000004d;border:1px solid #ffffff0d;padding:1.75rem;transition:all .3s;position:relative}.first-ayah.active-speaking{box-shadow:var(--theme-shadow-glow), 0 0 15px #d4af371a!important;background:#d4af3708!important;border-color:#d4af3759!important}.speak-ayah-btn{color:var(--theme-text);opacity:.7;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1rem;right:1rem}.speak-ayah-btn:hover{opacity:1;color:var(--color-accent-gold);background:#d4af371f;border-color:#d4af374d;transform:scale(1.08)}.speak-ayah-btn.speaking{opacity:1;background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 10px #10b98166}.speak-ayah-btn.speaking .stop-icon{animation:2s linear infinite rotate-stop-ayah}@keyframes rotate-stop-ayah{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.first-ayah .ar{color:var(--color-accent-gold);margin-bottom:.75rem;padding:0 2rem;font-family:Scheherazade New,Amiri,serif;font-size:2.2rem;line-height:1.5}.first-ayah .bn{color:#fffc;padding:0 1.5rem;font-size:1.05rem}.detail-split-layout{grid-template-columns:1.8fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid}@media (width<=1024px){.detail-split-layout{grid-template-columns:1fr;gap:1.5rem}}.detail-left-column{flex-direction:column;display:flex}.tabs-container-detail{margin-bottom:1.5rem}.tabs-detail{border-radius:var(--border-radius-md);background:#00000026;border:1px solid #ffffff0d;gap:.5rem;padding:.4rem;display:flex}.tab-btn{border-radius:var(--border-radius-sm);color:#fff9;text-align:center;transition:var(--transition-smooth);flex:1;padding:.85rem;font-size:.9rem;font-weight:600}.tab-btn.active{background:var(--color-primary-dark);color:#fff;box-shadow:var(--shadow-sm);border:1px solid #0ac28533}.detail-card{border-radius:var(--border-radius-lg);margin-bottom:1.5rem;padding:2rem}.detail-card h2,.detail-card h3{color:var(--color-primary);border-bottom:1px dashed #0ac28533;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem;display:flex}.scholarly-text{color:#ffffffd9;text-align:justify;white-space:pre-line;font-size:.95rem;line-height:1.7}.highlight-text{color:#fff;border-radius:var(--border-radius-sm);border-left:4px solid var(--color-accent-gold);background:#d4af3714;padding:1.25rem;font-size:1.1rem;font-weight:500;line-height:1.6}.overview-list{list-style:none}.overview-list li{color:#ffffffe6;border-bottom:1px dashed #ffffff0d;padding:.85rem 0 .85rem 1.75rem;font-size:.95rem;position:relative}.overview-list li:before{content:"✦";color:var(--color-accent-gold);font-weight:700;position:absolute;left:0}.loading{text-align:center;color:var(--color-accent-gold);padding:5rem;font-size:1.5rem}.ai-book-section{background:var(--theme-bg);position:relative;overflow:hidden;box-shadow:0 10px 30px #00000040,0 0 15px #d4af370d;border:1.5px solid #d4af3740!important}.ai-book-section:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent-gold), var(--color-primary));width:100%;height:4px;position:absolute;top:0;left:0}.ai-book-header{border-bottom:1px dashed #d4af3740;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.ai-book-header h2,.ai-book-header h3{border-bottom:none!important;margin-bottom:0!important;padding-bottom:0!important}.ai-book-badge{color:var(--color-accent-gold);letter-spacing:.5px;text-transform:uppercase;background:#d4af3714;border:1px solid #d4af374d;border-radius:30px;align-items:center;padding:.35rem .85rem;font-size:.75rem;font-weight:700;animation:2.5s infinite alternate pulse-badge;display:inline-flex;box-shadow:0 2px 10px #d4af370d}.ai-book-badge.font-gold{color:#f59e0b;border-color:#f59e0b4d}@keyframes pulse-badge{0%{transform:scale(1);box-shadow:0 0 #d4af371a}to{transform:scale(1.02);box-shadow:0 0 8px 2px #d4af3726}}.ai-book-content{color:var(--theme-text);font-size:1.02rem;line-height:1.85}.scholarly-h2{color:var(--color-accent-gold);border-bottom:1px solid #d4af3726;align-items:center;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.45rem;font-weight:700;display:flex}.scholarly-h3{color:var(--color-primary);margin-top:1.75rem;margin-bottom:.85rem;font-size:1.3rem;font-weight:600}.scholarly-h4{color:#fff;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.15rem;font-weight:600}.scholarly-paragraph{text-align:justify;color:#ffffffe6;margin-bottom:1.25rem}.light-theme .scholarly-paragraph,.light-theme .scholarly-h4{color:#000c}.scholarly-list{margin-bottom:1.5rem;padding-left:1.5rem;list-style:none}.scholarly-list li{color:#ffffffe6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.light-theme .scholarly-list li{color:#000c}.scholarly-list li:before{content:"❖";color:var(--color-accent-gold);font-size:.8rem;position:absolute;top:.15rem;left:0}.scholarly-quote{border-left:4px solid var(--color-primary);color:#fffffff2;background:#0ac2850a;border-radius:0 12px 12px 0;margin:1.5rem 0;padding:1.25rem 1.5rem;font-style:italic;line-height:1.75}.light-theme .scholarly-quote{color:#000000d9;background:#0ac2850f}.ai-shimmer-container{flex-direction:column;gap:1.1rem;padding:1rem 0;display:flex}.shimmer-header,.shimmer-para{background:linear-gradient(90deg,#ffffff08 25%,#0ac28514 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:6px;animation:1.8s linear infinite ai-shimmer}.shimmer-header{border-left:3px solid var(--color-accent-gold);width:55%;height:28px;margin-bottom:.5rem}.shimmer-para{height:15px}@keyframes ai-shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}.ai-error-container{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 1.5rem;display:flex}.ai-error-text{margin:0;font-size:.95rem;font-weight:500;color:#f87171!important}.ai-retry-btn{border:1px solid var(--color-accent-gold);color:var(--color-accent-gold);cursor:pointer;background:#d4af371a;border-radius:30px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .3s;display:inline-flex}.ai-retry-btn:hover{background:var(--color-accent-gold);color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px #d4af374d}.ai-retry-btn:hover .retry-icon{transform:rotate(180deg)}.retry-icon{transition:transform .4s}.summary-reference-section{opacity:.95;border:1px solid #ffffff0d;margin-top:1.5rem}.summary-reference-section h3{font-size:1.15rem}.about-page{padding-bottom:4rem}.about-header{background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));color:#fff;text-align:center;border-radius:0 0 2rem 2rem;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3rem;padding:4rem 2rem;display:flex}.about-brand-logo{filter:drop-shadow(0 4px 20px #fbbf2473);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.about-brand-logo:hover{transform:scale(1.08)rotate(3deg)}.about-header h1{text-shadow:0 2px 10px #0003;font-size:2.5rem;font-weight:700}.about-content{max-width:800px;margin:0 auto;padding:0 1rem}.about-section,.developer-section,.contact-section{background:var(--color-surface-dark);border:1px solid var(--theme-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.about-section h2,.developer-section h2,.contact-section h2{color:var(--color-primary);border-bottom:1px solid var(--theme-border);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.5rem;display:flex}.icon{color:var(--color-secondary)}.dev-card{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}@media (width>=600px){.dev-card{text-align:left;flex-direction:row;align-items:flex-start}}.dev-avatar{border:3px solid var(--color-accent-gold);background:#0ac2851a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex;overflow:hidden;box-shadow:0 0 20px #d4af374d}.dev-avatar img{object-fit:cover;object-position:left center;width:100%;height:100%}.dev-info h3{color:var(--color-accent-gold);margin-bottom:.25rem;font-size:1.8rem}.dev-title{color:var(--theme-text);opacity:.7;margin-bottom:.75rem;font-size:.95rem}.company-badge{color:var(--color-accent-gold);letter-spacing:1px;background:#d4af3726;border-radius:2rem;margin-bottom:1rem;padding:.25rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.dev-desc{line-height:1.7}.contact-links{flex-direction:column;gap:1rem;display:flex}.contact-btn{border-radius:var(--border-radius-sm);color:#fff;justify-content:center;align-items:center;gap:.75rem;padding:1rem;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.contact-btn:hover{opacity:.9;transform:translateY(-2px)}.gdev{background:#4285f4}.linkedin{background:#0077b5}.facebook{background:#1877f2}.whatsapp{background:#25d366}.about-footer{text-align:center;border-radius:var(--border-radius-md);background:#0ac2850d;border:1px solid #0ac2851a;margin-top:4rem;padding:2rem}.quran-quote{color:var(--color-primary);margin:1rem 0 .25rem;font-size:1.25rem;font-weight:700}.quran-ref,.copyright{color:var(--theme-text);opacity:.6;font-size:.9rem}.copyright{margin-top:1rem}.namaz-guide-page{max-width:1200px;margin:0 auto;padding:2rem 2rem 6rem}.page-header{border-radius:var(--border-radius-lg);text-align:center;margin-bottom:2rem;padding:3rem 2rem;position:relative;overflow:hidden}.header-content{z-index:2;position:relative}.header-title{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.header-icon{color:var(--color-accent-gold)}.page-header h1{color:var(--color-primary);margin:0;font-size:2.5rem}.header-subtitle{color:var(--theme-text);opacity:.8;font-size:1.1rem}.back-btn{color:var(--theme-text);transition:var(--transition-smooth);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;display:flex;position:absolute;top:0;left:0}.back-btn:hover{color:var(--color-primary);transform:translate(-3px)}.mode-toggle-container{justify-content:center;margin-bottom:2rem;display:flex}.mode-toggle{background:#0003;border-radius:50px;gap:.5rem;padding:.5rem;display:flex}.mode-btn{color:var(--theme-text);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:30px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;display:flex}.mode-btn:hover{color:var(--color-primary)}.mode-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 4px 15px #0ac2854d}.namaz-content-wrapper{grid-template-columns:350px 1fr;gap:2rem;display:grid}.steps-navigation{border-radius:var(--border-radius-lg);flex-direction:column;gap:.5rem;max-height:80vh;padding:1.5rem;display:flex;overflow-y:auto}.step-nav-btn{border-radius:var(--border-radius-sm);width:100%;color:var(--theme-text);cursor:pointer;transition:var(--transition-smooth);text-align:left;background:0 0;border:1px solid #ffffff0d;align-items:center;padding:1rem;display:flex}.step-nav-btn:hover{background:#0ac2850d;border-color:#0ac28533}.step-nav-btn.active{background:var(--color-primary-dark);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 15px #0003}.step-number{background:var(--color-accent-gold);color:var(--color-primary-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:1rem;font-weight:700;display:flex}.step-nav-btn.active .step-number{color:var(--color-primary-dark);background:#fff}.step-title{flex:1;font-size:1rem;font-weight:500}.step-arrow{opacity:0;transition:var(--transition-smooth);transform:translate(-10px)}.step-nav-btn.active .step-arrow{opacity:1;transform:translate(0)}.step-details-container{border-radius:var(--border-radius-lg);flex-direction:column;display:flex;overflow:hidden}.step-visual{background:#000;width:100%;height:400px;position:relative;overflow:hidden}.step-image{object-fit:cover;width:100%;height:100%;animation:15s ease-in-out infinite alternate gentleZoom}@keyframes gentleZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.visual-overlay{background:linear-gradient(to top, var(--color-surface-dark) 0%, transparent 100%);width:100%;height:50%;position:absolute;bottom:0;left:0}.step-info{background:var(--color-surface-dark);padding:2.5rem}.step-info h2{color:var(--color-primary);margin-bottom:1.5rem;font-size:2rem}.arabic-text{color:var(--color-accent-gold);text-align:right;border-radius:var(--border-radius-md);border-right:4px solid var(--color-accent-gold);background:#0003;margin-bottom:1.5rem;padding:1rem;font-family:Scheherazade New,Amiri,serif;font-size:2.5rem;line-height:1.6}.transliteration-text,.translation-text{color:var(--theme-text);border-bottom:1px dashed #ffffff1a;margin-bottom:1rem;padding-bottom:1rem;font-size:1.05rem;line-height:1.6}.transliteration-text strong,.translation-text strong{color:var(--color-primary);margin-right:.5rem}.description-text{color:var(--theme-text);opacity:.9;border-radius:var(--border-radius-sm);border-left:4px solid var(--color-primary);background:#0ac2850d;margin-top:1.5rem;padding:1.5rem;font-size:1.1rem;line-height:1.8}@media (width<=900px){.namaz-content-wrapper{grid-template-columns:1fr}.step-visual{height:300px}.steps-navigation{max-height:300px}}@media (width<=600px){.namaz-guide-page{padding:1rem}.page-header h1,.arabic-text{font-size:1.8rem}}.duas-page{max-width:1200px;margin:0 auto;padding:2rem 2rem 6rem}.duas-banner-header{border-radius:var(--border-radius-lg);margin-bottom:2.5rem;padding:3rem 2.5rem;border:1px solid #d4af3733!important;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s,box-shadow .4s!important}.duas-banner-header:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0ac28540, var(--shadow-glow-gold)!important;border-color:#d4af3766!important}.duas-banner-header .back-btn{opacity:.8;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-weight:500;transition:all .3s;display:inline-flex;color:var(--text-dark)!important}.duas-banner-header .back-btn:hover{opacity:1;color:var(--color-accent-gold)!important}.duas-banner-header .header-title{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.duas-banner-header .header-title h1{color:var(--text-dark);margin:0;font-size:2.2rem}.duas-banner-header .header-icon{color:var(--color-accent-gold)}.duas-banner-header .header-subtitle{color:var(--text-dark);opacity:.8;font-size:1.1rem}.duas-controls{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.search-bar{background:#0003;border:1px solid #ffffff1a;border-radius:50px;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:1rem 1.5rem;display:flex}.search-icon{color:var(--color-accent-gold);margin-right:1rem}.search-bar input{color:var(--theme-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.1rem}.search-bar input::placeholder{color:#fff6}.filter-btn{color:var(--theme-text);cursor:pointer;transition:var(--transition-smooth);border:1px solid #ffffff1a;border-radius:30px;padding:.6rem 1.2rem;font-weight:500}.filter-btn:hover{border-color:var(--color-primary);background:#0ac2851a}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 15px #0ac2854d}.duas-grid{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:2rem;display:grid}.dua-card{border-radius:var(--border-radius-lg);flex-direction:column;padding:2rem;display:flex}.dua-card-header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;display:flex}.dua-card.active-speaking{box-shadow:var(--theme-shadow-glow), 0 0 15px #0ac2851a!important;background:#0ac28505!important;border-color:#0ac28559!important}.speak-dua-btn{color:var(--theme-text);opacity:.7;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.speak-dua-btn:hover{opacity:1;color:var(--color-primary);background:#0ac2851f;border-color:#0ac2854d;transform:scale(1.08)}.speak-dua-btn.speaking{opacity:1;background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 10px #0ac28566}.speak-dua-btn.speaking .stop-icon{animation:2s linear infinite rotate-stop-dua}@keyframes rotate-stop-dua{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.dua-category-badge{color:var(--color-accent-gold);background:#d4af3726;border:1px solid #d4af374d;border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:700;display:inline-block}.dua-card h2,.dua-card h3{color:var(--color-primary);border-bottom:1px dashed #ffffff1a;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.4rem}.dua-arabic{color:var(--color-accent-gold);text-align:right;border-radius:var(--border-radius-md);border-right:4px solid var(--color-accent-gold);background:#0003;margin-bottom:1.5rem;padding:1.5rem;font-family:Scheherazade New,Amiri,serif;font-size:2.2rem;line-height:1.8}.dua-details{flex:1}.dua-transliteration,.dua-translation{color:var(--theme-text);margin-bottom:1rem;font-size:1.05rem;line-height:1.6}.dua-transliteration strong,.dua-translation strong{color:var(--color-primary);margin-right:.5rem}.dua-reference{color:#fff9;text-align:right;border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1rem;font-size:.9rem}.ref-label{color:var(--color-accent-gold);margin-right:.25rem}.no-results{text-align:center;color:#fff9;border-radius:var(--border-radius-lg);grid-column:1/-1;padding:4rem;font-size:1.2rem}@media (width<=768px){.duas-grid{grid-template-columns:1fr}.dua-arabic{font-size:1.8rem}.duas-page{padding:1rem}}.native-share-btn{color:var(--primary-color);cursor:pointer;background:#10b9811a;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.native-share-btn:hover{background:#10b98133;transform:translateY(-2px)}.native-share-btn:active{transform:translateY(0)}.hadiths-page{max-width:1200px;margin:0 auto;padding:2rem 2rem 6rem}.hadiths-banner-header{border-radius:var(--border-radius-lg);margin-bottom:2.5rem;padding:3rem 2.5rem;border:1px solid #d4af3733!important;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s,box-shadow .4s!important}.hadiths-banner-header:hover{transform:translateY(-4px);box-shadow:0 10px 30px #064e3b33, var(--shadow-glow-gold)!important;border-color:#d4af3766!important}.hadiths-banner-header .back-btn{opacity:.8;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-weight:500;transition:all .3s;display:inline-flex;color:var(--text-dark)!important}.hadiths-banner-header .back-btn:hover{opacity:1;color:var(--color-accent-gold)!important}.hadiths-banner-header .header-title{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.hadiths-banner-header .header-title h1{color:var(--text-dark);margin:0;font-size:2.2rem}.hadiths-banner-header .header-icon{color:var(--color-accent-gold)}.hadiths-banner-header .header-subtitle{color:var(--text-dark);opacity:.8;font-size:1.1rem}.hadiths-controls{margin-bottom:3rem}.hadiths-grid{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:2rem;display:grid}.hadith-card{border-radius:var(--border-radius-lg);flex-direction:column;padding:2.5rem;display:flex;position:relative}.hadith-card:before{content:"\"";color:#ffffff0d;pointer-events:none;font-family:serif;font-size:8rem;line-height:1;position:absolute;top:1rem;right:2rem}.hadith-header{border-bottom:1px dashed #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.hadith-header-actions{align-items:center;gap:.75rem;display:flex}.speak-hadith-btn{color:var(--theme-text);opacity:.7;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.speak-hadith-btn:hover{opacity:1;color:var(--color-primary);background:#10b9811f;border-color:#10b9814d;transform:scale(1.08)}.speak-hadith-btn.speaking{opacity:1;background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 10px #10b98166}.speak-hadith-btn.speaking .stop-icon{animation:2s linear infinite rotate-stop-hadith}.hadith-card.active-speaking{box-shadow:var(--theme-shadow-glow), 0 0 15px #10b9811a!important;background:#10b98105!important;border-color:#10b98159!important}@keyframes rotate-stop-hadith{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.hadith-topic{color:var(--color-primary);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.hadith-grade{border-radius:15px;padding:.25rem .75rem;font-size:.8rem;font-weight:700}.grade-sahih{color:var(--color-primary);background:#0ac28533;border:1px solid #0ac28566}.grade-hasan{color:var(--color-accent-gold);background:#d4af3733;border:1px solid #d4af3766}.hadith-arabic{color:var(--color-accent-gold);text-align:right;margin-bottom:1.5rem;font-family:Scheherazade New,Amiri,serif;font-size:2.2rem;line-height:1.8}.hadith-bengali{color:var(--theme-text);text-align:justify;flex:1;margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.hadith-footer{color:var(--text-secondary);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;font-size:.9rem;display:flex}.hadith-footer-info{flex-direction:column;gap:.25rem;display:flex}.narrator,.source{opacity:.8}.hadith-footer strong{color:var(--color-primary);margin-right:.25rem}@media (width<=768px){.hadiths-grid{grid-template-columns:1fr}.hadith-arabic{font-size:1.8rem}.hadiths-page{padding:1rem}.hadith-footer{flex-direction:column;align-items:flex-start}}.asmaul-husna-page{max-width:1200px;margin:0 auto;padding:2rem 2rem 6rem}.names-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.name-card{border-radius:var(--border-radius-lg);text-align:center;flex-direction:column;align-items:center;padding:2rem 1.5rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.name-card:hover{transform:translateY(-5px)}.name-header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.2rem;display:flex}.name-number{width:32px;height:32px;color:var(--color-accent-gold);background:#d4af3714;border:1px solid #d4af3726;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.speak-name-btn{color:var(--theme-text);opacity:.7;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.speak-name-btn:hover{opacity:1;color:var(--color-accent-gold);background:#d4af371f;border-color:#d4af374d;transform:scale(1.08)}.speak-name-btn.speaking{opacity:1;background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 10px #10b98166}.speak-name-btn.speaking .stop-icon{animation:2s linear infinite rotate-stop}.name-card.active-speaking{box-shadow:var(--theme-shadow-glow), 0 0 15px #d4af371f!important;background:#d4af3708!important;border-color:#d4af3759!important}@keyframes rotate-stop{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.name-arabic{color:var(--color-accent-gold);margin-bottom:1rem;font-family:Scheherazade New,Amiri,serif;font-size:2.5rem;line-height:1.2}.name-transliteration{color:var(--color-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.name-bengali{color:var(--theme-text);opacity:.9;font-size:1rem}@media (width<=600px){.asmaul-husna-page{padding:1rem}.names-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.name-arabic{font-size:2rem}}.tasbih-page{max-width:800px;margin:0 auto;padding:2rem 2rem 6rem}.tasbih-container{border-radius:var(--border-radius-lg);flex-direction:column;align-items:center;gap:2rem;margin-top:3rem;padding:3rem 2rem;display:flex}.target-selector{background:#0003;border-radius:50px;align-items:center;gap:1rem;padding:.5rem 1rem;font-weight:500;display:flex}.target-btn{color:var(--theme-text);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:20px;padding:.5rem 1rem}.target-btn.active{background:var(--color-primary);color:#fff}.tasbih-display{border:4px solid var(--color-primary);background:linear-gradient(135deg,#ffffff1a,#ffffff05);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:250px;height:250px;margin:1rem 0;display:flex;box-shadow:0 0 30px #0ac2854d,inset 0 0 20px #0ac28533}.current-count{color:var(--color-accent-gold);font-variant-numeric:tabular-nums;font-size:5rem;font-weight:700;line-height:1}.target-count{opacity:.7;font-size:1.2rem}.tasbih-controls{align-items:center;gap:2rem;display:flex}.reset-btn{color:var(--theme-text);cursor:pointer;width:50px;height:50px;transition:var(--transition-smooth);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.reset-btn:hover{color:#fff;background:#ff32324d}.count-btn{background:linear-gradient(145deg, var(--color-primary), #089c6b);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 10px 25px #0ac28566,inset 0 -5px 15px #0003}.count-btn:active{transform:scale(.95);box-shadow:0 5px 15px #0ac28566,inset 0 -5px 25px #0006}.btn-inner{background:linear-gradient(145deg,#0ce09c,#0aab76);border-radius:50%;width:70px;height:70px;box-shadow:inset 0 2px 5px #ffffff4d}.count-btn.target-reached{animation:1s infinite pulse-glow}@keyframes pulse-glow{0%{box-shadow:0 0 10px #fbbf2433,0 10px 25px #fbbf244d}to{box-shadow:0 0 25px #fbbf2480,0 10px 35px #fbbf2466}}.total-count-display{border-radius:var(--border-radius-sm);background:#0003;margin-top:1rem;padding:.75rem 1.5rem;font-size:1.1rem}@media (width<=600px){.tasbih-page{padding:1rem}.tasbih-display{width:200px;height:200px}.current-count{font-size:4rem}}.qibla-page{max-width:800px;margin:0 auto;padding:2rem 2rem 6rem}.qibla-container{border-radius:var(--border-radius-lg);flex-direction:column;justify-content:center;align-items:center;min-height:500px;margin-top:3rem;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.permission-prompt{text-align:center;max-width:400px}.prompt-icon{color:var(--color-primary);opacity:.8;margin-bottom:1.5rem}.permission-prompt h3{margin-bottom:1rem}.permission-prompt p{color:var(--theme-text);opacity:.8;line-height:1.5}.mt-4{margin-top:1.5rem}.primary-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:30px;padding:.75rem 2rem;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #0ac2854d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ac28566}.error-msg{color:#ff5252;border-radius:var(--border-radius-sm);background:#ff52521a;margin-top:1rem;padding:.5rem;font-size:.9rem}.compass-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.compass-inner{border:8px solid #ffffff1a;border-radius:50%;width:300px;height:300px;margin-bottom:2rem;transition:box-shadow .3s,border-color .3s;position:relative;box-shadow:inset 0 0 20px #00000080,0 0 30px #0003}.compass-inner.qibla-found{border-color:var(--color-primary);box-shadow:inset 0 0 30px #0ac28533,0 0 40px #0ac28566}.compass-dial{border-radius:50%;width:100%;height:100%;transition:transform .1s linear;position:absolute;top:0;left:0}.compass-dial:before{content:"";background-image:repeating-conic-gradient(#fff3 0deg 1deg,#0000 1deg 10deg);border-radius:50%;position:absolute;inset:5px}.compass-mark{color:var(--theme-text);opacity:.6;font-size:1.2rem;font-weight:700;position:absolute}.north{color:#ff5252;opacity:1;top:10px;left:50%;transform:translate(-50%)}.south{bottom:10px;left:50%;transform:translate(-50%)}.east{top:50%;right:10px;transform:translateY(-50%)}.west{top:50%;left:10px;transform:translateY(-50%)}.qibla-marker{width:100%;height:100%;position:absolute;top:0;left:0}.qibla-marker:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:20px solid var(--color-primary);width:0;height:0;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.kaaba-icon{opacity:.9;width:24px;height:24px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.compass-needle{background:linear-gradient(to top, transparent 50%, var(--color-accent-gold) 50%);z-index:10;border-radius:2px;width:4px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compass-center{background:var(--color-accent-gold);z-index:11;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00000080}.qibla-info{text-align:center}.qibla-info p{color:var(--theme-text);opacity:.8;margin-bottom:.5rem}.qibla-success h3{color:var(--color-primary);margin-bottom:.5rem;font-size:1.5rem}.animate-pulse-fast{animation:1s infinite alternate pulse-fast}@keyframes pulse-fast{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.qibla-degrees{color:var(--color-accent-gold);font-family:monospace;font-size:1.2rem;font-weight:700}@media (width<=600px){.qibla-page{padding:1rem}.compass-inner{width:250px;height:250px}.compass-needle{height:120px}}.prayer-times-page{max-width:900px;margin:0 auto;padding:2rem 1rem 6rem}.prayer-container{margin-top:2rem}.location-card{border-radius:var(--border-radius-lg);margin-bottom:2rem;padding:1.5rem}.permission-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:opacity .2s;display:flex}.permission-btn:hover{opacity:.9}.loading-state,.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:4rem 2rem;display:flex}.loading-state p{color:var(--theme-text);opacity:.8;margin-top:1rem}.retry-btn{color:var(--theme-text);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:.5rem 1.5rem}.timings-grid{grid-template-columns:1.5fr 1fr;gap:2rem;display:grid}.section-title{color:var(--color-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;display:flex}.prayer-list{border-radius:var(--border-radius-lg);padding:.5rem}.prayer-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem;display:flex}.prayer-item:last-child{border-bottom:none}.prayer-info{align-items:center;gap:1rem;display:flex}.prayer-name{color:var(--theme-text);font-size:1.1rem;font-weight:500}.prayer-time-action{align-items:center;gap:1.5rem;display:flex}.prayer-time-text{font-family:monospace;font-size:1.1rem;font-weight:700}.alarm-toggle{color:var(--theme-text);opacity:.4;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.alarm-toggle:hover{background:#ffffff1a}.alarm-toggle.active{opacity:1;color:var(--color-accent-gold);background:#ffd7001a}.extras-list{border-radius:var(--border-radius-lg);padding:1.5rem}.extra-item{border-bottom:1px dashed #ffffff1a;justify-content:space-between;padding:.75rem 0;display:flex}.extra-item:last-child{border-bottom:none}.info-box{border-left:4px solid var(--color-primary);color:var(--theme-text);background:#0ac2851a;border-radius:0 8px 8px 0;padding:1rem;font-size:.9rem}@media (width<=768px){.timings-grid{grid-template-columns:1fr}}.prayer-wheel-card{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border,#ffffff1a);margin-top:1.5rem;padding:2.25rem;overflow:hidden}.prayer-wheel-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:2.5rem;display:grid}.wheel-badge-top{border-radius:var(--border-radius-pill);color:var(--color-primary);background:rgba(var(--color-primary-hsl), .15);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.prayer-wheel-intro h3{color:var(--theme-text,#fff);margin:0 0 .75rem;font-size:1.65rem;font-weight:800}.wheel-intro-p{color:var(--color-text-muted,#fff9);margin:0 0 1.75rem;font-size:.95rem;line-height:1.5}.prayer-wheel-legend{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.legend-item{align-items:center;gap:.75rem;display:flex}.legend-color-box{border-radius:4px;flex-shrink:0;width:14px;height:14px}.night-bg{background:#0f172ad9;border:1px solid #ffffff1a}.twilight-bg{background:#312e81bf;border:1px solid #ffffff1a}.day-bg{background:#0ea5e938;border:1px solid #ffffff26}.dusk-bg{background:#c2410c66;border:1px solid #ffffff1a}.legend-info{flex-direction:column;display:flex}.legend-info strong{color:var(--theme-text,#fff);font-size:.85rem;font-weight:700}.legend-info span{color:var(--color-text-muted,#ffffff80);font-size:.75rem}.prayer-wheel-visual{justify-content:center;align-items:center;display:flex;position:relative}.solar-wheel-svg{filter:drop-shadow(0 10px 25px #00000059);width:100%;max-width:290px;height:auto}.sector-night{fill:#0f172ad9;transition:all .3s}.sector-twilight{fill:#312e81bf;transition:all .3s}.sector-day{fill:#0ea5e929;transition:all .3s}.sector-dusk{fill:#c2410c66;transition:all .3s}.wheel-center-mask{fill:var(--theme-bg,#0b0f19);transition:fill .3s}.pointer-line{stroke:var(--color-primary,#10b981);stroke-width:2.5px;stroke-linecap:round;opacity:.95;filter:drop-shadow(0 0 4px rgba(var(--color-primary-hsl), .6))}.pointer-node{stroke:var(--theme-bg,#0b0f19);stroke-width:1.5px;transition:all .3s}.pointer-sun{fill:#fbbf24;filter:drop-shadow(0 0 6px #fbbf24)}.pointer-moon{fill:#cbd5e1;filter:drop-shadow(0 0 6px #cbd5e1)}.prayer-marker-node{cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.prayer-marker-node:hover{filter:drop-shadow(0 0 8px);transform:scale(1.4)}.central-text-group text{text-anchor:middle;dominant-baseline:middle;font-family:inherit}.wheel-central-title{fill:var(--color-primary,#10b981);font-size:1.2rem;font-weight:800}.wheel-central-subtitle{fill:var(--color-text-muted,#94a3b8);font-size:1rem;font-weight:700}.wheel-central-title-small{letter-spacing:.5px;fill:var(--color-text-muted,#ffffff80);font-size:.75rem;font-weight:600}.wheel-central-time-digital{fill:var(--theme-text,#fff);font-family:monospace,sans-serif;font-size:1.25rem;font-weight:800}.wheel-central-next-lbl{fill:var(--color-accent-gold,#fbbf24);font-size:.68rem;font-weight:700}@media (width<=768px){.prayer-wheel-grid{text-align:center;grid-template-columns:1fr;gap:2rem}.wheel-badge-top{justify-content:center}.prayer-wheel-legend{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:480px;margin:0 auto}}.dream-guide-page{max-width:800px;margin:0 auto;padding:2rem 1rem 6rem}.dream-container{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.dream-input-card{border-radius:var(--border-radius-lg);padding:2rem}.card-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.card-header h2{color:var(--color-primary);margin:0;font-size:1.25rem}.dream-textarea{border:1px solid var(--theme-border);width:100%;color:var(--theme-text);resize:vertical;background:#ffffff08;border-radius:12px;margin-bottom:1rem;padding:1rem;font-size:1rem;line-height:1.5;transition:border-color .2s}.dream-textarea:focus{border-color:var(--color-primary);background:#ffffff0d;outline:none}.dream-textarea:disabled{opacity:.6;cursor:not-allowed}.interpret-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1.1rem;font-weight:600;transition:opacity .2s,transform .1s;display:flex}.interpret-btn:hover:not(:disabled){opacity:.9}.interpret-btn:active:not(:disabled){transform:scale(.98)}.interpret-btn:disabled{color:#ffffff80;cursor:not-allowed;background:#ffffff1a}.error-message{text-align:center;border-left:4px solid #f87171;border-radius:12px;padding:1.5rem}.interpretation-result{border-radius:var(--border-radius-lg);border-top:4px solid var(--color-accent-gold);padding:2rem}.result-header{border-bottom:1px solid var(--theme-border);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.result-header h3{color:var(--theme-text);margin:0;font-size:1.25rem}.result-content p{color:var(--theme-text);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.result-content p:last-child{margin-bottom:0}.disclaimer-box{border-left:3px solid var(--color-accent-gold);background:#ffd7000d;border-radius:8px;padding:1rem}.tajweed-section{margin-top:2rem}.tajweed-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1rem;display:grid}.tajweed-card{text-align:left;border-radius:16px;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.tajweed-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.tajweed-card-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.tajweed-title{color:var(--color-primary);margin:0;font-size:1.25rem;font-weight:700}.tajweed-desc{color:var(--text-dark);opacity:.8;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.tajweed-letters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tajweed-letter{color:var(--color-primary);background:#14b8a61a;border-radius:8px;padding:.25rem .75rem;font-family:Amiri,Traditional Arabic,serif;font-size:1.5rem}.tajweed-example-box{background:var(--theme-bg);text-align:center;border:1px dashed var(--theme-border);border-radius:12px;margin-top:auto;padding:1rem}.example-label{color:var(--text-dark);opacity:.6;margin-bottom:.5rem;font-size:.8rem;display:block}.example-arabic{color:var(--text-dark);margin-bottom:.5rem;font-size:2.5rem}.example-bengali{color:var(--color-primary);font-size:1rem}.quran-learning-page{max-width:1000px;margin:0 auto;padding:2rem 1rem 6rem}.learning-header{background:linear-gradient(135deg,#0f766e1a,#14b8a60d);border:1px solid #14b8a633;border-radius:20px;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:2rem;display:flex}.quran-banner-header{position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s,box-shadow .4s!important}.quran-banner-header:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0ac28540, var(--shadow-glow-gold)!important;border-color:#d4af3766!important}@media (width>=768px){.learning-header{flex-direction:row;justify-content:space-between;align-items:center}}.header-content h1{color:var(--color-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:2rem;display:flex}.learning-header p{color:var(--text-dark);opacity:.8;font-size:1.1rem}.main-mode-toggle{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.mode-btn{border:2px solid var(--theme-border);background:var(--theme-bg);color:var(--text-dark);cursor:pointer;border-radius:30px;padding:.75rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s}.mode-btn:hover{border-color:var(--color-primary);background:#14b8a60d}.mode-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 15px #14b8a64d}.progress-container{background:var(--color-surface-dark);border:1px solid var(--theme-border);border-radius:15px;min-width:250px;padding:1.5rem;box-shadow:0 4px 15px #0000000d}.progress-text{color:var(--text-dark);justify-content:space-between;margin-bottom:.5rem;font-weight:600;display:flex}.progress-text span:last-child{color:var(--color-primary)}.progress-bar-bg{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-secondary), var(--color-primary));border-radius:4px;height:100%;transition:width .5s ease-out}.learning-tabs{gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tab-btn{border:1px solid var(--theme-border);background:var(--theme-bg);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:flex}.tab-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tab-btn:disabled{opacity:.5;cursor:not-allowed}.harakat-sub-tabs{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.sub-tab-btn{border:1px solid var(--theme-border);background:var(--theme-bg);color:var(--text-dark);cursor:pointer;border-radius:20px;padding:.5rem 1.5rem;font-family:Amiri,Traditional Arabic,serif;font-size:1.1rem;font-weight:600;transition:all .3s}.sub-tab-btn:hover{border-color:var(--color-primary);background:#14b8a60d}.sub-tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05);box-shadow:0 4px 10px #14b8a633}.alphabets-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;display:grid}.alphabet-card{background:var(--color-surface-dark);border:1px solid var(--theme-border);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.alphabet-card:hover{border-color:#14b8a666;transform:translateY(-5px);box-shadow:0 10px 25px #14b8a626}.alphabet-card.learned{background:linear-gradient(135deg,#14b8a60d,#14b8a626);border-color:#14b8a64d}.card-top{justify-content:space-between;align-items:flex-start;width:100%;min-height:24px;display:flex}.play-btn{color:var(--color-primary);cursor:pointer;background:#0f766e1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;transition:all .2s;display:flex}.alphabet-card:hover .play-btn{background:var(--color-primary);color:#fff;transform:scale(1.1)}.play-btn:disabled{opacity:.7;cursor:wait}.arabic-text{color:var(--color-primary);margin:0;padding:1rem 0;font-family:Amiri,Traditional Arabic,serif;font-size:4rem;line-height:1}.bengali-text{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:500}.pillars-page{max-width:1100px;margin:0 auto;padding:3rem 1rem}.pillars-header{text-align:center;background:linear-gradient(135deg,#14b8a626 0%,#0d94880d 100%);border:1px solid #ffffff14;border-radius:24px;margin-bottom:3rem;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.header-badge{background:var(--color-primary);color:#fff;letter-spacing:1px;border-radius:50px;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-block;box-shadow:0 4px 12px #14b8a64d}.pillars-header h1{color:var(--color-primary);letter-spacing:-.5px;text-shadow:0 2px 10px #14b8a61a;margin-bottom:.75rem;font-size:3rem;font-weight:800}.pillars-header p{color:var(--text-dark);opacity:.85;max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.6}.pillars-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.pillar-card{text-align:center;cursor:pointer;border:1px solid var(--theme-border);animation:.5s ease-out both cardAppear;animation-delay:var(--delay);border-radius:24px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.pillar-card:before{content:"";opacity:0;background:radial-gradient(circle at 100% 0,#14b8a61a 0%,#0000 60%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.pillar-card:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 15px 35px #14b8a633}.pillar-card:hover:before{opacity:1}.card-number-badge{color:var(--text-dark);opacity:.1;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;position:absolute;top:1.5rem;right:1.5rem}.pillar-icon-wrapper{width:76px;height:76px;color:var(--color-primary);background:#14b8a614;border:1px solid #14b8a626;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.75rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.pillar-card:hover .pillar-icon-wrapper{background:linear-gradient(135deg, var(--color-primary) 0%, #0d9488 100%);color:#fff;transform:scale(1.15)rotate(5deg);box-shadow:0 8px 20px #14b8a64d}.pillar-card h2{color:var(--text-dark);margin-bottom:.75rem;font-size:1.65rem;font-weight:700}.pillar-card p{color:var(--text-dark);opacity:.8;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.card-footer-btn{color:var(--color-primary);opacity:0;justify-content:center;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;transform:translateY(5px)}.pillar-card:hover .card-footer-btn{opacity:1;transform:translateY(0)}.pillar-detail-view{animation:.5s ease-out detailFadeIn}.back-btn{border:1px solid var(--theme-border);color:var(--text-dark);cursor:pointer;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000000d}.back-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translate(-3px);box-shadow:0 4px 15px #14b8a640}.detail-content{background:var(--theme-bg);border:1px solid var(--theme-border);border-radius:28px;padding:3rem;box-shadow:0 10px 40px #0000001f}.detail-header{text-align:center;border-bottom:1px solid var(--theme-border);margin-bottom:3.5rem;padding-bottom:2.5rem}.detail-icon-circle{border:2px solid var(--color-primary);background:#14b8a61a;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 1.5rem;display:flex;box-shadow:0 4px 20px #14b8a626}.detail-main-icon{color:var(--color-primary)}.detail-header h1{color:var(--text-dark);margin-bottom:.5rem;font-size:3rem;font-weight:800}.detail-subtitle{color:var(--color-primary);font-size:1.25rem;font-weight:700}.sections-container{flex-direction:column;gap:3rem;display:flex}.content-section.card-style{border:1px solid var(--theme-border);border-radius:20px;padding:2.5rem;transition:transform .3s}.content-section h3{color:var(--color-primary);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.55rem;font-weight:700;display:flex}.content-section h3:before{content:"";background:var(--color-primary);border-radius:50px;width:6px;height:24px;display:block}.main-content-text{color:var(--text-dark);opacity:.9;white-space:pre-line;font-size:1.125rem;line-height:1.85}.reference-box{border-left:5px solid var(--color-primary);background:#14b8a608;border-radius:4px 16px 16px 4px;margin-top:2rem;padding:2rem;position:relative}.ref-quran-badge{background:var(--color-primary);color:#fff;border-radius:50px;padding:.25rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:20px;box-shadow:0 2px 8px #14b8a633}.ref-arabic{color:var(--text-dark);text-align:center;margin:1rem 0 1.5rem;font-family:Amiri,serif;font-size:2.25rem;line-height:1.8}.ref-bengali{color:var(--text-dark);margin-bottom:.75rem;font-size:1.05rem;line-height:1.6}.ref-meaning{color:var(--text-dark);opacity:.95;font-size:1.05rem;font-style:italic;line-height:1.6}.interactive-widget-section{border:1px solid var(--color-primary);background:linear-gradient(135deg,#14b8a60d 0%,#14b8a603 100%);border-radius:24px;padding:2.5rem;box-shadow:inset 0 0 20px #14b8a60d}.widget-header{color:var(--color-primary);align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.widget-icon{width:28px;height:28px}.widget-header h2{font-size:1.65rem;font-weight:700}.widget-desc{color:var(--text-dark);opacity:.8;margin-bottom:2rem;font-size:1rem}.kalimahs-list{flex-direction:column;gap:1.25rem;display:flex}.kalimah-card{border:1px solid var(--theme-border);border-radius:16px;transition:all .3s;overflow:hidden}.kalimah-card.expanded{border-color:var(--color-primary);box-shadow:0 4px 20px #14b8a61a}.kalimah-title-bar{cursor:pointer;background:#ffffff05;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:background .2s;display:flex}.kalimah-title-bar:hover{background:#14b8a60d}.kalimah-name{align-items:center;gap:1rem;display:flex}.kalimah-index{color:var(--color-primary);opacity:.8;font-size:1.1rem;font-weight:800}.kalimah-name h4{color:var(--text-dark);font-size:1.2rem;font-weight:700}.kalimah-body{border-top:1px solid var(--theme-border);background:#0000001a;padding:2rem 1.5rem}.kalimah-arabic{text-align:center;color:var(--text-dark);margin-bottom:1.5rem;font-family:Amiri,serif;font-size:2.25rem;line-height:1.8}.kalimah-detail-row{flex-direction:column;gap:.75rem;display:flex}.kalimah-pronunciation,.kalimah-meaning{font-size:1.05rem;line-height:1.6}.waqt-tabs-container{gap:.75rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.waqt-tab-btn{border:1px solid var(--theme-border);min-width:100px;color:var(--text-dark);cursor:pointer;border-radius:14px;flex:1;padding:1rem;font-size:1.05rem;font-weight:700;transition:all .3s}.waqt-tab-btn:hover{border-color:var(--color-primary);background:#14b8a60d}.waqt-tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 15px #14b8a64d}.waqt-details-card{border:1px solid var(--theme-border);background:#00000026;border-radius:20px;padding:2rem}.waqt-header-info{border-bottom:1px solid var(--theme-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.waqt-header-info h3{color:var(--color-primary);font-size:1.5rem;font-weight:700}.waqt-time{opacity:.9;align-items:center;gap:.4rem;font-size:.95rem;display:flex}.rakat-breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.rakat-type-card{text-align:center;border:1px solid var(--theme-border);background:#ffffff03;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.25rem 1rem;display:flex}.rakat-type-title{opacity:.7;font-size:.9rem}.rakat-count{color:var(--text-dark);font-size:1.25rem;font-weight:800}.farz-card{border-left:4px solid #ef4444}.sunnah-card{border-left:4px solid #10b981}.sunnah-ghair-card{border-left:4px solid #3b82f6}.witr-card{border-left:4px solid #eab308}.nafl-card{border-left:4px solid #8b5cf6}.waqt-total-bar{background:#14b8a61a;border:1px solid #14b8a626;border-radius:14px;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:1.15rem;font-weight:700;display:flex}.total-highlight{color:var(--color-primary);font-size:1.35rem;font-weight:800}.checklist-container{grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem;display:grid}.checklist-column h4{color:var(--text-dark);border-bottom:2px solid var(--theme-border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.15rem;font-weight:700}.checklist-item{border:1px solid var(--theme-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:1rem 1.25rem;transition:all .25s;display:flex}.checkbox-icon{color:var(--text-dark);opacity:.2;transition:all .25s}.checklist-item.checked{background:#10b98114;border-color:#10b981}.checklist-item.checked .checkbox-icon{color:#10b981;opacity:1}.duas-list-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.dua-widget-card{border:1px solid var(--theme-border);background:#00000026;border-radius:20px;padding:1.75rem}.dua-widget-card h4{color:var(--color-primary);text-align:center;margin-bottom:1.25rem;font-size:1.2rem;font-weight:700}.dua-arabic-text{color:var(--text-dark);text-align:center;margin-bottom:1.25rem;font-family:Amiri,serif;font-size:1.85rem;line-height:1.8}.dua-meaning-box{border-top:1px solid var(--theme-border);flex-direction:column;gap:.6rem;padding-top:1rem;font-size:1rem;display:flex}.meaning-p{opacity:.9;font-style:italic}.sunnah-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.sunnah-checklist-card{border:1px solid var(--theme-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;align-items:flex-start;gap:.75rem;padding:1.25rem;line-height:1.5;transition:all .25s;display:flex}.sunnah-checklist-card:hover{border-color:var(--color-primary);background:#14b8a605}.sunnah-checklist-card.checked{background:#10b98114;border-color:#10b981}.sunnah-checklist-card.checked .checkbox-icon{color:#10b981;opacity:1}.zakat-form{margin-bottom:2.5rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.input-group{border:1px solid var(--theme-border);border-radius:16px;flex-direction:column;gap:.6rem;padding:1.25rem;display:flex}.input-group label{color:var(--text-dark);font-size:.9rem;font-weight:700}.input-group input{border:1px solid var(--theme-border);color:var(--text-dark);background:#0003;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-size:1.1rem;font-weight:600;transition:all .2s}.input-group input:focus{border-color:var(--color-primary);box-shadow:0 0 8px #14b8a633}.debts-input{border-color:#ef444433}.debts-input input:focus{border-color:#ef4444;box-shadow:0 0 8px #ef444433}.calc-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.1rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #14b8a64d}.calc-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #14b8a666}.calc-result-card{border:1px solid var(--color-primary);background:#0003;border-radius:20px;padding:2.5rem}.calc-result-card h3{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.result-row{justify-content:space-between;align-items:center;padding:.8rem 0;font-size:1.1rem;display:flex}.debt-highlight{color:#ef4444}.result-divider{border:0;border-top:1px solid var(--theme-border);margin:.5rem 0}.net-row{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.2rem;font-weight:800}.alert-box{border-radius:16px;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.alert-icon{margin-top:.25rem}.alert-content h4{margin-bottom:.4rem;font-size:1.15rem;font-weight:700}.alert-content p{opacity:.85;font-size:.95rem;line-height:1.5}.success-alert{color:var(--text-dark);background:#10b9810d;border:1px solid #10b981}.success-alert .alert-icon,.success-alert h4{color:#10b981}.info-alert{border:1px solid var(--color-primary);background:#14b8a60d}.info-alert .alert-icon,.info-alert h4{color:var(--color-primary)}.zakat-due-highlight{background:#10b98126;border:1px solid #10b98133;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.zakat-due-highlight span{opacity:.8;margin-bottom:.4rem;font-size:.95rem;display:block}.zakat-due-highlight h2{color:#10b981;font-size:2.25rem;font-weight:800}.hajj-banner-container{background:#0f172a99;border:1px solid #14b8a633;border-radius:20px;justify-content:center;align-items:center;width:100%;height:320px;margin-bottom:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000040}.hajj-banner-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.8,.25,1)}.hajj-banner-container:hover .hajj-banner-img{transform:scale(1.02)}.hajj-banner-overlay{pointer-events:none;background:linear-gradient(#0f172a00 60%,#0f172a99 100%);position:absolute;inset:0}.hajj-timeline-wrapper{flex-direction:column;gap:1.5rem;display:flex}.timeline-day-selector{justify-content:space-between;gap:.75rem;padding:.5rem 0;display:flex;position:relative;overflow-x:auto}.timeline-day-selector:after{content:"";background:var(--theme-border);z-index:1;height:2px;position:absolute;top:50%;left:10px;right:10px}.timeline-day-btn{z-index:2;border:2px solid var(--theme-border);min-width:100px;color:var(--text-dark);text-align:center;cursor:pointer;border-radius:50px;flex:1;padding:1rem .5rem;font-size:1rem;font-weight:800;transition:all .3s;position:relative}.timeline-day-btn:hover{border-color:var(--color-primary);background:var(--theme-bg)}.timeline-day-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 15px #14b8a666}.hajj-day-details{border:1px solid var(--theme-border);background:#00000026;border-radius:20px;padding:2.5rem}.day-detail-header{border-bottom:1px solid var(--theme-border);align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.day-badge{background:var(--color-primary);color:#fff;border-radius:50px;padding:.4rem 1.2rem;font-size:.9rem;font-weight:700}.day-detail-header h3{color:var(--text-dark);font-size:1.45rem;font-weight:700}.day-meta-info{margin-bottom:1.5rem}.day-location{align-items:center;gap:.5rem;font-size:1.05rem;display:flex}.map-pin-icon{color:var(--color-primary)}.day-rituals-content h4{color:var(--color-primary);margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.day-rituals-content p{opacity:.95;font-size:1.1rem;line-height:1.7}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes detailFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.checklist-container{grid-template-columns:1fr;gap:1.5rem}.detail-content{padding:2rem}}@media (width<=768px){.pillars-header{padding:2rem 1.5rem}.pillars-header h1,.detail-header h1{font-size:2.25rem}.ref-arabic,.kalimah-arabic,.dua-arabic-text{font-size:1.75rem}.waqt-tabs-container,.timeline-day-selector{justify-content:flex-start}.hajj-banner-container{height:180px;margin-bottom:1.5rem}}.visualizer-page{border-radius:30px;max-width:1200px;min-height:100vh;margin:0 auto;padding:3rem 1.5rem;transition:all .8s cubic-bezier(.25,.8,.25,1)}.visualizer-page.jannah-theme-active{--theme-color-primary:#10b981;--theme-color-accent:#fbbf24;--theme-card-glow:0 8px 32px #10b9811f;--theme-border-glow:#10b98126;background:radial-gradient(circle at top,#064e3b4d 0%,#022c221a 100%)}.visualizer-page.jahannam-theme-active{--theme-color-primary:#ef4444;--theme-color-accent:#f97316;--theme-card-glow:0 8px 32px #ef444426;--theme-border-glow:#ef444426;background:radial-gradient(circle at top,#3f1d1d4d 0%,#18181b33 100%)}.ambience-particles-wrapper{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.ambience-star{opacity:.3;border-radius:50%;width:4px;height:4px;position:absolute}.jannah-theme-active .ambience-star{background:#fbbf24;box-shadow:0 0 10px #fbbf24,0 0 20px #10b981}.jahannam-theme-active .ambience-star{background:#f97316;box-shadow:0 0 10px #ef4444,0 0 20px #ef4444}.particle-1{animation:8s ease-in-out infinite floatStars;top:15%;left:10%}.particle-2{animation:12s ease-in-out 2s infinite floatStars;top:40%;right:15%}.particle-3{animation:10s ease-in-out 4s infinite floatStars;bottom:25%;left:20%}.visualizer-header{text-align:center;border:1px solid var(--theme-border-glow);box-shadow:var(--theme-card-glow);border-radius:24px;margin-bottom:2.5rem;padding:3rem;position:relative}.header-icon-wrapper{border:1px solid var(--theme-color-primary);width:50px;height:50px;color:var(--theme-color-accent);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex;box-shadow:0 0 15px #ffffff0d}.celestial-sparkle{animation:6s linear infinite spinSlow}.visualizer-header h1{color:var(--theme-color-primary);text-shadow:0 2px 12px #0003;margin-bottom:.75rem;font-size:2.75rem;font-weight:800}.visualizer-header p{color:var(--text-dark);opacity:.85;max-width:700px;margin:0 auto;font-size:1.1rem;line-height:1.6}.mode-toggle-container{border:1px solid var(--theme-border-glow);border-radius:50px;gap:1rem;max-width:480px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;padding:.75rem;display:flex}.mode-toggle-btn{color:var(--text-dark);cursor:pointer;border:1px solid #0000;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:.6rem;padding:1rem 1.5rem;font-size:1.1rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.mode-toggle-btn.active{color:#fff}.mode-toggle-btn.jannah-btn.active{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981;box-shadow:0 0 15px #10b9814d}.mode-toggle-btn.jahannam-btn.active{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444;box-shadow:0 0 15px #ef444459}.mode-intro-section{border:1px solid var(--theme-border-glow);box-shadow:var(--theme-card-glow);border-radius:24px;flex-direction:column;margin-bottom:3rem;padding:0;display:flex;position:relative;overflow:hidden}.mode-banner-container{border-bottom:1px solid var(--theme-border-glow);width:100%;height:280px;position:relative;overflow:hidden}.mode-intro-banner-img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,.8,.25,1)}.mode-intro-section:hover .mode-intro-banner-img{transform:scale(1.04)}.mode-banner-overlay{background:linear-gradient(#0f172a00 20%,#0f172af2 100%);position:absolute;inset:0}.mode-intro-content{text-align:center;-webkit-backdrop-filter:blur(12px);background:#0f172a8c;margin-top:-1px;padding:2.5rem 2rem;position:relative}.mode-intro-content h2{color:var(--theme-color-primary);text-shadow:0 0 15px #ffffff1a;margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.mode-intro-subtitle{color:var(--theme-color-accent);margin-bottom:1.25rem;font-size:1.3rem;font-weight:700}.mode-intro-desc{opacity:.9;max-width:800px;margin:0 auto;font-size:1.05rem;line-height:1.7}.main-content-layout{z-index:5;grid-template-columns:1.7fr 1fr;gap:2.5rem;display:grid;position:relative}.contemplation-cards-container{flex-direction:column;gap:2rem;display:flex}.section-title{color:var(--text-dark);border-left:5px solid var(--theme-color-primary);margin-bottom:.5rem;padding-left:.75rem;font-size:1.5rem;font-weight:800}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.contemplation-card{border:1px solid var(--theme-border-glow);cursor:pointer;border-radius:20px;flex-direction:column;gap:1rem;padding:1.75rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.contemplation-card:hover{border-color:var(--theme-color-primary);box-shadow:var(--theme-card-glow);transform:translateY(-5px)}.contemplation-card.selected{border-color:var(--theme-color-primary);background:#ffffff08}.card-top-header{align-items:center;gap:.75rem;display:flex}.card-icon-circle{border:1px solid var(--theme-border-glow);width:44px;height:44px;color:var(--theme-color-primary);background:#ffffff05;border-radius:12px;justify-content:center;align-items:center;display:flex}.card-top-header h4{color:var(--text-dark);font-size:1.2rem;font-weight:700}.card-short-desc{opacity:.8;font-size:.95rem;line-height:1.5}.card-expansion-indicator{color:var(--theme-color-primary);margin-top:auto;font-size:.9rem;font-weight:600}.active-card-detail-view{border:2px solid var(--theme-color-primary);background:#0003;border-radius:24px;margin-top:1rem;padding:2.5rem}.detail-card-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.detail-card-icon{color:var(--theme-color-primary)}.detail-card-header h3{color:var(--text-dark);font-size:1.6rem;font-weight:800}.citation-box{border:1px solid var(--theme-border-glow);background:#00000026;border-radius:16px;margin-bottom:2rem;padding:2rem;position:relative}.citation-badge{background:var(--theme-color-primary);color:#fff;border-radius:50px;padding:.25rem 1rem;font-size:.8rem;font-weight:700;position:absolute;top:-12px;left:20px;box-shadow:0 3px 8px #0003}.citation-arabic{text-align:center;color:var(--text-dark);margin:1rem 0 1.5rem;font-family:Amiri,serif;font-size:2.15rem;line-height:1.8}.citation-details{border-top:1px solid var(--theme-border-glow);flex-direction:column;gap:.6rem;padding-top:1rem;font-size:1.05rem;line-height:1.6;display:flex}.full-description-box{margin-bottom:2.5rem}.full-description-box h4{color:var(--theme-color-primary);margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.full-description-box p{opacity:.95;font-size:1.1rem;line-height:1.7}.reflection-prompt-box{border:1px solid var(--theme-color-accent);background:linear-gradient(135deg,#fbbf240d 0%,#10b98105 100%);border-radius:16px;padding:1.75rem}.jannah-theme-active .reflection-prompt-box{border-color:var(--theme-color-accent)}.jahannam-theme-active .reflection-prompt-box{border-color:var(--theme-color-primary);background:linear-gradient(135deg,#ef44440d 0%,#f9731605 100%)}.reflection-header{color:var(--theme-color-accent);align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.reflection-heart-icon{animation:2s ease-in-out infinite beatSlow}.reflection-header h5{font-size:1.1rem;font-weight:800}.reflection-text{opacity:.95;font-size:1.05rem;font-style:italic;line-height:1.6}.sidebar-widgets-container{flex-direction:column;gap:2rem;display:flex}.side-widget-card{border:1px solid var(--theme-border-glow);border-radius:24px;padding:2.25rem 1.75rem}.side-widget-card h4{color:var(--text-dark);font-size:1.35rem;font-weight:800}.text-emerald{color:#10b981}.text-crimson{color:#ef4444}.side-widget-card .widget-desc{margin-bottom:1.75rem;font-size:.95rem;line-height:1.5}.deeds-checklist{flex-direction:column;gap:.85rem;display:flex}.deed-item{border:1px solid var(--theme-border-glow);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;align-items:flex-start;gap:.85rem;padding:1.1rem 1.25rem;transition:all .25s;display:flex}.deed-item:hover{border-color:var(--theme-color-primary);background:#ffffff05}.deed-checkbox{border:2px solid var(--theme-border-glow);border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;margin-top:.15rem;transition:all .25s;display:flex}.deed-text{color:var(--text-dark);font-size:.95rem;line-height:1.5}.deed-item.checked{background:#10b98114;border-color:#10b981}.deed-item.checked .deed-checkbox{background:#10b981;border-color:#10b981}.deed-check-icon{color:#fff}.dua-repeater-box{border:1px solid var(--theme-border-glow);background:#0003;border-radius:16px;padding:1.5rem}.dua-repeater-box h5{color:var(--theme-color-primary);text-align:center;margin-bottom:1rem;font-size:1.05rem;font-weight:700}.repeater-arabic{text-align:center;color:var(--text-dark);margin-bottom:1.25rem;font-family:Amiri,serif;font-size:1.75rem;line-height:1.8}.repeater-pronunciation,.repeater-meaning{margin-bottom:.5rem;font-size:.95rem;line-height:1.5}.repeater-divider{border:0;border-top:1px solid var(--theme-border-glow);margin:1.25rem 0}.clicker-section{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.counter-display{border:3px solid var(--theme-border-glow);background:#0000001a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;transition:all .3s;display:flex}.counter-display.completed-glowing{border-color:#ef4444;animation:2s ease-in-out infinite glowRed;box-shadow:0 0 15px #ef4444}.count-num{color:var(--text-dark);font-size:2rem;font-weight:900}.count-max{opacity:.6;margin-top:-.25rem;font-size:.8rem}.clicker-btn{background:var(--theme-color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:.9rem;font-size:1rem;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #ef444440}.clicker-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444459}.completed-success-alert{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;padding:1rem}.completed-success-alert p{color:var(--text-dark);margin-bottom:1rem;font-size:.95rem;line-height:1.5}.reset-btn{border:1px solid var(--theme-border-glow);color:var(--text-dark);cursor:pointer;border-radius:50px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}@keyframes floatStars{0%{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:.6;transform:translateY(-15px)scale(1.1)}to{opacity:.3;transform:translateY(0)scale(1)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes beatSlow{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes glowRed{0%{box-shadow:0 0 10px #ef44444d}50%{box-shadow:0 0 20px #ef444480}to{box-shadow:0 0 10px #ef44444d}}@keyframes pulseBorder{0%{border-color:var(--theme-color-accent)}50%{border-color:var(--theme-color-primary);box-shadow:0 0 12px #fbbf241a}to{border-color:var(--theme-color-accent)}}@media (width<=1024px){.main-content-layout{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.visualizer-header h1{font-size:2.25rem}.visualizer-header{padding:2rem}.citation-arabic{font-size:1.75rem}}.amol-page{padding-top:2rem;padding-bottom:2rem;animation:.4s ease-out fadeIn}.amolnama-banner-cta{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border,#ffffff1a);background:linear-gradient(135deg, rgba(var(--color-primary-hsl), .1) 0%, #0006 100%);-webkit-backdrop-filter:blur(10px);align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e}.amolnama-banner-cta:after{content:"";background:radial-gradient(circle, rgba(var(--color-primary-hsl), .15) 0%, transparent 70%);pointer-events:none;width:150px;height:150px;position:absolute;top:0;right:0}.banner-icon-container{border-radius:var(--border-radius-md);background:rgba(var(--color-primary-hsl), .15);border:1px solid rgba(var(--color-primary-hsl), .3);width:70px;height:70px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.banner-icon-pulsing{animation:2.5s ease-in-out infinite bannerPulse}@keyframes bannerPulse{0%{filter:drop-shadow(0 0 2px rgba(var(--color-primary-hsl), .2));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(var(--color-primary-hsl), .6));transform:scale(1.1)}to{filter:drop-shadow(0 0 2px rgba(var(--color-primary-hsl), .2));transform:scale(1)}}.banner-details{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.banner-badge{color:#fff;border-radius:var(--border-radius-pill);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(90deg,#e67e22,#f39c12);align-self:flex-start;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block;box-shadow:0 2px 10px #e67e224d}.banner-details h3{color:#fff;margin:0;font-size:1.4rem;font-weight:800}.banner-details p{color:var(--color-text-muted,#ffffffb3);text-align:justify;margin:0;font-size:.95rem;line-height:1.5}.amolnama-cta-link-btn{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);box-shadow:0 4px 15px rgba(var(--color-primary-hsl), .3);transition:var(--transition-smooth);align-self:flex-start;align-items:center;gap:.65rem;margin-top:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.amolnama-cta-link-btn:hover{box-shadow:0 6px 20px rgba(var(--color-primary-hsl), .5);background:var(--color-primary-hover,rgba(var(--color-primary-hsl), .85));transform:translateY(-2px)}@media (width<=768px){.amolnama-banner-cta{text-align:center;flex-direction:column;gap:1rem;padding:1.5rem}.banner-icon-container{width:60px;height:60px}.banner-details p{text-align:center}.amolnama-cta-link-btn{justify-content:center;align-self:center;width:100%}}.amol-header{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border,#ffffff1a);margin-bottom:2rem;padding:2.5rem;position:relative;overflow:hidden}.amol-header:before{content:"";background:radial-gradient(circle, rgba(var(--color-primary-hsl), .1) 0%, transparent 60%);z-index:0;pointer-events:none;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.header-greetings{z-index:1;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex;position:relative}.sparkle-icon{color:var(--color-accent-gold,#f39c12)}.amol-header h2{color:var(--theme-text,#fff);z-index:1;margin:.5rem 0;font-size:2.25rem;font-weight:800;position:relative}.greeting-text{color:var(--color-text-muted,#ffffffb3);z-index:1;margin-bottom:2rem;font-size:1.1rem;position:relative}.overall-progress-bar-container{z-index:1;border-radius:var(--border-radius-md);background:#ffffff08;border:1px solid #ffffff0d;padding:1.25rem;position:relative}.congrats-text{color:var(--color-accent-gold);justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.95rem;font-weight:700;animation:.5s ease-out jumpFadeIn;display:flex}.amol-tabs{border-radius:var(--border-radius-md);background:#00000026;border:1px solid #ffffff0d;gap:1rem;max-width:fit-content;margin-bottom:2rem;padding:.35rem;display:flex}.tracker-grid{grid-template-columns:1.4fr 1fr;gap:2rem;display:grid}.checklist-card{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border,#ffffff1a);padding:2rem}.checklist-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.checklist-header h3{color:var(--theme-text);margin:0;font-size:1.4rem;font-weight:700}.reset-btn-pill{color:var(--color-text-dark,#ffffffb3);border-radius:var(--border-radius-pill);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:flex}.reset-btn-pill:hover{color:#e74c3c;background:#e74c3c26;border-color:#e74c3c4d;transform:rotate(-15deg)}.helper-desc{color:var(--color-text-muted,#ffffff80);margin-bottom:1.5rem;font-size:.95rem}.habits-list{flex-direction:column;gap:1rem;display:flex}.habit-row{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0a;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.habit-row:hover{border-color:rgba(var(--color-primary-hsl), .2);background:#ffffff0a;transform:translate(3px)}.check-box-btn{cursor:pointer;color:var(--color-text-dark,#fff6);transition:var(--transition-smooth);background:0 0;border:none;padding:0}.checkbox-icon{color:#ffffff4d;transition:var(--transition-smooth);margin-top:.15rem}.checkbox-icon.checked{color:var(--color-primary);animation:.3s cubic-bezier(.175,.885,.32,1.275) scalePop}.habit-details h4{color:var(--theme-text);margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.habit-details p{color:var(--color-text-muted,#ffffff80);margin:0;font-size:.9rem;line-height:1.4}.completed-habit{background:rgba(var(--color-primary-hsl), .04);border-color:rgba(var(--color-primary-hsl), .15)}.completed-habit .habit-details h4{color:var(--color-primary);opacity:.85;text-decoration:line-through}.completed-habit .habit-details p{opacity:.6}.counters-container{flex-direction:column;gap:1.5rem;display:flex}.counter-card{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border,#ffffff1a);transition:var(--transition-smooth);padding:2rem;position:relative;overflow:hidden}.counter-badge{color:var(--color-accent-gold,#f39c12);border-radius:var(--border-radius-pill);background:#f39c121f;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.25rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge-emerald{color:var(--color-primary);background:rgba(var(--color-primary-hsl), .15)}.counter-card h3{color:var(--theme-text);margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.counter-desc{color:var(--color-text-muted,#ffffff80);margin:0 0 1.5rem;font-size:.9rem;line-height:1.4}.counter-value-display{align-items:baseline;gap:.5rem;margin-bottom:1.5rem;display:flex}.count-number{color:var(--color-accent-gold,#f39c12);font-family:monospace,sans-serif;font-size:3rem;font-weight:900;line-height:1}.count-number.text-emerald{color:var(--color-primary)}.target-label{color:var(--color-text-dark,#fff6);font-size:1rem;font-weight:600}.counter-controls{gap:.75rem;display:flex}.increment-btn{color:#fff;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#e67e22 0%,#f39c12 100%);border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-size:1.05rem;font-weight:700;display:flex}.increment-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f39c124d}.increment-btn.btn-emerald{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary,#10b981) 100%)}.increment-btn.btn-emerald:hover{box-shadow:0 5px 15px rgba(var(--color-primary-hsl), .3)}.reset-count-btn{width:45px;color:var(--color-text-dark,#fff9);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff14;justify-content:center;align-items:center;display:flex}.reset-count-btn:hover{color:#fff;background:#ffffff1a;transform:rotate(-120deg)}.celebration-glow-istighfar{border-color:var(--color-accent-gold);background:#f39c1208;box-shadow:inset 0 0 20px #f39c120d}.celebration-glow-durood{border-color:var(--color-primary);background:rgba(var(--color-primary-hsl), .03);box-shadow:inset 0 0 20px rgba(var(--color-primary-hsl), .05)}.success-banner{color:#f39c12;border-radius:var(--border-radius-sm);background:#f39c121f;border:1px solid #f39c1233;justify-content:center;align-items:center;gap:.4rem;margin-top:1rem;padding:.4rem;font-size:.85rem;font-weight:700;animation:.4s ease-out bouncePop;display:flex}.success-banner.text-emerald-banner{color:var(--color-primary);background:rgba(var(--color-primary-hsl), .15);border-color:rgba(var(--color-primary-hsl), .2)}.category-filters-container{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.filter-btn{color:var(--color-text-dark,#ffffffb3);border-radius:var(--border-radius-pill);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff0f;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600}.filter-btn:hover{color:var(--color-primary);background:#ffffff0f;transform:translateY(-1px)}.filter-btn.active-filter{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 15px rgba(var(--color-primary-hsl), .2)}.deeds-cards-grid{flex-direction:column;gap:1.25rem;display:flex}.deed-expandable-card{border-radius:var(--border-radius-md);border:1px solid var(--theme-border,#ffffff1a);transition:var(--transition-smooth);padding:1.5rem}.deed-expandable-card:hover{border-color:rgba(var(--color-primary-hsl), .2);box-shadow:0 10px 20px #00000026}.deed-card-expanded{border-color:rgba(var(--color-primary-hsl), .35);background:#ffffff03}.deed-header-clickable{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.deed-title-block{flex-direction:column;gap:.4rem;display:flex}.category-badge-pill{color:var(--color-primary);background:rgba(var(--color-primary-hsl), .1);border-radius:var(--border-radius-sm);align-self:flex-start;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.deed-title-block h3{color:var(--theme-text);margin:0;font-size:1.25rem;font-weight:700}.expand-chevron-btn{cursor:pointer;color:var(--color-text-dark,#ffffff80);transition:var(--transition-smooth);background:0 0;border:none}.deed-header-clickable:hover .expand-chevron-btn{color:var(--color-primary)}.short-benefit-preview{color:var(--color-text-muted,#fff6);margin:.35rem 0 0;font-size:.9rem}.deed-card-expanded .short-benefit-preview{display:none}.divider{border:none;border-top:1px solid #ffffff0f;margin:1rem 0}.arabic-content-block{border-radius:var(--border-radius-md);text-align:center;background:#00000026;border:1px solid #ffffff08;margin-bottom:1.25rem;padding:1.5rem}.arabic-text{color:var(--color-accent-gold,#f1c40f);margin:0 0 1rem;font-family:Scheherazade New,Amiri,Noto Naskh Arabic,serif;font-size:2rem;font-weight:600;line-height:1.8}.pronunciation-text{color:var(--theme-text);text-align:justify;margin:0;font-size:1.05rem;line-height:1.5}.translation-text{color:var(--color-text-dark,#ffffffd9);text-align:justify;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.5}.benefit-alert-box{background:rgba(var(--color-primary-hsl), .05);border-left:4px solid var(--color-primary);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;margin-bottom:1rem;padding:1.25rem}.benefit-alert-box p{margin:0 0 .5rem}.benefit-details-txt{color:var(--theme-text);text-align:justify;font-size:1rem;line-height:1.5}.reference-text{color:var(--color-text-muted,#fff6);text-align:right;font-size:.85rem;font-style:italic;display:block}.optional-section{flex-direction:column;display:flex}.section-title{color:var(--color-primary);border-bottom:1px solid rgba(var(--color-primary-hsl), .1);align-items:center;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.5rem;font-size:1.35rem;font-weight:700;display:flex}.optional-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.optional-info-card{border-radius:var(--border-radius-md);border:1px solid var(--theme-border,#ffffff1a);padding:1.5rem}.optional-card-header h4{color:var(--color-accent-gold);margin:0 0 1rem;font-size:1.2rem;font-weight:700}.optional-card-header.text-emerald-header h4{color:var(--color-primary)}.optional-card-body p{color:var(--color-text-dark,#fffc);margin:0 0 .75rem;font-size:.95rem;line-height:1.4}.optional-card-body p strong{color:var(--theme-text)}.spiritual-essence-box{border-radius:var(--border-radius-sm);background:#ffffff05;border:1px solid #ffffff0a;margin-top:1rem;padding:1rem}.spiritual-essence-box p{margin:0 0 .4rem}.essence-details{text-align:justify;color:var(--color-text-muted,#fff9)!important;font-size:.9rem!important;line-height:1.5!important}.fasts-grid{grid-template-columns:repeat(2,1fr)!important}.margin-top-lg{margin-top:3rem}@keyframes pulseGlow{0%{text-shadow:0 0 5px #f39c1233;transform:scale(1)}to{text-shadow:0 0 12px #f39c1280;transform:scale(1.03)}}@keyframes scalePop{0%{transform:scale(.8)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes bouncePop{0%{opacity:0;transform:scale(.9)}70%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes jumpFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.optional-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.tracker-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=768px){.amol-header{padding:1.5rem}.amol-header h2{font-size:1.75rem}.amol-tabs{flex-direction:column;width:100%;max-width:100%}.tab-btn{justify-content:center;width:100%}.optional-cards-grid,.fasts-grid{grid-template-columns:1fr!important}.margin-top-lg{margin-top:2rem}}.amolnama-page{padding-top:2rem;padding-bottom:2rem;animation:.4s ease-out fadeIn}.amolnama-header{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border,#ffffff1a);margin-bottom:2rem;padding:2.5rem;position:relative;overflow:hidden}.amolnama-header:before{content:"";background:radial-gradient(circle, rgba(var(--color-primary-hsl), .1) 0%, transparent 60%);z-index:0;pointer-events:none;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.header-greetings-badge{z-index:1;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex;position:relative}.header-greetings-badge svg{color:var(--color-primary)}.pulsing{animation:2s infinite alternate pulseGlowSecondary}.pill-badge{color:var(--color-primary);background:rgba(var(--color-primary-hsl), .15);border-radius:var(--border-radius-pill);text-transform:uppercase;letter-spacing:.5px;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.header-main-row{z-index:1;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:relative}.amolnama-header h2{color:var(--theme-text,#fff);margin:.5rem 0;font-size:2.25rem;font-weight:800}.greeting-text{color:var(--color-text-muted,#ffffffb3);margin-bottom:1.5rem;font-size:1.1rem}.streak-badge{border-radius:var(--border-radius-md);background:#0003;border:1px solid #ffffff0d;align-items:center;gap:1rem;min-width:200px;padding:1rem 1.5rem;display:flex}.achievement-badge-interactive{cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}.achievement-badge-interactive:hover{background:#fbbf2408;border-color:#fbbf24;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #fbbf2440}.streak-shield-img{object-fit:contain;filter:drop-shadow(0 0 8px #fbbf2473);width:48px;height:48px;animation:4s ease-in-out infinite shieldRotateGlow}.streak-icon{color:#ff6b6b;filter:drop-shadow(0 0 8px #ff6b6b99);width:40px;height:40px;animation:1.5s ease-in-out infinite alternate flameBounce}.streak-info{flex-direction:column;display:flex}.streak-count{color:#fbbf24;text-shadow:0 0 10px #fbbf2433;font-size:1.6rem;font-weight:900;line-height:1.1}.streak-lbl{color:var(--color-text-muted,#ffffff80);font-size:.8rem;font-weight:600}.animate-pulse-border{animation:3s ease-in-out infinite alternate pulseBorderGlow}@keyframes shieldRotateGlow{0%{filter:drop-shadow(0 0 8px #fbbf2473);transform:translateY(0)rotate(0)}50%{filter:drop-shadow(0 0 15px #fbbf24a6);transform:translateY(-3px)rotate(3deg)}to{filter:drop-shadow(0 0 8px #fbbf2473);transform:translateY(0)rotate(0)}}.overall-progress-bar-container{z-index:1;border-radius:var(--border-radius-md);background:#ffffff08;border:1px solid #ffffff0d;margin-top:1.5rem;padding:1.25rem;position:relative}.progress-labels{color:var(--theme-text);justify-content:space-between;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:flex}.progress-track{border-radius:var(--border-radius-pill);background:#ffffff14;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary,#00d2ff) 100%);border-radius:var(--border-radius-pill);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.congrats-text{color:var(--color-accent-gold,#f39c12);text-shadow:0 0 10px #f39c1233;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;font-size:1rem;font-weight:700;animation:.5s ease-out jumpFadeIn;display:flex}.amolnama-tabs{border-radius:var(--border-radius-md);background:#00000026;border:1px solid #ffffff0d;gap:1rem;width:max-content;max-width:100%;margin-bottom:1.5rem;padding:.35rem;display:flex}.tab-btn{color:var(--color-text-dark,#fff9);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.65rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;display:flex}.tab-btn:hover{color:var(--color-primary);background:#ffffff08}.tab-btn.active-tab{color:#fff;background:var(--color-primary);box-shadow:0 4px 15px rgba(var(--color-primary-hsl), .3)}.controls-row-top{justify-content:flex-end;margin-bottom:2rem;display:flex}.reset-all-btn{color:#e74c3c;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#e74c3c0d;border:1px solid #e74c3c26;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.reset-all-btn:hover{background:#e74c3c1f;border-color:#e74c3c59;transform:translateY(-1px)}.amol-section-card{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border,#ffffff1a);padding:2.25rem}.section-card-title-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-card-title-row h3{color:var(--theme-text);margin:0;font-size:1.5rem;font-weight:750}.stat-pill{background:rgba(var(--color-primary-hsl), .15);color:var(--color-primary);border-radius:var(--border-radius-pill);padding:.25rem .75rem;font-size:.85rem;font-weight:700}.text-blue-pill{color:#3498db;background:#3498db26}.card-subtitle{color:var(--color-text-muted,#ffffff80);margin-bottom:2rem;font-size:.95rem}.habits-checklist-grid{flex-direction:column;gap:1rem;display:flex}.habit-row-item{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0a;align-items:flex-start;gap:1.25rem;padding:1.25rem;display:flex}.habit-row-item:hover{border-color:rgba(var(--color-primary-hsl), .25);background:#ffffff0a;transform:translate(4px)}.custom-check-btn{cursor:pointer;background:0 0;border:none;padding:0}.icon-unchecked{color:#fff3;transition:var(--transition-smooth)}.icon-checked{color:var(--color-primary);animation:.3s cubic-bezier(.175,.885,.32,1.275) popUpScale}.habit-info-block h4{color:var(--theme-text);transition:var(--transition-smooth);margin:0 0 .3rem;font-size:1.15rem;font-weight:700}.habit-info-block p{color:var(--color-text-muted,#ffffff80);margin:0;font-size:.9rem;line-height:1.4}.habit-row-item.checked{background:rgba(var(--color-primary-hsl), .05);border-color:rgba(var(--color-primary-hsl), .2)}.habit-row-item.checked .habit-info-block h4{color:var(--color-primary);opacity:.85;text-decoration:line-through}.habit-row-item.checked .habit-info-block p{opacity:.65}.duas-checklist-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.dua-row-card{border-radius:var(--border-radius-md);transition:var(--transition-smooth);background:#ffffff03;border:1px solid #ffffff0d;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.dua-row-card:hover{border-color:#3498db40;transform:translateY(-2px)}.dua-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.dua-card-header-left{cursor:pointer;flex:1;align-items:center;gap:.75rem;display:flex}.dua-card-header-left h4{color:var(--theme-text);margin:0;font-size:1.15rem;font-weight:750}.speak-dua-btn{color:var(--color-text-muted,#fff9);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.speak-dua-btn:hover{background:var(--color-primary,#10b981);color:#fff;border-color:var(--color-primary,#10b981);box-shadow:0 0 10px rgba(var(--color-primary-hsl), .4);transform:scale(1.1)}.speak-dua-btn.speaking{color:#fff;background:#ef4444;border-color:#ef4444;animation:1.5s infinite alternate pulseGlowSpeaking}@keyframes pulseGlowSpeaking{0%{box-shadow:0 0 4px #ef444466}to{box-shadow:0 0 12px #ef4444cc}}.dua-row-card.active-speaking{transform:translateY(-2px);border-color:var(--color-primary,#10b981)!important;box-shadow:0 0 20px rgba(var(--color-primary-hsl), .3)!important;background:rgba(var(--color-primary-hsl), .04)!important}.dua-check-btn{cursor:pointer;background:0 0;border:none;padding:0}.dua-checked{background:#3498db08;border-color:#3498db40}.dua-checked .dua-card-header-left h4,.dua-checked .icon-checked{color:#3498db}.dua-arabic-txt{color:var(--color-accent-gold,#f1c40f);text-align:center;margin:0 0 .5rem;font-family:Scheherazade New,Amiri,Noto Naskh Arabic,serif;font-size:1.45rem;font-weight:600;line-height:1.7}.dua-translation-details{color:var(--color-text-dark,#fffc);margin:0 0 .4rem;font-size:.9rem;line-height:1.4}.dua-translation-details strong{color:var(--theme-text)}.dua-reference-txt{color:var(--color-text-muted,#fff6);text-align:right;margin-top:auto;font-size:.75rem;font-style:italic;display:block}.counters-layout-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.tasbih-counter-card{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border,#ffffff1a);text-align:center;transition:var(--transition-smooth);flex-direction:column;align-items:center;padding:2.5rem 2rem;display:flex}.card-badge-top{border-radius:var(--border-radius-pill);align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.red-badge{color:#ff6b6b;background:#ff6b6b1f}.emerald-badge{color:var(--color-primary);background:rgba(var(--color-primary-hsl), .15)}.tasbih-counter-card h3{color:var(--theme-text);margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.counter-description{color:var(--color-text-muted,#ffffff80);margin-bottom:2rem;font-size:.95rem;line-height:1.4}.numerical-display{align-items:baseline;gap:.4rem;margin-bottom:1.5rem;display:flex}.digit-val{font-family:monospace,sans-serif;font-size:4rem;font-weight:900;line-height:1}.text-glow-red{color:#ff6b6b;text-shadow:0 0 15px #ff6b6b66}.text-glow-emerald{color:var(--color-primary);text-shadow:0 0 15px rgba(var(--color-primary-hsl), .4)}.goal-lbl{color:var(--color-text-dark,#ffffff59);font-size:1.1rem;font-weight:600}.target-adjuster-row{color:var(--color-text-muted,#ffffff80);align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.85rem;display:flex}.target-buttons{gap:.4rem;display:flex}.target-buttons button{color:var(--theme-text);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff14;padding:.15rem .5rem;font-size:.8rem;font-weight:600}.target-buttons button:hover{background:var(--color-primary);border-color:var(--color-primary)}.counting-controls{gap:.75rem;width:100%;display:flex}.tasbih-tap-btn{color:#fff;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1.1rem;font-weight:750;display:flex}.red-btn-tap{background:linear-gradient(135deg,#ee5253 0%,#ff6b6b 100%)}.red-btn-tap:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b4d}.emerald-btn-tap{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary,#10b981) 100%)}.emerald-btn-tap:hover{box-shadow:0 5px 15px rgba(var(--color-primary-hsl), .3);transform:translateY(-2px)}.tasbih-reset-btn{color:#fff9;border-radius:var(--border-radius-md);cursor:pointer;width:50px;transition:var(--transition-smooth);background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;display:flex}.tasbih-reset-btn:hover{color:#fff;background:#ffffff1a;transform:rotate(-120deg)}.celebration-active-istighfar{background:#ff6b6b03;border-color:#ff6b6b;box-shadow:inset 0 0 25px #ff6b6b0d}.celebration-active-durood{border-color:var(--color-primary);box-shadow:inset 0 0 25px rgba(var(--color-primary-hsl), .05);background:rgba(var(--color-primary-hsl), .01)}.celebration-alert{border-radius:var(--border-radius-sm);justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;display:flex}.celebration-alert.text-glow-red{color:#ff6b6b;background:#ff6b6b1f;border:1px solid #ff6b6b33}.celebration-alert.text-glow-emerald{color:var(--color-primary);background:rgba(var(--color-primary-hsl), .15);border:1px solid rgba(var(--color-primary-hsl), .2)}.diary-container{flex-direction:column;gap:1.25rem;display:flex}.diary-textarea{border-radius:var(--border-radius-md);width:100%;height:250px;color:var(--theme-text);resize:none;transition:var(--transition-smooth);background:#0000002e;border:1px solid #ffffff14;padding:1.25rem;font-size:1.05rem;line-height:1.5}.diary-textarea:focus{border-color:rgba(var(--color-primary-hsl), .4);box-shadow:0 0 15px rgba(var(--color-primary-hsl), .1);background:#00000040;outline:none}.diary-actions{align-items:center;gap:1.5rem;display:flex}.save-diary-btn{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;box-shadow:0 4px 15px rgba(var(--color-primary-hsl), .2);transition:var(--transition-smooth);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;display:flex}.save-diary-btn:hover{box-shadow:0 6px 20px rgba(var(--color-primary-hsl), .3);transform:translateY(-2px)}.save-success-msg{color:var(--color-primary);align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;display:flex}@keyframes pulseGlowSecondary{0%{filter:drop-shadow(0 0 2px rgba(var(--color-primary-hsl), .2))}to{filter:drop-shadow(0 0 10px rgba(var(--color-primary-hsl), .5))}}@keyframes popUpScale{0%{transform:scale(.85)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes flameBounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes pulseBorderGlow{0%{border-color:#ff6b6b26}to{border-color:#ff6b6b73}}@media (width<=1024px){.duas-checklist-grid{grid-template-columns:1fr}}@media (width<=900px){.counters-layout-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=768px){.header-main-row{flex-direction:column;align-items:flex-start}.streak-badge{box-sizing:border-box;width:100%}.amolnama-tabs{flex-direction:column;width:100%}.tab-btn{justify-content:center;width:100%}.amol-section-card{padding:1.5rem}}.shield-reward-overlay{-webkit-backdrop-filter:blur(10px);z-index:99999;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.shield-reward-content{text-align:center;background:radial-gradient(circle,#0f172afa 0%,#070a18fc 100%);border:2px solid #fbbf24;border-radius:28px;width:90%;max-width:520px;padding:3rem 2rem;animation:.4s cubic-bezier(.34,1.56,.64,1) both scaleUp;position:relative;box-shadow:0 20px 60px #fbbf2459}.reward-shield-large{object-fit:contain;filter:drop-shadow(0 0 25px #fbbf248c);width:140px;height:140px;margin-bottom:1.5rem;animation:4s ease-in-out infinite floatAward}.shield-reward-content h3{color:#fbbf24;text-shadow:0 0 15px #fbbf244d;margin-top:0;margin-bottom:1rem;font-size:2rem;font-weight:850}.reward-congrats{color:#e2e8f0;margin-bottom:1.5rem;font-size:1.15rem;line-height:1.6}.reward-quote{text-align:left;color:#cbd5e1;background:#ffffff08;border-left:4px solid #fbbf24;border-radius:4px 16px 16px 4px;margin-bottom:1.75rem;padding:1.25rem;font-size:1.1rem;font-style:italic;line-height:1.6}.reward-quote span{color:#fff6;text-align:right;margin-top:.5rem;font-size:.85rem;font-style:normal;display:block}.reward-tip{color:#94a3b8;margin-bottom:2.25rem;font-size:.95rem;line-height:1.5}.close-overlay-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);border:none;border-radius:50px;padding:.9rem 2.25rem;font-size:1.1rem;font-weight:800;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 5px 15px #fbbf2466}.close-overlay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbf248c}@keyframes floatAward{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}.hidayah-container{max-width:1200px;margin:0 auto;padding:20px;animation:.6s ease-out fadeIn}.hidayah-hero{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border);box-shadow:var(--shadow-glow-emerald), var(--shadow-lg);background-image:linear-gradient(#060c0966,#060c09f2),url(/assets/hidayah_bg-DbfUWIGl.png);background-position:50%;background-size:cover;justify-content:space-between;align-items:center;margin-bottom:30px;padding:50px 30px;display:flex;position:relative;overflow:hidden}body.theme-midnight .hidayah-hero{border-color:var(--theme-border);box-shadow:var(--theme-shadow-glow), var(--shadow-lg);background-image:linear-gradient(#02020566,#020205f2),url(/assets/hidayah_bg-DbfUWIGl.png)}body.theme-desert .hidayah-hero{border-color:var(--theme-border);box-shadow:var(--theme-shadow-glow), var(--shadow-lg);background-image:linear-gradient(#12100e66,#12100ef2),url(/assets/hidayah_bg-DbfUWIGl.png)}body.theme-light .hidayah-hero{box-shadow:var(--shadow-md);background-image:linear-gradient(#f8fafc66,#f8fafcf2),url(/assets/hidayah_bg-DbfUWIGl.png);border-color:#0000001a}.hidayah-hero.compact{padding:30px 25px}.hero-content{z-index:1;max-width:800px}.hero-compass-icon{width:60px;height:60px;color:var(--color-accent-gold);filter:drop-shadow(0 0 10px #ffc00080);margin-bottom:15px;animation:3s ease-in-out infinite pulseGold}.hidayah-hero h1{color:#fff;text-shadow:0 0 15px var(--theme-shadow-glow);margin-bottom:12px;font-size:2.2rem;font-weight:700}body.theme-light .hidayah-hero h1{color:var(--color-primary-dark);text-shadow:none}.hidayah-hero p{color:#ffffffe6;font-size:1.1rem;line-height:1.6}body.theme-light .hidayah-hero p{color:var(--color-text-light)}.date-started{opacity:.8;margin-top:5px;font-size:.9rem!important}.badge-stage{border:1px solid var(--color-primary);color:#fff;text-shadow:0 0 5px #ffffff4d;background:#0aa36440;border-radius:50px;margin-bottom:10px;padding:4px 14px;font-size:.85rem;font-weight:600;display:inline-block}.btn-reset-roadmap{color:#fca5a5;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);z-index:2;background:#ef444426;border:1px solid #ef44444d;align-items:center;gap:8px;padding:8px 16px;display:flex}.btn-reset-roadmap:hover{background:#ef44444d;border-color:#ef444480;transform:translateY(-2px)}.diagnostics-box{background:var(--color-surface-dark);border-radius:var(--border-radius-lg);border:1px solid var(--theme-border);padding:40px}.intro-card h2{color:var(--color-accent-gold);margin-bottom:12px;font-size:1.8rem}.intro-card p{max-width:800px;margin:0 auto}.causes-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:40px 0;display:grid}.cause-card{cursor:pointer;transition:var(--transition-smooth);text-align:center;border:1px solid var(--theme-border);background:#0d1b1566;padding:25px 20px;position:relative}.cause-card:hover{box-shadow:var(--shadow-glow-emerald);background:#0aa36414;transform:translateY(-5px)}.cause-card.selected{border-color:var(--color-primary);background:#0aa36426;box-shadow:0 0 15px #0aa36433}.card-selection-indicator{position:absolute;top:15px;right:15px}.checked-icon{color:var(--color-primary);animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn}.unchecked-circle{border:2px solid #fff3;border-radius:50%;width:18px;height:18px}.card-icon-container{width:60px;height:60px;transition:var(--transition-smooth);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin:15px auto 20px;display:flex}.cause-card:hover .card-icon-container,.cause-card.selected .card-icon-container{background:#0aa36426;transform:scale(1.1)}.card-icon{color:var(--color-accent-gold)}.cause-card h3{color:#fff;margin-bottom:10px;font-size:1.15rem;font-weight:600}body.theme-light .cause-card h3{color:var(--color-text-light)}.cause-card p{color:#ffffffa6;font-size:.85rem;line-height:1.5}body.theme-light .cause-card p{color:#4b5563}.settings-panel{border:1px solid var(--theme-border);background:#ffffff05;padding:30px}.duration-selector-container h3{text-align:center;color:var(--color-accent-gold);margin-bottom:20px;font-size:1.15rem}.duration-options{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:20px;display:flex}.duration-btn{border:1px solid var(--theme-border);color:var(--theme-text);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:600;display:flex}.duration-btn:hover{background:#ffffff12;transform:translateY(-2px)}.duration-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow-emerald)}.duration-hint{color:#ffffff80;max-width:600px;margin:0 auto;font-size:.85rem}body.theme-light .duration-hint{color:#6b7280}.generate-btn-container{margin-top:40px}.btn-premium-action{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-md);border:none;border-radius:50px;align-items:center;gap:12px;padding:15px 35px;font-size:1.05rem;font-weight:700;display:inline-flex}.btn-premium-action:hover:not(:disabled){box-shadow:var(--shadow-glow-emerald), var(--shadow-lg);transform:translateY(-3px)}.btn-premium-action:disabled{opacity:.5;cursor:not-allowed}.btn-premium-action.success-glow{background:linear-gradient(135deg, var(--color-primary), #059669);box-shadow:var(--shadow-glow-emerald)}.hidayah-dashboard-grid{grid-template-columns:350px 1fr;align-items:start;gap:30px;display:grid}.dashboard-timeline-panel{border:1px solid var(--theme-border);background:var(--color-surface-dark);padding:25px}.timeline-header{margin-bottom:20px}.timeline-header h3{color:#fff;margin-bottom:10px;font-size:1.1rem;font-weight:600}body.theme-light .timeline-header h3{color:var(--color-text-light)}.global-success-percentage{color:var(--color-accent-gold);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.days-nav-grid{grid-template-columns:repeat(5,1fr);gap:10px;max-height:500px;padding-right:5px;display:grid;overflow-y:auto}.days-nav-grid::-webkit-scrollbar{width:4px}.days-nav-grid::-webkit-scrollbar-thumb{background:var(--theme-border);border-radius:10px}.day-nav-card{aspect-ratio:1;border:1px solid var(--theme-border);color:var(--theme-text);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.day-nav-card:hover:not(.locked){border-color:var(--color-primary);background:#ffffff0f;transform:scale(1.05)}.day-nav-card.locked{opacity:.35;cursor:not-allowed;background:#00000026}.day-nav-card.completed{border-color:var(--color-primary);background:#0aa3641a}.day-nav-card.active-highlight{border-color:var(--color-accent-gold);box-shadow:var(--shadow-glow-gold);animation:2s ease-in-out infinite activePulse}.day-nav-card.viewed-highlight{color:#fff;font-weight:700;border-color:var(--color-primary)!important;background:#0aa36440!important}.day-number{font-size:1rem;font-weight:600}.day-status-indicator{justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px}.check-success{color:var(--color-primary)}.dot-pending{background:var(--color-accent-gold);border-radius:50%;width:5px;height:5px}.dashboard-remedy-panel{flex-direction:column;gap:25px;display:flex}.cause-tabs-container{gap:12px;padding-bottom:5px;display:flex;overflow-x:auto}.cause-tab-btn{border:1px solid var(--theme-border);background:var(--color-surface-dark);color:var(--theme-text);cursor:pointer;white-space:nowrap;transition:var(--transition-smooth);border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;display:flex}.cause-tab-btn:hover{background:#ffffff0d}.cause-tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-glow-emerald)}.tab-icon{color:var(--color-accent-gold)}.cause-tab-btn.active .tab-icon{color:#fff}.day-remedy-card{background:var(--color-surface-dark);border-radius:var(--border-radius-lg);border:1px solid var(--theme-border);padding:30px}.remedy-card-header{border-bottom:1px solid var(--theme-border);align-items:center;gap:12px;margin-bottom:25px;padding-bottom:15px;display:flex}.remedy-card-header h2{color:var(--color-accent-gold);font-size:1.4rem;font-weight:700}.remedy-section{border-radius:var(--border-radius-md);background:#ffffff03;border:1px solid #ffffff05;margin-bottom:25px;padding:20px}.remedy-section:last-child{margin-bottom:0}.section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent-gold);align-items:center;gap:8px;margin-bottom:15px;font-size:.9rem;font-weight:700;display:flex}.arabic-text{color:#fff;margin-bottom:15px;font-family:Scheherazade New,serif;font-size:1.8rem;line-height:2.2}body.theme-light .arabic-text{color:var(--color-primary-dark)}.transliteration{color:#ffffff80;margin-bottom:8px;font-size:.9rem}body.theme-light .transliteration{color:#4b5563}.translation{color:#ffffffd9;font-size:1rem}body.theme-light .translation{color:var(--color-text-light)}.advice-text{color:#ffffffd9;font-size:.95rem;line-height:1.7}body.theme-light .advice-text{color:var(--color-text-light)}.day-checklist-card{background:var(--color-surface-dark);border-radius:var(--border-radius-lg);border:1px solid var(--theme-border);padding:30px}.checklist-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.checklist-header h2{color:#fff;font-size:1.15rem;font-weight:600}body.theme-light .checklist-header h2{color:var(--color-text-light)}.checklist-items{flex-direction:column;gap:12px;display:flex}.checklist-item{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0a;align-items:center;gap:12px;padding:14px 18px;display:flex}.checklist-item:hover{border-color:var(--color-primary);background:#ffffff0d}.checklist-item.completed{background:#0aa3640f;border-color:#0aa3644d}.checklist-item.completed .checklist-text{opacity:.6;text-decoration:line-through}.checkbox-box{width:20px;height:20px;transition:var(--transition-smooth);border:2px solid #fff3;border-radius:6px;justify-content:center;align-items:center;display:flex}body.theme-light .checkbox-box{border-color:#0003}.checklist-item:hover .checkbox-box,.checklist-item.completed .checkbox-box{border-color:var(--color-primary)}.checklist-item.completed .checkbox-box{background:var(--color-primary)}.checklist-text{color:#ffffffe6;font-size:.95rem}body.theme-light .checklist-text{color:var(--color-text-light)}.checklist-footer{border-top:1px solid var(--theme-border);justify-content:space-between;align-items:center;margin-top:25px;padding-top:20px;display:flex}.checked-summary{color:#ffffff80;font-size:.9rem;font-weight:600}body.theme-light .checked-summary{color:#4b5563}.day-journal-card{background:var(--color-surface-dark);border-radius:var(--border-radius-lg);border:1px solid var(--theme-border);padding:30px}.journal-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.journal-header h2{color:#fff;font-size:1.15rem;font-weight:600}body.theme-light .journal-header h2{color:var(--color-text-light)}.privacy-badge{color:var(--color-accent-gold);background:#ffc00026;border:1px solid #ffc0004d;border-radius:50px;margin-left:auto;padding:2px 8px;font-size:.75rem;font-weight:700}.journal-hint{color:#ffffff80;margin-bottom:18px;font-size:.85rem;line-height:1.5}body.theme-light .journal-hint{color:#6b7280}.journal-textarea{border:1px solid var(--theme-border);width:100%;color:var(--theme-text);border-radius:var(--border-radius-md);resize:vertical;transition:var(--transition-smooth);background:#ffffff03;padding:15px;font-family:inherit;font-size:.95rem}.journal-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 10px #0aa3641a}.journal-footer{justify-content:flex-end;align-items:center;gap:15px;margin-top:15px;display:flex}.save-status-text{color:var(--color-primary);font-size:.85rem;font-weight:600;animation:2s ease-in-out infinite pulseGold}.btn-save-journal{color:var(--color-accent-gold);cursor:pointer;transition:var(--transition-smooth);background:#ffc0001a;border:1px solid #ffc0004d;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:700;display:flex}.btn-save-journal:hover{background:#ffc00040;transform:translateY(-2px)}.celebration-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.celebration-box{border:1px solid var(--color-primary);max-width:500px;box-shadow:var(--shadow-glow-emerald), 0 20px 50px #00000080;border-radius:var(--border-radius-lg);text-align:center;background:#0d1b15d9;padding:40px 30px}.celebration-badge{margin-bottom:20px}.gold-glowing-badge{color:var(--color-accent-gold);filter:drop-shadow(0 0 15px var(--theme-shadow-glow-gold));animation:1.5s ease-in-out infinite scaleBounce}.celebration-box h2{color:var(--color-primary);margin-bottom:12px;font-size:1.8rem}.congrats-message{margin-bottom:25px;font-size:1.05rem;line-height:1.6}.quranic-quote{border-radius:var(--border-radius-md);border:1px solid var(--theme-border);background:#ffffff05;margin-bottom:30px;padding:20px}.quranic-quote .arabic{color:var(--color-accent-gold);margin-bottom:8px;font-family:Scheherazade New,serif;font-size:1.5rem}.quranic-quote .translation{color:#ffffffb3;font-size:.85rem;font-style:italic}.btn-celebration-close{background:linear-gradient(135deg, var(--color-primary), #059669);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 30px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-celebration-close:hover{box-shadow:var(--shadow-glow-emerald);transform:translateY(-2px)}@keyframes scaleBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulseGold{0%,to{filter:drop-shadow(0 0 10px #ffc0004d)}50%{filter:drop-shadow(0 0 18px #ffc00099)}}@keyframes activePulse{0%,to{border-color:var(--color-accent-gold);box-shadow:0 0 10px #ffc00033}50%{border-color:var(--color-primary);box-shadow:0 0 18px #0aa36466}}.bounce-in{animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn}@media (width<=900px){.hidayah-dashboard-grid{grid-template-columns:1fr}}@media (width<=600px){.hidayah-hero{flex-direction:column;align-items:flex-start;gap:20px;padding:30px 20px}.hidayah-hero h1{font-size:1.6rem}.btn-reset-roadmap{justify-content:center;width:100%}.diagnostics-box{padding:20px}.duration-options{flex-direction:column}.duration-btn{justify-content:center;width:100%}.days-nav-grid{grid-template-columns:repeat(5,1fr)}}.section-title{align-items:center;gap:10px;display:flex}.speak-remedy-btn{color:var(--color-accent-gold);cursor:pointer;background:#ffc0001a;border:1px solid #ffc00033;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:auto;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.speak-remedy-btn:hover{background:var(--color-accent-gold);color:#121a14;transform:scale(1.1)rotate(5deg);box-shadow:0 0 10px #ffc00066}.speak-remedy-btn.speaking{background:var(--color-accent-gold);color:#121a14;animation:1.5s ease-in-out infinite pulseSpeaking}@keyframes pulseSpeaking{0%,to{transform:scale(1);box-shadow:0 0 5px #ffc00080}50%{transform:scale(1.15);box-shadow:0 0 15px #ffc000cc}}.active-speaking{animation:2.5s ease-in-out infinite glowSpeakingCard;border-color:var(--color-accent-gold)!important;background:#ffc00008!important;box-shadow:0 0 15px #ffc00026!important}@keyframes glowSpeakingCard{0%,to{border-color:#ffc00033}50%{border-color:#ffc00099;box-shadow:0 0 20px #ffc00033}}.duration-selection-card{border-top:1px solid var(--theme-border);margin-top:35px;padding-top:30px}.duration-selection-card h3{color:var(--color-accent-gold);text-align:center;margin-bottom:20px;font-size:1.15rem}.duration-options-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}@media (width<=600px){.duration-options-grid{grid-template-columns:1fr}}.duration-option-card{border:1px solid var(--theme-border);border-radius:var(--border-radius-md);cursor:pointer;background:#ffffff03;align-items:center;gap:15px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.duration-option-card:hover{border-color:var(--color-primary);background:#0aa36408;transform:translateY(-3px)}.duration-option-card.selected{border-color:var(--color-primary);box-shadow:var(--shadow-glow-emerald);background:#0aa36414}.duration-icon{color:var(--color-primary);filter:drop-shadow(0 0 5px #0aa3644d)}.duration-option-card.selected .duration-icon{color:var(--color-accent-gold);filter:drop-shadow(0 0 8px #ffc00080)}.duration-info h4{color:#fff;margin-bottom:4px;font-size:1.05rem;font-weight:600}body.theme-light .duration-info h4{color:var(--color-primary-dark)}.duration-info p{color:#ffffff80;font-size:.8rem}body.theme-light .duration-info p{color:#4b5563}.generate-action-wrapper{margin-top:30px}.login-page-container{background:radial-gradient(circle at top,#0aa36414,#0000 60%);justify-content:center;align-items:center;min-height:80vh;padding:40px 16px;display:flex}.login-glass-card{background:var(--color-surface-dark);border:1px solid var(--theme-border);border-radius:var(--border-radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:32px}.login-brand-icon{border:1px dashed var(--color-accent-gold);width:64px;height:64px;box-shadow:var(--shadow-glow-gold);background:#ffc0001a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.login-header h2{color:var(--color-text-dark);margin-bottom:8px;font-size:24px;font-weight:700}.login-header p{margin-bottom:24px;font-size:14px;line-height:1.5}.login-form,.profile-dashboard{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--color-accent-gold);font-size:14px;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#fff6;position:absolute;left:14px}.input-with-icon input,.form-group textarea{color:#fff;border-radius:var(--border-radius-md);width:100%;transition:var(--transition-smooth);background:#0000004d;border:1px solid #ffffff1a;padding:12px 14px 12px 42px;font-size:15px}.form-group textarea{resize:vertical;padding-left:14px}.input-with-icon input:focus,.form-group textarea:focus{border-color:var(--color-accent-gold);background:#00000080;outline:none;box-shadow:0 0 10px #ffc00033}.avatar-picker{gap:12px;margin-top:4px;display:flex}.picker-btn{cursor:pointer;color:#fff;width:44px;height:44px;transition:var(--transition-smooth);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex}.picker-btn:hover{transform:scale(1.1)}.picker-btn.active{border-color:#fff;box-shadow:0 0 15px}.avatar-emerald{color:#10b981;background:linear-gradient(135deg,#10b981,#047857)}.avatar-gold{color:#f59e0b;background:linear-gradient(135deg,#f59e0b,#b45309)}.avatar-indigo{color:#6366f1;background:linear-gradient(135deg,#6366f1,#4338ca)}.avatar-rose{color:#f43f5e;background:linear-gradient(135deg,#f43f5e,#be123c)}.profile-hero-section{border-radius:var(--border-radius-md);background:#ffffff08;border:1px solid #ffffff0d;align-items:center;gap:18px;padding:16px;display:flex}.profile-avatar-circle{color:#fff;text-shadow:0 2px 4px #0000004d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:32px;font-weight:700;display:flex;position:relative}.avatar-status-dot{border:2.5px solid var(--color-background-dark);border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.avatar-status-dot.online{background:#10b981}.avatar-status-dot.offline{background:#9ca3af}.avatar-status-dot.typing{background:var(--color-accent-gold);animation:1s infinite alternate pulse}.profile-meta h3{margin:0;font-size:20px;font-weight:700}.profile-meta .username{opacity:.6;font-size:13px;display:block}.rank-badge{border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.rank-musafir{color:#fda4af;background:#cd5c4526;border-color:#cd5c454d}.rank-salik{color:#93c5fd;background:#3b82f626;border-color:#3b82f64d}.rank-muttaqi{color:var(--color-accent-gold);box-shadow:var(--shadow-glow-gold);background:#ffc00026;border-color:#ffc00066}.profile-bio-text{opacity:.85;text-align:center;padding:0 10px;font-size:14px;font-style:italic;line-height:1.6}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card{text-align:center;border-radius:var(--border-radius-md);flex-direction:column;gap:4px;padding:12px;display:flex}.stat-lbl{opacity:.6;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat-val{font-size:18px;font-weight:700}.rank-progress-bar-bg{background:#ffffff14;border-radius:4px;width:100%;height:6px;overflow:hidden}.rank-progress-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-accent-gold));height:100%;box-shadow:var(--shadow-glow-emerald);border-radius:4px}.badges-section{flex-direction:column;gap:8px;display:flex}.section-subtitle{color:var(--color-accent-gold);font-size:13px;font-weight:600}.badges-list{flex-wrap:wrap;gap:8px;display:flex}.badge-item{border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.profile-actions-grid{grid-template-columns:1.5fr 1fr;gap:12px;display:grid}.submit-btn,.edit-btn,.autofill-btn{background:linear-gradient(135deg, var(--color-primary), #047857);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);border:none;padding:12px 24px;font-weight:600}.submit-btn:hover,.edit-btn:hover{box-shadow:var(--shadow-glow-emerald);transform:translateY(-2px)}.autofill-btn{border:1px dashed var(--color-accent-gold);color:var(--color-accent-gold);background:#ffc00014;padding:8px 12px}.autofill-btn:hover{background:#ffc00026}.cancel-btn,.logout-btn{color:#fff;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;padding:12px 18px}.logout-btn{color:#fda4af;background:#f43f5e14;border-color:#f43f5e33;justify-content:center;align-items:center;gap:8px;display:flex}.logout-btn:hover{background:#f43f5e26;transform:translateY(-2px)}.error-message{color:#fda4af;border-radius:var(--border-radius-md);text-align:center;background:#f43f5e26;border:1px solid #f43f5e4d;padding:10px;font-size:13px}.edit-actions{gap:12px;margin-top:10px;display:flex}.edit-actions .submit-btn{flex:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.community-page-container{max-width:1100px;margin:0 auto;padding:0 16px 40px}.community-banner{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border);background:linear-gradient(135deg,#064e3bf2,#0d1b15fa);margin-bottom:24px;padding:48px 24px;position:relative;overflow:hidden}.banner-overlay{pointer-events:none;background:radial-gradient(circle,#ffc0001a,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.banner-content{z-index:2;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.banner-icon{animation:3s ease-in-out infinite float}.banner-content h1{color:#fff;text-shadow:0 2px 8px #00000080;font-size:28px;font-weight:700}.banner-content p{opacity:.85;max-width:500px;margin:0 auto;font-size:14px}.community-tabs-container{justify-content:center;margin-bottom:32px;display:flex}.community-tabs{background:#ffffff08;border:1px solid #ffffff14;border-radius:30px;grid-template-columns:1fr 1fr;gap:6px;width:100%;max-width:500px;padding:4px;display:grid}.tab-btn{color:#fff;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:26px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.tab-btn.active{background:linear-gradient(135deg, var(--color-primary), #047857);color:#fff;box-shadow:var(--shadow-glow-emerald)}.community-main-grid{flex-direction:column;gap:24px;display:flex}.post-creator-card{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border);padding:24px}.post-canvas-preview{border-radius:var(--border-radius-md);border:1px solid #ffffff1a;flex-direction:column;justify-content:space-between;width:100%;min-height:180px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0006}.post-canvas-preview textarea{color:#fff;resize:none;text-shadow:0 1px 4px #0009;background:0 0;border:none;width:100%;height:100px;font-size:18px;font-weight:500;line-height:1.6}.post-canvas-preview textarea::placeholder{color:#fff9}.post-canvas-preview textarea:focus{outline:none}.grad-emerald{background:linear-gradient(135deg,#064e3b,#0d1f18);border-color:#10b9814d}.grad-velvet{background:linear-gradient(135deg,#781d1d,#1c0505);border-color:#f43f5e4d}.grad-twilight{background:linear-gradient(135deg,#2e1065,#0a041f);border-color:#8b5cf64d}.grad-cosmic{background:linear-gradient(135deg,#111827,#020617);border-color:#9ca3af33}.canvas-footer-meta{justify-content:space-between;align-items:center;width:100%;display:flex}.canvas-attachment{color:var(--color-accent-gold);text-shadow:0 1px 2px #0000004d;background:#ffc00026;border:1px solid #ffc0004d;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.char-counter{opacity:.7;margin-left:auto;font-size:12px}.creator-customizer-controls{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.gradient-swatches-list{gap:10px;margin-top:4px;display:flex}.swatch-btn{cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);border:2px solid #0000;border-radius:50%}.swatch-btn:hover{transform:scale(1.15)}.swatch-btn.active{border-color:#fff;box-shadow:0 0 10px}.hashtag-select,.attachment-select{color:#fff;border-radius:var(--border-radius-md);cursor:pointer;width:100%;transition:var(--transition-smooth);background:#0000004d;border:1px solid #ffffff1a;outline:none;margin-top:4px;padding:10px 12px;font-size:13px}.hashtag-select:focus,.attachment-select:focus{border-color:var(--color-accent-gold)}.hashtag-select option,.attachment-select option{color:#fff;background:#0d1b15}.publish-post-btn{background:linear-gradient(135deg, var(--color-primary), #047857);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;display:flex}.publish-post-btn:hover{box-shadow:var(--shadow-glow-emerald);transform:translateY(-2px)}.posts-feed-list{flex-direction:column;gap:18px;display:flex}.post-feed-card{border-radius:var(--border-radius-lg);border:1px solid #ffffff14;padding:20px}.post-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.author-info{align-items:center;gap:12px;display:flex}.author-avatar{color:#fff;text-shadow:0 1px 2px #0000004d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.author-display-name{color:#fff;font-size:15px;font-weight:700}.author-badge-row{align-items:center;gap:6px;margin-top:2px;display:flex}.author-user-badge{opacity:.5;font-size:11px}.author-rank-badge{color:var(--color-accent-gold);background:#ffc00026;border:1px solid #ffc0004d;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:700}.post-time{opacity:.5;font-size:12px}.post-card-body-canvas{border-radius:var(--border-radius-md);border:1px solid #ffffff0d;flex-direction:column;justify-content:space-between;min-height:140px;padding:18px;display:flex;position:relative;box-shadow:inset 0 0 15px #0000004d}.post-hashtag-tag{color:var(--color-accent-gold);text-shadow:0 1px 2px #0006;font-size:12px;font-weight:700}.post-canvas-content{text-shadow:0 1px 3px #00000080;margin:10px 0;font-size:16px;font-style:italic;font-weight:500;line-height:1.6}.post-attached-badge{color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:20px;align-self:flex-start;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:flex}.post-actions-bar{border-top:1px solid #ffffff0d;gap:16px;margin-top:14px;padding-top:12px;display:flex}.action-btn-react{color:#fff;cursor:pointer;opacity:.8;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.action-btn-react:hover{opacity:1;color:var(--color-accent-gold)}.action-btn-react.liked{color:var(--color-accent-gold);opacity:1;text-shadow:0 0 8px #ffc00066}.comments-expansion-panel{border-radius:var(--border-radius-md);background:#0003;border:1px solid #ffffff0d;margin-top:12px;padding:12px}.existing-comments-list{flex-direction:column;gap:8px;max-height:150px;margin-bottom:12px;display:flex;overflow-y:auto}.comment-item{border-bottom:1px solid #ffffff08;padding:6px;font-size:13px;line-height:1.5}.comment-item strong{color:var(--color-accent-gold);margin-right:6px}.comment-item p{opacity:.9;display:inline}.comment-input-row{gap:8px;display:flex}.comment-input-row input{color:#fff;border-radius:var(--border-radius-md);background:#0006;border:1px solid #ffffff1a;outline:none;flex:1;padding:8px 12px;font-size:13px}.comment-input-row input:focus{border-color:var(--color-primary)}.send-comment-btn{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;width:34px;height:34px;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;display:flex}.send-comment-btn:hover{background:#047857}.dua-requester-card{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border);padding:24px}.dua-requester-card textarea{border-radius:var(--border-radius-md);color:#fff;resize:none;width:100%;height:110px;transition:var(--transition-smooth);background:#0000004d;border:1px solid #ffffff1a;outline:none;padding:14px;font-size:15px}.dua-requester-card textarea:focus{border-color:var(--color-accent-gold);box-shadow:0 0 10px #ffc00026}.publish-dua-btn{background:linear-gradient(135deg, var(--color-secondary), #b45309);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:700;display:flex}.publish-dua-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px #cd5c4566}.dua-requests-feed-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.dua-request-card{border-radius:var(--border-radius-lg);border:1px solid #ffffff14;flex-direction:column;justify-content:space-between;gap:14px;padding:20px;display:flex;position:relative}.dua-request-header{justify-content:space-between;align-items:center;display:flex}.dua-request-header .author-name{color:var(--color-accent-gold);font-size:14px;font-weight:700}.request-body-text{opacity:.9;font-size:15px;font-style:italic;line-height:1.6}.dua-request-actions-row{border-top:1px solid #ffffff0d;align-items:center;gap:10px;padding-top:12px;display:flex}.support-dua-btn{color:#fff;cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.support-dua-btn:hover{color:#fda4af;background:#f43f5e14;border-color:#f43f5e4d}.support-dua-btn.active{color:#fda4af;background:#f43f5e26;border-color:#f43f5e66;box-shadow:0 0 10px #f43f5e33}.login-prompt-banner{border-radius:var(--border-radius-lg);border:1px dashed var(--theme-border);padding:32px 20px}.prompt-login-btn{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);transition:var(--transition-smooth);padding:10px 24px;font-weight:700;text-decoration:none;display:inline-block}.prompt-login-btn:hover{box-shadow:var(--shadow-glow-emerald);background:#047857;transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-horizontal{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.messaging-page-container{max-width:1000px;margin:0 auto;padding:24px 16px 40px}.messenger-glass-card{background:var(--color-surface-dark);border:1px solid var(--theme-border);border-radius:var(--border-radius-lg);height:75vh;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:320px 1fr;display:grid;overflow:hidden}.messenger-sidebar{background:#0000001a;border-right:1px solid #ffffff14;flex-direction:column;display:flex}.sidebar-header{border-bottom:1px solid #ffffff14;flex-direction:column;gap:12px;padding:16px;display:flex}.sidebar-title{color:var(--color-accent-gold);font-size:18px;font-weight:700}.search-box-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#fff6;position:absolute;left:12px}.search-box-wrapper input{border-radius:var(--border-radius-md);color:#fff;width:100%;transition:var(--transition-smooth);background:#0000004d;border:1px solid #ffffff1a;outline:none;padding:8px 12px 8px 36px;font-size:13px}.search-box-wrapper input:focus{border-color:var(--color-primary)}.contacts-list{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex;overflow-y:auto}.contact-item-card{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;align-items:center;gap:12px;padding:12px;display:flex}.contact-item-card:hover{background:#ffffff08}.contact-item-card.active{box-shadow:inset 3px 0 0 var(--color-primary);background:#0aa36414;border-color:#0aa36426}.contact-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex;position:relative}.status-dot{border:2px solid #0b0f19;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:1px}.status-dot.online{background:#10b981}.status-dot.offline{background:#6b7280}.status-dot.typing{background:var(--color-accent-gold);animation:.8s infinite alternate pulse-dot}.contact-meta-summary{flex:1;overflow:hidden}.contact-title-row{justify-content:space-between;align-items:center;display:flex}.contact-name{color:#fff;font-size:14px}.scholar-tag{color:var(--color-accent-gold);text-transform:uppercase;background:#ffc00026;border:1px solid #ffc0004d;border-radius:4px;padding:1px 4px;font-size:8px;font-weight:700}.contact-role{opacity:.6;font-size:11px;display:block}.contact-last-msg-snippet{opacity:.5;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.messenger-chat-pane{background:#00000026;flex-direction:column;display:flex}.chat-header{background:#0000001a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px;display:flex}.chat-avatar-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.chat-contact-title{color:#fff;margin:0;font-size:15px}.chat-contact-status{opacity:.6;font-size:11px}.chat-contact-status.typing-text{color:var(--color-accent-gold)}.chat-badge-role{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;display:flex}.messages-history-stack{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.message-bubble-row{flex-direction:column;max-width:75%;display:flex}.message-bubble-row.me{align-self:flex-end}.message-bubble-row.them{align-self:flex-start}.bubble-author-lbl{color:var(--color-accent-gold);margin-left:10px;font-size:11px}.message-bubble-content{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:12px 16px;font-size:14px;line-height:1.5;position:relative}.me .message-bubble-content{background:linear-gradient(135deg, var(--color-primary-dark), #03522c);color:#fff;box-shadow:var(--shadow-glow-emerald), 0 4px 12px #0003;border:1px solid #10b98133;border-bottom-right-radius:2px}.them .message-bubble-content{color:#e5e7eb;background:#ffffff0a;border:1px solid #ffffff14;border-bottom-left-radius:2px}.bubble-time{opacity:.5;text-align:right;margin-top:4px;font-size:9px;display:block}.typing-indicator{align-items:center;gap:4px;display:flex;padding:12px 18px!important}.typing-indicator .dot{background-color:var(--color-accent-gold);border-radius:50%;width:6px;height:6px;animation:1.2s infinite alternate typing-bounce;display:inline-block}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}.chat-input-row{background:#0000001a;border-top:1px solid #ffffff14;gap:10px;padding:16px;display:flex}.chat-input-row input{color:#fff;border-radius:var(--border-radius-md);transition:var(--transition-smooth);background:#0006;border:1px solid #ffffff1a;outline:none;flex:1;padding:12px 16px;font-size:14px}.chat-send-btn{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;width:44px;height:44px;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{background:#047857;transform:scale(1.05)}.chat-no-active-state{color:#ffffff80;max-width:320px;margin:auto;font-size:14px}@keyframes typing-bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes pulse-dot{0%{box-shadow:0 0 2px var(--color-accent-gold)}to{box-shadow:0 0 10px var(--color-accent-gold)}}.scroll-container::-webkit-scrollbar{width:5px}.scroll-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}@media (width<=800px){.messenger-glass-card{grid-template-columns:1fr;height:80vh}.messenger-sidebar{display:none}.messenger-chat-pane{display:flex}}.leaderboard-page{max-width:1200px;margin:2rem auto;padding:0 1.5rem}.leaderboard-hero-card{background:linear-gradient(135deg,#10b98114 0%,#04785708 100%);border:1px solid #10b98133;margin-bottom:2rem;padding:2.5rem;position:relative;overflow:hidden}.leaderboard-hero-card:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#10b98126 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-50%;right:-20%}.hero-grid{z-index:1;grid-template-columns:2fr 1fr;align-items:center;gap:2.5rem;display:grid;position:relative}.accent-badge-gold{color:var(--color-accent-gold);background:#fbbf241a;border:1px solid #fbbf244d;border-radius:50px;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-text-content h1{color:var(--theme-text);margin-bottom:1rem;font-size:2.25rem;font-weight:800;line-height:1.2}.hero-text-content p{color:var(--theme-text-secondary);font-size:1.05rem;line-height:1.6}.source-citation{color:var(--color-accent-gold);font-size:.9rem;font-weight:500}.hero-user-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #10b98126;justify-content:center;align-items:center;min-height:140px;padding:1.5rem;display:flex}.user-status-inner{align-items:center;gap:1.25rem;width:100%;display:flex}.user-avatar-wrapper{position:relative}.user-avatar-circle{color:#fff;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.35rem;font-weight:700;display:flex;box-shadow:0 4px 15px #0003}.user-crown-icon{color:var(--color-accent-gold);fill:var(--color-accent-gold);filter:drop-shadow(0 2px 5px #fbbf2480);animation:3s ease-in-out infinite bounce-slow;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-15deg)}.user-meta h3{color:var(--theme-text);margin-bottom:.25rem;font-size:1.15rem;font-weight:700}.user-rank-pill{color:#fff;border-radius:50px;margin-bottom:.35rem;padding:.15rem .65rem;font-size:.8rem;font-weight:700;display:inline-block}.user-rank-pill[data-rank=মুত্তাকী]{background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);box-shadow:0 2px 8px #fbbf244d}.user-rank-pill[data-rank=সালিক]{background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%);box-shadow:0 2px 8px #6366f14d}.user-rank-pill[data-rank=মুসাফির]{background:linear-gradient(135deg,#10b981 0%,#047857 100%);box-shadow:0 2px 8px #10b9814d}.user-points-badge{color:var(--color-accent-gold);align-items:center;gap:.35rem;font-size:1rem;font-weight:700;display:flex}.text-gold{color:var(--color-accent-gold);fill:#fbbf241a}.tabs-nav{background:#0ac28505;border:1px solid #10b98126;gap:.5rem;margin-bottom:2rem;padding:.5rem;display:flex}.tab-nav-btn{border-radius:var(--border-radius-sm);color:var(--theme-text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.tab-nav-btn:hover{color:var(--color-primary);background:#0ac2850d}.tab-nav-btn.active{color:#fff;background:var(--color-primary);box-shadow:0 4px 15px #0ac2854d}.podium-3d-container{justify-content:center;align-items:flex-end;gap:1.5rem;min-height:420px;margin:1.5rem 0;padding:3rem 1rem 1rem;display:flex;position:relative}.podium-column-wrapper{flex-direction:column;align-items:center;width:200px;display:flex;position:relative}.podium-member-avatar-card{z-index:2;margin-bottom:1rem;transition:transform .3s;position:relative}.podium-member-avatar-card:hover{transform:translateY(-8px)}.avatar-large{color:#fff;border:3px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto .75rem;font-size:1.45rem;font-weight:700;display:flex;box-shadow:0 8px 20px #0000004d}.avatar-xlarge{color:#fff;border:4px solid var(--color-accent-gold);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto .75rem;font-size:1.85rem;font-weight:700;display:flex;box-shadow:0 10px 25px #fbbf2459}.glow-gold-border{animation:2s infinite alternate pulse-glow;position:relative}.rank-badge-gold,.rank-badge-silver,.rank-badge-bronze{color:#fff;z-index:10;border-radius:50px;padding:.15rem .65rem;font-size:.75rem;font-weight:800;position:absolute;top:55px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000004d}.rank-badge-gold{background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);top:75px}.rank-badge-silver{background:linear-gradient(135deg,#94a3b8 0%,#475569 100%)}.rank-badge-bronze{background:linear-gradient(135deg,#b45309 0%,#78350f 100%)}.first-place-crown{color:var(--color-accent-gold);fill:var(--color-accent-gold);filter:drop-shadow(0 3px 6px #fbbf2499);width:30px;height:30px;position:absolute;top:-30px;left:calc(50% - 15px)}.podium-name{color:var(--theme-text);white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin-bottom:.2rem;font-size:1rem;overflow:hidden}.podium-points{color:var(--color-primary);margin-bottom:.35rem;font-size:1.1rem}.podium-rank-tag{color:var(--theme-text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.golden-tag{color:var(--color-accent-gold);background:#fbbf240d;border-color:#fbbf244d}.podium-pillar-gold,.podium-pillar-silver,.podium-pillar-bronze{z-index:1;border-radius:8px 8px 0 0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;box-shadow:inset 0 2px 5px #ffffff1a,0 10px 30px #0006}.podium-pillar-gold{background:linear-gradient(#fbbf2433 0%,#fbbf240d 100%);border:1px solid #fbbf2466;border-bottom:none;height:180px}.podium-pillar-silver{background:linear-gradient(#94a3b82e 0%,#94a3b80d 100%);border:1px solid #94a3b859;border-bottom:none;height:130px}.podium-pillar-bronze{background:linear-gradient(#b4530926 0%,#b45309 100%);border:1px solid #b453094d;border-bottom:none;height:95px}.pillar-label{letter-spacing:2px;opacity:.15;font-size:1.25rem;font-weight:800;position:absolute;bottom:1.5rem}.podium-pillar-gold .pillar-label{color:var(--color-accent-gold)}.podium-pillar-silver .pillar-label{color:#cbd5e1}.podium-pillar-bronze .pillar-label{color:#f59e0b}.avatar-emerald{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.avatar-indigo{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.avatar-gold{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.avatar-purple{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.runners-up-container{border:1px solid #10b98126;padding:1.5rem}.runners-up-header{border-bottom:1px solid #ffffff0f;margin-bottom:1rem;padding-bottom:1rem}.runners-up-header h3{color:var(--theme-text);font-size:1.25rem;font-weight:700}.runners-up-list{flex-direction:column;gap:.75rem;display:flex}.runner-row{border-radius:var(--border-radius-md);transition:var(--transition-smooth);background:#ffffff03;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.runner-row:hover{background:#0ac28508;border-color:#0ac28533;transform:translate(4px)}.current-user-highlight{background:linear-gradient(90deg,#0ac28514 0%,#0ac28503 100%);box-shadow:0 4px 15px #0ac2850d;border-color:#0ac28566!important}.runner-index{color:var(--theme-text-secondary);width:24px;font-size:1.1rem}.runner-avatar{color:#fff;border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex}.runner-name{color:var(--theme-text);font-size:1.05rem}.runner-sub-meta{color:var(--theme-text-secondary);align-items:center;gap:.5rem;margin-top:.15rem;font-size:.8rem;display:flex}.runner-rank{color:var(--color-primary);font-weight:600}.meta-dot{opacity:.5}.runner-points{color:var(--color-accent-gold);align-items:center;gap:.3rem;font-size:1.05rem;display:flex}.you-pill-indicator{color:var(--color-primary);background:#0ac28526;border:1px solid #0ac2854d;border-radius:50px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.tiers-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.tier-card{background:#ffffff03;border:1px solid #ffffff0f;padding:2rem;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.tier-card:hover{border-color:#ffffff26;transform:translateY(-4px)}.active-tier-card{background:linear-gradient(135deg,#0ac2850d 0%,#0ac28503 100%);box-shadow:0 10px 30px #0ac28514;border-color:#0ac2854d!important}.active-tier-badge{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);border-radius:0 0 0 8px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:0;right:0;box-shadow:0 2px 6px #0003}.tier-header h3{font-size:1.5rem}.tier-points-requirement{color:var(--theme-text-secondary);font-size:1.05rem}.tier-desc{color:var(--theme-text-secondary);font-size:.95rem;line-height:1.5}.tier-checklist{flex-direction:column;gap:.45rem;padding:0;list-style:none;display:flex}.tier-checklist li{color:var(--theme-text-secondary);font-size:.85rem}.points-activities-guide{background:#0ac28505;border:1px solid #10b98126;padding:2rem}.guide-header h3{color:var(--theme-text);font-size:1.25rem}.activities-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.activity-item{border-radius:var(--border-radius-sm);background:#ffffff05;border:1px solid #ffffff0a;align-items:center;gap:.85rem;padding:.75rem 1rem;display:flex}.activity-points{color:var(--color-primary);min-width:60px;font-size:.95rem}.activity-name{color:var(--theme-text-secondary);font-size:.9rem}.badges-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.badge-matrix-card{border:1px solid #ffffff0f;flex-direction:column;gap:1.25rem;padding:1.75rem;transition:transform .3s,border-color .3s;display:flex;position:relative}.badge-matrix-card:hover{transform:translateY(-4px)}.unlocked-card{background:linear-gradient(135deg,#fbbf240a 0%,#fbbf2403 100%);box-shadow:0 8px 20px #fbbf240d;border-color:#fbbf2440!important}.locked-card{opacity:.55;filter:grayscale(80%);background:#ffffff03}.badge-visual-wrapper{justify-content:space-between;align-items:center;display:flex}.badge-icon-bubble{border-radius:var(--border-radius-md);background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.85rem;display:flex;box-shadow:0 4px 10px #00000026}.unlocked-card .badge-icon-bubble{background:linear-gradient(135deg,#fbbf2426 0%,#d977060d 100%);border-color:#fbbf2466}.unlock-badge-pill,.lock-badge-pill{border-radius:50px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.75rem;font-weight:700;display:flex}.unlock-badge-pill{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.lock-badge-pill{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}.badge-details h3{color:var(--theme-text);margin-bottom:.2rem;font-size:1.15rem}.badge-requirement{color:var(--color-primary);text-transform:uppercase;font-size:.8rem;font-weight:700}.badge-desc{line-height:1.4}@keyframes bounce-slow{0%,to{transform:translate(-50%)translateY(0)rotate(-15deg)}50%{transform:translate(-50%)translateY(-6px)rotate(-15deg)}}.animate-bounce-slow{animation:3s ease-in-out infinite bounce-slow}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:1.5rem}.hero-text-content h1{font-size:1.85rem}.podium-3d-container{gap:.5rem;min-height:auto;padding-top:1.5rem}.podium-column-wrapper{width:32%}.avatar-xlarge{width:70px;height:70px;font-size:1.45rem}.avatar-large{width:56px;height:56px;font-size:1.15rem}.rank-badge-gold{top:55px}.podium-name{max-width:100%;font-size:.85rem}.podium-points{font-size:.95rem}.podium-pillar-gold{height:130px}.podium-pillar-silver{height:95px}.podium-pillar-bronze{height:70px}}@media (width<=560px){.tab-nav-btn{padding:.75rem .5rem;font-size:.85rem}.tab-nav-btn span{display:none}.leaderboard-hero-card{padding:1.5rem}.active-tier-badge{border-radius:4px;width:fit-content;margin-bottom:.75rem;display:inline-flex;position:relative}}.photo-album-page{max-width:1400px;min-height:100vh;margin:0 auto;padding:1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) fadeIn}.photo-banner-header{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border);box-shadow:var(--shadow-lg), var(--shadow-glow-emerald);transition:var(--transition-smooth);margin-bottom:2.5rem;padding:3rem 2rem;position:relative;overflow:hidden}.photo-banner-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#0aa36433,#0000 70%);position:absolute;inset:0}.photo-banner-header:hover{box-shadow:var(--shadow-lg), 0 0 30px #0ac28566;border-color:#0ac2854d}.photo-banner-header .header-content{z-index:2;position:relative}.photo-banner-header .back-btn{color:var(--color-text-dark);border:1px solid var(--theme-border);border-radius:var(--border-radius-pill);-webkit-backdrop-filter:blur(8px);transition:var(--transition-smooth);background:#0d1b1580;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.photo-banner-header .back-btn:hover{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow-emerald);border-color:#0000;transform:translate(-4px)}.photo-banner-header .header-title{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.photo-banner-header .header-icon{color:var(--color-accent-gold);filter:drop-shadow(0 0 8px #ffc00099);animation:3s ease-in-out infinite floatIcon}.photo-banner-header h1{letter-spacing:-.5px;background:linear-gradient(135deg, #fff 30%, var(--color-accent-gold) 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #0000004d;-webkit-background-clip:text;margin:0;font-size:2.5rem;font-weight:800}.photo-banner-header .header-subtitle{color:#ffffffd9;text-shadow:0 1px 4px #00000080;max-width:700px;font-size:1.1rem;line-height:1.6}.album-controls{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.album-controls .search-bar{background:var(--color-surface-dark);border:1px solid var(--theme-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);align-items:center;gap:1rem;padding:.25rem 1.25rem;display:flex}.album-controls .search-bar:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-glow-emerald);transform:translateY(-2px)}.album-controls .search-bar .search-icon{color:var(--color-primary);flex-shrink:0}.album-controls .search-bar input{width:100%;color:var(--color-text-dark);background:0 0;border:none;outline:none;padding:1rem 0;font-family:inherit;font-size:1.05rem}.album-controls .search-bar input::placeholder{color:var(--color-text-muted,#ffffff80)}.rotate-animation{animation:1.2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.category-filters{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;display:flex}.filter-btn{color:var(--color-text-dark);background:var(--color-surface-dark);border:1px solid var(--theme-border);border-radius:var(--border-radius-pill);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(6px);padding:.75rem 1.4rem;font-size:.95rem;font-weight:500}.filter-btn:hover{border-color:var(--color-primary);background:#0aa3641a;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-glow-emerald);border-color:#0000;font-weight:600}.loading-container,.no-results{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border);background:var(--color-surface-dark);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:4rem 2rem;animation:.4s ease-out fadeIn;display:flex}.loading-container p,.no-results p{color:var(--color-text-dark);font-size:1.1rem}.text-gold{color:var(--color-accent-gold);filter:drop-shadow(0 0 6px #ffc00080)}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.photo-card{border-radius:var(--border-radius-md);border:1px solid var(--theme-border);background:var(--color-surface-dark);height:100%;box-shadow:var(--shadow-md);transition:var(--transition-smooth);flex-direction:column;display:flex;overflow:hidden}.photo-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-emerald);border-color:#0ac28559;transform:translateY(-8px)}.photo-img-container{background:#000;width:100%;padding-top:62.5%;position:relative;overflow:hidden}.photo-img-container img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.photo-card:hover .photo-img-container img{transform:scale(1.08)}.photo-card-overlay{-webkit-backdrop-filter:blur(4px);opacity:0;background:#060c0973;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;inset:0}.photo-card:hover .photo-card-overlay{opacity:1}.overlay-actions{gap:1rem;display:flex}.action-btn{width:50px;height:50px;color:var(--color-accent-gold);cursor:pointer;transition:var(--transition-smooth);background:#0d1b15d9;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 15px #0006}.action-btn:hover{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow-emerald);border-color:#0000;transform:scale(1.1)}.action-btn:active{transform:scale(.95)}.action-btn.download-btn{color:#fff}.action-btn.download-btn:hover{background:var(--color-accent-gold);color:#060c09;box-shadow:var(--shadow-glow-gold)}.photo-card-info{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.photo-category{text-transform:uppercase;color:var(--color-primary);letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.photo-card-info h3{color:#fff;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.4;transition:color .3s}.photo-card:hover .photo-card-info h3{color:var(--color-accent-gold)}.photo-desc-excerpt{color:var(--color-text-muted,#ffffffa6);-webkit-line-clamp:2;text-align:justify;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.photo-card-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;font-size:.8rem;display:flex}.photographer{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;max-width:65%;overflow:hidden}.photographer-link{color:var(--color-primary);transition:var(--transition-smooth);font-weight:600;text-decoration:none}.photographer-link:hover{color:var(--color-accent-gold);text-decoration:underline}.download-badge{color:var(--color-accent-gold);border-radius:var(--border-radius-pill);background:#ffc00026;border:1px solid #ffc0004d;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.photo-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#030705d9;justify-content:center;align-items:center;padding:2rem;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.photo-modal-content{border-radius:var(--border-radius-lg);width:100%;max-width:1100px;max-height:90vh;box-shadow:0 25px 50px -12px #000c, var(--shadow-glow-emerald);background:#0d1b15e6;border:1px solid #0ac28540;animation:.45s cubic-bezier(.16,1,.3,1) scaleIn;position:relative;overflow-y:auto}.close-modal-btn{color:#fff;cursor:pointer;z-index:10;width:44px;height:44px;transition:var(--transition-smooth);background:#0a160fb3;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.25rem;right:1.25rem}.close-modal-btn:hover{background:var(--color-secondary);border-color:#0000;transform:rotate(90deg);box-shadow:0 0 15px #cd5c4580}.modal-body-grid{grid-template-columns:1.2fr 1fr;min-height:550px;display:grid}.modal-img-frame{border-top-left-radius:calc(var(--border-radius-lg) - 1px);border-bottom-left-radius:calc(var(--border-radius-lg) - 1px);background:#000;border-right:1px solid #0ac28526;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.modal-img-frame img{object-fit:cover;width:100%;height:100%;max-height:80vh}.modal-info-panel{flex-direction:column;justify-content:flex-start;padding:2.5rem;display:flex;overflow-y:auto}.modal-header .category-tag{color:var(--color-primary);border-radius:var(--border-radius-pill);text-transform:uppercase;letter-spacing:.5px;background:#0aa36426;border:1px solid #0aa3644d;margin-bottom:.75rem;padding:.3rem .8rem;font-size:.8rem;font-weight:700;display:inline-block}.modal-header h2{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:.5rem;font-size:1.8rem;font-weight:800;line-height:1.3}.photographer-credit{color:#ffffff80;align-items:center;font-size:.9rem;display:flex}.credit-link{color:var(--color-primary);margin-left:.25rem;font-weight:600;text-decoration:none;transition:color .3s}.credit-link:hover{color:var(--color-accent-gold);text-decoration:underline}.modal-description h3{color:var(--color-accent-gold);margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.modal-description p{color:var(--color-text-dark);text-align:justify;font-size:.95rem;line-height:1.6}.modal-reflection{border-radius:var(--border-radius-md);transition:var(--transition-smooth);padding:1.5rem;box-shadow:0 4px 20px #0003;background:#0aa36414!important;border:1px solid #0aa36440!important}.modal-reflection:hover{background:#0aa3641f!important;border-color:#0ac28566!important}.reflection-title{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.reflection-title h4{color:var(--color-accent-gold);letter-spacing:.2px;margin:0;font-size:1rem;font-weight:700}.modal-reflection p{color:#e2e8f0;text-align:justify;margin:0;font-size:.95rem;font-style:italic;line-height:1.6}.modal-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:1.5rem}.modal-download-btn{background:linear-gradient(135deg, var(--color-accent-gold) 0%, #d49a00 100%);color:#060c09;border-radius:var(--border-radius-md);cursor:pointer;width:100%;transition:var(--transition-smooth);box-shadow:var(--shadow-glow-gold);border:none;justify-content:center;align-items:center;padding:1rem 1.5rem;font-size:1.05rem;font-weight:700;display:flex}.modal-download-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 25px #ffc00080}.modal-download-btn:active{transform:translateY(0)}.modal-download-btn.downloading{color:#ffffffb3;box-shadow:none;cursor:not-allowed;background:#2d3748}.unsplash-notice{color:#fff6;text-align:center;margin-top:.75rem;font-size:.8rem}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=1024px){.photo-banner-header h1{font-size:2.2rem}.modal-body-grid{grid-template-columns:1fr;min-height:auto}.modal-img-frame{border-top-left-radius:calc(var(--border-radius-lg) - 1px);border-top-right-radius:calc(var(--border-radius-lg) - 1px);border-bottom:1px solid #0ac28526;border-right:none;border-bottom-left-radius:0}.modal-img-frame img{max-height:45vh}.modal-info-panel{padding:1.75rem}}@media (width<=768px){.photo-album-page{padding:1rem}.photo-banner-header{margin-bottom:1.5rem;padding:2rem 1.25rem}.photo-banner-header h1{font-size:1.8rem}.photo-banner-header .header-subtitle{font-size:.95rem}.album-controls{gap:1rem;margin-bottom:2rem}.album-controls .search-bar input{font-size:.95rem}.category-filters{gap:.5rem}.filter-btn{padding:.55rem 1rem;font-size:.85rem}.photos-grid{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}.photo-modal-overlay{padding:1rem}.photo-modal-content{max-height:92vh}.modal-info-panel{padding:1.25rem}.modal-header h2{font-size:1.4rem}}.islamic-calculator-page{max-width:1200px;min-height:80vh;margin:0 auto;padding:40px 20px}.calculator-header{text-align:center;margin-bottom:40px}.calculator-header h1{color:var(--theme-text-primary,#fff);text-shadow:0 2px 10px #0f83;margin-bottom:10px;font-size:2.5rem}.calculator-header p{color:var(--theme-text-secondary,#b0bec5);font-size:1.2rem}.tabs-container{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:30px;display:flex}.tab-btn{color:var(--theme-text-secondary,#b0bec5);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;padding:12px 24px;font-size:1.1rem;transition:all .3s}.tab-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.tab-btn.active{background:var(--theme-primary,#00c853);color:#000;border-color:var(--theme-primary,#00c853);font-weight:700;box-shadow:0 4px 15px #00c85366}.calc-card{border-radius:20px;padding:30px;animation:.4s ease-out slideUp}.calc-card h3{color:var(--theme-primary,#00c853);border-bottom:1px solid #ffffff1a;margin-bottom:10px;padding-bottom:15px;font-size:1.8rem}.calc-desc{color:var(--theme-text-secondary,#b0bec5);margin-bottom:25px;font-size:1.05rem}.input-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.input-group.full-width{max-width:400px;margin-bottom:20px}.input-group label{color:var(--theme-text-primary,#fff);font-weight:500}.input-group input,.input-group select{color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:10px;padding:12px 15px;font-size:1.1rem;transition:all .3s}.input-group input:focus,.input-group select:focus{border-color:var(--theme-primary,#00c853);background:#00000080;outline:none;box-shadow:0 0 10px #00c85333}.results-panel{background:#0003;border:1px solid #ffffff0d;border-radius:15px;margin-top:20px;padding:20px}.result-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:15px 0;font-size:1.2rem;display:flex}.result-item:last-child{border-bottom:none}.result-item strong{font-size:1.4rem}.result-item.zakat-due strong,.result-item.highlight strong{color:var(--theme-primary,#00c853);text-shadow:0 0 10px #00c8534d}.result-item.no-zakat strong{color:#ff5252}.alert{border-radius:10px;margin-top:20px;padding:15px;font-size:1.05rem}.alert.info{color:#64b5f6;background:#2196f31a;border:1px solid #2196f34d}.alert.warning{color:#ffb74d;background:#ff98001a;border:1px solid #ff98004d}.qurbani-meat-guide{text-align:center;margin-top:30px}.qurbani-meat-guide h4{color:var(--theme-text-primary,#fff);margin-bottom:15px;font-size:1.2rem}.meat-distribution{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.dist-box{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:1;min-width:150px;padding:15px}.dist-percent{color:var(--theme-primary,#00c853);margin-bottom:5px;font-size:2rem;font-weight:700}.dist-label{color:var(--theme-text-secondary,#b0bec5);font-size:.9rem}.heirs-selection h4{color:var(--theme-text-primary,#fff);border-bottom:1px solid #ffffff1a;margin-bottom:15px;padding-bottom:10px}.heirs-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:25px;display:grid}.checkbox-label{color:var(--theme-text-primary,#fff);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:12px 15px;font-size:1.1rem;transition:all .3s;display:flex}.checkbox-label:hover{background:#ffffff1a}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--theme-primary,#00c853)}.children-inputs{flex-wrap:wrap;gap:20px;margin-bottom:30px;display:flex}.faraid-results{margin-top:30px}.faraid-table{border-collapse:collapse;background:#0003;border-radius:10px;width:100%;overflow:hidden}.faraid-table th,.faraid-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:15px}.faraid-table th{color:var(--theme-primary,#00c853);background:#00c8531a;font-weight:600}.faraid-table td{color:var(--theme-text-primary,#fff)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.calculator-header h1{font-size:2rem}.tab-btn{text-align:center;flex:1;padding:10px 15px;font-size:1rem}.calc-card{padding:20px}.result-item{flex-direction:column;align-items:flex-start;gap:10px}}.privacy-page{color:var(--color-text-dark);animation:.6s cubic-bezier(.4,0,.2,1) fadeIn}.font-en{font-family:Inter,system-ui,-apple-system,sans-serif!important}.back-btn{background:var(--color-surface-dark);border:1px solid var(--theme-border);color:var(--color-primary);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:inline-flex}.back-btn:hover{background:var(--color-primary);color:#fff;box-shadow:0 0 15px var(--theme-shadow-glow);transform:translate(-4px)}.privacy-icon-container{border:1px solid var(--theme-border);background:radial-gradient(circle,#0ac28526 0%,#064e3b05 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:16px;display:inline-flex;box-shadow:0 0 25px #0ac2851a}.privacy-main-icon{color:var(--color-primary);animation:3s ease-in-out infinite floatIcon}.privacy-title{background:linear-gradient(135deg, var(--color-text-dark) 30%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.25rem;font-weight:700}.privacy-subtitle{opacity:.8;margin-top:8px;font-size:.95rem}.policy-card{border-radius:var(--border-radius-lg);border:1px solid var(--theme-border);box-shadow:var(--shadow-lg);flex-direction:column;gap:24px;padding:32px;display:flex}.card-header-accent{border-bottom:1px dashed var(--theme-border);align-items:center;padding-bottom:16px;display:flex}.section-title-bn,.section-title-en{color:var(--color-primary);font-size:1.5rem;font-weight:600}.policy-body{flex-direction:column;gap:20px;line-height:1.75;display:flex}.lead-text{color:var(--color-primary);opacity:.95;border-radius:var(--border-radius-sm);border-left:3px solid var(--color-primary);background:#0ac2850d;padding:16px;font-size:1.05rem}.policy-section{flex-direction:column;gap:10px;display:flex}.policy-section h3{color:var(--color-accent-gold);border-left:2px solid var(--color-accent-gold);padding-left:8px;font-size:1.15rem;font-weight:600}.policy-section p{color:var(--color-text-dark);opacity:.85;font-size:.95rem}.policy-section ul{color:var(--color-text-dark);opacity:.85;flex-direction:column;gap:8px;padding-left:20px;font-size:.95rem;display:flex}.policy-section ul li a{color:var(--color-primary);transition:var(--transition-smooth);text-decoration:underline}.policy-section ul li a:hover{color:var(--color-accent-gold);text-shadow:0 0 8px var(--theme-shadow-glow)}.contact-info{border-radius:var(--border-radius-sm);background:#ffc0000d;border:1px solid #ffc00026;align-items:center;gap:10px;padding:10px 16px;font-size:.95rem;display:inline-flex}.contact-info a{color:var(--color-accent-gold);font-weight:500;text-decoration:underline}.contact-info a:hover{color:var(--color-primary)}@media (width<=768px){.privacy-title{font-size:1.75rem}.policy-card{padding:20px}.section-title-bn,.section-title-en{font-size:1.25rem}}.quiz-page{background-color:var(--bg-dark,#070f1e);min-height:100vh;color:var(--text-light,#f1f5f9);padding-bottom:60px}.quiz-banner-header{background:linear-gradient(135deg,#10b98126 0%,#06b6d414 100%);border-top:none;border-bottom:1px solid #10b98133;border-radius:0 0 24px 24px;margin-bottom:30px;padding:40px 20px}.quiz-banner-header .header-content{max-width:800px;margin:0 auto}.quiz-banner-header .back-btn{color:#34d399;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;text-decoration:none;transition:transform .2s;display:inline-flex}.quiz-banner-header .back-btn:hover{transform:translate(-4px)}.quiz-banner-header .header-title{align-items:center;gap:12px;margin-bottom:8px;display:flex}.quiz-banner-header .header-icon{color:#fbbf24;filter:drop-shadow(0 0 10px #fbbf2466)}.quiz-banner-header h1{background:linear-gradient(135deg,#fef08a 0%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:28px;font-weight:800}.quiz-banner-header .header-subtitle{color:#94a3b8;margin:0;font-size:15px}.quiz-container{max-width:680px;margin:0 auto;padding:0 20px}.quiz-card{text-align:center;border:1px solid #ffffff14;border-radius:20px;padding:40px 30px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.gold-glow-icon{background:radial-gradient(circle,#fbbf2433 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 24px;animation:4s ease-in-out infinite float;display:flex}.trophy-gold,.award-gold{color:#fbbf24;filter:drop-shadow(0 0 12px #fbbf2499)}.quiz-card h2{color:#f8fafc;margin-bottom:16px;font-size:24px;font-weight:700}.quiz-card p{color:#cbd5e1;margin-bottom:24px;font-size:15px;line-height:1.6}.user-profile-badge,.login-warning-badge{border-radius:12px;flex-wrap:wrap;justify-content:space-around;gap:10px;margin-bottom:30px;padding:14px 20px;font-size:14px;display:flex}.user-profile-badge{background:#10b9810f;border:1px solid #10b98126}.user-profile-badge strong.highlight-points{color:#34d399;text-shadow:0 0 8px #34d3994d}.login-warning-badge{text-align:left;background:#f59e0b0f;border:1px solid #f59e0b26}.login-warning-badge p{color:#f59e0b;margin:0}.login-inline-link{color:#fbbf24;font-weight:600;text-decoration:underline}.premium-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #10b98159}.premium-btn:hover{background:linear-gradient(135deg,#34d399 0%,#059669 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.premium-btn:active{transform:translateY(0)}.playing-card{text-align:left;padding:30px}.playing-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.question-counter{color:#94a3b8;font-size:14px}.question-counter strong{color:#f1f5f9}.timer-badge{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:30px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.timer-critical{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d;animation:1s infinite pulse}.timer-bar-bg{background:#ffffff0d;border-radius:10px;width:100%;height:6px;margin-bottom:24px;overflow:hidden}.timer-bar-fill{background:linear-gradient(90deg,#34d399,#059669);border-radius:10px;height:100%;transition:width 1s linear}.timer-bar-fill.fill-critical{background:linear-gradient(90deg,#f43f5e,#be123c)}.question-container{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.question-container .q-icon{color:#34d399;flex-shrink:0;margin-top:2px}.question-text{line-height:1.5;color:#f8fafc!important;margin:0!important;font-size:20px!important;font-weight:600!important}.options-grid{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.option-btn{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;width:100%;padding:16px 20px;transition:all .25s;display:flex;position:relative}.option-letter{color:#34d399;background:#34d3991a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-right:12px;font-size:14px;font-weight:700;display:flex}.option-text{color:#cbd5e1;flex-grow:1;font-size:15px;font-weight:500}.option-btn:hover:not(:disabled){background:#ffffff12;border-color:#34d3994d;transform:translate(4px)}.option-selected{box-shadow:0 0 15px #10b98126;background:#10b98114!important;border-color:#10b98180!important}.option-correct{box-shadow:0 0 15px #10b98133;background:#10b98126!important;border-color:#10b981cc!important}.option-correct .option-letter{color:#fff!important;background:#10b981!important}.option-correct .option-text{font-weight:600;color:#a7f3d0!important}.option-incorrect{box-shadow:0 0 15px #f43f5e33;background:#f43f5e26!important;border-color:#f43f5ecc!important}.option-incorrect .option-letter{color:#fff!important;background:#f43f5e!important}.option-incorrect .option-text{font-weight:600;color:#fecdd3!important}.option-disabled{opacity:.5;cursor:not-allowed}.feedback-icon{flex-shrink:0;margin-left:10px}.feedback-icon.correct{color:#34d399}.feedback-icon.incorrect{color:#fb7185}.explanation-box{background:#ffffff05;border:1px solid #ffffff14;border-left:4px solid #10b981;border-radius:10px;margin-bottom:24px;padding:16px 20px}.explanation-box h4{color:#34d399;margin:0 0 8px;font-size:14px;font-weight:700}.explanation-box p{color:#cbd5e1;text-align:left;margin:0;font-size:14px;line-height:1.5}.playing-footer{justify-content:flex-end;display:flex}.playing-footer button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.score-ring-container{justify-content:center;margin-bottom:20px;display:flex}.score-ring{background:#10b9810d;border:4px dashed #10b98166;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;animation:3s infinite pulse-slow;display:flex;box-shadow:0 0 30px #10b98126}.score-number{color:#34d399;text-shadow:0 0 10px #34d39966;font-size:32px;font-weight:800}.score-label{color:#94a3b8;margin-top:4px;font-size:12px;font-weight:600}.quiz-feedback-text{color:#e2e8f0;max-width:500px;margin:0 auto 30px;font-size:15px}.earnings-box{text-align:left;background:#10b9810a;border:1px solid #10b9811f;border-radius:14px;max-width:440px;margin:0 auto 30px;padding:20px 24px}.earnings-box h3{color:#fbbf24;margin:0 0 14px;font-size:15px;font-weight:700}.earning-item{color:#cbd5e1;border-bottom:1px solid #ffffff0d;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;font-size:14px;display:flex}.earning-item:last-child{border-bottom:none;margin-bottom:0}.earning-item strong{color:#10b981}.earning-item.bonus strong{color:#fbbf24}.earning-item.total{border-top:1px solid #ffffff1a;padding-top:12px;font-weight:700}.earning-item.total .total-highlight{color:#fbbf24;text-shadow:0 0 10px #fbbf2466;font-size:16px}.login-promo-ended-box{background:#fbbf240d;border:1px solid #fbbf2426;border-radius:12px;margin-bottom:30px;padding:16px 20px}.login-promo-ended-box p{color:#fbbf24;margin:0 0 12px;font-size:13.5px}.promo-login-btn{color:#0c1424;background:#fbbf24;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block}.promo-login-btn:hover{opacity:.9}.ended-actions{justify-content:center;gap:16px;display:flex}.replay-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.replay-btn:hover{color:#fff;background:#ffffff1a}.view-leaderboard-btn{padding:12px 24px}.fade-in{animation:.4s forwards fadeIn}@keyframes pulse-slow{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media (width<=580px){.quiz-card{padding:24px 16px}.quiz-banner-header h1{font-size:22px}.ended-actions{flex-direction:column;align-items:stretch}.ended-actions button,.ended-actions a{justify-content:center;width:100%}}.ruqyah-container{max-width:1200px;margin:100px auto 40px;padding:0 24px}.ruqyah-header-banner{border-radius:var(--border-radius-lg);background:linear-gradient(135deg, var(--color-primary-dark), #064e3b66);border:1px solid var(--theme-border);margin-bottom:24px;padding:40px;position:relative;overflow:hidden}.banner-glow-effect{background:radial-gradient(circle, var(--theme-shadow-glow) 0%, transparent 70%);opacity:.6;pointer-events:none;filter:blur(40px);width:300px;height:300px;position:absolute;top:-50%;right:-20%}.banner-text-wrapper{z-index:2;position:relative}.ruqyah-badge{color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:.5px;background:#ffc0001a;border:1px solid #ffc00040;border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.ruqyah-header-banner h1{color:#fff;text-shadow:0 2px 10px #0000004d;margin-bottom:10px;font-size:2.5rem;font-weight:800}.ruqyah-header-banner p{color:#fffc;max-width:700px;font-size:1.1rem}.ruqyah-disclaimer-card{border-radius:var(--border-radius-md);color:#ffffffe6;background:#b453091a;border:1px solid #ffc00040;align-items:flex-start;gap:16px;margin-bottom:30px;padding:18px 24px;font-size:14px;line-height:1.6;display:flex}.disclaimer-icon{flex-shrink:0;margin-top:2px}.ruqyah-tab-nav{scrollbar-width:none;gap:10px;margin-bottom:30px;padding:10px;display:flex;overflow-x:auto}.ruqyah-tab-nav::-webkit-scrollbar{display:none}.tab-btn{color:var(--theme-text);border-radius:var(--border-radius-md);white-space:nowrap;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0d;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;display:flex}.tab-btn:hover{border-color:var(--theme-border);background:#ffffff0d}.tab-btn.active{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary);box-shadow:0 4px 15px var(--theme-shadow-glow)}.advisor-grid{grid-template-columns:1.6fr 1fr;gap:24px;display:grid}.chat-window-wrapper{flex-direction:column;height:600px;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--theme-border);align-items:center;gap:14px;padding:20px;display:flex}.chat-header h3{font-size:16px;font-weight:700}.chat-header span{color:#ffffff80;font-size:12px}.chat-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-message{gap:12px;max-width:85%;display:flex}.chat-message.assistant{align-self:flex-start}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.message-avatar{border:1px solid var(--theme-border);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.chat-message.user .message-avatar{background:var(--theme-primary);border-color:var(--theme-primary)}.message-bubble{border-radius:var(--border-radius-md);padding:14px 18px;font-size:14px;line-height:1.6}.chat-message.assistant .message-bubble{border:1px solid var(--theme-border);background:#ffffff08;border-top-left-radius:2px}.chat-message.user .message-bubble{background:var(--theme-primary);color:#fff;border-top-right-radius:2px}.tts-play-btn{color:var(--color-accent-gold);transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;font-size:11px;display:inline-flex}.tts-play-btn:hover:not(:disabled){border-color:var(--color-accent-gold);background:#ffffff1a}.typing-dots{align-items:center;gap:4px;padding:14px 24px;display:flex}.typing-dots span{background:var(--theme-primary);border-radius:50%;width:6px;height:6px;animation:1s infinite alternate typingBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%{opacity:.3;transform:translateY(0)}to{opacity:1;transform:translateY(-6px)}}.chat-footer{border-top:1px solid var(--theme-border);padding:16px 20px}.chat-quick-suggestions{scrollbar-width:none;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex;overflow-x:auto}.chat-quick-suggestions::-webkit-scrollbar{display:none}.suggestion-tag{white-space:nowrap;color:var(--theme-text);transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:6px 12px;font-size:12px}.suggestion-tag:hover{border-color:var(--theme-primary);color:var(--theme-primary)}.chat-input-row{gap:10px;display:flex}.chat-input-row input{border:1px solid var(--theme-border);border-radius:var(--border-radius-md);color:var(--theme-text);background:#0003;outline:none;flex:1;padding:12px 16px;font-size:14px}.chat-input-row input:focus{border-color:var(--theme-primary);box-shadow:0 0 10px var(--theme-shadow-glow)}.chat-send-btn{border-radius:var(--border-radius-md);background:var(--theme-primary);color:#fff;width:48px;height:48px;transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}.chat-send-btn:hover:not(:disabled){box-shadow:0 4px 12px var(--theme-shadow-glow);transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.info-sidebar-wrapper{flex-direction:column;gap:20px;display:flex}.info-card{border-radius:var(--border-radius-md);padding:24px;position:relative;overflow:hidden}.card-accent-gold-glow{background:linear-gradient(90deg, var(--color-accent-gold), var(--theme-primary));width:100%;height:3px;position:absolute;top:0;left:0}.info-card h3{margin-bottom:12px;font-size:16px;font-weight:700}.info-card p{color:#ffffffb3;margin-bottom:16px;font-size:13px}.conditions-list{flex-direction:column;gap:16px;list-style:none;display:flex}.conditions-list li{gap:12px;display:flex}.bullet-num{width:24px;height:24px;color:var(--color-accent-gold);background:#ffc0001a;border:1px solid #ffc0004d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.conditions-list li strong{margin-bottom:2px;font-size:13px;display:block}.conditions-list li div{color:#ffffffb3;font-size:12px}.symptom-tags{flex-wrap:wrap;gap:8px;display:flex}.s-tag{background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.audio-grid{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.section-title{margin-bottom:8px;font-size:18px;font-weight:700}.section-subtitle{color:#fff9;margin-bottom:20px;font-size:14px}.tracks-grid{flex-direction:column;gap:12px;display:flex}.track-card{border-radius:var(--border-radius-md);border:1px solid var(--theme-border);transition:var(--transition-smooth);padding:16px}.track-card.selected{border-color:var(--theme-primary);box-shadow:0 4px 15px var(--theme-shadow-glow)}.track-left{align-items:center;gap:16px;display:flex}.track-play-pause-btn{border:1px solid var(--theme-border);width:40px;height:40px;color:var(--theme-primary);transition:var(--transition-smooth);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.track-card.selected .track-play-pause-btn{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary)}.track-play-pause-btn:hover{transform:scale(1.05)}.track-text h4{margin-bottom:4px;font-size:15px;font-weight:600}.track-text p{color:#ffffff80;margin-bottom:6px;font-size:12px}.track-desc{color:#ffffffb3;font-size:12px;display:block}.player-card{border-radius:var(--border-radius-md);text-align:center;flex-direction:column;justify-content:center;height:100%;padding:30px;display:flex;position:relative;overflow:hidden}.player-card-glow-bg{z-index:1;background:radial-gradient(circle,#0ac2851a 0%,#0000 80%);position:absolute;inset:0}.player-header{z-index:2;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex;position:relative}.player-body{z-index:2;position:relative}.disc-art-wrapper{width:140px;height:140px;margin:20px auto}.player-vinyl{border:4px solid var(--theme-border);background:radial-gradient(circle,#020202 30%,#1a1a1a 60%,#000 70%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 8px 20px #00000080}.vinyl-center{background:var(--theme-primary);border:2px solid #000;border-radius:50%;width:32px;height:32px}.spin-anim{animation:5s linear infinite spin}.player-track-info h4{margin-bottom:6px;font-size:16px;font-weight:700}.player-track-info p{color:#ffffff80;margin-bottom:20px;font-size:13px}.player-visualizer-container{justify-content:center;align-items:flex-end;gap:4px;height:30px;margin-bottom:24px;display:flex}.player-slider-row{align-items:center;gap:10px;margin-bottom:20px;display:flex}.player-time{color:#ffffff80;min-width:35px;font-size:11px}.player-seek{height:4px;accent-color:var(--theme-primary);background:#ffffff1a;border-radius:2px;outline:none;flex:1}.main-play-pause-btn{background:var(--theme-primary);color:#fff;width:60px;height:60px;box-shadow:0 4px 15px var(--theme-shadow-glow);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex}.main-play-pause-btn:hover{transform:scale(1.05)}.player-empty-state{color:#fff6;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;font-size:13px;display:flex}.verses-list{flex-direction:column;gap:20px;display:flex}.verse-card-full{border-radius:var(--border-radius-md);border:1px solid var(--theme-border);padding:30px}.verse-header-row{justify-content:space-between;margin-bottom:20px;display:flex}.verse-surah-badge{color:var(--theme-primary);background:#0ac2851a;border:1px solid #0ac28540;border-radius:12px;padding:4px 12px;font-size:13px;font-weight:700}.verse-ref-badge{color:var(--color-accent-gold);background:#ffc0001a;border:1px solid #ffc00040;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.verse-arabic-text{text-align:right;color:#fff;margin-bottom:24px;font-family:Scheherazade New,serif;font-size:28px;line-height:2.2}.verse-meta-section{border-top:1px solid #ffffff0d;flex-direction:column;gap:16px;padding-top:20px;display:flex}.meta-block strong{color:#ffffff80;margin-bottom:4px;font-size:13px;display:block}.meta-block p{font-size:14px;line-height:1.6}.benefit-block{border-radius:var(--border-radius-md);background:#ffc0000d;border:1px dashed #ffc00033;gap:10px;margin-top:8px;padding:14px 18px;display:flex}.benefit-block strong{color:var(--color-accent-gold)}.benefit-block p{color:#fffc;font-size:13px}.guide-steps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.guide-step-card{border-radius:var(--border-radius-md);border:1px solid var(--theme-border);text-align:center;padding:30px;position:relative}.step-badge{color:var(--theme-text);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:15px;right:15px}.step-icon-bg{border:1px solid var(--theme-border);background:#ffffff05;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:10px auto 20px;display:flex}.guide-step-card h4{margin-bottom:12px;font-size:16px;font-weight:700}.guide-step-card p{color:#ffffffb3;font-size:13px;line-height:1.6}.guide-recitation-list{text-align:left;color:#ffffffb3;flex-direction:column;gap:6px;margin-top:12px;font-size:12px;list-style:none;display:flex}.guide-recitation-list li{align-items:center;gap:8px;display:flex}.guide-recitation-list li:before{content:"";background:var(--theme-primary);border-radius:50%;width:4px;height:4px}.checklist-flex{grid-template-columns:1.6fr 1fr;gap:24px;display:grid}.checklist-box{border-radius:var(--border-radius-md);border:1px solid var(--theme-border);padding:30px}.box-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.box-header-row h3{margin-bottom:4px;font-size:17px;font-weight:700}.box-header-row p{color:#ffffff80;font-size:13px}.reset-checklist-btn{color:var(--theme-text);transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.reset-checklist-btn:hover{border-color:var(--theme-secondary);color:var(--theme-secondary);background:#ffffff12}.checklist-items-list{flex-direction:column;gap:10px;display:flex}.checklist-item-row{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);background:#ffffff03;border:1px solid #ffffff0a;align-items:center;gap:16px;padding:16px 20px;display:flex}.checklist-item-row:hover{border-color:var(--theme-border);background:#ffffff08}.checklist-checkbox{width:20px;height:20px;transition:var(--transition-smooth);border:2px solid #ffffff40;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checklist-checkbox.checked{border-color:var(--theme-primary);background:var(--theme-primary)}.checkbox-tick{color:#fff}.checklist-text{color:var(--theme-text);transition:var(--transition-smooth);font-size:14px}.checklist-item-row.completed .checklist-text{opacity:.5;text-decoration:line-through}.motivation-card{border-radius:var(--border-radius-md);flex-direction:column;justify-content:center;padding:30px;display:flex;position:relative;overflow:hidden}.motivation-card h3{margin-bottom:12px;font-size:16px;font-weight:700}.motivation-card p{color:#ffffffb3;font-size:13px;line-height:1.6}.hadith-quote{border-left:4px solid var(--color-accent-gold);border-radius:var(--border-radius-md);color:#ffffffe6;background:#ffffff05;margin-top:20px;padding:14px 18px;font-size:13px;font-style:italic}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@media (width<=992px){.advisor-grid,.audio-grid,.checklist-flex{grid-template-columns:1fr}.chat-window-wrapper{height:500px}}@media (width<=600px){.ruqyah-container{margin-top:80px;padding:0 16px}.ruqyah-header-banner{padding:24px}.ruqyah-header-banner h1{font-size:1.8rem}.ruqyah-tab-nav{padding:6px}.tab-btn{padding:12px 14px;font-size:13px}.verse-arabic-text{font-size:22px;line-height:2}}.navbar{z-index:100;background:var(--color-surface-dark);-webkit-backdrop-filter:blur(20px)saturate(180%);border:none;border-bottom:1px solid var(--theme-border);transition:var(--transition-smooth);border-radius:0;padding:1rem 2rem;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.navbar-logo{color:var(--color-primary);transition:var(--transition-smooth);align-items:center;gap:.75rem;display:flex}.navbar-logo h1{margin:0;font-size:1.25rem;font-weight:700}.logo-icon{color:var(--color-primary)}.navbar-links{gap:1.5rem;display:flex}.nav-link{color:var(--theme-text);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover,.nav-link.active-link{color:var(--color-primary);background:#0ac2851a;transform:translateY(-1px)}.theme-switcher-container{display:inline-block;position:relative}.theme-toggle.nav-link{color:var(--color-text-dark);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;display:flex}.mobile-menu-btn{color:var(--color-text-dark);cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.theme-toggle-btn{color:var(--color-text-dark);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:1rem;font-weight:500;display:flex}.theme-toggle-btn:hover{color:var(--color-primary);transform:translateY(-1px)}.theme-dropdown{background:var(--color-surface-dark);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--theme-border);border-radius:var(--border-radius-md);min-width:200px;box-shadow:var(--shadow-lg), 0 10px 25px #0006;z-index:1000;flex-direction:column;gap:.25rem;padding:.5rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownFade;display:flex;position:absolute;top:calc(100% + 1rem);right:0}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.theme-option{border-radius:var(--border-radius-sm);width:100%;color:var(--color-text-dark);transition:var(--transition-smooth);text-align:left;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.95rem;font-weight:500;display:flex}.theme-option:hover{background:rgba(var(--color-primary-hsl), .1);color:var(--color-primary);transform:translate(3px)}.theme-option.active{background:rgba(var(--color-primary-hsl), .15);color:var(--color-primary);font-weight:700}.check-icon{color:var(--color-accent-gold)}.tools-dropdown-container{display:inline-block;position:relative}.tools-toggle-btn{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;width:auto}.dropdown-chevron{opacity:.8;margin-left:.25rem;transition:transform .25s cubic-bezier(.16,1,.3,1)}.dropdown-chevron.open{transform:rotate(180deg)}.tools-dropdown{background:var(--color-surface-dark);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--theme-border);border-radius:var(--border-radius-md);min-width:180px;box-shadow:var(--shadow-lg), 0 10px 25px #0006;z-index:1000;flex-direction:column;gap:.25rem;padding:.5rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownFade;display:flex;position:absolute;top:calc(100% + 1rem);right:0}.tools-option{border-radius:var(--border-radius-sm);width:100%;color:var(--theme-text);transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.tools-option:hover{background:rgba(var(--color-primary-hsl), .1);color:var(--color-primary);transform:translate(3px)}.tools-option.active{background:rgba(var(--color-primary-hsl), .15);color:var(--color-primary);font-weight:700}.learning-dropdown-container{display:inline-block;position:relative}.learning-toggle-btn{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;width:auto}.learning-dropdown{background:var(--color-surface-dark);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--theme-border);border-radius:var(--border-radius-md);min-width:180px;box-shadow:var(--shadow-lg), 0 10px 25px #0006;z-index:1000;flex-direction:column;gap:.25rem;padding:.5rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownFade;display:flex;position:absolute;top:calc(100% + 1rem);right:0}.learning-option{border-radius:var(--border-radius-sm);width:100%;color:var(--theme-text);transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.learning-option:hover{background:rgba(var(--color-primary-hsl), .1);color:var(--color-primary);transform:translate(3px)}.learning-option.active{background:rgba(var(--color-primary-hsl), .15);color:var(--color-primary);font-weight:700}@media (width<=900px){.mobile-menu-btn{color:var(--theme-text);display:block}.navbar-links{background:var(--theme-bg);-webkit-backdrop-filter:blur(24px)saturate(200%);border-bottom:1px solid var(--theme-border);clip-path:polygon(0 0,100% 0,100% 0,0 0);flex-direction:column;gap:1rem;max-height:calc(100vh - 80px);padding:1.5rem;transition:clip-path .4s ease-in-out;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 20px #0003}.navbar-links.mobile-open{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.theme-switcher-container{width:100%}.theme-toggle-btn{justify-content:flex-start;width:100%}.theme-dropdown{width:100%;box-shadow:none;background:0 0;border:none;padding-left:2rem;position:relative;top:0;left:0}.tools-dropdown-container{width:100%}.tools-toggle-btn{justify-content:flex-start;width:100%}.tools-dropdown{width:100%;box-shadow:none;background:0 0;border:none;padding-left:2rem;animation:none;position:relative;top:0;left:0}.learning-dropdown-container{width:100%}.learning-toggle-btn{justify-content:flex-start;width:100%}.learning-dropdown{width:100%;box-shadow:none;background:0 0;border:none;padding-left:2rem;animation:none;position:relative;top:0;left:0}.community-dropdown-container{width:100%}.community-toggle-btn{justify-content:flex-start;width:100%}.community-dropdown{width:100%;box-shadow:none;background:0 0;border:none;padding-left:2rem;animation:none;position:relative;top:0;left:0}}@media (width<=480px){.btn-text{display:inline-block}.navbar{padding:1rem}}@media (width>=901px){.community-dropdown-container{display:inline-block;position:relative}.community-toggle-btn{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;width:auto}.community-dropdown{background:var(--color-surface-dark);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--theme-border);border-radius:var(--border-radius-md);min-width:180px;box-shadow:var(--shadow-lg), 0 10px 25px #0006;z-index:1000;flex-direction:column;gap:.25rem;padding:.5rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownFade;display:flex;position:absolute;top:calc(100% + 1rem);left:0}.community-option{border-radius:var(--border-radius-sm);width:100%;color:var(--theme-text);transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.community-option:hover{background:rgba(var(--color-primary-hsl), .1);color:var(--color-primary);transform:translate(3px)}.community-option.active{background:rgba(var(--color-primary-hsl), .15);color:var(--color-primary);font-weight:700}}.desktop-profile-widget-btn{color:var(--theme-text);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:.65rem;padding:.35rem .85rem;display:flex}.desktop-profile-widget-btn:hover{background:#0ac2850d;border-color:#0ac2854d}.profile-widget-avatar-circle{color:#fff;border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 5px #00000026}.profile-widget-meta-info{flex-direction:column;line-height:1.2;display:flex}.profile-widget-name{color:var(--theme-text);font-size:.85rem}.profile-widget-points{color:var(--color-accent-gold);font-size:.75rem;font-weight:700}.profile-dropdown-container{position:relative}.desktop-profile-popover{background:var(--color-surface-dark);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--theme-border);border-radius:var(--border-radius-md);width:260px;box-shadow:var(--shadow-lg), 0 12px 30px #00000080;z-index:1010;padding:1.25rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownFade;position:absolute;top:calc(100% + 1rem);right:0}.popover-glow-accent{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent-gold) 100%);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;width:100%;height:4px;position:absolute;top:0;left:0}.popover-avatar-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0003}.popover-meta h4,.profile-name-title{margin:0}.popover-rank-badge{color:#fff;border-radius:50px;margin-top:.2rem;padding:.05rem .45rem;font-size:.7rem;font-weight:700;display:inline-block}.popover-rank-badge[data-rank=মুত্তাকী]{background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%)}.popover-rank-badge[data-rank=সালিক]{background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%)}.popover-rank-badge[data-rank=মুসাফির]{background:linear-gradient(135deg,#10b981 0%,#047857 100%)}.popover-progress-track{background:#ffffff0f;border-radius:50px;width:100%;height:6px;overflow:hidden}.popover-progress-fill{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:50px;height:100%}.popover-option{color:var(--theme-text-secondary);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.popover-option:hover{color:var(--theme-text);background:#ffffff08;transform:translate(3px)}.btn-logout-popover:hover{color:#ef4444!important;background:#ef444414!important}.btn-navbar-login-accent{color:#fff;transition:var(--transition-smooth);background:linear-gradient(135deg,#10b9811f 0%,#0ac28533 100%);border:1px solid #10b98159;border-radius:50px;align-items:center;gap:.45rem;padding:.45rem 1.1rem;font-size:.85rem;text-decoration:none;display:flex;box-shadow:0 4px 15px #0ac28514}.btn-navbar-login-accent:hover{background:linear-gradient(135deg,#10b98133 0%,#0ac2854d 100%);border-color:#10b98180;transform:translateY(-1px);box-shadow:0 6px 20px #0ac28526}.drawer-avatar{color:#fff;border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}.d-none{display:none!important}@media (width<=900px){.d-md-none{display:block!important}.d-md-block{display:none!important}}@media (width>=901px){.d-md-none{display:none!important}.d-md-block{display:block!important}.mobile-profile-drawer-item{display:none!important}}.mobile-logout-btn{color:#f99;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ef44441f;border:1px solid #ef444440;padding:.6rem 1.2rem;font-weight:600}.mobile-logout-btn:hover{color:#fff;background:#ef444440}.mobile-login-btn{background:var(--theme-primary);border:1px solid var(--theme-primary);color:#fff;border-radius:var(--border-radius-sm);transition:var(--transition-smooth);justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;display:flex}.mobile-login-btn:hover{background:var(--theme-primary-dark);border-color:var(--theme-primary-dark)}.combined-dropdown-container{display:inline-block;position:relative}.combined-dropdown{background:var(--color-surface-dark);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--theme-border);border-radius:var(--border-radius-md);width:580px;box-shadow:var(--shadow-lg), 0 10px 25px #0006;z-index:1000;grid-template-columns:repeat(3,1fr);gap:1.25rem;padding:1.25rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownFade;display:grid;position:absolute;top:calc(100% + 1rem);right:0}.combined-dropdown .dropdown-divider{display:none}.dropdown-section{flex-direction:column;gap:.35rem;display:flex}.dropdown-section-title{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #0ac28526;margin-bottom:.5rem;padding:.25rem .5rem;font-size:.8rem;font-weight:700;display:block}.combined-option{border-radius:var(--border-radius-sm);width:100%;color:var(--theme-text);transition:var(--transition-smooth);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.combined-option:hover{color:var(--color-primary);background:#0ac28514;transform:translate(2px)}.combined-option.active{color:var(--color-primary);background:#0ac2851f;font-weight:700}.combined-option .d-flex{align-items:center;gap:.5rem;display:flex}.ruqyah-nav-btn{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ffc0000d;color:var(--color-accent-gold)!important;background:#ffc0000d!important;border:1px solid #ffc0004d!important}.ruqyah-nav-btn:hover{transform:translateY(-1px);box-shadow:0 0 15px #ffc00026;background:#ffc0001f!important;border-color:#ffc00099!important}.ruqyah-nav-btn .text-gold{color:var(--color-accent-gold)!important}.ruqyah-nav-btn .font-bold{font-weight:700}.sparkle-gold-icon{color:var(--color-accent-gold);margin-left:.25rem;animation:2s ease-in-out infinite sparkle-glow;display:inline-block}@keyframes sparkle-glow{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)rotate(15deg)}}@media (width<=900px){.combined-dropdown-container{width:100%}.combined-toggle-btn{justify-content:flex-start;width:100%}.combined-dropdown{width:100%;box-shadow:none;background:0 0;border:none;grid-template-columns:1fr;gap:.75rem;padding:.5rem 0 .5rem 1.5rem;animation:none;display:grid;position:relative;top:0;left:0}.combined-dropdown .dropdown-divider{background:#ffffff14;height:1px;margin:.5rem 0;display:block}.dropdown-section-title{opacity:.7;border-bottom:none;margin-bottom:.25rem;padding-left:0}.combined-option{padding:.5rem}}.recovery-nav-btn{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ec48990d;color:#ec4899!important;background:#ec48990d!important;border:1px solid #ec48994d!important}.recovery-nav-btn:hover{transform:translateY(-1px);box-shadow:0 0 15px #ec489926;background:#ec48991f!important;border-color:#ec489999!important}.recovery-nav-btn .text-pink{color:#ec4899!important}.recovery-nav-btn .font-bold{font-weight:700}.muallim-fab{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;cursor:pointer;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 25px #0ac28566}.muallim-fab:hover{transform:scale(1.1)translateY(-5px);box-shadow:0 12px 30px #0ac28580}.muallim-fab.hidden{opacity:0;pointer-events:none;transform:scale(0)}.fab-icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.sparkle-top-right{color:var(--color-accent-gold);animation:2s infinite alternate pulse-glow;position:absolute;top:-4px;right:-8px}.muallim-window{background:var(--theme-bg);border:1px solid var(--theme-border);z-index:1000;transform-origin:100% 100%;opacity:0;pointer-events:none;border-radius:20px;flex-direction:column;width:350px;height:500px;max-height:calc(100vh - 4rem);transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:2rem;right:2rem;overflow:hidden;transform:scale(.9)translateY(20px);box-shadow:0 15px 40px #0003}.muallim-window.open{opacity:1;pointer-events:all;transform:scale(1)translateY(0)}.muallim-header{border-bottom:1px solid var(--theme-border);background:#0003;justify-content:space-between;align-items:center;padding:1rem;display:flex}.header-info{align-items:center;gap:.75rem;display:flex}.header-icon-bg{background:#0ac28526;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.header-info h3{color:var(--theme-text);margin:0;font-size:1rem;font-weight:700}.header-info span{color:var(--theme-text);opacity:.7;font-size:.75rem}.close-btn{color:var(--theme-text);opacity:.6;cursor:pointer;background:0 0;border:none;padding:.25rem;transition:opacity .2s}.close-btn:hover{opacity:1}.muallim-chat-area{scrollbar-width:thin;scrollbar-color:#0ac2854d transparent;flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.muallim-chat-area::-webkit-scrollbar{width:4px}.muallim-chat-area::-webkit-scrollbar-thumb{background-color:#0ac2854d;border-radius:4px}.muallim-msg-row{align-items:flex-end;gap:.5rem;display:flex}.muallim-msg-row.user{flex-direction:row-reverse}.muallim-avatar{width:24px;height:24px;color:var(--theme-text);background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.muallim-msg-row.assistant .muallim-avatar{color:var(--color-primary);background:linear-gradient(135deg,#0ac28533,#0f8f6433)}.muallim-bubble{word-wrap:break-word;border-radius:12px;max-width:80%;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.muallim-msg-row.user .muallim-bubble{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-bottom-right-radius:4px}.muallim-msg-row.assistant .muallim-bubble{border:1px solid var(--theme-border);color:var(--theme-text);background:#ffffff0d;border-bottom-left-radius:4px}.muallim-bubble p{margin:0}.muallim-input-area{border-top:1px solid var(--theme-border);background:#0000001a;gap:.5rem;padding:.75rem;display:flex}.muallim-input-area input{border:1px solid var(--theme-border);color:var(--text-dark);background:0 0;border:none;outline:none;flex:1;padding:.5rem;font-size:.95rem}.muallim-input-area input:disabled{opacity:.7}.muallim-input-area .send-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.muallim-input-area .send-btn:hover:not(:disabled){background:var(--color-secondary);transform:scale(1.05)}.muallim-input-area .send-btn:disabled{cursor:not-allowed;background:#e0e0e0}.mic-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:1px solid #0f766e33;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.mic-btn:hover:not(:disabled){background:#0f766e1a}.mic-btn.recording{color:#fff;background:#ef4444;border-color:#ef4444;animation:1.5s infinite pulse-red}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.typing{align-items:center;gap:4px;display:flex;padding:12px 16px!important}.typing .dot{background-color:var(--theme-text);opacity:.4;border-radius:50%;width:6px;height:6px;animation:1.4s infinite both typeBlink}.typing .dot:first-child{animation-delay:0s}.typing .dot:nth-child(2){animation-delay:.2s}.typing .dot:nth-child(3){animation-delay:.4s}@keyframes typeBlink{0%{opacity:.2;transform:scale(.8)}20%{opacity:1;transform:scale(1.2)}to{opacity:.2;transform:scale(.8)}}@media (width<=480px){.muallim-window{width:calc(100vw - 2rem);bottom:5rem;right:1rem}.muallim-fab{width:50px;height:50px;bottom:5rem;right:1rem}}.muallim-tts-btn{cursor:pointer;background:#0ac2851a;border:1px solid #0ac28533;border-radius:50px;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 5px #0000000d;color:var(--theme-primary)!important}.muallim-tts-btn:hover:not(:disabled){background:#0ac28533;border-color:#0ac28566;transform:translateY(-1px);box-shadow:0 4px 8px #0ac28526}.muallim-tts-btn:disabled{color:var(--theme-primary);opacity:.85;cursor:wait;background:#0ac28526;border-color:#0ac2854d;animation:1.5s infinite alternate muallim-pulse-subtle}.muallim-tts-btn .volume-icon{animation:2s infinite alternate muallim-bounce-subtle}@keyframes muallim-pulse-subtle{0%{box-shadow:0 0 #0ac28533}to{box-shadow:0 0 8px 3px #0ac2851a}}@keyframes muallim-bounce-subtle{0%{transform:scale(1)}to{transform:scale(1.1)}}.global-audio-player{background:var(--color-surface-dark);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--theme-border,#d4af3740);border-radius:var(--border-radius-lg);width:90%;max-width:900px;box-shadow:0 15px 40px #0006, 0 0 20px var(--theme-shadow-glow,#0ac28526);z-index:100;transition:var(--transition-smooth);padding:1.25rem 2rem;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.global-audio-player.minimized{width:auto;min-width:250px;max-width:400px;padding:.75rem 1.25rem;bottom:1.5rem}.minimize-btn{background:var(--color-background-dark);width:24px;height:24px;color:var(--color-accent-gold);box-shadow:var(--shadow-sm);z-index:2;transition:var(--transition-smooth);border:1px solid #d4af3740;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-10px;right:20px}.minimize-btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary)}.player-expanded-grid{grid-template-columns:1.2fr 2fr 1fr;align-items:center;gap:2rem;display:grid}@media (width<=768px){.player-expanded-grid{text-align:center;grid-template-columns:1fr;gap:1rem}}.player-info-section{align-items:center;gap:1rem;display:flex}@media (width<=768px){.player-info-section{justify-content:center}}.audio-disc{background:linear-gradient(135deg, var(--color-primary-dark), var(--color-background-dark));border:2px dashed var(--color-accent-gold);width:48px;height:48px;color:var(--color-accent-gold);border-radius:50%;justify-content:center;align-items:center;display:flex}.disc-icon.rotating{animation:8s linear infinite rotateDisc}@keyframes rotateDisc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.surah-playback-info h5{color:#fff;margin-bottom:2px;font-size:1rem;font-weight:700}.surah-playback-info p{color:#fff9;font-size:.75rem}.player-controls-section{flex-direction:column;align-items:center;gap:.5rem;display:flex}.controls-row{align-items:center;gap:1.5rem;display:flex}.control-btn{color:#ffffffb3;transition:var(--transition-smooth)}.control-btn:hover{color:var(--color-accent-gold);transform:scale(1.1)}.play-pause-btn{background:var(--color-accent-gold);width:44px;height:44px;color:var(--color-primary-dark);box-shadow:var(--shadow-glow-gold);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.play-pause-btn:hover{background:#fff;transform:scale(1.08)}.progress-row{align-items:center;gap:.75rem;width:100%;display:flex}.time-display{color:#ffffff80;font-family:monospace;font-size:.75rem}.custom-range-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:4px}.custom-range-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent-gold);cursor:pointer;width:12px;height:12px;transition:var(--transition-smooth);border-radius:50%}.custom-range-slider::-webkit-slider-thumb:hover{box-shadow:0 0 10px var(--color-accent-gold);transform:scale(1.3)}.player-settings-section{justify-content:flex-end;align-items:center;display:flex}@media (width<=768px){.player-settings-section{justify-content:center}}.reciter-selector{background:#00000040;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .85rem;display:flex}.vol-icon{color:var(--color-accent-gold)}.glass-select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;font-size:.8rem;font-weight:500}.minimized-info{cursor:pointer;align-items:center;gap:.85rem;width:100%;display:flex}.mini-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.mini-play-btn{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;display:flex}.mini-visualizer{flex-shrink:0;align-items:flex-end;gap:2px;width:16px;height:12px;display:flex}.mini-visualizer .visualizer-bar{background:var(--color-accent-gold);border-radius:1px;width:3px}.mini-visualizer .visualizer-bar.active{transform-origin:bottom;animation:.8s ease-in-out infinite barBounce}.mini-visualizer .visualizer-bar:first-child{height:6px}.mini-visualizer .visualizer-bar:nth-child(2){height:12px;animation-delay:.2s}.mini-visualizer .visualizer-bar:nth-child(3){height:8px;animation-delay:.4s}.expanded-visualizer-left,.expanded-visualizer-right{align-items:center;gap:3px;height:24px;display:flex}.expanded-visualizer-left span,.expanded-visualizer-right span{background:var(--color-primary);width:3px;height:8px;transition:var(--transition-smooth);transform-origin:50%;border-radius:2px}.expanded-visualizer-left.playing span,.expanded-visualizer-right.playing span{background:var(--color-accent-gold);box-shadow:0 0 8px var(--theme-shadow-glow-gold,#ffc0004d);animation:1.2s ease-in-out infinite visualizerWave}.expanded-visualizer-left.playing span:first-child,.expanded-visualizer-right.playing span:nth-child(5){animation-delay:.1s}.expanded-visualizer-left.playing span:nth-child(2),.expanded-visualizer-right.playing span:nth-child(4){animation-delay:.3s}.expanded-visualizer-left.playing span:nth-child(3),.expanded-visualizer-right.playing span:nth-child(3){animation-delay:.5s}.expanded-visualizer-left.playing span:nth-child(4),.expanded-visualizer-right.playing span:nth-child(2){animation-delay:.2s}.expanded-visualizer-left.playing span:nth-child(5),.expanded-visualizer-right.playing span:first-child{animation-delay:.4s}@keyframes visualizerWave{0%,to{height:8px;transform:scaleY(.4)}50%{height:20px;transform:scaleY(1.3)}}@media (width<=600px){.expanded-visualizer-left,.expanded-visualizer-right{display:none}}:root{--color-primary-hsl:150, 84%, 35%;--color-primary-dark-hsl:150, 90%, 15%;--color-secondary-hsl:12, 58%, 54%;--color-accent-gold-hsl:45, 100%, 50%;--color-primary:hsl(var(--color-primary-hsl));--color-primary-dark:hsl(var(--color-primary-dark-hsl));--color-secondary:hsl(var(--color-secondary-hsl));--color-accent-gold:hsl(var(--color-accent-gold-hsl));--color-background-light:#f4f6f4;--color-surface-light:#ffffffd9;--color-text-light:#111827;--color-background-dark:#060c09;--color-surface-dark:#0d1b15b3;--color-text-dark:#f3f4f6;--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:24px;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 20px #064e3b1a;--shadow-lg:0 10px 30px #064e3b26;--shadow-glow-gold:0 0 20px #d4af374d;--shadow-glow-emerald:0 0 20px #0ac2854d;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;--theme-bg:#060c09;--theme-surf:#0d1b15b3;--theme-border:#0ac28526;--theme-text:#f3f4f6;--theme-primary:#0aa364;--theme-primary-dark:#064e3b;--theme-secondary:#cd5c45;--theme-accent-gold:#ffc000;--theme-shadow-glow:#0ac2854d;--theme-shadow-glow-gold:#ffc0004d;--color-primary:var(--theme-primary);--color-primary-dark:var(--theme-primary-dark);--color-secondary:var(--theme-secondary);--color-accent-gold:var(--theme-accent-gold);--color-background-dark:var(--theme-bg);--color-surface-dark:var(--theme-surf);--color-text-dark:var(--theme-text);background-color:var(--color-background-dark);color:var(--color-text-dark);transition:var(--transition-smooth);font-family:Noto Sans Bengali,sans-serif;line-height:1.6}body.theme-midnight{--theme-bg:#020205;--theme-surf:#0f172abf;--theme-border:#6366f126;--theme-text:#f1f5f9;--theme-primary:#3b82f6;--theme-primary-dark:#1e3a8a;--theme-secondary:#fda4af;--theme-accent-gold:#f43f5e;--theme-shadow-glow:#3b82f64d;--theme-shadow-glow-gold:#f43f5e4d}body.theme-desert{--theme-bg:#12100e;--theme-surf:#1c1917cc;--theme-border:#b4530933;--theme-text:#f5f5f4;--theme-primary:#d97706;--theme-primary-dark:#78350f;--theme-secondary:#fda4af;--theme-accent-gold:#f59e0b;--theme-shadow-glow:#d977064d;--theme-shadow-glow-gold:#f59e0b4d}body.theme-light{--theme-bg:#f8fafc;--theme-surf:#ffffffe6;--theme-border:#0f766e26;--theme-text:#0f172a;--theme-primary:#0d9488;--theme-primary-dark:#0f766e;--theme-secondary:#b45309;--theme-accent-gold:#c2410c;--theme-shadow-glow:#0d94881a;--theme-shadow-glow-gold:#c2410c1a}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.glass-panel{background:var(--color-surface-dark);-webkit-backdrop-filter:blur(16px)saturate(180%);box-shadow:var(--shadow-md);border-radius:var(--border-radius-md);transition:var(--transition-smooth);border:1px solid #0ac28526}.premium-card-glow{position:relative;overflow:hidden}.premium-card-glow:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d4af371a,#0000);width:100%;height:100%;transition:all .75s;position:absolute;top:0;left:-50%;transform:skew(-25deg)}.premium-card-glow:hover:before{left:125%}.premium-card-glow:hover{box-shadow:var(--shadow-glow-emerald), 0 12px 24px #064e3b33;border-color:#d4af3766;transform:translateY(-6px)scale(1.02)}@keyframes barBounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.visualizer-bar{background:var(--color-accent-gold);transform-origin:bottom;border-radius:2px;width:4px;animation:1s ease-in-out infinite barBounce}.visualizer-bar:nth-child(2){height:16px;animation-delay:.15s}.visualizer-bar:nth-child(3){height:24px;animation-delay:.3s}.visualizer-bar:nth-child(4){height:12px;animation-delay:.45s}.visualizer-bar:nth-child(5){height:20px;animation-delay:.1s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-dark)}::-webkit-scrollbar-thumb{background:#0ac2854d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4af3780}.points-boost-toast{border-radius:var(--border-radius-md);box-shadow:var(--shadow-glow-gold), 0 8px 32px #00000080;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;background:#0d1b15f2;border:1px solid #ffc0004d;align-items:center;gap:12px;padding:12px 20px;transition:all .3s;display:flex;position:fixed;bottom:110px;right:24px;overflow:hidden}.points-boost-toast.rank-promoted{box-shadow:var(--shadow-glow-emerald), 0 8px 32px #00000080;border-color:#0ac28580}.toast-glow-accent{background:linear-gradient(90deg, var(--color-accent-gold), var(--color-primary));width:100%;height:3px;position:absolute;top:0;left:0}.toast-body{color:var(--color-text-dark);align-items:center;gap:10px;font-size:14px;display:flex}.toast-score{color:var(--color-accent-gold);text-shadow:0 0 8px #ffc00066;font-size:16px}.toast-sparkle{color:#10b981;text-shadow:0 0 8px #10b98166}.toast-pipe{color:#fff3}.toast-desc{margin:0}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up-fade{animation:.35s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@media (width<=600px){.points-boost-toast{bottom:90px;left:12px;right:12px}}