@import"https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-taqwa-teal: #008080;--color-gold: #FFD700;--color-black: #000000;--color-white: #FFFFFF;--color-background: #0A0E27;--color-surface: #1A1F3A;--color-text-primary: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .7);--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--gradient-primary: linear-gradient(135deg, var(--color-taqwa-teal), var(--color-gold));--gradient-dark: linear-gradient(180deg, #0A0E27 0%, #1A1F3A 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--font-arabic: "Noto Naskh Arabic", "Traditional Arabic", serif;--font-heading: "Noto Kufi Arabic", "Arial", sans-serif;--font-body: "Noto Naskh Arabic", "Arial", sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5);--shadow-glow: 0 0 20px rgba(0, 128, 128, .5);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--gradient-dark);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}[dir=rtl]{text-align:right}.app-container{min-height:100vh;display:flex;flex-direction:column}body.platform-android,body.platform-ios{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior-y:none}body.platform-desktop{--scrollbar-width: 10px}body.platform-desktop ::-webkit-scrollbar{width:var(--scrollbar-width)}body.platform-desktop ::-webkit-scrollbar-track{background:var(--color-background)}body.platform-desktop ::-webkit-scrollbar-thumb{background:var(--color-taqwa-teal);border-radius:var(--radius-full)}.main-content{flex:1;padding:var(--spacing-lg);max-width:1400px;margin:0 250px 0 auto;width:100%;transition:margin .3s ease}.app-container.nav-hidden .main-content{margin-right:0}.nav-toggle-btn{position:fixed;top:15px;right:260px;z-index:1001;width:40px;height:40px;border-radius:50%;border:2px solid rgba(212,175,55,.3);background:#1a1f3af2;color:#d4af37;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-toggle-btn:hover{background:#d4af3733;transform:scale(1.1)}.app-container.nav-hidden .nav-toggle-btn{right:15px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.allah-name{color:var(--color-gold);font-weight:700;animation:divine-pulse 3s ease-in-out infinite;display:inline-block;transform-origin:center}@keyframes divine-pulse{0%,to{transform:scale(1);text-shadow:0 0 10px rgba(255,215,0,.3)}50%{transform:scale(1.05);text-shadow:0 0 20px rgba(255,215,0,.6)}}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);border:none;font-family:var(--font-heading);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-primary{background:var(--gradient-primary);color:var(--color-black);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #008080b3}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.loading{display:inline-block;width:50px;height:50px;border:3px solid rgba(0,128,128,.3);border-radius:50%;border-top-color:var(--color-taqwa-teal);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-gold{color:var(--color-gold)}.text-teal{color:var(--color-taqwa-teal)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}@media(max-width:768px){.main-content{padding:var(--spacing-md);padding-bottom:100px;margin-right:0;width:100%}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.btn{padding:12px 20px;font-size:1rem;min-height:44px}.card{padding:var(--spacing-md)}}@media(max-width:480px){:root{--spacing-lg: 1rem;--spacing-xl: 1.5rem}.main-content{padding:10px 10px 80px}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}}@supports (padding: env(safe-area-inset-bottom)){.main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media(hover:none)and (pointer:coarse){.btn:active,.card:active{transform:scale(.98)}.btn:hover{transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-color-scheme:light){:root{color-scheme:dark}}.progress-fill{min-width:10%}@keyframes attention-pulse{0%,to{transform:scale(1);box-shadow:0 0 #d4af3700}50%{transform:scale(1.02);box-shadow:0 0 20px #d4af3766}}.needs-attention{animation:attention-pulse 2s infinite}@keyframes unlock-celebration{0%{transform:scale(0) rotate(-10deg);opacity:0}50%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.achievement-unlocked{animation:unlock-celebration .6s ease}.social-proof{background:#10b9811a;border-left:3px solid #10b981;animation:slideInLeft .3s ease}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.scarcity-timer{color:#ef4444;animation:scarcity-pulse 1s infinite}@keyframes scarcity-pulse{0%,to{opacity:1}50%{opacity:.5}}.new-feature{position:relative}.new-feature:after{content:"جديد";position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#d4af37,#f5e7a3);color:#1a1f3a;font-size:.55rem;padding:2px 6px;border-radius:10px;font-weight:700;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.trust-badge{box-shadow:0 0 15px #0080804d;border:2px solid rgba(0,128,128,.5);transition:all .3s}.trust-badge:hover{box-shadow:0 0 25px #00808080}.almost-done{background:linear-gradient(90deg,#10b981,#f59e0b 80%,#ef4444);background-size:200% 100%;animation:urgency-flow 2s linear infinite}@keyframes urgency-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.reward-sparkle:before{content:"✨";position:absolute;animation:sparkle .5s ease-out}@keyframes sparkle{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2) translateY(-20px)}}.exit-intent-overlay{position:fixed;inset:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;z-index:99999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.streak-large{font-size:2rem}.streak-mega{font-size:3rem;color:#d4af37;text-shadow:0 0 20px rgba(212,175,55,.5)}.vip-active{background:linear-gradient(135deg,#d4af3733,#f5e7a31a);border:2px solid rgba(212,175,55,.5);box-shadow:0 0 30px #d4af374d}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-deep-night),var(--color-elevated-surface))}.auth-card{width:100%;max-width:450px;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-glow);border:1px solid rgba(0,128,128,.2)}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-header .divine-name{font-size:3rem;animation:divine-pulse 3s ease-in-out infinite;margin-bottom:var(--spacing-md)}.auth-header h2{color:var(--color-taqwa-teal);margin-bottom:var(--spacing-sm);font-family:var(--font-arabic)}.auth-header .tagline{color:var(--color-text-secondary);font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.form-group input{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);background:#0003;color:var(--color-text-primary);font-size:1rem;font-family:var(--font-arabic);transition:all var(--transition-base)}.form-group input:focus{outline:none;border-color:var(--color-taqwa-teal);box-shadow:0 0 0 3px #0080801a}.form-group input:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--spacing-md);color:#ef4444;font-size:.875rem;text-align:center}.auth-form .btn{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600}.auth-footer{margin-top:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);font-size:.875rem}.auth-footer a{color:var(--color-taqwa-teal);text-decoration:none;font-weight:600;transition:color var(--transition-base)}.auth-footer a:hover{color:var(--color-gold)}@media(max-width:768px){.auth-card{padding:var(--spacing-xl)}.auth-header .divine-name{font-size:2.5rem}}.navigation{background:#1a1f3af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,128,128,.2);position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #0000004d}.nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.nav-logo{flex-shrink:0}.logo-text{font-size:1.5rem;margin:0;font-family:var(--font-heading)}.logo-subtitle{font-size:.75rem;color:var(--color-text-secondary);margin:0}.hasanat-display{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#00808033,#ffd7001a);border-radius:var(--radius-full);border:2px solid rgba(0,128,128,.3)}.hasanat-count{display:flex;align-items:center;gap:.5rem}.hasanat-number{font-size:1.25rem;font-weight:700;color:var(--color-gold);font-family:var(--font-heading)}.streak-display{display:flex;gap:1rem}.streak-item{display:flex;align-items:center;gap:.25rem;font-weight:600}.nav-links{list-style:none;display:flex;gap:.5rem;flex:1;justify-content:center;margin:0;padding:0}.nav-link{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;text-decoration:none;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative}.nav-link:hover{color:var(--color-text-primary);background:#0080801a}.nav-link.active{color:var(--color-taqwa-teal);background:#00808033}.nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50%;height:2px;background:var(--color-taqwa-teal);box-shadow:0 0 10px var(--color-taqwa-teal)}.nav-icon{font-size:1.5rem}.nav-label{font-size:.75rem;font-weight:600}.nav-settings{display:flex;gap:.5rem}.btn-icon{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-text-primary);padding:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:1.25rem;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.btn-icon:hover{background:#00808033;border-color:var(--color-taqwa-teal)}.btn-icon.active{background:var(--gradient-primary);border-color:var(--color-gold)}@media(max-width:968px){.nav-container{padding:.75rem 1rem}.nav-links{order:3;width:100%;justify-content:space-around;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.nav-label{display:none}}.main-navigation{width:250px;height:100vh;background:#1a1f3afa;position:fixed;top:0;right:0;display:flex;flex-direction:column;border-left:1px solid rgba(0,128,128,.2);z-index:1000}.nav-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.app-logo{font-size:1.3rem;color:#fff;margin:0}.user-info-nav .hasanat-display{background:linear-gradient(135deg,#d4af3733,#d4af371a);padding:5px 12px;border-radius:15px;color:#d4af37;font-weight:700;font-size:.85rem}.nav-scroll{flex:1;overflow-y:auto;padding:10px 0}.nav-category{margin-bottom:5px}.category-header{width:100%;padding:12px 20px;background:transparent;border:none;color:#ffffffb3;font-size:.9rem;font-weight:600;text-align:right;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.category-header:hover{background:#ffffff0d;color:#fff}.category-header.expanded{color:#d4af37;background:#d4af371a}.category-arrow{font-size:.7rem;transition:transform .3s ease}.category-items{padding:5px 0;animation:slideDown .3s ease}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 30px;text-decoration:none;color:#fff9;transition:all .3s ease;font-size:.85rem}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#00808033;color:#10b981;border-right:3px solid #10b981}.nav-icon{font-size:1.1rem}.nav-label{flex:1}.nav-footer{padding:15px 20px;border-top:1px solid rgba(255,255,255,.1)}.lang-toggle{width:100%;padding:10px;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;font-weight:600;transition:all .3s ease}.lang-toggle:hover{border-color:#d4af37;background:#d4af371a}@media(max-width:768px){.main-navigation{width:100%;height:auto;position:fixed;inset:auto 0 0;border-left:none;border-top:1px solid rgba(0,128,128,.2)}.nav-header,.nav-footer{display:none}.nav-scroll{display:flex;overflow-x:auto;padding:10px}.nav-category{flex-shrink:0}.category-header{padding:8px 15px;font-size:.8rem}.category-items{display:none}.category-header.expanded+.category-items{display:flex;position:fixed;bottom:60px;left:0;right:0;background:#1a1f3afa;flex-wrap:wrap;justify-content:center;padding:15px;border-top:1px solid rgba(255,255,255,.1)}.nav-item{padding:10px 15px}}.quran-reader{animation:fadeIn .5s ease-in}.quran-header{background:linear-gradient(135deg,#00808033,#ffd7001a);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:1px solid rgba(0,128,128,.3)}.header-content h1{text-align:center;margin-bottom:var(--spacing-lg);font-size:2.5rem}.progress-display{max-width:600px;margin:0 auto}.progress-stats{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-text-secondary)}.progress-bar{height:20px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-primary);transition:width .5s ease;box-shadow:0 0 20px #00808080}.progress-percentage{text-align:center;margin-top:var(--spacing-sm);font-weight:700;color:var(--color-gold)}.ramadan-highlights{margin-bottom:var(--spacing-xl)}.ramadan-highlights h3{text-align:center;color:var(--color-taqwa-teal);margin-bottom:var(--spacing-lg)}.verses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.verse-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base);border:2px solid transparent}.pulse-verse{animation:pulse-glow 3s ease-in-out infinite;border-color:#0080804d}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #0080804d;transform:scale(1)}50%{box-shadow:0 0 30px #00808099,0 0 50px #ffd7004d;transform:scale(1.02)}}.verse-card:hover{transform:translateY(-5px);border-color:var(--color-taqwa-teal);box-shadow:var(--shadow-glow)}.verse-meta{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-sm)}.verse-text{font-size:1.5rem;line-height:2;margin-bottom:var(--spacing-md);font-family:var(--font-arabic);text-align:right;direction:rtl}.verse-action{color:var(--color-taqwa-teal);font-weight:600;font-size:.875rem}.reading-area{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.page-display{min-height:400px;background:#ffffff0d;border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;justify-content:center}.page-number{background:var(--gradient-primary);color:var(--color-black);padding:.5rem 1.5rem;border-radius:var(--radius-full);font-weight:700;font-size:1.1rem;margin-bottom:15px}.quran-viewer{width:100%;max-width:800px;height:600px;background:#f8f6ef;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 40px #0000004d;border:3px solid rgba(212,175,55,.3)}.quran-iframe{width:100%;height:100%;border:none;background:#f8f6ef}.quran-link{margin-top:15px}.quran-link a{color:#10b981;text-decoration:none;font-weight:500;transition:color .3s}.quran-link a:hover{color:#d4af37}.page-controls{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center}.btn-secondary{background:#ffffff1a;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background:#00808033;border-color:var(--color-taqwa-teal)}.btn-secondary:disabled{opacity:.3;cursor:not-allowed}.hasanat-explosion{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;display:flex;align-items:center;justify-content:center}.explosion-container{position:relative;width:400px;height:400px}.particle{position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;animation:explode 2s ease-out forwards}.particle.gold{background:radial-gradient(circle,gold,orange);box-shadow:0 0 20px gold}.particle.wheat{background:radial-gradient(circle,wheat,#daa520);box-shadow:0 0 30px #daa520;width:30px;height:30px}@keyframes explode{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(0);opacity:1}70%{opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(var(--distance)) scale(1);opacity:0}}.explosion-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;animation:textPop 2s ease-out}@keyframes textPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1.2);opacity:1}80%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.ayah{font-size:1.5rem;color:var(--color-gold);margin-bottom:var(--spacing-md);font-family:var(--font-arabic);text-shadow:0 0 10px rgba(255,215,0,.5)}.multiplier{font-size:3rem;font-weight:900;color:var(--color-taqwa-teal);text-shadow:0 0 20px rgba(0,128,128,.8)}.amount{font-size:2rem;color:var(--color-white);font-weight:700;margin-top:var(--spacing-sm)}.mega-multiplier .multiplier{font-size:4rem;color:gold;animation:megaPulse .5s ease infinite}@keyframes megaPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.encouragement-box{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#0080801a;border-radius:var(--radius-md);border-left:4px solid var(--color-taqwa-teal);text-align:center}.encouragement-box p{margin:0;font-size:1.125rem}@media(max-width:768px){.verses-grid{grid-template-columns:1fr}.explosion-container{width:300px;height:300px}.ayah{font-size:1.125rem}.multiplier{font-size:2rem}}.prayer-times-page{padding:15px;max-width:600px;margin:0 auto;min-height:100vh}.prayer-header{text-align:center;margin-bottom:20px}.prayer-header h1{font-size:1.8rem;color:#fff;margin-bottom:10px}.current-time-display{font-size:2.5rem;font-weight:700;color:var(--taqwa-teal);font-family:Courier New,monospace}.loading-text{color:#fff9;font-size:.9rem}.next-prayer-card{background:linear-gradient(135deg,#14b8a633,#06b6d41a);border:2px solid var(--taqwa-teal);border-radius:20px;padding:20px;text-align:center;margin-bottom:20px}.next-prayer-card h3{color:#ffffffb3;font-size:.9rem;margin-bottom:10px}.next-prayer-name{font-size:1.5rem;color:#fff;margin-bottom:10px}.countdown-display{font-size:3rem;font-weight:700;color:var(--taqwa-teal);font-family:Courier New,monospace}.notification-section{margin-bottom:20px;text-align:center}.btn-notification{padding:12px 25px;border-radius:25px;border:2px solid var(--taqwa-teal);background:transparent;color:var(--taqwa-teal);font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-notification:hover,.btn-notification.enabled{background:var(--taqwa-teal);color:#fff}.prayer-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.prayer-item{display:flex;align-items:center;gap:15px;background:#ffffff0d;border-radius:15px;padding:15px;border-left:4px solid var(--prayer-color, var(--taqwa-teal));transition:all .3s ease}.prayer-item.next-prayer{background:#14b8a626;border-left-width:6px;transform:scale(1.02)}.prayer-item.ramadan-special{background:linear-gradient(135deg,#d4af371a,#f5e7a30d);border-left-color:#d4af37}.prayer-icon-large{font-size:2rem;min-width:50px;text-align:center}.prayer-details{flex:1}.prayer-details h3{color:#fff;font-size:1.1rem;margin-bottom:5px}.prayer-time-large{font-size:1.3rem;font-weight:600;color:var(--taqwa-teal);font-family:Courier New,monospace}.ramadan-badge{display:inline-block;padding:3px 10px;border-radius:10px;background:#d4af3733;color:#d4af37;font-size:.75rem;margin-top:5px}.prayer-actions{display:flex;flex-direction:column;gap:5px}.btn-check-in{padding:8px 15px;border-radius:20px;border:2px solid var(--taqwa-teal);background:transparent;color:var(--taqwa-teal);font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-check-in:hover{background:var(--taqwa-teal);color:#fff}.mosque-sync-section{background:#ffffff0d;border-radius:15px;padding:15px;margin-bottom:20px;text-align:center}.mosque-sync-section h3{color:var(--taqwa-teal);margin-bottom:5px;font-size:1rem}.mosque-sync-section p{color:#fff9;font-size:.85rem;margin-bottom:10px}.sync-controls{display:flex;justify-content:center;align-items:center;gap:15px}.sync-controls button{width:45px;height:45px;border-radius:50%;border:2px solid var(--taqwa-teal);background:transparent;color:var(--taqwa-teal);font-size:1.2rem;cursor:pointer;transition:all .3s ease}.sync-controls button:hover{background:var(--taqwa-teal);color:#fff}.offset-display{min-width:80px;text-align:center;color:#fff;font-size:1.1rem}.streaks-display{background:#ffffff0d;border-radius:15px;padding:15px;margin-bottom:20px}.streaks-display h3{color:var(--taqwa-teal);text-align:center;margin-bottom:15px;font-size:1rem}.streaks-grid{display:flex;justify-content:space-around;gap:10px}.streak-card{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;padding:10px;background:#ffffff0d;border-radius:12px}.streak-icon{font-size:1.5rem}.streak-count{font-size:1.5rem;font-weight:700;color:#fff}.streak-label{font-size:.75rem;color:#fff9}.golden-hour{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border:2px solid #d4af37;border-radius:15px;padding:20px;text-align:center}.golden-hour h3{color:#d4af37;margin-bottom:5px}.golden-hour p{color:#ffffffb3;font-size:.9rem}@media(max-width:480px){.prayer-times-page{padding:10px}.prayer-header h1{font-size:1.5rem}.current-time-display{font-size:2rem}.countdown-display{font-size:2.5rem}.prayer-item{padding:12px;gap:10px}.prayer-icon-large{font-size:1.5rem;min-width:40px}.prayer-details h3{font-size:1rem}.prayer-time-large{font-size:1.1rem}.btn-check-in{padding:6px 12px;font-size:.8rem}.streaks-grid{gap:5px}.streak-card{padding:8px}.streak-count{font-size:1.2rem}}.health-page{padding:20px;max-width:800px;margin:0 auto}.health-header{text-align:center;margin-bottom:30px}.health-header h1{color:#fff;margin-bottom:5px}.health-header p{color:#fff9}.fasting-meter{background:linear-gradient(135deg,#10b98126,#0596691a);border-radius:20px;padding:25px;margin-bottom:25px;border:2px solid rgba(16,185,129,.3)}.meter-display{text-align:center;margin-bottom:15px}.hours-big{font-size:4rem;font-weight:700;color:#10b981;display:block}.hours-label{color:#ffffffb3}.meter-bar{height:20px;background:#0000004d;border-radius:10px;overflow:hidden;position:relative}.meter-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399,#fbbf24);border-radius:10px;transition:width 1s ease;position:relative}.autophagy-marker{position:absolute;right:5px;top:50%;transform:translateY(-50%);animation:pulse 1s infinite}.meter-labels{display:flex;justify-content:space-between;margin-top:8px;color:#ffffff80;font-size:.85rem}.biohacks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;margin-bottom:25px}.biohack-card{background:#ffffff0d;border-radius:15px;padding:15px;text-align:center;border:2px solid transparent;transition:all .3s ease}.biohack-card.active{border-color:#10b981;background:#10b9811a}.hack-icon{font-size:2rem;display:block;margin-bottom:10px}.biohack-card h3{color:#fff;font-size:.9rem;margin-bottom:5px}.hack-desc{color:#ffffff80;font-size:.75rem;margin-bottom:10px}.hack-status{font-size:.8rem}.status-active{color:#10b981}.status-pending{color:#ffffff80}.hydration-section{background:#3b82f61a;border-radius:20px;padding:20px;margin-bottom:25px;border:2px solid rgba(59,130,246,.3)}.hydration-section h2{color:#3b82f6;margin-bottom:10px}.hydration-tip{color:#fff9;margin-bottom:15px;font-size:.9rem}.water-cups{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.cup{width:40px;height:40px;border-radius:50%;background:#3b82f633;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s ease;opacity:.4}.cup.filled{opacity:1;background:#3b82f6;animation:ripple .5s ease}@keyframes ripple{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.cups-count{text-align:center;color:#3b82f6;margin-top:10px}.sleep-section{background:#8b5cf61a;border-radius:20px;padding:20px;margin-bottom:25px;border:2px solid rgba(139,92,246,.3)}.sleep-section h2{color:#8b5cf6;margin-bottom:10px}.sleep-tip{color:#fff9;margin-bottom:15px;font-size:.9rem}.sleep-times{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px}.sleep-time-card{background:#8b5cf633;border-radius:15px;padding:15px;text-align:center;min-width:100px}.cycle-count{display:block;color:#fff9;font-size:.8rem}.sleep-at{display:block;color:#8b5cf6;font-size:1.3rem;font-weight:700}.hours-sleep{color:#ffffff80;font-size:.85rem}.qailula-tip{display:flex;align-items:flex-start;gap:10px;background:#ffffff0d;padding:15px;border-radius:10px;margin-top:15px}.qailula-tip span{font-size:1.5rem}.qailula-tip p{color:#ffffffb3;margin:0;font-size:.9rem;line-height:1.5}.myths-section{margin-bottom:25px}.myths-section h2{color:#fff;margin-bottom:15px}.myth-card{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:15px;border-radius:15px;overflow:hidden}.myth-side,.truth-side{padding:15px}.myth-side{background:#ef444426}.truth-side{background:#10b98126}.myth-label{color:#ef4444;font-weight:700;display:block;margin-bottom:5px;font-size:.8rem}.truth-label{color:#10b981;font-weight:700;display:block;margin-bottom:5px;font-size:.8rem}.myth-side p,.truth-side p{margin:0;color:#fffc;font-size:.9rem}.food-sequence{background:#fbbf241a;border-radius:20px;padding:20px;border:2px solid rgba(251,191,36,.3)}.food-sequence h2{color:#fbbf24;margin-bottom:5px}.food-sequence>p{color:#fff9;margin-bottom:15px}.sequence-steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.step{background:#ffffff0d;padding:15px;border-radius:15px;text-align:center;min-width:80px}.step-num{display:block;width:24px;height:24px;background:#fbbf24;color:#1a1f3a;border-radius:50%;margin:0 auto 8px;font-weight:700;font-size:.8rem;line-height:24px}.step-icon{font-size:1.5rem;display:block;margin-bottom:5px}.step span:last-child{color:#fffc;font-size:.8rem}.step-arrow{color:#ffffff4d;font-size:1.5rem}@media(max-width:480px){.myth-card{grid-template-columns:1fr}.biohacks-grid{grid-template-columns:repeat(2,1fr)}.sequence-steps{flex-direction:column}.step-arrow{transform:rotate(90deg)}}.progress-editor{padding:20px;max-width:600px;margin:0 auto}.editor-header{text-align:center;margin-bottom:20px}.editor-header h2{color:#fff}.editor-tabs{display:flex;gap:10px;margin-bottom:20px}.tab-btn{flex:1;padding:12px;border-radius:10px;border:2px solid rgba(255,255,255,.1);background:transparent;color:#fff;cursor:pointer;font-weight:600;transition:all .3s ease}.tab-btn.active{background:#10b98133;border-color:#10b981;color:#10b981}.progress-items{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.progress-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:15px;border-radius:12px}.item-info{display:flex;align-items:center;gap:10px}.item-icon{font-size:1.3rem}.item-name{color:#fff;font-weight:500}.item-controls{display:flex;align-items:center;gap:8px}.control-btn{width:32px;height:32px;border-radius:8px;border:none;background:#ffffff1a;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.control-btn.minus:hover{background:#ef44444d}.control-btn.plus:hover{background:#10b9814d}.value-input{width:70px;padding:8px;border-radius:8px;border:2px solid rgba(255,255,255,.1);background:#0003;color:#fff;text-align:center;font-weight:700}.value-input:focus{border-color:#10b981;outline:none}.reset-btn{background:none;border:none;font-size:1rem;cursor:pointer;opacity:.5;transition:opacity .3s}.reset-btn:hover{opacity:1}.reset-all-btn{width:100%;padding:15px;border-radius:12px;border:2px solid rgba(239,68,68,.3);background:#ef44441a;color:#ef4444;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .3s ease}.reset-all-btn:hover{background:#ef444433;border-color:#ef4444}.deploy-info{background:#3b82f61a;border-radius:15px;padding:20px;border:2px solid rgba(59,130,246,.2)}.deploy-info h3{color:#3b82f6;margin-bottom:10px}.deploy-info p{color:#ffffffb3;line-height:1.6;margin-bottom:15px}.deploy-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check-item{color:#10b981;font-size:.9rem}.tips-section h3{color:#fbbf24;margin-bottom:15px}.tips-grid{display:flex;flex-direction:column;gap:10px}.tip-card{display:flex;gap:12px;background:#ffffff08;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.tip-icon{font-size:1.5rem;flex-shrink:0}.tip-content strong{color:#fff;display:block;margin-bottom:5px}.tip-content p{color:#fff9;margin:0;font-size:.85rem}.confirm-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-content{background:#1a1f3a;padding:30px;border-radius:20px;text-align:center;max-width:350px;border:2px solid rgba(239,68,68,.3)}.confirm-content h3{color:#fbbf24;margin-bottom:15px}.confirm-content p{color:#fffc;margin-bottom:20px}.confirm-buttons{display:flex;gap:15px}.cancel-btn,.confirm-btn{flex:1;padding:12px;border-radius:10px;border:none;font-weight:600;cursor:pointer}.cancel-btn{background:#ffffff1a;color:#fff}.confirm-btn{background:#ef4444;color:#fff}@media(max-width:480px){.deploy-checklist{grid-template-columns:1fr}}.system-selector-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.system-selector-modal{background:#1f2937;border-radius:20px;padding:25px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275)}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.selector-header h2{margin:0;color:#fff}.close-btn{background:transparent;border:none;color:#ffffff80;font-size:2rem;cursor:pointer;line-height:1}.opponents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.opponent-card{background:#ffffff0d;border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s;border:1px solid transparent}.opponent-card:hover{transform:translateY(-3px);background:#ffffff1a}.opponent-avatar{font-size:2.5rem;background:#0003;width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%}.opponent-info{flex:1}.opponent-info h3{margin:0 0 5px;color:#fff;font-size:1.1rem}.opponent-title{font-size:.8rem;color:#fff9;display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.opponent-bio{margin:0;font-size:.85rem;color:#fffc;line-height:1.4}.difficulty-badge{font-size:.7rem;padding:3px 8px;border-radius:5px;text-transform:uppercase;font-weight:700}.opponent-card.easy{border-color:#10b981}.opponent-card.easy .difficulty-badge{background:#10b98133;color:#10b981}.opponent-card.medium{border-color:#f59e0b}.opponent-card.medium .difficulty-badge{background:#f59e0b33;color:#f59e0b}.opponent-card.hard{border-color:#ef4444}.opponent-card.hard .difficulty-badge{background:#ef444433;color:#ef4444}.opponent-card.extreme{border-color:#8b5cf6}.opponent-card.extreme .difficulty-badge{background:#8b5cf633;color:#8b5cf6}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.competition-page{animation:fadeIn .5s ease-in}.competition-header{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#00808033,#ffd7001a);border-radius:var(--radius-lg);border:1px solid rgba(0,128,128,.3)}.competition-header h1{margin-bottom:var(--spacing-sm)}.verse{font-size:1.5rem;color:var(--color-gold);font-family:var(--font-arabic);margin:0}.tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);border-bottom:2px solid rgba(255,255,255,.1)}.tab{background:transparent;border:none;color:var(--color-text-secondary);padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);border-bottom:3px solid transparent;font-family:var(--font-heading)}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-taqwa-teal);border-bottom-color:var(--color-taqwa-teal)}.leaderboard-section{max-width:800px;margin:0 auto}.league-badge{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);border:2px solid var(--color-taqwa-teal)}.league-icon{font-size:4rem}.league-info h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-gold)}.league-info p{margin:0;color:var(--color-text-secondary)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.leaderboard-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-md);transition:all var(--transition-base);border:2px solid transparent}.leaderboard-item:hover{transform:translate(-5px);border-color:#0080804d}.leaderboard-item.current-user{background:linear-gradient(135deg,#00808033,#ffd7001a);border-color:var(--color-taqwa-teal);box-shadow:var(--shadow-glow)}.leaderboard-item.rank-1 .rank{font-size:2rem}.leaderboard-item.rank-2 .rank{font-size:1.75rem}.leaderboard-item.rank-3 .rank{font-size:1.5rem}.rank{font-size:1.25rem;font-weight:700;min-width:50px;text-align:center}.player-info{flex:1}.player-name{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-md)}.btn-boost{background:var(--gradient-primary);border:none;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);color:var(--color-black)}.btn-boost:hover{transform:scale(1.05);box-shadow:0 0 20px #00808080}.player-stats{display:flex;gap:var(--spacing-md);font-size:.875rem;color:var(--color-text-secondary)}.player-hasanat{font-size:1.5rem;font-weight:700;color:var(--color-gold);text-align:right;display:flex;flex-direction:column;align-items:flex-end}.hasanat-label{font-size:.75rem;color:var(--color-text-secondary);font-weight:400}.challenges-section{max-width:1200px;margin:0 auto}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.challenge-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);border:2px solid transparent}.challenge-card:hover{transform:translateY(-5px);border-color:var(--color-taqwa-teal);box-shadow:var(--shadow-glow)}.challenge-card.active{border-color:var(--color-gold);background:linear-gradient(135deg,#0080801a,#ffd7000d)}.challenge-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.challenge-card h3{margin-bottom:var(--spacing-sm);color:var(--color-taqwa-teal)}.challenge-desc{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:.95rem}.challenge-reward{background:#ffd7001a;padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-gold);font-weight:600;margin-bottom:var(--spacing-md)}.challenge-status{padding:var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600}.active-status{background:linear-gradient(135deg,#0080804d,#ffd70033);color:var(--color-gold)}.wrapped-preview{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;border:2px solid rgba(255,215,0,.3)}.wrapped-preview h3{margin-bottom:var(--spacing-md);color:var(--color-gold)}.stats-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.stat{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);background:#0080801a;border-radius:var(--radius-md)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--color-taqwa-teal);margin-bottom:var(--spacing-sm)}.stat-label{color:var(--color-text-secondary);font-size:.875rem}.squad-section{max-width:800px;margin:0 auto}.squad-info{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;margin-bottom:var(--spacing-xl)}.squad-members{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.squad-member{background:linear-gradient(135deg,#00808033,#ffd7001a);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-full);border:2px solid var(--color-taqwa-teal);font-weight:600}.no-squad{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;margin-bottom:var(--spacing-xl)}.no-squad h3{color:var(--color-gold);margin-bottom:var(--spacing-md)}.no-squad p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.info-box{background:#0080801a;border-left:4px solid var(--color-taqwa-teal);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-xl)}.info-box h4{margin-bottom:var(--spacing-sm);color:var(--color-taqwa-teal)}.info-box p{margin:0;color:var(--color-text-secondary);line-height:1.6}.user-title-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#d4af3733,#d4af371a);padding:8px 20px;border-radius:25px;margin-top:15px;border:1px solid rgba(212,175,55,.3)}.title-icon{font-size:1.5rem}.title-name{font-weight:600;color:#d4af37}.xp-badge{background:#8b5cf633;padding:4px 12px;border-radius:15px;color:#8b5cf6;font-size:.85rem}.maxx-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:10px 0}.maxx-tabs .tab{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 15px;min-width:70px;border-radius:12px;background:#ffffff0d;border:2px solid transparent}.maxx-tabs .tab:hover{border-color:#0080804d}.maxx-tabs .tab.active{background:linear-gradient(135deg,#0080804d,#0080801a);border-color:var(--color-taqwa-teal)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;color:#fff}.quests-progress,.achievements-progress{background:#10b98133;padding:5px 15px;border-radius:15px;color:#10b981;font-weight:600}.quests-section{max-width:900px;margin:0 auto}.quests-grid{display:flex;flex-direction:column;gap:12px}.quest-card{display:flex;align-items:center;gap:15px;padding:18px 20px;background:#ffffff0d;border-radius:15px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.quest-card:hover{border-color:#10b9814d;transform:translate(-5px)}.quest-card.completed{background:#10b98126;border-color:#10b981;opacity:.8}.quest-icon{font-size:2rem}.quest-info{flex:1}.quest-info h4{color:#fff;margin:0 0 5px}.quest-info p{color:#fff9;margin:0;font-size:.9rem}.quest-rewards{display:flex;flex-direction:column;gap:5px;align-items:flex-end}.reward-xp{color:#8b5cf6;font-size:.85rem}.quest-check{font-size:1.5rem;color:#10b981}.achievements-section{max-width:1000px;margin:0 auto}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}.achievement-card{display:flex;gap:15px;padding:18px;background:#ffffff0d;border-radius:15px;border:2px solid transparent;transition:all .3s ease;position:relative}.achievement-card.locked{opacity:.6}.achievement-card.unlocked{background:#ffffff14}.achievement-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.achievement-info{flex:1}.achievement-info h4{margin:0 0 5px;font-size:.95rem}.achievement-info p{margin:0 0 8px;font-size:.8rem;color:#fff9}.achievement-reward{font-size:.8rem;color:#d4af37}.rarity-badge{position:absolute;top:10px;right:10px;font-size:.65rem;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.rarity-badge.common{background:#9ca3af33;color:#9ca3af}.rarity-badge.uncommon{background:#10b98133;color:#10b981}.rarity-badge.rare{background:#3b82f633;color:#3b82f6}.rarity-badge.epic{background:#8b5cf633;color:#8b5cf6}.rarity-badge.legendary{background:#f59e0b33;color:#f59e0b}.duels-section{max-width:1000px;margin:0 auto}.active-duel-card{background:linear-gradient(135deg,#ef444433,#ef44441a);border:2px solid #ef4444;border-radius:15px;padding:20px;text-align:center;margin-bottom:25px}.active-duel-card h3{color:#ef4444;margin:0 0 15px}.duel-info{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px}.btn-danger{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer}.duels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.duel-card{background:#ffffff0d;border-radius:15px;padding:25px 20px;text-align:center;transition:all .3s ease;border:2px solid transparent}.duel-card:hover{border-color:#8b5cf680;transform:translateY(-5px)}.duel-icon-large{font-size:3rem;margin-bottom:10px}.duel-card h4{color:#fff;margin:0 0 8px}.duel-card p{color:#fff9;font-size:.85rem;margin:0 0 15px}.duel-meta{display:flex;justify-content:center;gap:15px;margin-bottom:15px;font-size:.8rem;color:#ffffff80}.streaks-section{max-width:700px;margin:0 auto}.current-streak-card{background:linear-gradient(135deg,#ef444433,#f59e0b1a);border:2px solid #ef4444;border-radius:20px;padding:40px;text-align:center;margin-bottom:30px}.streak-number{font-size:5rem;font-weight:700;color:#ef4444;line-height:1}.streak-label{color:#ffffffb3;margin:10px 0 20px}.next-reward{background:#ffffff1a;padding:15px;border-radius:10px}.next-reward small{color:#ffffff80}.streak-rewards-list{display:flex;flex-direction:column;gap:10px}.streak-reward-item{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#ffffff0d;border-radius:12px;transition:all .3s ease}.streak-reward-item.achieved{background:#10b98126}.reward-icon{font-size:1.5rem}.reward-info{flex:1;display:flex;flex-direction:column;gap:3px}.reward-title{color:#fff;font-weight:500}.reward-days{font-size:.8rem;color:#ffffff80}.reward-hasanat{color:#d4af37;font-weight:600}.achieved-check{color:#10b981;font-size:1.2rem}.weekly-report-btn{display:block;width:fit-content;margin:0 auto 20px;padding:12px 30px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:25px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.weekly-report-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #8b5cf666}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.weekly-report-modal{background:linear-gradient(135deg,#1a1f3a,#0f172a);border-radius:25px;padding:40px;max-width:500px;width:90%;position:relative;border:2px solid rgba(139,92,246,.3)}.modal-close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;width:35px;height:35px;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem}.weekly-report-modal h2{text-align:center;margin-bottom:25px;color:#fff}.report-sections{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.report-section{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#ffffff0d;border-radius:12px;border-left:4px solid}.section-icon{font-size:1.5rem}.section-title{flex:1;color:#fff}.section-value{font-size:1.5rem;font-weight:700}.report-motivation{text-align:center;padding:20px;background:#10b9811a;border-radius:12px;color:#10b981;font-weight:500;margin-bottom:20px}.share-btn{width:100%;padding:15px;font-size:1.1rem}@media(max-width:768px){.challenges-grid,.stats-preview{grid-template-columns:1fr}.tabs,.maxx-tabs{flex-wrap:wrap}.tab,.maxx-tabs .tab{flex:1;min-width:65px}.achievements-grid,.duels-grid{grid-template-columns:1fr}}.groups-page,.history-page,.hasanat-simulator-page{animation:fadeIn .5s ease-in}.groups-header,.history-header,.simulator-header{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#00808033,#ffd7001a);border-radius:var(--radius-lg)}.groups-container{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.available-groups{background:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-lg)}.group-card{background:#0080801a;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.group-chat{background:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:500px}.messages-container{flex:1;overflow-y:auto;padding:var(--spacing-md);background:#0003;border-radius:var(--radius-md);margin:var(--spacing-md) 0}.message{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background:#ffffff0d;border-radius:var(--radius-sm)}.message.own{background:#00808033;text-align:right}.message-input{display:flex;gap:var(--spacing-sm)}.message-input input{flex:1;padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff}.slang-dictionary,.dua-bomb-section{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.slang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.slang-item{padding:var(--spacing-sm);background:#0080801a;border-radius:var(--radius-sm);font-size:.875rem}.today-event{background:var(--color-surface);padding:var(--spacing-2xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl)}.event-card{background:linear-gradient(135deg,#00808033,#ffd7001a);padding:var(--spacing-xl);border-radius:var(--radius-md);border-left:4px solid var(--color-gold)}.event-year{color:var(--color-text-secondary);font-size:.875rem}.badr-special{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:#ffd7001a;border-radius:var(--radius-md)}.soundscape{margin-top:var(--spacing-md);font-style:italic;color:var(--color-text-secondary)}.artifacts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.artifact-card{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;border:2px solid transparent;transition:all var(--transition-base)}.artifact-card.unlocked{border-color:var(--color-gold)}.artifact-card.locked{opacity:.5}.artifact-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.legacy-bridge{background:var(--color-surface);padding:var(--spacing-2xl);border-radius:var(--radius-lg);border:2px solid var(--color-taqwa-teal)}.pledge-input{width:100%;min-height:150px;padding:var(--spacing-md);background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;font-family:var(--font-arabic);margin:var(--spacing-lg) 0;resize:vertical}.total-hasanat{display:flex;flex-direction:column;align-items:center;margin-top:var(--spacing-lg)}.hasanat-value{font-size:4rem;font-weight:900;color:var(--color-gold);text-shadow:0 0 30px rgba(255,215,0,.5)}.good-deeds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);margin:var(--spacing-2xl) 0}.deed-button{background:var(--color-surface);border:2px solid rgba(0,128,128,.3);padding:var(--spacing-xl);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center}.deed-button:hover:not(:disabled){transform:translateY(-5px);border-color:var(--color-taqwa-teal);box-shadow:var(--shadow-glow)}.deed-button.active{border-color:var(--color-gold);box-shadow:0 0 30px #ffd70080}.deed-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.deed-name{font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.deed-value{color:var(--color-gold);font-weight:700}.light-reactor{display:flex;justify-content:center;margin:var(--spacing-2xl) 0}.reactor-core{width:200px;height:200px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,128,128,.3),transparent);border-radius:50%;border:3px solid rgba(0,128,128,.3)}.core-sphere{font-size:4rem;transition:all var(--transition-base)}.core-sphere.active{animation:reactor-pulse 1s ease infinite}@keyframes reactor-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(2)}}.hasanat-explosion-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000080}.safe-vault{background:var(--color-surface);padding:var(--spacing-2xl);border-radius:var(--radius-lg);text-align:center;border:2px solid var(--color-gold)}.vault-visual{margin-top:var(--spacing-lg)}.vault-icon{font-size:5rem;margin-bottom:var(--spacing-md)}.vault-count{font-size:2rem;font-weight:700;color:var(--color-gold)}@media(max-width:768px){.groups-container{grid-template-columns:1fr}.good-deeds-grid{grid-template-columns:repeat(2,1fr)}}.history-header{text-align:center;margin-bottom:30px}.history-header h1{font-size:2.5rem;background:linear-gradient(135deg,#d4af37,#f5e7a3,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.history-header p{color:#ffffffb3}.day-selector button{width:40px;height:40px;border-radius:50%;border:2px solid var(--taqwa-teal);background:transparent;color:var(--taqwa-teal);font-size:18px;cursor:pointer;transition:all .3s ease}.day-selector button:hover{background:var(--taqwa-teal);color:#fff}.day-selector span{font-size:1.5rem;font-weight:600;color:#fff}.today-event{margin-bottom:30px}.today-event h2{text-align:center;color:var(--taqwa-teal);margin-bottom:15px}.event-card{background:linear-gradient(135deg,#14b8a61a,#06b6d41a);border:2px solid var(--taqwa-teal);border-radius:15px;padding:25px;text-align:center}.event-card.featured{background:linear-gradient(135deg,#d4af3726,#f5e7a31a);border-color:#d4af37}.event-card h3{font-size:1.5rem;color:#fff;margin-bottom:10px}.event-year{color:var(--taqwa-teal);font-weight:600;margin-bottom:15px}.event-detail{color:#fffc;line-height:1.6}.soundscape{background:#0000004d;padding:15px;border-radius:10px;margin-top:15px;font-style:italic;color:#ffffffb3}.wisdom{color:var(--taqwa-teal);font-style:italic;margin-top:10px}.expert-tips-section{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:25px}.expert-tips-section h3{color:var(--taqwa-teal);margin-bottom:15px}.tips-list{display:flex;flex-direction:column;gap:15px}.tip-item{background:#0003;padding:15px;border-radius:10px;border-left:3px solid var(--taqwa-teal)}.tip-item strong{color:var(--taqwa-teal)}.tip-item p{color:#fffc;margin-top:5px}.hero-archetypes{margin-bottom:30px}.hero-archetypes h3{text-align:center;color:var(--taqwa-teal);margin-bottom:15px}.heroes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.hero-card{background:#ffffff0d;border-radius:12px;padding:15px;text-align:center;transition:all .3s ease;cursor:pointer}.hero-card:hover{background:#14b8a61a;transform:translateY(-3px)}.hero-card .problem{color:#fff9;font-size:.9rem;margin-bottom:8px}.hero-card .hero{color:var(--taqwa-teal);font-weight:600}.artifacts-section{margin-bottom:30px}.artifacts-section h3{text-align:center;color:var(--taqwa-teal);margin-bottom:15px}.artifacts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.artifact-card{background:#ffffff0d;border-radius:15px;padding:20px;text-align:center;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.artifact-card.unlocked{border-color:#d4af37;background:linear-gradient(135deg,#d4af371a,#f5e7a30d)}.artifact-card.locked{opacity:.7}.artifact-icon{font-size:3rem;margin-bottom:10px}.artifact-card h4{color:#fff;margin-bottom:10px;font-size:.95rem}.unlock-hint{font-size:.8rem;color:#ffffff80}.legacy-bridge{background:linear-gradient(135deg,#8b451333,#a0522d1a);border-radius:15px;padding:25px;text-align:center;border:2px solid rgba(139,69,19,.5)}.legacy-bridge h3{color:#d4af37;margin-bottom:15px}.legacy-bridge p{color:#fffc;line-height:1.8;margin-bottom:20px}.pledge-input{width:100%;min-height:100px;padding:15px;border-radius:10px;border:2px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;font-family:inherit;font-size:1rem;resize:vertical;margin-bottom:15px}.pledge-input::placeholder{color:#fff6}.pledge-input:focus{outline:none;border-color:var(--taqwa-teal)}.btn-primary{background:var(--taqwa-teal);color:#fff;border:none;padding:12px 25px;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.audio-player-container{background:linear-gradient(135deg,#0f766e1a,#06b6d41a);border-radius:16px;padding:20px;margin:20px 0}.audio-player-container h2{text-align:center;color:var(--taqwa-teal);margin-bottom:20px}.audio-filter-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.audio-filter-tabs button{padding:8px 20px;border:2px solid var(--taqwa-teal);background:transparent;color:var(--taqwa-teal);border-radius:20px;cursor:pointer;transition:all .3s ease;font-family:inherit}.audio-filter-tabs button.active,.audio-filter-tabs button:hover{background:var(--taqwa-teal);color:#fff}.track-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.track-item{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff0d;border-radius:12px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.track-item:hover{background:#14b8a61a;border-color:var(--taqwa-teal)}.track-item.active{background:linear-gradient(135deg,#14b8a633,#06b6d433);border-color:var(--taqwa-teal)}.track-play-btn{font-size:24px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--taqwa-teal);border-radius:50%}.track-info{flex:1}.track-title{font-weight:600;font-size:16px;color:#fff;margin-bottom:4px}.track-artist{font-size:14px;color:#ffffffb3}.track-type{font-size:24px}.now-playing-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#0f766e,#06b6d4);padding:15px 20px;display:flex;align-items:center;gap:20px;z-index:1000}.now-playing-info{display:flex;flex-direction:column;min-width:200px}.np-title{font-weight:600;color:#fff}.np-artist{font-size:12px;color:#fffc}.np-controls{flex:1;display:flex;align-items:center;gap:10px}.np-time{color:#fff;font-size:12px;min-width:45px}.np-progress{flex:1;height:6px;-webkit-appearance:none;background:#ffffff4d;border-radius:3px;cursor:pointer}.np-progress::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer}@media(max-width:768px){.now-playing-bar{flex-direction:column;padding:10px}.np-controls{width:100%}}.hadith-page{padding:20px;max-width:1200px;margin:0 auto}.hadith-header{text-align:center;margin-bottom:30px}.hadith-header h1{font-size:2.5rem;background:linear-gradient(135deg,#0f766e,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hadith-header .subtitle{color:#ffffffb3;font-size:1.1rem}.library-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:30px;flex-wrap:wrap}.library-tabs button{padding:12px 24px;border:2px solid var(--taqwa-teal);background:transparent;color:var(--taqwa-teal);border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease;font-family:inherit}.library-tabs button.active,.library-tabs button:hover{background:var(--taqwa-teal);color:#fff}.daily-hadith-card{background:linear-gradient(135deg,#14b8a633,#06b6d433);border:2px solid var(--taqwa-teal);border-radius:20px;padding:25px;margin-bottom:25px;text-align:center}.daily-badge{background:var(--taqwa-teal);color:#fff;padding:5px 15px;border-radius:15px;display:inline-block;margin-bottom:15px;font-weight:600}.search-bar{display:flex;align-items:center;gap:10px;background:#ffffff0d;border-radius:30px;padding:10px 20px;margin-bottom:20px}.search-bar input{flex:1;background:transparent;border:none;color:#fff;font-size:1rem;outline:none}.category-filter{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:25px}.category-filter button{padding:6px 14px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:15px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.category-filter button.active{background:var(--taqwa-teal);border-color:var(--taqwa-teal)}.hadith-list{display:flex;flex-direction:column;gap:20px}.hadith-card{background:#ffffff0d;border-radius:15px;padding:20px;border-left:4px solid var(--taqwa-teal)}.hadith-arabic{font-size:1.3rem;line-height:2;color:#fff;margin-bottom:15px;text-align:right}.hadith-english{font-size:1rem;color:#fffc;font-style:italic;margin-bottom:15px}.hadith-meta{display:flex;gap:20px;flex-wrap:wrap}.hadith-source,.hadith-category{font-size:.9rem;color:var(--taqwa-teal)}.expert-content h2{text-align:center;margin-bottom:30px;color:var(--taqwa-teal)}.tips-section{margin-bottom:30px}.tips-section h3{margin-bottom:15px;color:#fff}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.tip-card{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.tip-card:hover{border-color:var(--taqwa-teal);transform:translateY(-3px)}.tip-title{font-weight:600;font-size:1.1rem;color:var(--taqwa-teal);margin-bottom:10px}.tip-description{color:#fffc;line-height:1.6;margin-bottom:10px}.tip-source{font-size:.85rem;color:#ffffff80}.resources-content h2{text-align:center;margin-bottom:30px;color:var(--taqwa-teal)}.pdf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.pdf-card{background:linear-gradient(135deg,#14b8a61a,#06b6d41a);border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:30px;text-align:center;text-decoration:none;transition:all .3s ease;display:block}.pdf-card:hover{border-color:var(--taqwa-teal);transform:translateY(-5px)}.pdf-icon{font-size:3rem;margin-bottom:15px}.pdf-title{font-size:1.2rem;color:#fff;margin-bottom:10px}.pdf-action{color:var(--taqwa-teal);font-weight:600}.angel-devil-container{padding:20px;max-width:800px;margin:0 auto}.angel-devil-header{text-align:center;margin-bottom:30px}.angel-devil-header h1{font-size:2rem;color:#fff}.angel-devil-header p{color:#ffffffb3}.scenario-card{background:#ffffff0d;border-radius:20px;padding:25px;margin-bottom:25px}.scenario-title{display:flex;align-items:center;gap:15px;margin-bottom:25px;justify-content:center}.scenario-icon{font-size:2.5rem}.scenario-title h2{color:#fff;font-size:1.4rem}.voices-container{display:flex;gap:15px;align-items:stretch}.voice-card{flex:1;border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative}.voice-card.devil{background:linear-gradient(135deg,#dc26261a,#7f1d1d33);border:2px solid rgba(220,38,38,.3)}.voice-card.devil:hover:not(.selected){border-color:#dc262699;transform:scale(1.02)}.voice-card.angel{background:linear-gradient(135deg,#14b8a61a,#10b98133);border:2px solid rgba(20,184,166,.3)}.voice-card.angel:hover:not(.selected){border-color:#14b8a699;transform:scale(1.02)}.voice-card.selected.rejected{opacity:.5;border-color:#dc2626;animation:shake .5s ease-in-out}.voice-card.selected.approved{border-color:#10b981;box-shadow:0 0 30px #10b98166;animation:glow 1s ease-in-out infinite alternate}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}@keyframes glow{0%{box-shadow:0 0 20px #10b9814d}to{box-shadow:0 0 40px #10b98199}}.voice-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.voice-icon{font-size:2rem}.voice-header h3{font-size:1.1rem}.voice-card.devil .voice-header h3{color:#f87171}.voice-card.angel .voice-header h3{color:#34d399}.voice-text{color:#ffffffd9;line-height:1.7;font-style:italic}.choice-result{margin-top:15px;padding:10px;border-radius:8px;text-align:center;font-weight:600}.choice-result.bad{background:#dc262633;color:#fca5a5}.choice-result.good{background:#10b98133;color:#6ee7b7}.vs-divider{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:#ffffff4d;padding:0 10px}.btn-next{display:block;margin:25px auto 0;padding:12px 30px;background:var(--taqwa-teal);color:#fff;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-next:hover{opacity:.9;transform:scale(1.02)}.scenario-counter{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.counter-dot{width:12px;height:12px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s ease}.counter-dot.active{background:var(--taqwa-teal);transform:scale(1.3)}.counter-dot:hover{background:#fff6}.educational-note{background:#ffffff0d;border-radius:15px;padding:20px;border-left:4px solid var(--taqwa-teal)}.educational-note h4{color:var(--taqwa-teal);margin-bottom:10px}.educational-note p{color:#ffffffb3;line-height:1.6}.fourth-wall-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .5s ease}.fourth-wall-modal{background:linear-gradient(135deg,#14b8a61a,#0000004d);border:2px solid var(--taqwa-teal);border-radius:20px;padding:40px;max-width:500px;text-align:center;animation:slideIn .5s ease}@keyframes slideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.glitch-effect h2{color:var(--taqwa-teal);font-size:1.5rem;margin-bottom:20px;animation:glitch .3s ease-in-out}@keyframes glitch{0%,to{transform:translate(0)}25%{transform:translate(-5px);color:#ff6b6b}75%{transform:translate(5px);color:#4ecdc4}}.fourth-wall-message{color:#ffffffe6;font-size:1.1rem;line-height:2;margin-bottom:30px}.btn-understand{padding:15px 40px;background:transparent;border:2px solid var(--taqwa-teal);color:var(--taqwa-teal);border-radius:30px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-understand:hover{background:var(--taqwa-teal);color:#fff}@media(max-width:600px){.voices-container{flex-direction:column}.vs-divider{padding:10px 0;justify-content:center}}.zakat-calculator{padding:20px;max-width:800px;margin:0 auto}.zakat-header{text-align:center;margin-bottom:30px}.zakat-header h1{font-size:2rem;color:#fff}.zakat-header p{color:#ffffffb3}.nisab-info{background:linear-gradient(135deg,#d4af3726,#f5e7a31a);border:2px solid #d4af37;border-radius:15px;padding:20px;text-align:center;margin-bottom:25px}.nisab-info h3{color:#d4af37;margin-bottom:10px}.nisab-info p{color:#fff;font-size:1.2rem}.nisab-info small{color:#ffffff80}.assets-section,.debts-section{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:20px}.assets-section h3,.debts-section h3{color:var(--taqwa-teal);margin-bottom:15px}.assets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.asset-input{display:flex;flex-direction:column;gap:8px}.asset-input label{display:flex;align-items:center;gap:8px;color:#fffc;font-size:.9rem}.asset-icon{font-size:1.2rem}.asset-input input,.debt-input{padding:12px;border-radius:8px;border:2px solid rgba(255,255,255,.1);background:#0000004d;color:#fff;font-size:1rem;text-align:right}.asset-input input:focus,.debt-input:focus{outline:none;border-color:var(--taqwa-teal)}.debt-input{width:100%;max-width:300px}.btn-calculate{display:block;width:100%;max-width:300px;margin:25px auto;padding:15px 30px;background:var(--taqwa-teal);color:#fff;border:none;border-radius:30px;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.btn-calculate:hover{opacity:.9;transform:scale(1.02)}.zakat-results{background:#ffffff0d;border-radius:15px;padding:25px;margin-bottom:25px}.result-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#fffc}.result-row.net-wealth{font-weight:600;color:#fff;font-size:1.1rem}.result-row.nisab-status{border-bottom:none}.nisab-status .above{color:#10b981}.nisab-status .below{color:#f87171}.zakat-amount{text-align:center;margin-top:25px;padding:25px;background:linear-gradient(135deg,#10b98126,#0596691a);border-radius:15px;border:2px solid #10b981}.zakat-amount h2{color:#10b981;margin-bottom:15px}.amount-display{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px}.amount-note{color:#fff9}.no-zakat{text-align:center;padding:20px;color:#ffffffb3}.distribution-section{margin-top:25px}.distribution-section h3{color:var(--taqwa-teal);margin-bottom:15px}.distribution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.dist-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;background:#ffffff0d;border-radius:10px;text-align:center;transition:all .3s ease;cursor:pointer}.dist-item:hover{background:#14b8a61a}.dist-icon{font-size:1.8rem}.dist-item span:last-child{font-size:.85rem;color:#fffc}.tasbih-page{padding:20px;max-width:600px;margin:0 auto;text-align:center}.tasbih-header h1{font-size:2rem;color:#fff}.tasbih-header p{color:#ffffffb3;margin-bottom:25px}.dhikr-selector{margin-bottom:25px;overflow-x:auto}.dhikr-tabs{display:flex;gap:8px;padding:10px 0;justify-content:center;flex-wrap:wrap}.dhikr-tab{padding:8px 16px;border-radius:20px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-size:.85rem}.dhikr-tab:hover{border-color:var(--taqwa-teal)}.dhikr-tab.active{background:var(--taqwa-teal);border-color:var(--taqwa-teal);color:#fff}.current-dhikr{background:#ffffff0d;border-radius:20px;padding:25px;margin-bottom:30px}.dhikr-arabic{font-size:2.2rem;color:#fff;margin-bottom:10px;font-family:Amiri,Traditional Arabic,serif}.dhikr-transliteration{color:var(--taqwa-teal);font-size:1.1rem;margin-bottom:5px}.dhikr-meaning{color:#fff9;font-style:italic;margin-bottom:15px}.dhikr-reward{background:linear-gradient(135deg,#d4af3726,#f5e7a31a);padding:12px 20px;border-radius:10px;color:#d4af37;font-size:.95rem}.counter-section{margin-bottom:25px}.counter-ring{width:200px;height:200px;margin:0 auto 15px;position:relative;cursor:pointer;transition:transform .1s ease}.counter-ring:active{transform:scale(.95)}.counter-ring svg{transform:rotate(-90deg);width:100%;height:100%}.counter-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.counter-progress{fill:none;stroke:var(--taqwa-teal);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .3s ease}.counter-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.count-number{font-size:3.5rem;font-weight:700;color:#fff;display:block}.count-target{font-size:1.2rem;color:#ffffff80}.tap-hint{color:#ffffff80;font-size:.9rem}.target-selector{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:25px}.target-selector>span{color:#ffffffb3}.target-buttons{display:flex;gap:10px}.target-btn{width:50px;height:40px;border-radius:10px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.target-btn:hover,.target-btn.active{background:var(--taqwa-teal);border-color:var(--taqwa-teal)}.tasbih-controls{display:flex;gap:15px;justify-content:center;margin-bottom:25px}.reset-btn,.vibrate-btn{padding:12px 20px;border-radius:25px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;transition:all .3s ease}.reset-btn:hover{background:#ff646433;border-color:#ff6464}.vibrate-btn.active{background:#14b8a633;border-color:var(--taqwa-teal)}.today-stats{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:20px}.today-stats h3{color:var(--taqwa-teal);margin-bottom:15px}.stats-grid{display:flex;justify-content:center;gap:40px}.stat-value{font-size:2rem;font-weight:700;color:#fff;display:block}.stat-label{font-size:.85rem;color:#fff9}.expert-tip{background:#ffffff0d;border-radius:15px;padding:15px;border-left:4px solid var(--taqwa-teal);text-align:left}.expert-tip h4{color:var(--taqwa-teal);margin-bottom:8px}.expert-tip p{color:#ffffffb3;font-size:.9rem;line-height:1.5}.dua-page{padding:20px;max-width:800px;margin:0 auto}.dua-header{text-align:center;margin-bottom:25px}.dua-header h1{font-size:2rem;color:#fff}.dua-header p{color:#ffffffb3}.dua-search{margin-bottom:20px}.dua-search input{width:100%;padding:12px 20px;border-radius:25px;border:2px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;font-size:1rem}.dua-search input::placeholder{color:#fff6}.dua-search input:focus{outline:none;border-color:var(--taqwa-teal)}.dua-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;justify-content:center}.category-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 18px;border-radius:12px;border:2px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fffc;cursor:pointer;transition:all .3s ease;min-width:90px}.category-btn:hover{border-color:var(--taqwa-teal);transform:translateY(-2px)}.category-btn.active{background:var(--taqwa-teal);border-color:var(--taqwa-teal);color:#fff}.cat-icon{font-size:1.5rem}.cat-name{font-size:.8rem}.duas-list{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.dua-card{background:#ffffff0d;border-radius:15px;padding:20px;border-left:4px solid var(--taqwa-teal)}.dua-arabic{font-size:1.4rem;color:#fff;line-height:2;margin-bottom:15px;font-family:Amiri,Traditional Arabic,serif;text-align:right}.dua-english{color:#ffffffb3;font-style:italic;margin-bottom:15px;line-height:1.6}.dua-meta{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap}.dua-source{color:var(--taqwa-teal);font-size:.85rem}.dua-repeat{color:#d4af37;font-size:.85rem}.dua-actions{display:flex;gap:10px}.dua-actions button{padding:8px 16px;border-radius:20px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#fffc;cursor:pointer;transition:all .3s ease;font-size:.85rem}.dua-actions button:hover{background:var(--taqwa-teal);border-color:var(--taqwa-teal)}.no-results{text-align:center;padding:40px;color:#ffffff80}.expert-note{background:#ffffff0d;border-radius:15px;padding:20px;border-left:4px solid var(--taqwa-teal)}.expert-note h4{color:var(--taqwa-teal);margin-bottom:10px}.expert-note p{color:#ffffffb3;line-height:1.6}.asma-page{padding:15px;max-width:900px;margin:0 auto}.asma-header{text-align:center;margin-bottom:25px}.asma-header h1{font-size:2rem;color:#d4af37;margin-bottom:10px}.asma-header p{color:#ffffffb3;font-style:italic;font-family:Amiri,serif}.asma-search{margin-bottom:20px}.asma-search input{width:100%;padding:12px 20px;border-radius:25px;border:2px solid rgba(212,175,55,.3);background:#0000004d;color:#fff;font-size:1rem}.asma-search input:focus{outline:none;border-color:#d4af37}.names-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:25px}.name-card{background:#ffffff0d;border-radius:15px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.name-card:hover{transform:translateY(-3px);border-color:#d4af374d}.name-card.selected{background:linear-gradient(135deg,#d4af3733,#f5e7a31a);border-color:#d4af37}.name-number{font-size:.75rem;color:#fff6;margin-bottom:5px}.name-arabic{font-size:1.5rem;color:#d4af37;margin-bottom:5px;font-family:Amiri,Traditional Arabic,serif}.name-transliteration{font-size:.8rem;color:#ffffffb3}.name-meaning{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:.75rem;color:var(--taqwa-teal)}.names-hadith{background:#ffffff0d;border-radius:15px;padding:20px;text-align:center;border-left:4px solid #d4af37}.names-hadith p{color:#fffc;font-style:italic;margin-bottom:10px;line-height:1.8}.names-hadith span{color:#ffffff80;font-size:.85rem}@media(max-width:480px){.names-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.name-card{padding:10px}.name-arabic{font-size:1.2rem}.name-transliteration{font-size:.7rem}}.qibla-page{padding:20px;max-width:500px;margin:0 auto;text-align:center}.qibla-header h1{font-size:2rem;color:#d4af37;margin-bottom:10px}.qibla-header p{color:#ffffffb3}.permission-btn{display:block;margin:20px auto;padding:15px 30px;background:var(--taqwa-teal);color:#fff;border:none;border-radius:25px;font-size:1.1rem;cursor:pointer}.compass-container{margin:30px auto;display:flex;justify-content:center}.compass-outer{width:280px;height:280px;border-radius:50%;background:linear-gradient(145deg,#1a1f3a,#0a0e27);border:4px solid rgba(212,175,55,.3);position:relative;box-shadow:0 0 30px #00000080,inset 0 0 20px #0000004d}.compass-dial{width:100%;height:100%;position:absolute;transition:transform .1s ease-out}.direction{position:absolute;font-weight:700;color:#fffc;font-size:1.2rem}.direction.n{top:15px;left:50%;transform:translate(-50%);color:#ef4444}.direction.s{bottom:15px;left:50%;transform:translate(-50%)}.direction.e{right:15px;top:50%;transform:translateY(-50%)}.direction.w{left:15px;top:50%;transform:translateY(-50%)}.tick{position:absolute;width:2px;height:10px;background:#ffffff4d;top:5px;left:50%;transform-origin:50% 135px}.tick:nth-child(9n){height:15px;background:#fff9}.qibla-needle{position:absolute;width:100%;height:100%;top:0;left:0;transition:transform .3s ease-out}.needle-point{position:absolute;top:25px;left:50%;transform:translate(-50%);font-size:2rem;filter:drop-shadow(0 0 10px rgba(212,175,55,.5))}.needle-shaft{position:absolute;width:4px;height:80px;background:linear-gradient(to bottom,#d4af37,transparent);top:60px;left:50%;transform:translate(-50%);border-radius:2px}.compass-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#2a2f4a,#1a1f3a);border:3px solid #d4af37;display:flex;align-items:center;justify-content:center;color:#d4af37;font-weight:700;font-size:1rem}.qibla-info{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:25px 0}.info-item{background:#ffffff0d;padding:12px 20px;border-radius:12px;text-align:center}.info-item.location{width:100%}.info-label{display:block;font-size:.8rem;color:#fff9;margin-bottom:5px}.info-value{font-size:1.2rem;color:var(--taqwa-teal);font-weight:700}.qibla-instructions{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:15px}.qibla-instructions p{color:#fffc;margin:0}@media(max-width:480px){.compass-outer{width:240px;height:240px}.tick{transform-origin:50% 115px}.needle-shaft{height:60px}}.fasting-page{padding:20px;max-width:600px;margin:0 auto}.fasting-header{text-align:center;margin-bottom:25px}.fasting-header h1{font-size:2rem;color:#fff}.fasting-header p{color:#ffffffb3}.countdown-card{background:linear-gradient(135deg,#14b8a633,#06b6d41a);border:2px solid var(--taqwa-teal);border-radius:20px;padding:25px;text-align:center;margin-bottom:25px}.countdown-card.eating{background:linear-gradient(135deg,#d4af3733,#f5e7a31a);border-color:#d4af37}.countdown-label{color:#fffc;margin-bottom:15px;font-size:1.1rem}.countdown-timer{display:flex;justify-content:center;align-items:center;gap:10px}.time-block{text-align:center}.time-value{display:block;font-size:3rem;font-weight:700;color:#fff;font-family:Courier New,monospace;background:#0000004d;padding:10px 15px;border-radius:10px}.time-unit{font-size:.75rem;color:#fff9;margin-top:5px;display:block}.time-sep{font-size:2.5rem;color:var(--taqwa-teal);font-weight:700}.fasting-progress{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:20px}.fasting-progress h3{color:var(--taqwa-teal);margin-bottom:15px;text-align:center}.progress-bar{height:20px;background:#ffffff1a;border-radius:10px;position:relative;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--taqwa-teal),#10b981);border-radius:10px;transition:width 1s ease}.progress-markers{position:relative;height:20px}.marker{position:absolute;transform:translate(-50%);font-size:.75rem;color:#ffffff80}.marker.autophagy{color:#ef4444}.fasting-hours{text-align:center;color:#fff;font-size:1.1rem;margin-top:10px}.autophagy-indicator{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#ffffff0d;border-radius:10px;margin-top:15px;color:#ffffffb3}.autophagy-indicator.active{background:#ef444433;color:#ef4444;animation:pulse 2s infinite}.autophagy-icon{font-size:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.tips-section{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:20px}.tips-section h3{color:var(--taqwa-teal);margin-bottom:15px}.tips-list{display:flex;flex-direction:column;gap:10px}.tip-item{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff0d;border-radius:10px;color:#fffc}.tip-number{width:25px;height:25px;border-radius:50%;background:var(--taqwa-teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.quick-stats{display:flex;gap:15px;margin-bottom:20px}.stat-card{flex:1;background:#ffffff0d;border-radius:12px;padding:15px;text-align:center}.stat-icon{font-size:1.5rem;display:block;margin-bottom:5px}.stat-label{display:block;font-size:.8rem;color:#fff9;margin-bottom:5px}.stat-value{font-size:1.3rem;color:var(--taqwa-teal);font-weight:700;font-family:Courier New,monospace}.iftar-dua{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:15px;padding:20px;text-align:center}.dua-arabic{font-size:1.3rem;color:#d4af37;margin-bottom:10px;font-family:Amiri,serif;line-height:1.8}.dua-translation{color:#ffffffb3;font-size:.9rem;font-style:italic}@media(max-width:480px){.time-value{font-size:2rem;padding:8px 12px}.time-sep{font-size:1.5rem}}.calendar-page{padding:20px;max-width:600px;margin:0 auto}.calendar-header h1{text-align:center;color:#fff;margin-bottom:25px}.hijri-display{background:linear-gradient(135deg,#d4af3733,#f5e7a31a);border:2px solid #d4af37;border-radius:20px;padding:25px;text-align:center;margin-bottom:25px}.hijri-day{font-size:4rem;font-weight:700;color:#d4af37}.hijri-month{font-size:1.5rem;color:#fff;margin:5px 0}.hijri-year{font-size:1.1rem;color:#ffffffb3}.gregorian-calendar{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:25px}.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.calendar-nav button{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;font-size:1rem;transition:all .3s ease}.calendar-nav button:hover{background:var(--taqwa-teal);border-color:var(--taqwa-teal)}.calendar-nav span{color:#fff;font-size:1.1rem;font-weight:600}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekday-header{text-align:center;color:var(--taqwa-teal);font-size:.8rem;padding:8px 0;font-weight:600}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fffc;font-size:.9rem;transition:all .3s ease;cursor:pointer}.calendar-day:not(.empty):hover{background:#ffffff1a}.calendar-day.today{background:var(--taqwa-teal);color:#fff;font-weight:700}.calendar-day.friday{color:#10b981}.calendar-day.empty{cursor:default}.events-section{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:20px}.events-section h3{color:var(--taqwa-teal);margin-bottom:15px}.events-list{display:flex;flex-direction:column;gap:10px}.event-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:10px;transition:all .3s ease}.event-item:hover{background:#ffffff1a}.event-icon{font-size:1.5rem}.event-details{display:flex;flex-direction:column}.event-name{color:#fff;font-weight:600}.event-date{color:#fff9;font-size:.85rem}.friday-reminder{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(135deg,#10b98133,#0596691a);border:2px solid #10b981;border-radius:15px}.friday-reminder span{font-size:2rem}.friday-reminder p{color:#ffffffe6;margin:0}@media(max-width:480px){.hijri-day{font-size:3rem}.calendar-day{font-size:.8rem}}.sadaqah-page{padding:20px;max-width:600px;margin:0 auto}.sadaqah-header{text-align:center;margin-bottom:25px}.sadaqah-header h1{color:#fff;margin-bottom:5px}.sadaqah-header p{color:#ffffffb3}.stats-row{display:flex;gap:15px;margin-bottom:25px}.stat-card{flex:1;background:#ffffff0d;border-radius:15px;padding:20px;text-align:center;border:2px solid transparent}.stat-card.streak{border-color:#ef44444d;background:#ef44441a}.stat-card.total{border-color:#10b9814d;background:#10b9811a}.stat-icon{font-size:2rem;display:block;margin-bottom:10px}.stat-value{display:block;font-size:2.5rem;font-weight:700;color:#fff}.stat-label{display:block;font-size:.85rem;color:#fff9;margin-top:5px}.add-sadaqah{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:20px}.add-sadaqah h3{color:var(--taqwa-teal);margin-bottom:15px}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.type-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:transparent;cursor:pointer;transition:all .3s ease}.type-btn:hover,.type-btn.active{background:#14b8a633;border-color:var(--taqwa-teal)}.type-icon{font-size:1.5rem}.type-name{font-size:.7rem;color:#ffffffb3}.amount-input{display:flex;gap:10px}.amount-input input{flex:1;padding:12px 15px;border-radius:10px;border:2px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;font-size:1rem}.amount-input input:focus{outline:none;border-color:var(--taqwa-teal)}.add-btn{padding:12px 25px;border-radius:10px;border:none;background:var(--taqwa-teal);color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease}.add-btn:hover{transform:scale(1.05)}.recent-donations{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:20px}.recent-donations h3{color:var(--taqwa-teal);margin-bottom:15px}.donations-list{display:flex;flex-direction:column;gap:10px}.donation-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:10px}.donation-icon{font-size:1.5rem}.donation-details{flex:1}.donation-type{display:block;color:#fff;font-weight:600}.donation-date{font-size:.8rem;color:#ffffff80}.donation-amount{font-size:1.2rem;color:#10b981;font-weight:700}.sadaqah-hadith{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:15px;padding:20px;text-align:center;margin-bottom:20px}.hadith-text{color:#ffffffe6;font-style:italic;font-size:1.1rem;line-height:1.8;margin-bottom:10px}.hadith-source{color:#ffffff80;font-size:.9rem}.sadaqah-types-info{background:#ffffff0d;border-radius:15px;padding:20px}.sadaqah-types-info h3{color:var(--taqwa-teal);margin-bottom:15px}.sadaqah-types-info ul{list-style:none;padding:0}.sadaqah-types-info li{padding:8px 0;color:#fffc;border-bottom:1px solid rgba(255,255,255,.1)}.sadaqah-types-info li:last-child{border-bottom:none}.sadaqah-types-info li:before{content:"✓ ";color:#10b981}@media(max-width:480px){.type-grid{grid-template-columns:repeat(3,1fr)}.stat-value{font-size:2rem}}.hadith-page{padding:20px;max-width:600px;margin:0 auto}.hadith-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.hadith-header h1{color:#fff}.hadith-count{background:#ffffff1a;padding:5px 12px;border-radius:15px;color:#ffffffb3;font-size:.9rem}.hadith-card{background:linear-gradient(135deg,#d4af3726,#f5e7a30d);border:2px solid rgba(212,175,55,.3);border-radius:20px;padding:30px;margin-bottom:20px}.hadith-topic{display:inline-block;background:#d4af3733;color:#d4af37;padding:5px 15px;border-radius:15px;font-size:.85rem;margin-bottom:20px}.hadith-arabic{font-size:1.4rem;color:#fff;text-align:center;line-height:2;margin-bottom:20px;font-family:Amiri,Traditional Arabic,serif}.hadith-english{color:#fffc;text-align:center;font-style:italic;margin-bottom:20px;line-height:1.6}.hadith-meta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.narrator,.source{font-size:.85rem;color:#fff9}.hadith-nav{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.hadith-nav button{padding:12px 25px;border-radius:10px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;transition:all .3s ease}.hadith-nav button:hover{background:var(--taqwa-teal);border-color:var(--taqwa-teal)}.hadith-actions{display:flex;justify-content:center;gap:15px;margin-bottom:25px}.action-btn{padding:12px 25px;border-radius:25px;border:none;cursor:pointer;transition:all .3s ease;font-size:1rem}.action-btn.save{background:#ef444433;color:#ef4444;border:2px solid #ef4444}.action-btn.share{background:#14b8a633;color:var(--taqwa-teal);border:2px solid var(--taqwa-teal)}.action-btn:hover{transform:scale(1.05)}.topics-section{background:#ffffff0d;border-radius:15px;padding:20px}.topics-section h3{color:var(--taqwa-teal);margin-bottom:15px}.topics-grid{display:flex;flex-wrap:wrap;gap:10px}.topic-btn{padding:8px 15px;border-radius:20px;border:2px solid rgba(255,255,255,.1);background:transparent;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-size:.85rem}.topic-btn:hover,.topic-btn.active{background:var(--taqwa-teal);border-color:var(--taqwa-teal);color:#fff}@media(max-width:480px){.hadith-arabic{font-size:1.2rem}.hadith-nav button{padding:10px 20px}}.planner-page{padding:20px;max-width:600px;margin:0 auto}.planner-header h1{text-align:center;color:#fff;margin-bottom:25px}.day-selector{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:25px}.day-selector button{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.day-selector button:hover{background:var(--taqwa-teal);border-color:var(--taqwa-teal)}.day-display{text-align:center}.day-number{display:block;font-size:3rem;font-weight:700;color:#d4af37}.day-label{color:#fff9}.focus-card{background:linear-gradient(135deg,#d4af3733,#f5e7a31a);border:2px solid rgba(212,175,55,.3);border-radius:20px;padding:25px;text-align:center;margin-bottom:20px}.focus-card h3{color:#ffffffb3;margin-bottom:10px}.focus-title{font-size:1.8rem;color:#d4af37;margin-bottom:15px;font-weight:700}.focus-extra{color:#fffc;margin-bottom:10px}.quran-goal{color:var(--taqwa-teal);font-weight:600}.progress-section{background:#ffffff0d;border-radius:15px;padding:15px;margin-bottom:20px}.progress-header{display:flex;justify-content:space-between;margin-bottom:10px;color:#fffc}.progress-percent{color:var(--taqwa-teal);font-weight:700}.progress-bar{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--taqwa-teal),#10b981);border-radius:6px;transition:width .5s ease}.tasks-checklist{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:20px}.tasks-checklist h3{color:var(--taqwa-teal);margin-bottom:15px}.task-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:10px;margin-bottom:8px;cursor:pointer;transition:all .3s ease}.task-item:hover{background:#ffffff1a}.task-item.completed{background:#10b98133}.task-item.completed .task-label{text-decoration:line-through;color:#ffffff80}.task-check{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.task-item.completed .task-check{background:#10b981;border-color:#10b981}.task-label{color:#fffc}.days-overview{background:#ffffff0d;border-radius:15px;padding:20px}.days-overview h3{color:var(--taqwa-teal);margin-bottom:15px}.days-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.day-btn{aspect-ratio:1;border-radius:8px;border:2px solid rgba(255,255,255,.1);background:transparent;color:#fff9;cursor:pointer;transition:all .3s ease;font-weight:600}.day-btn:hover{background:#ffffff1a}.day-btn.current{background:var(--taqwa-teal);border-color:var(--taqwa-teal);color:#fff}.day-btn.complete{background:#10b9814d;border-color:#10b981;color:#10b981}.day-btn.partial{background:#f59e0b33;border-color:#f59e0b80;color:#f59e0b}@media(max-width:480px){.days-grid{grid-template-columns:repeat(5,1fr)}.day-number{font-size:2.5rem}}.badges-page{padding:20px;max-width:700px;margin:0 auto}.badges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.badges-header h1{color:#fff}.badges-count{background:#d4af3733;color:#d4af37;padding:8px 15px;border-radius:20px;font-weight:600}.badges-progress{margin-bottom:25px}.badges-progress .progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.badges-progress .progress-fill{height:100%;background:linear-gradient(90deg,#d4af37,#f5e7a3);border-radius:4px;transition:width .5s ease}.badge-category{margin-bottom:25px}.badge-category h3{color:var(--taqwa-teal);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.badge-card{background:#ffffff0d;border-radius:15px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative}.badge-card:hover{transform:translateY(-3px);background:#ffffff1a}.badge-card.unlocked{border-color:#d4af3780;background:linear-gradient(135deg,#d4af371a,#f5e7a30d)}.badge-card.locked{opacity:.5}.badge-card.selected{transform:scale(1.05);border-color:#d4af37}.badge-icon{font-size:2.5rem;display:block;margin-bottom:10px}.badge-card.locked .badge-icon{filter:grayscale(100%)}.badge-name{display:block;font-size:.8rem;color:#fffc;line-height:1.3}.lock-icon{position:absolute;top:8px;right:8px;font-size:.8rem}.badge-desc{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:.7rem;color:var(--taqwa-teal)}.user-level{background:#ffffff0d;border-radius:15px;padding:20px}.user-level h3{color:var(--taqwa-teal);margin-bottom:15px}.level-display{display:flex;align-items:center;gap:15px;margin-bottom:20px}.level-badge{font-size:3rem}.level-name{font-size:1.5rem;color:#fff;font-weight:700}.level-hasanat{color:#fff9}.levels-path{display:flex;align-items:center;justify-content:center;gap:10px}.level{font-size:1.5rem;padding:10px;border-radius:10px;background:#ffffff0d;opacity:.5}.level.current{opacity:1;background:#d4af3733;transform:scale(1.2)}.level-connector{color:#ffffff4d}@media(max-width:480px){.badges-grid{grid-template-columns:repeat(3,1fr)}.badge-icon{font-size:2rem}.levels-path{gap:5px}.level{font-size:1.2rem;padding:8px}}.dashboard-page{padding:20px;max-width:700px;margin:0 auto}.dashboard-header h1{text-align:center;color:#fff;margin-bottom:25px}.level-section{background:linear-gradient(135deg,#d4af3733,#f5e7a31a);border:2px solid rgba(212,175,55,.3);border-radius:20px;padding:20px;margin-bottom:25px}.level-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.level-icon{font-size:3rem}.level-info{display:flex;flex-direction:column}.level-name{font-size:1.5rem;color:#d4af37;font-weight:700}.level-hasanat{color:#ffffffb3}.level-progress .progress-bar{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-bottom:8px}.level-progress .progress-fill{height:100%;background:linear-gradient(90deg,#d4af37,#f5e7a3);border-radius:6px}.next-level{font-size:.85rem;color:#fff9}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.stat-card{background:#ffffff0d;border-radius:15px;padding:15px;text-align:center;border:2px solid transparent;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px)}.stat-card.quran{border-color:#10b9814d}.stat-card.prayer{border-color:#14b8a64d}.stat-card.fasting{border-color:#6366f14d}.stat-card.sadaqah{border-color:#ef44444d}.stat-card.dhikr{border-color:#f59e0b4d}.stat-card.khatmah{border-color:#d4af374d}.stat-icon{font-size:1.5rem;display:block;margin-bottom:8px}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:#fff}.stat-label{display:block;font-size:.75rem;color:#fff9;margin-top:5px}.weekly-section{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:25px}.weekly-section h3{color:var(--taqwa-teal);margin-bottom:15px}.weekly-chart{display:flex;justify-content:space-between;height:120px;margin-bottom:15px}.day-column{display:flex;flex-direction:column;align-items:center;flex:1}.day-bars{display:flex;gap:3px;align-items:flex-end;height:100px}.bar{width:8px;border-radius:4px 4px 0 0;transition:height .5s ease}.bar.prayers{background:var(--taqwa-teal)}.bar.quran{background:#10b981}.bar.dhikr{background:#f59e0b}.day-label{font-size:.75rem;color:#fff9;margin-top:8px}.chart-legend{display:flex;justify-content:center;gap:20px;font-size:.8rem;color:#ffffffb3}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.dot.prayers{background:var(--taqwa-teal)}.dot.quran{background:#10b981}.dot.dhikr{background:#f59e0b}.goals-section{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:25px}.goals-section h3{color:var(--taqwa-teal);margin-bottom:15px}.goals-list{display:flex;flex-direction:column;gap:15px}.goal-item{display:flex;flex-direction:column;gap:8px}.goal-name{color:#fffc}.goal-progress{display:flex;align-items:center;gap:10px}.goal-progress .progress-bar{flex:1;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.goal-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--taqwa-teal),#10b981);border-radius:5px}.goal-progress span{color:var(--taqwa-teal);font-weight:600;min-width:40px}.motivation{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:15px;padding:20px;text-align:center}.motivation p{color:#ffffffe6;font-size:1.1rem;line-height:1.8;margin-bottom:10px}.motivation span{color:#ffffff80;font-size:.85rem}@media(max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}.bar{width:6px}}.settings-page{padding:20px;max-width:600px;margin:0 auto}.settings-header h1{text-align:center;color:#fff;margin-bottom:25px}.settings-section{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:20px}.settings-section h3{color:var(--taqwa-teal);margin-bottom:15px;font-size:1.1rem}.language-toggle{display:flex;gap:10px}.lang-btn{flex:1;padding:12px;border-radius:10px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1rem}.lang-btn:hover,.lang-btn.active{background:var(--taqwa-teal);border-color:var(--taqwa-teal)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:transparent;cursor:pointer;transition:all .3s ease}.theme-btn:hover,.theme-btn.active{border-color:var(--theme-color);background:#ffffff0d}.theme-preview{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.2)}.theme-btn.active .theme-preview{border-color:#fff}.theme-name{font-size:.75rem;color:#ffffffb3}.enable-all-btn{width:100%;padding:12px;border-radius:10px;border:2px solid var(--taqwa-teal);background:transparent;color:var(--taqwa-teal);cursor:pointer;margin-bottom:15px;transition:all .3s ease}.enable-all-btn:hover{background:var(--taqwa-teal);color:#fff}.notification-list{display:flex;flex-direction:column;gap:10px}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#ffffff0d;border-radius:10px;color:#fffc}.toggle-btn{width:50px;height:28px;border-radius:14px;border:none;background:#fff3;cursor:pointer;position:relative;transition:all .3s ease}.toggle-btn.active{background:var(--taqwa-teal)}.toggle-slider{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:3px;left:3px;transition:all .3s ease}.toggle-btn.active .toggle-slider{left:25px}.settings-select{width:100%;padding:12px;border-radius:10px;border:2px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;font-size:1rem;cursor:pointer}.settings-select:focus{outline:none;border-color:var(--taqwa-teal)}.settings-select option{background:#1a1f3a;color:#fff}.user-info p{color:#fffc;margin-bottom:8px}.user-info strong{color:var(--taqwa-teal)}.settings-actions{display:flex;gap:15px;margin-bottom:20px}.action-btn{flex:1;padding:12px;border-radius:10px;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease}.action-btn.export{background:#10b98133;color:#10b981;border:2px solid #10b981}.action-btn.logout{background:#ef444433;color:#ef4444;border:2px solid #ef4444}.action-btn:hover{transform:scale(1.02)}.app-info{text-align:center;color:#fff6;font-size:.85rem}.app-info p{margin:5px 0}@media(max-width:480px){.theme-grid{grid-template-columns:repeat(2,1fr)}.settings-actions{flex-direction:column}}.battle-page{padding:20px;max-width:700px;margin:0 auto;min-height:100vh}.battle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.battle-header h1{color:#fff}.wins-counter{background:linear-gradient(135deg,#d4af37,#f5e7a3);color:#1a1f3a;padding:8px 15px;border-radius:20px;font-weight:700}.situation-card{background:#ffffff0d;border-radius:15px;padding:20px;text-align:center;margin-bottom:25px}.situation-icon{font-size:2.5rem;display:block;margin-bottom:10px}.situation-card p{color:#fff;font-size:1.2rem}.battle-arena{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.side{padding:20px;border-radius:15px;transition:all .5s ease}.devil-side{background:linear-gradient(135deg,#ef444426,#7f1d1d1a);border:2px solid rgba(239,68,68,.3)}.devil-side.winning{border-color:#ef4444;box-shadow:0 0 30px #ef44444d}.angel-side{background:linear-gradient(135deg,#10b98126,#0596691a);border:2px solid rgba(16,185,129,.3)}.angel-side.winning{border-color:#10b981;box-shadow:0 0 30px #10b9814d}.side-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.side-icon{font-size:1.5rem}.side-header span:last-child{font-weight:700;color:#fff}.whisper{font-style:italic;line-height:1.6;margin:0}.devil-whisper{color:#ef4444e6}.angel-whisper{color:#10b981e6}.battle-progress{position:relative;padding:15px 0}.progress-bar{height:8px;background:#ef44444d;border-radius:4px;overflow:hidden}.angel-progress{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .3s ease}.progress-indicator{position:absolute;top:0;transform:translate(-50%);font-size:1.5rem;transition:left .3s ease}.battle-actions{display:flex;gap:15px;margin-bottom:20px}.action-btn{flex:1;padding:15px;border-radius:12px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.devil-btn{background:#ef444433;color:#ef4444cc;border:2px solid rgba(239,68,68,.3)}.devil-btn:hover{background:#ef44444d}.angel-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.angel-btn:hover{transform:scale(1.02);box-shadow:0 5px 20px #10b98166}.victory-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .5s ease}.victory-content{text-align:center;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(.5)}to{transform:scale(1)}}.victory-icon{font-size:5rem;display:block;margin-bottom:20px;animation:pulse 1s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.victory-content h2{color:#10b981;font-size:1.8rem;margin-bottom:10px}.victory-content p{color:#d4af37;font-size:1.5rem}.fourth-wall{background:#ffffff08;border-left:3px solid #d4af37;padding:15px;margin-bottom:20px}.fourth-wall p{color:#fff9;font-style:italic;margin:0;font-size:.9rem}.battle-badge{text-align:center;padding:15px;background:linear-gradient(135deg,#d4af3733,#d4af370d);border-radius:10px;border:1px solid rgba(212,175,55,.3)}.battle-badge span{color:#d4af37;font-weight:700;font-size:1.1rem}@media(max-width:480px){.battle-actions{flex-direction:column}.whisper{font-size:.9rem}}.breaks-page{padding:20px;max-width:700px;margin:0 auto}.breaks-header{text-align:center;margin-bottom:30px}.breaks-header h1{color:#fff;margin-bottom:5px}.breaks-header p{color:#fff9}.breaks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-bottom:25px}.break-card{background:#ffffff0d;border-radius:15px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.break-card:hover{transform:translateY(-5px);border-color:#d4af374d;background:#ffffff14}.break-icon{font-size:2.5rem;display:block;margin-bottom:10px}.break-card h3{color:#fff;font-size:.95rem;margin-bottom:8px}.trigger-text{color:#ffffff80;font-size:.75rem;margin:0}.break-overlay{position:fixed;inset:0;background:#000000fa;display:flex;align-items:center;justify-content:center;z-index:1000;animation:glitchIn .5s ease}@keyframes glitchIn{0%,20%,40%,60%,80%,to{opacity:1}10%,30%,50%,70%,90%{opacity:.8}}.break-content{text-align:center;max-width:500px;padding:30px;position:relative}.glitch-effect{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);pointer-events:none;animation:scanline 10s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100%)}}.break-big-icon{font-size:5rem;display:block;margin-bottom:20px;animation:float 3s ease-in-out infinite}.break-content h2{color:#d4af37;font-size:1.5rem;margin-bottom:20px}.break-message{color:#ffffffe6;font-size:1.1rem;line-height:1.8;margin-bottom:30px;font-family:Amiri,serif}.break-action{padding:15px 40px;border-radius:25px;border:none;background:linear-gradient(135deg,#d4af37,#f5e7a3);color:#1a1f3a;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.break-action:hover{transform:scale(1.05);box-shadow:0 10px 30px #d4af374d}.breaks-info{background:#ffffff08;border-radius:15px;padding:20px;border-left:3px solid var(--taqwa-teal)}.breaks-info h3{color:var(--taqwa-teal);margin-bottom:10px}.breaks-info p{color:#ffffffb3;line-height:1.6;margin:0}@media(max-width:480px){.breaks-grid{grid-template-columns:repeat(2,1fr)}.break-message{font-size:1rem}}.history-page{padding:20px;max-width:1000px;margin:0 auto}.history-header{text-align:center;margin-bottom:25px}.history-header h1{color:#fff;margin-bottom:5px}.history-header p{color:#fff9}.history-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:25px;flex-wrap:wrap}.tab-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 16px;border-radius:12px;border:2px solid rgba(212,175,55,.2);background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .3s ease;min-width:80px}.tab-btn:hover{border-color:#d4af3780;background:#d4af371a}.tab-btn.active{background:linear-gradient(135deg,#d4af374d,#d4af371a);border-color:#d4af37;color:#fff}.tab-icon{font-size:1.5rem}.tab-label{font-size:.75rem;text-align:center}.history-content{margin-bottom:25px}.prophet-section{background:linear-gradient(135deg,#d4af3726,#0080801a);border-radius:20px;padding:30px;border:2px solid rgba(212,175,55,.3)}.prophet-hero{text-align:center;margin-bottom:25px}.prophet-icon{font-size:5rem;margin-bottom:15px}.prophet-hero h2{color:#d4af37;font-size:1.8rem;margin-bottom:10px}.prophet-title{color:#fffc;font-size:1.1rem}.prophet-dates{color:#ffffff80;font-size:.9rem}.prophet-desc{text-align:center;color:#fffc;font-size:1.1rem;line-height:1.8;margin-bottom:25px;padding:0 20px}.prophet-events,.prophet-qualities,.prophet-lessons{background:#0003;border-radius:15px;padding:20px;margin-bottom:20px}.prophet-events h3,.prophet-qualities h3,.prophet-lessons h3{color:#d4af37;margin-bottom:15px}.events-timeline{display:flex;flex-direction:column;gap:12px}.event-item{display:flex;gap:15px;align-items:center}.event-year{background:#d4af3733;color:#d4af37;padding:5px 12px;border-radius:20px;font-size:.85rem;min-width:60px;text-align:center}.event-name{color:#fffc}.qualities-grid{display:flex;flex-wrap:wrap;gap:10px}.quality-badge{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;padding:8px 16px;border-radius:20px;font-size:.9rem}.lesson-item{color:#fffc;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.figures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.figure-card{background:#ffffff0d;border-radius:15px;padding:20px;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.figure-card:hover{border-color:#d4af3780;transform:translateY(-3px)}.figure-card.selected{border-color:#d4af37;background:#d4af371a}.figure-icon{font-size:2.5rem;margin-bottom:10px}.figure-card h3{color:#fff;font-size:1.1rem;margin-bottom:5px}.figure-title{color:#fff9;font-size:.9rem;margin-bottom:5px}.figure-dates{color:#d4af37b3;font-size:.8rem}.figure-details{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.figure-details p{color:#ffffffb3;font-size:.9rem;margin-bottom:8px;line-height:1.5}.books-section{background:#ffffff08;border-radius:20px;padding:25px}.reading-path{background:linear-gradient(135deg,#10b98126,#10b9810d);border-radius:15px;padding:20px;margin-bottom:25px;border:2px solid rgba(16,185,129,.3)}.reading-path h3{color:#10b981;margin-bottom:15px}.path-steps{display:flex;flex-direction:column;gap:12px}.path-step{display:flex;gap:15px;align-items:flex-start}.step-number{width:30px;height:30px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content strong{color:#fff;display:block}.step-reason{color:#fff9;font-size:.85rem}.book-category{margin-bottom:25px}.book-category h4{color:#d4af37;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(212,175,55,.2)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.book-card{background:#ffffff0d;border-radius:12px;padding:15px;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.book-card:hover{border-color:#d4af374d}.book-card.selected{border-color:#d4af37;background:#d4af371a}.book-rating{margin-bottom:8px}.book-card h5{color:#fff;font-size:1rem;margin-bottom:5px}.book-author{color:#fff9;font-size:.85rem;margin-bottom:8px}.book-level{display:inline-block;padding:3px 10px;border-radius:10px;font-size:.75rem}.book-level.beginner{background:#10b98133;color:#10b981}.book-level.intermediate{background:#f59e0b33;color:#f59e0b}.book-level.advanced{background:#8b5cf633;color:#8b5cf6}.book-desc{margin-top:10px;color:#ffffffb3;font-size:.85rem;line-height:1.5}.ramadan-events-section h3{color:#fff;margin-bottom:20px}.events-list{display:flex;flex-direction:column;gap:15px}.ramadan-event-card{display:flex;gap:20px;background:#ffffff0d;border-radius:15px;padding:20px;border:2px solid rgba(255,255,255,.1)}.ramadan-event-card .event-day{width:60px;height:60px;border-radius:15px;background:linear-gradient(135deg,#d4af37,#f5e7a3);color:#1a1f3a;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.event-content{display:flex;gap:15px;flex:1}.event-content .event-icon{font-size:2rem;flex-shrink:0}.event-info h4{color:#fff;margin-bottom:5px}.event-info .event-year{color:#d4af37;font-size:.85rem;display:block;margin-bottom:8px}.event-info p{color:#ffffffb3;font-size:.9rem;margin:0;line-height:1.5}.history-stats{display:flex;justify-content:center;gap:20px;margin-bottom:25px;flex-wrap:wrap}.stat{text-align:center;background:#ffffff0d;padding:15px 25px;border-radius:12px}.stat-number{display:block;font-size:2rem;font-weight:700;color:#d4af37}.history-fourth-wall{background:#8b5cf61a;border-radius:15px;padding:20px;border-left:3px solid #8b5cf6}.history-fourth-wall p{color:#fffc;margin:0;font-style:italic;line-height:1.6}@media(max-width:600px){.history-tabs{gap:5px}.tab-btn{min-width:60px;padding:10px 8px}.tab-icon{font-size:1.2rem}.tab-label{font-size:.65rem}.figures-grid,.books-grid{grid-template-columns:1fr}.ramadan-event-card{flex-direction:column;align-items:center;text-align:center}.event-content{flex-direction:column;align-items:center}}.chat-page{display:grid;grid-template-columns:200px 1fr 200px;height:calc(100vh - 100px);gap:15px;padding:20px}.groups-bar{background:#ffffff08;border-radius:15px;padding:15px}.group-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;cursor:pointer;transition:all .3s ease;margin-bottom:8px}.group-item:hover{background:#ffffff0d}.group-item.active{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid rgba(212,175,55,.3)}.group-icon{font-size:1.3rem}.group-name{color:#fff;font-size:.85rem}.chat-main{background:#ffffff08;border-radius:15px;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0003}.chat-header h2{color:#fff;font-size:1rem;margin:0}.sos-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 15px;border-radius:20px;font-weight:700;cursor:pointer;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}.messages-container{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.message{background:#ffffff0d;border-radius:15px;padding:12px 15px;max-width:80%}.message.system{background:#d4af3726;border:1px solid rgba(212,175,55,.3);align-self:center;text-align:center;max-width:90%}.message.sos{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.message.warning{background:#fbbf2426;border:1px solid rgba(251,191,36,.3)}.msg-header{display:flex;justify-content:space-between;margin-bottom:5px}.msg-user{color:#d4af37;font-weight:700;font-size:.85rem}.msg-time{color:#fff6;font-size:.75rem}.msg-text{color:#fff;margin:0;line-height:1.5}.msg-actions{margin-top:8px}.msg-actions button{background:#ffffff1a;border:none;color:#ffffffb3;padding:5px 12px;border-radius:15px;font-size:.8rem;cursor:pointer}.msg-actions button:hover{background:#d4af3733;color:#d4af37}.chat-input{display:flex;gap:10px;padding:15px;background:#0003}.chat-input input{flex:1;padding:12px 15px;border-radius:25px;border:2px solid rgba(255,255,255,.1);background:#0000004d;color:#fff;font-size:.95rem}.chat-input input:focus{border-color:#d4af37;outline:none}.chat-input button{padding:12px 25px;border-radius:25px;border:none;background:linear-gradient(135deg,#d4af37,#f5e7a3);color:#1a1f3a;font-weight:700;cursor:pointer}.slang-panel{background:#ffffff08;border-radius:15px;padding:15px;overflow-y:auto}.slang-panel h3{color:#d4af37;font-size:.9rem;margin-bottom:12px}.slang-list{display:flex;flex-direction:column;gap:8px}.slang-item{background:#ffffff0d;padding:8px 10px;border-radius:8px}.slang-term{display:block;color:#10b981;font-weight:700;font-size:.8rem;font-family:monospace}.slang-meaning{color:#fff9;font-size:.75rem}.dua-bomb-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .5s ease}.dua-bomb-content{text-align:center}.bomb-icon{font-size:6rem;display:block;margin-bottom:20px;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.dua-bomb-content h2{color:#10b981;font-size:1.8rem;margin-bottom:20px}.dua-counter{background:#10b98133;padding:20px 40px;border-radius:20px;display:inline-block;margin-bottom:20px}.dua-number{display:block;font-size:4rem;color:#10b981;font-weight:700}.dua-counter span:last-child{color:#ffffffb3}.dua-bomb-content>p{color:#fff9}@media(max-width:768px){.chat-page{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.groups-bar,.slang-panel{display:none}}.avoid-page{padding:20px;max-width:900px;margin:0 auto}.avoid-header{text-align:center;margin-bottom:25px}.avoid-header h1{color:#fff;margin-bottom:5px}.avoid-header p{color:#fff9}.categories-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:25px;flex-wrap:wrap}.cat-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:25px;border:2px solid rgba(255,255,255,.1);background:transparent;color:#fff;cursor:pointer;transition:all .3s ease}.cat-tab:hover{border-color:#ef44444d}.cat-tab.active{background:#ef444426;border-color:#ef4444}.cat-icon{font-size:1.2rem}.avoid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;margin-bottom:25px}.avoid-card{background:#ef444414;border-radius:15px;padding:15px;border:2px solid rgba(239,68,68,.15);display:flex;gap:12px;transition:all .3s ease}.avoid-card:hover{border-color:#ef444466;transform:translateY(-3px)}.avoid-number{width:30px;height:30px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.avoid-content h4{color:#ef4444;margin:0 0 10px;font-size:.95rem}.avoid-fix{background:#10b9811a;padding:10px;border-radius:8px}.avoid-fix span{color:#10b981;font-weight:700;font-size:.8rem}.avoid-fix p{color:#fffc;margin:5px 0 0;font-size:.85rem}.avoid-counter{text-align:center;padding:20px;background:#ffffff08;border-radius:15px}.avoid-counter span{color:#fff9}.avoid-counter strong{color:#ef4444;font-size:2rem;margin:0 10px}@media(max-width:480px){.avoid-grid{grid-template-columns:1fr}.categories-tabs{flex-direction:column}.cat-tab{justify-content:center}}.shawwal-page{padding:20px;max-width:700px;margin:0 auto}.shawwal-header{text-align:center;margin-bottom:25px}.shawwal-header h1{color:#fff;margin-bottom:5px}.shawwal-header p{color:#fff9}.bridge-visual{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;padding:20px 0}.island{text-align:center}.island span{font-size:2.5rem;display:block}.island p{color:#ffffffb3;font-size:.85rem;margin:5px 0 0}.ramadan-island{color:#10b981}.year-island{color:#d4af37}.bridge-tiles{display:flex;gap:8px}.bridge-tile{width:45px;height:45px;background:#d4af3726;border:2px solid rgba(212,175,55,.3);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}.bridge-tile:hover{transform:translateY(-5px);border-color:#d4af37}.bridge-tile.complete{background:linear-gradient(135deg,#d4af37,#f5e7a3);border-color:#d4af37}.tile-num{color:#fff;font-weight:700;font-size:.9rem}.bridge-tile.complete .tile-num{color:#1a1f3a}.tile-check{position:absolute;top:-5px;right:-5px;background:#10b981;color:#fff;width:18px;height:18px;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center}.bridge-progress{text-align:center;margin-bottom:25px}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#d4af37);border-radius:4px;transition:width .5s ease}.progress-text{color:#d4af37;font-weight:700}.bridge-complete{background:linear-gradient(135deg,#d4af3733,#10b9811a);border-radius:20px;padding:30px;text-align:center;margin-bottom:25px;border:2px solid rgba(212,175,55,.4);animation:glow 2s infinite}@keyframes glow{0%,to{box-shadow:0 0 10px #d4af3733}50%{box-shadow:0 0 30px #d4af3766}}.complete-icon{font-size:4rem;display:block;margin-bottom:15px}.bridge-complete h2{color:#d4af37;margin-bottom:10px}.bridge-complete p{color:#fffc;font-style:italic;margin-bottom:15px}.badge-earned{background:linear-gradient(135deg,#d4af37,#f5e7a3);color:#1a1f3a;padding:10px 20px;border-radius:25px;display:inline-block;font-weight:700}.shawwal-hadith{background:#ffffff08;border-radius:15px;padding:20px;text-align:center;margin-bottom:25px;border-left:3px solid #10b981}.shawwal-hadith p{color:#ffffffe6;font-style:italic;line-height:1.7;margin-bottom:10px;font-family:Amiri,serif}.shawwal-hadith span{color:#10b981;font-size:.85rem}.habit-section{background:#8b5cf61a;border-radius:20px;padding:20px;margin-bottom:25px;border:2px solid rgba(139,92,246,.2)}.habit-section h2{color:#8b5cf6;margin-bottom:10px}.habit-intro{color:#ffffffb3;margin-bottom:15px;line-height:1.6;font-size:.9rem}.habits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.habit-card{background:#ffffff0d;padding:15px 10px;border-radius:12px;text-align:center;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.habit-card:hover{transform:translateY(-3px);border-color:#8b5cf64d}.habit-card.selected{background:#8b5cf633;border-color:#8b5cf6}.habit-icon{font-size:1.5rem;display:block;margin-bottom:8px}.habit-name{color:#fffc;font-size:.8rem;display:block}.habit-locked{background:#10b981;color:#fff;padding:12px;border-radius:10px;text-align:center;font-weight:700}.orbital-section{text-align:center}.orbital-section h2{color:#fff;margin-bottom:20px}.orbit-visual{position:relative;width:200px;height:200px;margin:0 auto 20px}.orbit-ring{position:absolute;inset:0;border:2px dashed rgba(255,255,255,.2);border-radius:50%;animation:spin 60s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem}.orbit-earth{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:1.5rem;animation:orbit 10s linear infinite}@keyframes orbit{0%{transform:rotate(0) translateY(-90px) rotate(0)}to{transform:rotate(360deg) translateY(-90px) rotate(-360deg)}}.orbit-countdown{color:#fffc;margin-bottom:20px}.orbit-countdown strong{color:#d4af37;font-size:1.5rem}.checkpoints{display:flex;justify-content:center;gap:30px}.checkpoint{text-align:center;opacity:.5}.checkpoint.active{opacity:1}.checkpoint span{display:block;color:#d4af37;font-weight:700}.checkpoint small{color:#fff9;font-size:.75rem}@media(max-width:480px){.habits-grid{grid-template-columns:repeat(2,1fr)}.bridge-tiles{flex-wrap:wrap;justify-content:center}}.challenges-page{padding:20px;max-width:900px;margin:0 auto}.challenges-header{text-align:center;margin-bottom:25px}.challenges-header h1{color:#fff;margin-bottom:5px}.challenges-header p{color:#fff9}.challenge-stats{display:flex;justify-content:center;gap:40px;margin-bottom:25px}.stat-num{display:block;font-size:2rem;font-weight:700;color:#d4af37}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.challenge-card{background:#ffffff0d;border-radius:15px;padding:20px;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.challenge-card:hover{transform:translateY(-5px);border-color:#d4af374d}.challenge-card.joined{background:#10b9811a;border-color:#10b9814d}.challenge-icon{font-size:2.5rem;display:block;margin-bottom:10px}.challenge-card h3{color:#fff;font-size:1rem;margin-bottom:8px}.challenge-desc{color:#fff9;font-size:.85rem;margin-bottom:12px;line-height:1.5}.challenge-meta{display:flex;justify-content:space-between;align-items:center}.participants{color:#ffffff80;font-size:.8rem}.joined-badge{color:#10b981}.challenge-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#1a1f3a;border-radius:25px;padding:40px;max-width:400px;width:90%;text-align:center;position:relative;border:2px solid rgba(212,175,55,.3)}.modal-icon{font-size:4rem;display:block;margin-bottom:15px}.modal-content h2{color:#fff;margin-bottom:10px}.modal-content>p{color:#ffffffb3;margin-bottom:20px;line-height:1.6}.modal-stats{display:flex;justify-content:center;gap:30px;margin-bottom:25px}.modal-stat{text-align:center}.modal-stat span:first-child{display:block;font-size:1.5rem}.modal-stat span:last-child{color:#fff9;font-size:.85rem}.join-btn{width:100%;padding:15px;border-radius:25px;border:none;background:linear-gradient(135deg,#d4af37,#f5e7a3);color:#1a1f3a;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.join-btn:hover{transform:scale(1.02)}.join-btn.joined{background:#10b981;color:#fff}@media(max-width:480px){.challenges-grid{grid-template-columns:1fr}}.council-page{padding:20px;max-width:900px;margin:0 auto}.council-header{text-align:center;margin-bottom:25px}.council-header h1{color:#fff;margin-bottom:5px}.council-header p{color:#fff9}.problems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.problem-card{background:#ffffff0d;border-radius:15px;padding:20px;text-align:center;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.problem-card:hover{transform:translateY(-5px);border-color:#8b5cf666;background:#8b5cf61a}.prob-icon{font-size:2rem;display:block;margin-bottom:10px}.prob-text{color:#fff;font-size:.9rem}.solution-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.solution-content{background:linear-gradient(135deg,#1a1f3a,#0f172a);border-radius:25px;padding:30px;max-width:500px;width:100%;position:relative;border:2px solid rgba(139,92,246,.3)}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer}.solution-header{text-align:center;margin-bottom:25px}.sol-icon{font-size:3rem;display:block;margin-bottom:10px}.solution-header h2{color:#fff;margin-bottom:8px}.scholars{color:#8b5cf6;font-size:.85rem}.steps-section{margin-bottom:25px}.steps-section h3{color:#10b981;margin-bottom:15px}.steps-list{display:flex;flex-direction:column;gap:12px}.step-item{display:flex;gap:12px;background:#10b9811a;padding:15px;border-radius:12px}.step-num{width:28px;height:28px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.step-item p{color:#ffffffd9;margin:0;line-height:1.5}.dua-section{background:#d4af371a;border-radius:15px;padding:20px;margin-bottom:20px;text-align:center}.dua-section h3{color:#d4af37;margin-bottom:10px}.dua-text{color:#fff;font-style:italic;font-family:Amiri,serif;font-size:1.1rem;line-height:1.7;margin:0}.apply-btn{width:100%;padding:15px;border-radius:25px;border:none;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.apply-btn:hover{transform:scale(1.02);box-shadow:0 10px 30px #8b5cf64d}@media(max-width:480px){.problems-grid{grid-template-columns:repeat(2,1fr)}}.habits-page{padding:20px 20px 100px;max-width:600px;margin:0 auto}.habits-header{text-align:center;margin-bottom:25px}.habits-header h1{color:#fff;margin-bottom:5px}.habits-header p{color:#fff9}.habits-summary{display:flex;align-items:center;gap:30px;background:#ffffff0d;border-radius:20px;padding:20px;margin-bottom:20px}.summary-circle{position:relative;width:100px;height:100px}.summary-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#ffffff1a;stroke-width:3}.circle-progress{fill:none;stroke:#10b981;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.circle-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.circle-percent{color:#10b981;font-size:1.5rem;font-weight:700}.summary-stats{display:flex;gap:30px}.stat-item{text-align:center}.stat-num{display:block;font-size:1.8rem;font-weight:700;color:#fff}.stat-label{color:#ffffff80;font-size:.85rem}.category-filter{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.filter-btn{padding:8px 15px;border-radius:20px;border:2px solid rgba(255,255,255,.1);background:transparent;color:#fff;cursor:pointer;white-space:nowrap;transition:all .3s ease}.filter-btn.active{background:#10b98133;border-color:#10b981}.habits-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.habit-item{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:15px;border-radius:12px;border:2px solid transparent;transition:all .3s ease}.habit-item.completed{background:#10b9811a;border-color:#10b98133}.habit-item.completed .habit-text{text-decoration:line-through;opacity:.6}.habit-check{font-size:1.3rem;cursor:pointer}.habit-content{flex:1;display:flex;align-items:center;gap:10px}.habit-category{font-size:1.2rem}.habit-text{color:#fff}.habit-streak{background:#fbbf2433;color:#fbbf24;padding:2px 8px;border-radius:10px;font-size:.8rem}.habit-delete{background:none;border:none;font-size:1rem;cursor:pointer;opacity:.3;transition:opacity .3s}.habit-item:hover .habit-delete{opacity:1}.no-habits{text-align:center;padding:40px;color:#ffffff80}.no-habits span{font-size:3rem;display:block;margin-bottom:10px}.add-habit-btn{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:15px 30px;border-radius:30px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 5px 20px #10b98166}.add-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1a1f3a;border-radius:25px;padding:25px;max-width:450px;width:100%;position:relative;max-height:90vh;overflow-y:auto}.modal-content h3{color:#fff;text-align:center;margin-bottom:20px}.close-modal{position:absolute;top:15px;right:15px;background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer}.category-select{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.cat-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:transparent;color:#fff;cursor:pointer;font-size:.8rem;transition:all .3s}.cat-btn span:first-child{font-size:1.5rem}.cat-btn.active{background:#10b98133;border-color:#10b981}.suggested-habits{margin-bottom:20px}.suggested-habits>p{color:#fff9;margin-bottom:10px;font-size:.9rem}.suggestions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.suggestion-btn{padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#fff;font-size:.85rem;cursor:pointer;text-align:right;transition:all .3s}.suggestion-btn:hover{background:#10b9811a;border-color:#10b981}.custom-input{margin-top:15px}.custom-input>p{color:#fff9;margin-bottom:10px;font-size:.9rem}.custom-input input{width:100%;padding:12px 15px;border-radius:10px;border:2px solid rgba(255,255,255,.1);background:#0003;color:#fff;font-size:1rem;margin-bottom:10px}.custom-input input:focus{border-color:#10b981;outline:none}.custom-input button{width:100%;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;cursor:pointer}@media(max-width:480px){.habits-summary{flex-direction:column}.category-select{grid-template-columns:repeat(2,1fr)}}.real-muslim-page{padding:20px;max-width:1000px;margin:0 auto}.page-header{text-align:center;margin-bottom:25px}.page-header h1{color:#fff;font-size:1.8rem;margin-bottom:8px}.page-header p{color:#fff9}.tabs-container{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:25px}.tab-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .3s ease;min-width:70px}.tab-btn:hover{border-color:#10b98180;background:#10b9811a}.tab-btn.active{background:linear-gradient(135deg,#10b9814d,#10b9811a);border-color:#10b981;color:#fff}.tab-icon{font-size:1.3rem}.tab-label{font-size:.7rem}.content-container{min-height:400px;margin-bottom:25px}.methodology-section{display:flex;flex-direction:column;gap:20px}.core-principle{background:linear-gradient(135deg,#10b98126,#10b9810d);border-radius:20px;padding:30px;text-align:center;border:2px solid rgba(16,185,129,.3)}.principle-icon{font-size:4rem;margin-bottom:15px}.core-principle h3{color:#10b981;margin-bottom:15px}.principle-text{color:#fff;font-size:1.2rem;line-height:1.8}.approach-steps{background:#ffffff0d;border-radius:15px;padding:20px}.approach-steps h4{color:#d4af37;margin-bottom:15px}.approach-step{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.approach-step:last-child{border-bottom:none}.step-order{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#f5e7a3);color:#1a1f3a;display:flex;align-items:center;justify-content:center;font-weight:700}.step-text{color:#ffffffe6;flex:1}.warning-box{display:flex;align-items:flex-start;gap:15px;background:#ef44441a;border-radius:15px;padding:20px;border-left:4px solid #ef4444}.warning-icon{font-size:1.5rem}.warning-box p{color:#fffc;line-height:1.6;margin:0}.rulings-section{display:flex;flex-direction:column;gap:12px}.ruling-card{background:#ffffff0d;border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.ruling-card:hover{border-color:#d4af374d}.ruling-card.expanded{border-color:#d4af37;background:#d4af371a}.ruling-header{display:flex;align-items:center;gap:15px}.ruling-icon{font-size:2rem}.ruling-header h4{color:#fff;margin:0}.ruling-details{margin-top:20px;display:flex;flex-direction:column;gap:15px}.ruling-layer{padding:15px;border-radius:10px}.ruling-layer.taabbudi{background:#10b9811a;border-left:3px solid #10b981}.ruling-layer.psychology{background:#8b5cf61a;border-left:3px solid #8b5cf6}.ruling-layer.science{background:#3b82f61a;border-left:3px solid #3b82f6}.layer-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.8rem;margin-bottom:10px;background:#ffffff1a;color:#fff}.ruling-layer p{color:#fffc;margin:0;line-height:1.6}.myths-section{display:flex;flex-direction:column;gap:20px}.category-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{padding:8px 14px;border-radius:20px;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#ffffffb3;cursor:pointer;font-size:.8rem;transition:all .3s ease}.filter-btn:hover,.filter-btn.active{background:#ffffff1a}.myths-grid{display:flex;flex-direction:column;gap:12px}.myth-card{background:#ffffff0d;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease;border-left:4px solid}.myth-card:hover{background:#ffffff14}.myth-header{display:flex;gap:15px}.myth-icon{font-size:1.5rem}.myth-content{flex:1}.myth-text{color:#fff;margin:0 0 8px}.myth-verdict{display:inline-block;padding:3px 10px;border-radius:15px;font-size:.75rem}.myth-correction{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.correction-label{color:#10b981;font-weight:700;display:block;margin-bottom:5px}.myth-correction p{color:#fffc;margin:0;line-height:1.5}.list-section{background:#ffffff08;border-radius:20px;padding:20px}.list-header h3{color:#fff;margin-bottom:20px}.list-items{display:flex;flex-direction:column;gap:12px}.list-item{display:flex;gap:15px;padding:15px;border-radius:12px}.do-item{background:#10b9811a;border-left:3px solid #10b981}.dont-item{background:#ef44441a;border-left:3px solid #ef4444}.item-number{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.do-item .item-number{background:#10b9814d;color:#10b981}.dont-item .item-number{background:#ef44444d;color:#ef4444}.item-content{flex:1}.item-text{color:#fff;margin:0 0 8px;font-size:1rem}.item-benefit,.item-reason{font-size:.85rem;color:#fff9}.silence-section{background:#8b5cf60d;border-radius:20px;padding:25px}.silence-header h3{color:#8b5cf6;margin-bottom:20px}.silence-items{display:flex;flex-direction:column;gap:12px}.silence-item{display:flex;gap:15px;padding:15px;background:#8b5cf61a;border-radius:12px;border-left:3px solid #8b5cf6}.silence-number{width:30px;height:30px;border-radius:50%;background:#8b5cf64d;color:#8b5cf6;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.silence-content{flex:1}.silence-situation{color:#fff;margin:0 0 5px}.silence-action{color:#8b5cf6;font-size:.9rem}.truth-section{background:#3b82f60d;border-radius:20px;padding:25px}.truth-section h3{color:#3b82f6;margin-bottom:20px}.algorithm-steps{display:flex;flex-direction:column;gap:20px}.algorithm-step{background:#3b82f61a;border-radius:15px;padding:20px;border-left:4px solid #3b82f6}.step-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.step-num{width:35px;height:35px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.step-header h4{color:#fff;margin:0}.step-questions{margin:0;padding-left:50px}.step-questions li{color:#fffc;margin-bottom:8px;line-height:1.5}.habits-section{background:#d4af370d;border-radius:20px;padding:25px}.habits-section h3{color:#d4af37;margin-bottom:20px}.habits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.habit-card{display:flex;gap:15px;background:#d4af371a;border-radius:12px;padding:15px;border-left:3px solid #d4af37}.habit-number{width:30px;height:30px;border-radius:50%;background:#d4af374d;color:#d4af37;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.habit-content h5{color:#fff;margin:0 0 5px;font-size:.95rem}.habit-content p{color:#fff9;margin:0;font-size:.85rem}.stats-bar{display:flex;justify-content:center;gap:30px;padding:20px;background:#ffffff0d;border-radius:15px}.stat{text-align:center}.stat-num{display:block;font-size:1.8rem;font-weight:700;color:#10b981}.stat-label{color:#fff9;font-size:.85rem}.reminders-section{background:linear-gradient(135deg,#10b98114,#10b98105);border-radius:20px;padding:25px;border:1px solid rgba(16,185,129,.2)}.reminders-section h3{color:#10b981;margin-bottom:20px;text-align:center}.reminders-grid{display:flex;flex-direction:column;gap:20px}.reminder-card{background:#10b9811a;border-radius:15px;padding:20px;border-left:4px solid #10b981;transition:all .3s ease}.reminder-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #10b98133}.reminder-verse{margin-bottom:15px}.verse-text{display:block;color:#fff;font-size:1.1rem;line-height:1.8;margin-bottom:10px;font-weight:500}.verse-source{display:inline-block;padding:4px 12px;border-radius:20px;background:#10b98133;color:#10b981;font-size:.8rem}.reminder-encouragement{padding-top:15px;border-top:1px solid rgba(16,185,129,.2);color:#fffc;font-style:italic;line-height:1.6}@media(max-width:600px){.tabs-container{gap:5px}.tab-btn{min-width:55px;padding:8px 10px}.tab-icon{font-size:1.1rem}.tab-label{font-size:.6rem}.habits-grid{grid-template-columns:1fr}.stats-bar{gap:15px}.stat-num{font-size:1.4rem}}.your-heart-page{padding-bottom:80px;animation:fadeIn .8s ease-out}.heart-hero{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border-radius:0 0 40px 40px;margin-bottom:40px;position:relative;overflow:hidden;border-bottom:1px solid rgba(16,185,129,.2)}.heart-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 60%);animation:rotate 20s linear infinite;z-index:0}.heart-icon-large{font-size:5rem;margin-bottom:20px;animation:floating 3s ease-in-out infinite;position:relative;z-index:1}.heart-hero h1{font-family:var(--font-heading);font-size:2.5rem;background:linear-gradient(135deg,#fff,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px;position:relative;z-index:1}.heart-verse{font-family:var(--font-quran);font-size:1.8rem;color:#10b981;margin-bottom:15px;text-shadow:0 0 10px rgba(16,185,129,.3);position:relative;z-index:1}.heart-hadith{font-size:1rem;color:var(--color-text-secondary);max-width:700px;margin:0 auto;font-style:italic;line-height:1.6;position:relative;z-index:1}.heart-progress-section{max-width:800px;margin:0 auto 40px;padding:0 20px}.progress-header{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:600}.progress-bar-bg{height:12px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:5px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:10px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.progress-percentage{display:block;text-align:right;font-size:.9rem;color:#10b981;font-weight:700}.heart-filters{max-width:1000px;margin:0 auto 30px;padding:0 20px}.filter-group{margin-bottom:20px}.filter-group label{display:block;margin-bottom:10px;color:var(--color-text-secondary);font-size:.9rem}.category-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pill{padding:8px 16px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.pill:hover{background:#ffffff1a;transform:translateY(-2px)}.pill.active{background:#10b98133;border-color:#10b981;color:#10b981;box-shadow:0 0 15px #10b98133}.filter-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-top:20px;background:#ffffff08;padding:15px;border-radius:15px}.filter-group.small select{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 12px;border-radius:10px;min-width:120px}.toggle-science{display:flex;align-items:center}.toggle-science label{margin:0;cursor:pointer;display:flex;align-items:center;gap:10px;color:#10b981}.toggle-science input{accent-color:#10b981;width:18px;height:18px}.methods-count{text-align:center;color:var(--color-text-secondary);font-size:.9rem;margin-bottom:20px}.heart-methods-grid{display:flex;flex-direction:column;gap:15px;max-width:900px;margin:0 auto;padding:0 20px}.heart-method-card{background:var(--color-surface);border-radius:15px;border-left:5px solid #10b981;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.05)}.heart-method-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 10px 30px #0000004d}.heart-method-card.completed{opacity:.8;background:#10b9810d}.heart-method-card.expanded{box-shadow:0 15px 40px #10b98126;border:1px solid rgba(16,185,129,.3);background:linear-gradient(to bottom,var(--color-surface),rgba(16,185,129,.05))}.method-header{display:flex;align-items:center;gap:15px;padding:20px;cursor:pointer}.method-number{font-size:.8rem;color:#ffffff4d;font-weight:700;min-width:25px}.method-category-icon{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.method-main{flex:1}.method-title{margin:0 0 5px;font-size:1.1rem;font-weight:600}.method-difficulty{font-size:.7rem;padding:2px 8px;border-radius:10px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.complete-btn{width:35px;height:35px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:transparent;color:transparent;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.complete-btn:hover{border-color:#10b981}.complete-btn.checked{background:#10b981;border-color:#10b981;color:#fff;transform:scale(1.1)}.method-details{padding:20px 20px 20px 80px;animation:slideDown .3s ease-out;border-top:1px solid rgba(255,255,255,.05);margin-top:-10px}.detail-section{margin-bottom:20px}.detail-label{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.detail-section p{margin:0;line-height:1.7;color:#ffffffe6}.detail-section.islamic p{font-family:var(--font-primary);font-size:1.05rem;color:#e5e7eb}.detail-section.science{background:#10b9811a;padding:15px;border-radius:10px;border-left:3px solid #10b981}.detail-section.science .detail-label{color:#10b981}.heart-bottom-info{margin-top:50px;padding:0 20px;max-width:800px;margin-left:auto;margin-right:auto}.info-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);padding:25px;border-radius:20px}.info-card h4{margin-top:0;color:#10b981;margin-bottom:15px}.info-card ul{padding-inline-start:20px;margin-bottom:0}.info-card li{margin-bottom:10px;color:var(--color-text-secondary)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.heart-hero h1{font-size:2rem}.heart-verse{font-size:1.4rem}.method-details{padding-left:20px}.filter-row{flex-direction:column;align-items:stretch}.filter-group.small select{width:100%}}.welcome-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1a1f3a,#0f766e);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;position:relative}.skip-btn{position:absolute;top:20px;left:20px;background:none;border:none;color:#ffffff80;font-size:1rem;cursor:pointer;transition:color .3s}.skip-btn:hover{color:#fff}.slide-container{flex:1;display:flex;align-items:center;justify-content:center;max-width:500px}.slide{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-visual{font-size:3rem;margin-bottom:15px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.slide-icon{font-size:5rem;margin-bottom:20px}.slide h1{color:#fff;font-size:2rem;margin-bottom:15px}.slide p{color:#ffffffb3;font-size:1.2rem;line-height:1.6}.features-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0;max-width:400px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:15px 10px;background:#ffffff0d;border-radius:12px;font-size:.8rem;color:#fffc}.feature-item span:first-child{font-size:1.5rem}.slide-dots{display:flex;gap:10px;margin:25px 0}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s}.dot.active{background:#d4af37;transform:scale(1.3)}.next-btn{padding:15px 40px;border-radius:30px;border:none;background:linear-gradient(135deg,#d4af37,#f5e7a3);color:#1a1f3a;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.next-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #d4af3766}.user-greeting{position:absolute;bottom:20px;color:#ffffff80;font-size:.9rem}@media(max-width:480px){.features-preview{grid-template-columns:repeat(2,1fr)}.slide h1{font-size:1.5rem}.slide-icon{font-size:4rem}}.focus-cave-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all 1s ease-in-out;padding:20px;font-family:Amiri,serif}.focus-cave-container.cave{background:#050505;color:#e5e5e5}.focus-cave-container.light{background:#1c1917;color:#fbbf24}.focus-cave-container.active{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;cursor:none}@keyframes breathing{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.6}}.breathing-circle{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);position:absolute;animation:breathing 8s infinite ease-in-out}.cave-setup{text-align:center;max-width:500px;animation:fadeIn 1s ease}.cave-icon{font-size:5rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.cave-setup h1{font-size:3rem;margin-bottom:.5rem;letter-spacing:2px}.cave-subtitle{opacity:.7;margin-bottom:2rem;font-size:1.1rem}.duration-selector,.mode-selector{display:flex;justify-content:center;gap:15px;margin-bottom:25px}.duration-selector button{background:transparent;border:1px solid rgba(255,255,255,.2);color:inherit;padding:10px 25px;border-radius:30px;cursor:pointer;transition:all .3s;font-size:1.1rem}.duration-selector button.selected{background:#ffffff26;border-color:currentColor;transform:scale(1.05)}.mode-selector label{cursor:pointer;display:flex;align-items:center;gap:8px;opacity:.6;transition:opacity .3s}.mode-selector label:hover,.mode-selector input:checked+span{opacity:1}.mode-selector input{display:none}.psych-hook-text{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:12px;border-radius:10px;font-size:.9rem;margin-bottom:30px}.enter-cave-btn{background:linear-gradient(135deg,#374151,#111827);color:#fff;border:1px solid rgba(255,255,255,.1);padding:15px 40px;border-radius:50px;font-size:1.2rem;cursor:pointer;transition:all .5s;box-shadow:0 10px 30px #00000080}.enter-cave-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #000000b3;background:linear-gradient(135deg,#4b5563,#1f2937)}.cave-active-session{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.timer-display{font-size:8rem;font-weight:700;font-variant-numeric:tabular-nums;z-index:10;text-shadow:0 0 30px rgba(255,255,255,.1)}.focus-dhikr{font-size:2.5rem;margin-top:2rem;opacity:.8;z-index:10;text-shadow:0 0 20px rgba(255,255,255,.2)}.exit-cave-btn{position:fixed;bottom:30px;opacity:0;transition:opacity .5s;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff80;padding:10px 20px;border-radius:20px;cursor:pointer;z-index:20}.focus-cave-container.active:hover .exit-cave-btn{opacity:1}.exit-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#141414f2;padding:40px;border-radius:20px;border:1px solid rgba(255,255,255,.1);text-align:center;z-index:100;box-shadow:0 0 50px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exit-confirm-modal p{font-size:1.5rem;margin-bottom:30px;color:#ef4444}.confirm-actions{display:flex;gap:20px;justify-content:center}.stay-btn{background:#10b981;color:#fff;border:none;padding:12px 30px;border-radius:10px;cursor:pointer;font-size:1.1rem}.leave-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:12px 30px;border-radius:10px;cursor:pointer}.leave-btn:hover{border-color:#ef4444;color:#ef4444}.orchard-container{padding:20px 20px 80px;background:linear-gradient(180deg,#f0fdf4,#dcfce7);min-height:100vh;color:#166534}[data-theme=oled-midnight] .orchard-container,[data-theme=fajr-twilight] .orchard-container{background:linear-gradient(180deg,#064e3b,#065f46);color:#ecfccb}.orchard-header{text-align:center;margin-bottom:30px;padding:20px;background:#fff6;border-radius:25px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 30px #0000000d}.orchard-icon{font-size:4rem;margin-bottom:10px;animation:sway 3s ease-in-out infinite;transform-origin:bottom center}.orchard-subtitle{opacity:.8;margin-bottom:20px}.orchard-stats{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.stat-card{background:#fff;padding:15px 25px;border-radius:15px;display:flex;flex-direction:column;align-items:center;box-shadow:0 5px 15px #0000000d;min-width:120px}.stat-card.gold{background:linear-gradient(135deg,#fefce8,#fef9c3);border:2px solid #fbbf24}.stat-value{font-size:1.8rem;font-weight:700;color:#15803d}.stat-card.gold .stat-value{color:#d97706}.stat-label{font-size:.8rem;opacity:.7;text-transform:uppercase}.next-tree-progress{background:#ffffff80;padding:15px;border-radius:15px;max-width:400px;margin:0 auto}.progress-info{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.9rem;font-weight:700}.garden-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:20px;padding:20px;perspective:1000px;max-width:800px;margin:0 auto}.garden-slot{aspect-ratio:1;position:relative;display:flex;justify-content:center;align-items:center;transition:transform .3s}.garden-slot.occupied:after,.garden-slot.next .soil-mound{content:"";position:absolute;bottom:10px;width:60px;height:20px;background:#78350f;border-radius:50%;z-index:1;box-shadow:0 5px #451a03}.garden-slot.empty .soil-patch{width:50px;height:15px;background:#78350f33;border-radius:50%}.tree-asset{font-size:3.5rem;position:relative;z-index:2;transform-origin:bottom center;bottom:15px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.2))}.garden-slot.occupied .tree-asset{animation:growPop .6s cubic-bezier(.175,.885,.32,1.275)}.tree-asset.ghost{opacity:.5;filter:grayscale(100%);font-size:2.5rem}.tree-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(251,191,36,.4) 0%,transparent 70%);z-index:0;opacity:0;animation:glowPulse 2s infinite}.garden-slot.occupied .tree-glow{opacity:1}.orchard-hadith{margin-top:40px;text-align:center;padding:20px;background:#ffffff4d;border-radius:15px;font-style:italic;color:#166534}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes growPop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@media(max-width:480px){.garden-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.tree-asset{font-size:2.5rem}}.mizan-widget{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;text-align:center;max-width:400px;margin:20px auto;position:relative;overflow:hidden}.mizan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mizan-header h3{margin:0;font-size:1.1rem;color:var(--color-text-primary)}.live-badge{background:#ef4444;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:700;animation:pulse 1s infinite}.scale-container{height:150px;position:relative;display:flex;justify-content:center;align-items:flex-end;margin-bottom:15px}.scale-base{width:60px;height:10px;background:#4b5563;border-radius:5px 5px 0 0;position:absolute;bottom:0}.scale-pillar{width:8px;height:100px;background:#6b7280;position:absolute;bottom:10px}.scale-beam{width:180px;height:4px;background:#9ca3af;position:absolute;top:50px;transform-origin:center;transition:transform 1s cubic-bezier(.34,1.56,.64,1)}.scale-pan{position:absolute;top:0;width:50px;display:flex;flex-direction:column;align-items:center}.scale-pan.left{left:0}.scale-pan.right{right:0}.pan-chain{width:2px;height:40px;background:#ffffff4d}.pan-dish{width:50px;height:25px;border-radius:0 0 25px 25px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;position:relative}.pan-dish.gold{background:linear-gradient(135deg,#fbbf2433,#f59e0b4d);border-color:#fbbf24;box-shadow:0 0 15px #fbbf2433}.pan-label{font-size:1.2rem;margin-top:-15px}.hasanat-particles{position:absolute;width:100%;height:100%;overflow:hidden;border-radius:0 0 25px 25px}.mizan-status{font-size:.9rem;font-weight:700;min-height:20px}.status-good{color:#10b981}.status-bad{color:#ef4444}.status-neutral{color:#9ca3af}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.narrator-bubble{position:fixed;bottom:100px;left:30px;max-width:350px;background:linear-gradient(135deg,#1a1f3afa,#0f172afa);border-radius:20px;padding:20px;box-shadow:0 15px 50px #00000080,0 0 30px #d4af3733;border:2px solid rgba(212,175,55,.3);z-index:9999;display:flex;gap:15px;animation:bubbleIn .5s ease}.narrator-bubble.editing-mode{max-width:400px;border-color:#10b98180;box-shadow:0 15px 50px #00000080,0 0 30px #10b98133}.narrator-bubble.comfort-mode{border-color:#10b98199;box-shadow:0 15px 50px #00000080,0 0 40px #10b98166;animation:comfortPulse 2s ease infinite}@keyframes comfortPulse{0%,to{box-shadow:0 15px 50px #00000080,0 0 40px #10b9814d}50%{box-shadow:0 15px 50px #00000080,0 0 60px #10b98199}}.narrator-text.comfort-text{color:#10b981;font-size:1.1rem;font-weight:600;line-height:1.7;text-align:center}.comfort-actions{display:flex;justify-content:center;margin-top:15px}.comfort-btn{background:linear-gradient(135deg,#10b981,#34d399)!important;padding:10px 24px!important;font-size:1rem!important}@keyframes bubbleIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.narrator-avatar{font-size:2.5rem;flex-shrink:0;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.narrator-content{flex:1}.narrator-text{color:#fff;font-size:1rem;line-height:1.5;margin-bottom:12px}.narrator-text.ask-edit{color:#fbbf24;font-weight:600}.narrator-text.editing-title{color:#10b981;font-weight:600;border-bottom:1px solid rgba(16,185,129,.3);padding-bottom:10px;margin-bottom:15px}.narrator-dots{display:flex;gap:6px;margin-bottom:12px}.narrator-dots .dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .3s}.narrator-dots .dot.active{background:#d4af37;transform:scale(1.3)}.narrator-actions{display:flex;gap:10px;flex-wrap:wrap}.narrator-next,.narrator-yes,.narrator-save{padding:8px 16px;border-radius:20px;border:none;background:linear-gradient(135deg,#d4af37,#f5e7a3);color:#1a1f3a;font-weight:600;cursor:pointer;transition:all .3s;font-size:.9rem}.narrator-next:hover,.narrator-yes:hover,.narrator-save:hover{transform:scale(1.05);box-shadow:0 5px 20px #d4af3766}.narrator-save{background:linear-gradient(135deg,#10b981,#34d399)}.narrator-no,.narrator-cancel{padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .3s}.narrator-no:hover,.narrator-cancel:hover{border-color:#ef444480;color:#ef4444}.narrator-dismiss{padding:8px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ffffff80;font-size:.75rem;cursor:pointer;transition:all .3s}.narrator-dismiss:hover{border-color:#ef444480;color:#ef4444}.narrator-close{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#1a1f3a;color:#fff;font-size:.8rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.narrator-close:hover{background:#ef4444;border-color:#ef4444}.edit-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:15px;max-height:200px;overflow-y:auto}.edit-field{display:flex;flex-direction:column;gap:5px}.edit-field label{color:#ffffffb3;font-size:.8rem}.edit-field input,.edit-field select{padding:10px 12px;border-radius:10px;border:2px solid rgba(255,255,255,.1);background:#0000004d;color:#fff;font-size:1rem;transition:all .3s}.edit-field input:focus,.edit-field select:focus{outline:none;border-color:#10b981;box-shadow:0 0 10px #10b9814d}.edit-field input[type=number]{width:100%}.edit-field select{cursor:pointer}.edit-field select option{background:#1a1f3a;color:#fff}.edit-fields::-webkit-scrollbar{width:5px}.edit-fields::-webkit-scrollbar-track{background:#ffffff0d;border-radius:5px}.edit-fields::-webkit-scrollbar-thumb{background:#10b98180;border-radius:5px}@media(max-width:480px){.narrator-bubble{left:10px;right:10px;bottom:80px;max-width:none}.narrator-bubble.editing-mode{max-width:none}}.watermark{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;z-index:50;opacity:.6;transition:opacity .3s}.watermark:hover{opacity:1}.watermark-quote{font-family:Amiri,serif;color:#fff6;font-size:.9rem;margin-bottom:5px;text-shadow:0 1px 2px rgba(0,0,0,.5);background:#0003;padding:5px 10px;border-radius:10px}.watermark-footer{display:flex;align-items:center;gap:10px}.watermark-sender{color:#10b981;font-weight:700;font-size:.8rem;letter-spacing:1px}.watermark-copyright{font-size:.7rem;color:#fff3;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.watermark{bottom:15px;right:15px}.watermark-quote{font-size:.8rem;max-width:200px;text-align:right}}.dua-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:99999;animation:fadeIn .5s ease}.dua-popup-content{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid rgba(16,185,129,.3);border-radius:20px;padding:40px;width:90%;max-width:500px;text-align:center;box-shadow:0 25px 50px #00000080;position:relative;overflow:hidden}.dua-popup-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#10b981,#34d399,#10b981)}.dua-icon{font-size:3rem;margin-bottom:20px;animation:float 3s ease-in-out infinite}.dua-popup-content h2{color:#10b981;margin-bottom:20px;font-family:Amiri,serif;font-size:1.8rem}.dua-text{font-size:1.2rem;line-height:1.8;color:#e5e7eb;margin-bottom:30px;font-family:Amiri,serif;background:#ffffff0d;padding:20px;border-radius:10px}.dua-actions{display:flex;flex-direction:column;gap:15px;align-items:center}.ameen-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 60px;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 10px 20px #10b9814d}.ameen-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #10b98166}.skip-btn{background:transparent;border:none;color:#fff6;font-size:.9rem;cursor:pointer;transition:color .3s}.skip-btn:hover{color:#fffc}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-pop{animation:zoomIn .3s cubic-bezier(.175,.885,.32,1.275)}.multiplier-container{position:fixed;bottom:100px;right:20px;z-index:9999;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.multiplier-popup{background:#10b981e6;color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-family:var(--font-heading);box-shadow:0 4px 15px #10b98166;display:flex;align-items:center;gap:8px;animation:popUpFade 1.5s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.multiplier-popup.mega{background:linear-gradient(135deg,gold,#f59e0b);color:#000;font-size:1.2rem;padding:12px 24px;border:2px solid #FFF;box-shadow:0 0 20px #ffd70099}.amount{font-size:1.2em}.label{font-size:.8em;text-transform:uppercase;background:#0000001a;padding:2px 6px;border-radius:4px}@keyframes popUpFade{0%{opacity:0;transform:translateY(20px) scale(.8)}15%{opacity:1;transform:translateY(0) scale(1.1)}30%{transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px)}}@media(max-width:768px){.multiplier-container{bottom:120px;right:10px}}