@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@300;400;600;700;800;900&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";:root{--bg-primary:#040b12;--bg-secondary:#081420;--bg-card:#0c1c308c;--bg-card-hover:#10263ea6;--bg-glass:#0c1c3073;--bg-sidebar:#06101cf2;--border-glass:#a08c5a1a;--border-gold:#b49b5038;--border-active:#b49b5073;--gold:#c9a84c;--gold-light:#e8d48b;--gold-dark:#8a7030;--gold-glow:#c9a84c26;--gold-glow-strong:#c9a84c59;--emerald:#1b8a6b;--emerald-light:#2ec49a;--emerald-dark:#0d5c47;--emerald-glow:#1b8a6b26;--text-primary:#e6ddd0;--text-secondary:#e6ddd08c;--text-muted:#e6ddd04d;--text-gold:var(--gold-light);--success:#2ec49a;--danger:#d95555;--font-body:"Cairo", sans-serif;--font-quran:"Noto Naskh Arabic", "Amiri", serif;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;direction:rtl;background-image:radial-gradient(at 20% 0,#1b8a6b0f 0%,#0000 50%),radial-gradient(at 80% 100%,#c9a84c0a 0%,#0000 50%);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes glow{0%,to{box-shadow:0 0 15px var(--gold-glow)}50%{box-shadow:0 0 30px var(--gold-glow), 0 0 60px #c9a84c0f}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ripple{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes starTwinkle{0%,to{opacity:.1}50%{opacity:.6}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}.stars-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.star{background:var(--gold-light);animation:starTwinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay);border-radius:50%;position:absolute}.app-layout{z-index:1;min-height:100vh;position:relative}.sidebar{display:none}@media (width>=900px){.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--border-gold);z-index:50;flex-direction:column;padding:32px 20px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.sidebar-header{text-align:center;margin-bottom:24px}.sidebar-logo{font-family:var(--font-quran);color:var(--gold);text-shadow:0 0 30px var(--gold-glow);letter-spacing:2px;font-size:42px;font-weight:700}.sidebar-tagline{color:var(--text-muted);letter-spacing:.3px;margin-top:4px;font-size:11px}.sidebar-decoration{text-align:center;opacity:.5;margin-bottom:28px;animation:6s infinite breathe}.sidebar-nav{flex-direction:column;flex:1;gap:6px;display:flex}.sidebar-nav-item{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);text-align:right;background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:14px 16px;transition:all .3s;display:flex;position:relative}.sidebar-nav-item:hover{border-color:var(--border-glass);background:#c9a84c0a}.sidebar-nav-item.active{border-color:var(--border-gold);box-shadow:0 0 16px var(--gold-glow);background:#c9a84c14}.sidebar-nav-item.active:before{content:"";background:linear-gradient(180deg, transparent, var(--gold), transparent);border-radius:2px;width:3px;height:60%;position:absolute;top:20%;right:-20px}.sidebar-nav-icon{border:1px solid var(--border-glass);width:36px;height:36px;color:var(--text-muted);background:#c9a84c0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--gold);border-color:var(--border-gold);background:#c9a84c1f}.sidebar-nav-text{flex-direction:column;display:flex}.sidebar-nav-label{color:var(--text-secondary);font-size:14px;font-weight:800;transition:color .3s}.sidebar-nav-item.active .sidebar-nav-label{color:var(--gold)}.sidebar-nav-desc{color:var(--text-muted);margin-top:2px;font-size:10px}.sidebar-footer{text-align:center;border-top:1px solid var(--border-glass);color:var(--text-muted);font-size:11px;font-family:var(--font-quran);justify-content:center;align-items:center;gap:8px;padding-top:20px;display:flex}.main-content{margin-right:var(--sidebar-width);min-height:100vh}.mobile-nav{display:none!important}}.mobile-nav{-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-gold);z-index:100;padding:6px 0;padding-bottom:env(safe-area-inset-bottom,6px);background:#040b12f0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:8px 16px;font-size:10px;font-weight:700;transition:all .3s;display:flex;position:relative}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--gold)}.mobile-nav-item.active:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);border-radius:2px;width:24px;height:3px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.mobile-nav-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.page{max-width:560px;margin:0 auto;padding:20px 16px 130px;animation:.5s fadeIn}@media (width>=900px){.page{max-width:640px;padding:40px 32px 60px}}.app-header{text-align:center;padding:20px 0 12px}@media (width>=900px){.app-header{padding:28px 0 16px}}.app-logo{font-family:var(--font-quran);color:var(--gold);text-shadow:0 0 30px var(--gold-glow);font-size:46px;font-weight:700;display:inline-block;position:relative}.app-logo:before,.app-logo:after{content:"✦";color:var(--gold-dark);opacity:.4;font-size:10px;position:absolute;top:50%;transform:translateY(-50%)}.app-logo:before{right:-20px}.app-logo:after{left:-20px}@media (width>=900px){.app-logo{display:none}.app-tagline{margin-top:0!important;font-size:14px!important}}.app-tagline{color:var(--text-secondary);letter-spacing:.3px;margin-top:2px;font-size:12px}.islamic-header-decoration{opacity:.3;justify-content:center;margin:-4px 0 8px;display:flex}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:22px;transition:all .3s}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-gold)}.section-title{align-items:center;gap:10px;margin-bottom:6px;font-size:20px;font-weight:800;display:flex}.section-title .icon{color:var(--gold);align-items:center;display:flex}.section-subtitle{color:var(--text-secondary);margin-bottom:18px;font-size:13px;line-height:1.9}.verse-card{border:1px solid var(--border-gold);border-radius:var(--radius-xl);text-align:center;background:linear-gradient(160deg,#c9a84c0d,#1b8a6b08,#c9a84c05);padding:28px 22px;position:relative;overflow:hidden}.verse-card:before,.verse-card:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dark), transparent);height:1px;position:absolute;left:0;right:0}.verse-card:before{top:0}.verse-card:after{bottom:0}.verse-brackets{font-family:var(--font-quran);color:var(--gold-dark);opacity:.35;font-size:32px;line-height:1}.verse-text{font-family:var(--font-quran);color:var(--gold-light);text-shadow:0 0 20px var(--gold-glow);margin:6px 0 10px;font-size:24px;line-height:2.2}.verse-ref{color:var(--text-muted);letter-spacing:.4px;margin-bottom:14px;font-size:11px}.verse-audio-btn{color:var(--gold);cursor:pointer;font-family:var(--font-body);background:#c9a84c14;border:1px solid #c9a84c33;border-radius:50px;align-items:center;gap:8px;padding:10px 22px;font-size:12px;font-weight:700;transition:all .3s;display:inline-flex}.verse-audio-btn:hover{box-shadow:0 0 16px var(--gold-glow);background:#c9a84c24}.verse-audio-btn.playing{box-shadow:0 0 20px var(--gold-glow);background:#c9a84c2e;animation:2s infinite breathe}.verse-audio-btn svg{width:14px;height:14px}.hadith-card{border-radius:var(--radius-lg);background:#1b8a6b0a;border:1px solid #1b8a6b1f;margin-top:14px;padding:20px;position:relative}.hadith-card:before{content:"";background:linear-gradient(90deg, transparent, var(--emerald), transparent);border-radius:2px;width:36px;height:2px;position:absolute;top:0;right:18px}.hadith-label{color:var(--emerald-light);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:800;display:flex}.hadith-label svg{width:13px;height:13px}.hadith-text{font-family:var(--font-quran);color:var(--emerald-light);margin-bottom:8px;font-size:16px;line-height:2}.hadith-source{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.hadith-source svg{width:11px;height:11px}.mood-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}@media (width>=900px){.mood-grid{grid-template-columns:repeat(4,1fr)}}.mood-btn{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-body);flex-direction:column;align-items:center;gap:10px;padding:20px 14px;transition:all .35s;display:flex;position:relative;overflow:hidden}.mood-btn:after{content:"";background:radial-gradient(circle at center, var(--gold-glow) 0%, transparent 70%);opacity:0;transition:opacity .35s;position:absolute;inset:0}.mood-btn:hover:after{opacity:.3}.mood-btn:hover{border-color:var(--border-gold);transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.mood-icon{width:36px;height:36px;color:var(--gold);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.mood-icon svg{width:30px;height:30px}.mood-label{color:var(--text-primary);z-index:1;font-size:13px;font-weight:700;position:relative}.mood-result{animation:.5s fadeInUp}.mood-result-header{text-align:center;margin-bottom:18px}.mood-result-icon{width:52px;height:52px;color:var(--gold);border:1px solid var(--border-gold);background:#c9a84c0f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.mood-result-icon svg{width:26px;height:26px}.advice-card{border:1px solid var(--border-gold);border-radius:var(--radius-lg);background:#c9a84c08;margin-top:14px;padding:18px}.advice-title{color:var(--gold);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.advice-title svg{width:14px;height:14px}.advice-text{color:var(--text-secondary);font-size:13px;line-height:1.9}.encouragement-card{border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#1b8a6b0a,#2ec49a08);border:1px solid #1b8a6b26;margin-top:14px;padding:20px}.encouragement-text{color:var(--emerald-light);font-size:14px;font-weight:600;line-height:1.9}.encouragement-text svg{vertical-align:middle;width:14px;height:14px;margin-left:4px}.back-btn{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);border-radius:50px;align-items:center;gap:6px;margin-top:16px;padding:10px 22px;font-size:12px;font-weight:700;transition:all .3s;display:inline-flex}.back-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-gold)}.back-btn svg{width:13px;height:13px}.share-btn{color:var(--emerald-light);cursor:pointer;font-family:var(--font-body);background:#1b8a6b0f;border:1px solid #1b8a6b26;border-radius:50px;align-items:center;gap:8px;margin-top:14px;padding:10px 22px;font-size:12px;font-weight:700;transition:all .3s;display:inline-flex}.share-btn:hover{box-shadow:0 0 12px var(--emerald-glow);background:#1b8a6b1f}.share-btn svg{width:14px;height:14px}.challenge-header{text-align:center;margin-bottom:20px}.challenge-name{color:var(--gold);justify-content:center;align-items:center;gap:8px;margin-bottom:4px;font-size:20px;font-weight:800;display:flex}.challenge-name svg{width:18px;height:18px}.challenge-secret{color:var(--text-muted);font-size:11px;font-style:italic}.progress-bar-container{background:#ffffff08;border:1px solid #ffffff05;border-radius:50px;height:5px;margin:14px 0;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--emerald), var(--gold));border-radius:50px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-label{text-align:center;color:var(--text-muted);margin-bottom:18px;font-size:11px;font-weight:600}.day-selector{justify-content:center;gap:8px;margin-bottom:22px;display:flex}.day-btn{border:1.5px solid var(--border-glass);background:var(--bg-glass);width:42px;height:42px;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:all .3s;display:flex;position:relative}.day-btn.active{border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px var(--gold-glow);background:#c9a84c0f}.day-btn.completed{border-color:var(--emerald);color:var(--emerald-light);background:#1b8a6b14}.day-btn.completed:after{content:"";background:var(--emerald);border-radius:50%;width:14px;height:14px;position:absolute;top:-2px;right:-2px}.task-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:8px;padding:16px;transition:all .3s;animation:.4s both slideInRight;display:flex}.task-card:first-child{animation-delay:60ms}.task-card:nth-child(2){animation-delay:.12s}.task-card:nth-child(3){animation-delay:.18s}.task-card:nth-child(4){animation-delay:.24s}.task-card:hover{border-color:var(--border-gold);transform:translate(-2px)}.task-card.completed-task{opacity:.5;border-color:#1b8a6b33}.task-icon{width:36px;height:36px;color:var(--gold);border:1px solid var(--border-gold);background:#c9a84c0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.task-icon svg{width:16px;height:16px}.task-content{flex:1}.task-title{margin-bottom:3px;font-size:12px;font-weight:800}.task-desc{color:var(--text-secondary);font-size:11px;line-height:1.7}.task-detail{color:var(--text-muted);margin-top:4px;font-size:10px;line-height:1.6}.task-checkbox{border:1.5px solid var(--border-glass);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:6px;transition:all .3s;display:flex}.task-checkbox.checked{background:var(--emerald);border-color:var(--emerald)}.task-checkbox.checked svg{color:#fff;width:11px;height:11px}.challenge-message{text-align:center;border:1px solid var(--border-gold);border-radius:var(--radius-lg);color:var(--gold-light);background:linear-gradient(135deg,#c9a84c08,#1b8a6b08);margin-top:18px;padding:16px;font-size:13px;font-weight:700;line-height:1.8}.start-challenge-grid{gap:10px;margin-top:14px;display:grid}.challenge-option{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);cursor:pointer;text-align:center;font-family:var(--font-body);padding:20px;transition:all .35s;position:relative;overflow:hidden}.challenge-option:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-dark), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.challenge-option:hover:before{opacity:1}.challenge-option:hover{border-color:var(--border-gold);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.challenge-option-name{color:var(--gold);margin-bottom:3px;font-size:17px;font-weight:800}.challenge-option-desc{color:var(--text-secondary);font-size:11px}.dhikr-selector{scrollbar-width:none;gap:6px;margin-bottom:22px;padding-bottom:6px;display:flex;overflow-x:auto}.dhikr-selector::-webkit-scrollbar{display:none}.dhikr-chip{background:var(--bg-glass);border:1px solid var(--border-glass);white-space:nowrap;cursor:pointer;font-family:var(--font-body);color:var(--text-secondary);border-radius:50px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s}.dhikr-chip.active{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px var(--gold-glow);background:#c9a84c14}.dhikr-display{text-align:center;margin-bottom:22px}.dhikr-text{font-family:var(--font-quran);color:var(--gold-light);text-shadow:0 0 20px var(--gold-glow);margin-bottom:6px;font-size:30px;line-height:1.6}.dhikr-meaning{color:var(--text-muted);font-size:11px;font-weight:600}.dhikr-counter-container{flex-direction:column;align-items:center;gap:18px;display:flex}.dhikr-count-display{color:var(--gold);text-shadow:0 0 30px var(--gold-glow);font-size:54px;font-weight:900;line-height:1}.dhikr-target{color:var(--text-muted);font-size:13px;font-weight:600}.dhikr-tap-btn{background:linear-gradient(160deg, var(--gold), var(--gold-dark));border:2px solid var(--gold-light);cursor:pointer;width:104px;height:104px;font-family:var(--font-body);color:var(--bg-primary);box-shadow:0 0 30px var(--gold-glow), 0 6px 20px #0006, inset 0 2px 3px #ffffff26;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:8px 0;font-size:15px;font-weight:900;transition:transform .12s;display:flex;position:relative}.dhikr-tap-btn:active{transform:scale(.88)}.dhikr-tap-btn .tap-label{opacity:.7;font-size:10px;font-weight:700}.ripple-effect{pointer-events:none;background:#fff3;border-radius:50%;animation:.7s ease-out forwards ripple;position:absolute}.dhikr-progress{width:100%;max-width:260px}.dhikr-progress-bar{background:#ffffff08;border-radius:50px;height:4px;overflow:hidden}.dhikr-progress-fill{background:linear-gradient(90deg, var(--gold), var(--emerald));border-radius:50px;height:100%;transition:width .3s}.dhikr-reset-btn{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:50px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .3s}.dhikr-reset-btn:hover{color:var(--danger);background:#d955550f}.dhikr-completed{text-align:center;animation:.5s fadeInUp}.dhikr-completed-icon{width:56px;height:56px;color:var(--emerald-light);justify-content:center;align-items:center;margin:0 auto 14px;animation:3s infinite float;display:flex}.dhikr-completed-icon svg{width:42px;height:42px}.dhikr-completed-text{color:var(--emerald-light);font-size:17px;font-weight:800}.footprint-intro{text-align:center;margin-bottom:22px}.birthdate-input-container{text-align:center;margin:22px 0}.birthdate-input{background:var(--bg-glass);border:1px solid var(--border-gold);color:var(--text-primary);border-radius:var(--radius-lg);font-family:var(--font-body);text-align:center;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;direction:ltr;outline:none;width:100%;max-width:260px;padding:12px 22px;font-size:15px;transition:all .3s}.birthdate-input:focus{border-color:var(--gold);box-shadow:0 0 20px var(--gold-glow)}.show-footprint-btn{background:linear-gradient(160deg, var(--gold), var(--gold-dark));color:var(--bg-primary);font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 14px var(--gold-glow);border:none;border-radius:50px;align-items:center;gap:8px;margin:14px auto;padding:12px 36px;font-size:14px;font-weight:900;transition:all .3s;display:inline-flex}.show-footprint-btn:hover{box-shadow:0 6px 24px var(--gold-glow-strong);transform:translateY(-2px)}.show-footprint-btn svg{width:16px;height:16px}.footprint-stats{gap:12px;animation:.6s fadeInUp;display:grid}@media (width>=900px){.footprint-stats{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);text-align:center;padding:20px;animation:.5s both fadeInUp;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--border-gold), transparent);height:1px;position:absolute;top:0;left:20%;right:20%}.stat-card:first-child{animation-delay:80ms}.stat-card:nth-child(2){animation-delay:.16s}.stat-card:nth-child(3){animation-delay:.24s}.stat-card:nth-child(4){animation-delay:.32s}.stat-card:nth-child(5){animation-delay:.4s}.stat-icon-container{width:40px;height:40px;color:var(--gold);border:1px solid var(--border-gold);background:#c9a84c0d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 8px;display:flex}.stat-icon-container svg{width:18px;height:18px}.stat-number{color:var(--gold);letter-spacing:.5px;text-shadow:0 0 16px var(--gold-glow);direction:ltr;font-size:28px;font-weight:900}.stat-label{color:var(--text-secondary);margin-top:3px;font-size:11px;font-weight:700}.stat-verse-btn{border:1px solid var(--border-gold);font-family:var(--font-body);color:var(--gold);cursor:pointer;background:#c9a84c0d;border-radius:50px;align-items:center;gap:5px;margin-top:10px;padding:5px 14px;font-size:10px;font-weight:700;transition:all .3s;display:inline-flex}.stat-verse-btn:hover{box-shadow:0 0 10px var(--gold-glow);background:#c9a84c1a}.stat-verse-btn svg{width:11px;height:11px}.stat-reflection{border-top:1px solid var(--border-glass);margin-top:12px;padding-top:12px;animation:.3s fadeIn}.daily-message{border:1px solid var(--border-gold);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(160deg,#c9a84c08,#1b8a6b05);margin-top:18px;padding:22px}.daily-message-icon{width:32px;height:32px;color:var(--gold);justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.daily-message-icon svg{width:24px;height:24px}.daily-message-text{font-size:14px;font-weight:600;line-height:2}.completion-screen{text-align:center;padding:36px 18px;animation:.6s fadeInUp}.completion-icon{width:70px;height:70px;color:var(--gold);justify-content:center;align-items:center;margin:0 auto 18px;animation:3s infinite float;display:flex}.completion-icon svg{width:56px;height:56px}.completion-title{color:var(--gold);margin-bottom:10px;font-size:26px;font-weight:900}.completion-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:2}.completion-dua{font-family:var(--font-quran);color:var(--gold-light);border-radius:var(--radius-lg);border:1px solid var(--border-gold);background:#c9a84c08;margin-bottom:22px;padding:20px;font-size:20px;line-height:2}.new-challenge-btn{background:linear-gradient(160deg, var(--emerald), var(--emerald-dark));color:#fff;font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 14px var(--emerald-glow);border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 36px;font-size:14px;font-weight:800;transition:all .3s;display:inline-flex}.new-challenge-btn:hover{box-shadow:0 6px 24px var(--emerald-glow);transform:translateY(-2px)}.new-challenge-btn svg{width:14px;height:14px}.toast{background:var(--emerald);color:#fff;font-family:var(--font-body);z-index:200;border-radius:50px;align-items:center;gap:6px;padding:10px 22px;font-size:12px;font-weight:800;animation:.3s slideDown;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0006}@media (width>=900px){.toast{top:24px;bottom:auto}}.verse-frame{position:relative}.verse-frame-corner{font-family:var(--font-quran);color:var(--gold-dark);opacity:.3;font-size:28px;line-height:1;position:absolute}.verse-frame-top-right{top:8px;right:12px}.verse-frame-bottom-left{bottom:8px;left:12px}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c9a84c1f;border-radius:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:1s linear infinite spin}.chat-page{flex-direction:column;height:calc(100vh - 80px);padding-bottom:20px;display:flex}@media (width>=900px){.chat-page{height:100vh;padding-bottom:40px}}.chat-container{border-radius:var(--radius-lg);scrollbar-width:thin;flex:1;margin-bottom:14px;padding-right:4px;overflow-y:auto}.chat-welcome{text-align:center;padding:36px 16px;animation:.5s fadeInUp}.chat-welcome-icon{width:64px;height:64px;color:var(--gold);border:1px solid var(--border-gold);background:#c9a84c0f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;animation:4s infinite float;display:flex}.chat-welcome-title{color:var(--gold);margin-bottom:8px;font-size:20px;font-weight:800}.chat-welcome-text{color:var(--text-secondary);max-width:320px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:13px;line-height:1.9}.chat-suggestions{flex-direction:column;gap:8px;max-width:340px;margin:0 auto;display:flex}.chat-suggestion-btn{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;text-align:right;padding:12px 16px;font-size:12px;font-weight:600;transition:all .3s}.chat-suggestion-btn:hover{background:var(--bg-card-hover);border-color:var(--border-gold);color:var(--gold);transform:translate(-3px)}.chat-messages{flex-direction:column;gap:12px;padding:8px 0;display:flex}.chat-bubble{align-items:flex-start;gap:8px;max-width:90%;animation:.3s fadeInUp;display:flex}.chat-bubble.user{flex-direction:row-reverse;margin-right:auto}.chat-bubble.assistant{margin-left:auto}.chat-bubble-avatar{border:1px solid var(--border-gold);width:28px;height:28px;color:var(--gold);background:#c9a84c1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-bubble-content{border-radius:var(--radius-lg);white-space:pre-wrap;word-wrap:break-word;padding:12px 16px;font-size:13px;line-height:1.9}.chat-bubble.user .chat-bubble-content{border:1px solid var(--border-gold);color:var(--text-primary);background:#c9a84c14;border-top-left-radius:4px}.chat-bubble.assistant .chat-bubble-content{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);border-top-right-radius:4px}.chat-typing{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.chat-error{text-align:center;border-radius:var(--radius-md);color:var(--danger);background:#d9555514;border:1px solid #d9555533;margin-bottom:10px;padding:10px;font-size:12px;font-weight:600}.chat-input-container{text-align:center}.chat-input-wrapper{background:var(--bg-glass);border:1px solid var(--border-gold);border-radius:50px;align-items:center;gap:8px;padding:4px 4px 4px 16px;transition:all .3s;display:flex}.chat-input-wrapper:focus-within{border-color:var(--gold);box-shadow:0 0 20px var(--gold-glow)}.chat-input{color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:14px}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{background:linear-gradient(160deg, var(--gold), var(--gold-dark));width:40px;height:40px;color:var(--bg-primary);cursor:pointer;box-shadow:0 2px 8px var(--gold-glow);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.chat-send-btn:hover:not(:disabled){box-shadow:0 4px 16px var(--gold-glow-strong);transform:scale(1.05)}.chat-send-btn:disabled{opacity:.4;cursor:default}.chat-send-btn svg{width:16px;height:16px;transform:rotate(180deg)}.chat-clear-btn{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:50px;align-items:center;gap:4px;margin-top:8px;padding:8px 14px;font-size:11px;font-weight:600;transition:all .3s;display:inline-flex}.chat-clear-btn:hover{color:var(--danger);background:#d955550f}.mobile-nav-item{padding:8px 10px;font-size:9px}.footprint-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:40px;animation:.6s fadeInUp;display:grid}@media (width<=400px){.footprint-stats-grid{grid-template-columns:1fr}}.stat-card-v2{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);text-align:center;padding:16px;transition:all .3s;animation:.5s both fadeInUp;position:relative;overflow:hidden}.stat-card-v2:hover{border-color:var(--border-gold);transform:translateY(-2px);box-shadow:0 6px 18px #0003}.stat-card-v2:before{content:"";background:linear-gradient(90deg, transparent, var(--border-gold), transparent);height:1px;position:absolute;top:0;left:15%;right:15%}.stat-card-v2:first-child{animation-delay:50ms}.stat-card-v2:nth-child(2){animation-delay:.1s}.stat-card-v2:nth-child(3){animation-delay:.15s}.stat-card-v2:nth-child(4){animation-delay:.2s}.stat-card-v2:nth-child(5){animation-delay:.25s}.stat-card-top{justify-content:center;align-items:center;gap:6px;margin-bottom:6px;display:flex}.stat-icon-v2{color:var(--gold);align-items:center;display:flex}.stat-label-v2{color:var(--text-secondary);font-size:11px;font-weight:700}.stat-number-v2{color:var(--gold);text-shadow:0 0 14px var(--gold-glow);direction:ltr;margin-bottom:4px;font-size:24px;font-weight:900}.stat-verse-text{font-family:var(--font-quran);color:var(--gold-light);margin-bottom:6px;font-size:16px;line-height:2}.stat-reflection-text{color:var(--gold-light);margin-top:10px;font-size:12px;line-height:1.8}.mood-grid-expanded{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}@media (width>=600px){.mood-grid-expanded{grid-template-columns:repeat(4,1fr)}}@media (width>=900px){.mood-grid-expanded{grid-template-columns:repeat(5,1fr)}}@media (width<=360px){.mood-grid-expanded{grid-template-columns:repeat(2,1fr)}}.mood-grid-expanded .mood-btn{gap:6px;padding:14px 8px}.mood-grid-expanded .mood-icon svg{width:24px;height:24px}.mood-grid-expanded .mood-label{font-size:11px}.share-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.share-card-btn{background:linear-gradient(160deg, var(--gold), var(--gold-dark));color:var(--bg-primary);font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 14px var(--gold-glow);border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:800;transition:all .3s;display:inline-flex}.share-card-btn:hover{box-shadow:0 6px 24px var(--gold-glow-strong);transform:translateY(-2px)}.share-card-btn svg{width:14px;height:14px}.chat-verse-line{font-family:var(--font-quran);color:var(--gold-light);padding:4px 0;font-size:15px;line-height:2}.chat-source-line{color:var(--text-muted);font-size:11px;font-weight:600}.chat-bubble-body{flex-direction:column;gap:6px;max-width:100%;display:flex}.chat-audio-btn{border:1px solid var(--border-gold);color:var(--gold);cursor:pointer;font-family:var(--font-body);background:#c9a84c0f;border-radius:50px;align-self:flex-start;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .3s;display:inline-flex}.chat-audio-btn:hover{background:#c9a84c1f}.chat-audio-btn.playing{animation:2s infinite breathe}.chat-audio-btn svg{width:12px;height:12px}.quiz-question{text-align:center;color:var(--text-primary);padding:24px 16px;font-size:18px;font-weight:800;line-height:1.8}.quiz-result{text-align:center;animation:.6s fadeInUp}.random-intro{text-align:center;margin-bottom:30px}.random-card-container{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.draw-btn{background:linear-gradient(135deg, var(--gold), var(--gold-dark));border:2px solid var(--border-gold);color:var(--bg-primary);font-family:var(--font-body);cursor:pointer;box-shadow:0 8px 25px var(--gold-glow);border-radius:50px;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex}.draw-btn:hover{box-shadow:0 14px 40px var(--gold-glow-strong);transform:scale(1.05)}.challenge-display-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);text-align:center;border-top:4px solid var(--gold);width:100%;padding:40px 24px;transition:all .4s;animation:.5s slideUpFade;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.challenge-display-card.accepted{border-top-color:var(--emerald);box-shadow:0 0 40px #2ec49a33}.challenge-display-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#c9a84c0d 0%,#0000 70%);position:absolute;inset:0}.task-text{font-family:var(--font-body);color:var(--gold);text-shadow:0 2px 10px #00000080;justify-content:center;align-items:center;min-height:120px;font-size:26px;font-weight:700;line-height:1.8;transition:all .2s;display:flex}.task-text.accepted-text{color:var(--emerald-light)}.task-text.spinning{filter:blur(1.5px);opacity:.6;transform:scale(.96)}.action-buttons{z-index:2;flex-direction:column;gap:12px;margin-top:30px;display:flex;position:relative}.confirm-btn{background:var(--emerald);color:#fff;font-size:16px;font-weight:700;font-family:var(--font-body);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;transition:all .2s;display:flex}.confirm-btn:hover{background:var(--emerald-light);transform:translateY(-2px)}.accept-btn{background:var(--gold);color:var(--bg-primary);font-size:16px;font-weight:700;font-family:var(--font-body);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;transition:all .2s;display:flex}.accept-btn:hover{background:var(--gold-light);box-shadow:0 5px 15px var(--gold-glow);transform:translateY(-2px)}.redraw-btn{border:1px solid var(--border-glass);color:var(--text-secondary);font-size:14px;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;transition:all .2s;display:flex}.redraw-btn:hover{color:var(--text-primary);background:#ffffff0d}.completion-message{color:var(--emerald);font-size:18px;font-weight:700;font-family:var(--font-body);justify-content:center;align-items:center;gap:8px;animation:.5s cubic-bezier(.175,.885,.32,1.275) bounceIn;display:flex}.draw-again-btn{color:var(--gold);font-size:15px;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:30px;text-decoration:underline;transition:color .2s;display:flex}.draw-again-btn:hover{color:var(--gold-light)}