@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary-hue:158;--primary:hsl(var(--primary-hue), 75%, 40%);--primary-light:hsl(var(--primary-hue), 80%, 48%);--primary-dark:hsl(var(--primary-hue), 80%, 25%);--accent:#f9c31f;--bg-gradient:linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 50%, #f0fdfa 100%);--bg-blob-1:#34d39926;--bg-blob-2:#fbbf2414;--text-primary:#062f22;--text-secondary:#374151;--text-muted:#6b7280;--glass-bg:#ffffff73;--glass-bg-hover:#fff9;--glass-border:#fff9;--glass-border-inner:#ffffffd9;--glass-blur:24px;--shadow-sm:0 2px 8px -1px #062f2208;--shadow-md:0 10px 25px -5px #062f220f, 0 8px 16px -6px #062f220a;--shadow-lg:0 20px 40px -10px #062f2214, 0 12px 24px -8px #062f220d;--shadow-inset:inset 0 1px 1px 0 #fffc;--shadow-glow:0 0 20px 2px #10b98126;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);min-height:100svh;font-family:var(--font-sans);justify-content:center;align-items:center;display:flex;overflow-x:hidden}#root{width:100%;max-width:440px;height:100svh;box-shadow:none;background:0 0;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=640px){#root{height:880px;box-shadow:var(--shadow-lg), 0 0 0 1px #062f220d;background:var(--bg-gradient);border:8px solid #fffc;border-radius:40px}}.bg-blobs{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.blob{filter:blur(60px);border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.blob-1{background:var(--bg-blob-1);width:80%;height:40%;top:-10%;left:-20%}.blob-2{background:var(--bg-blob-2);width:70%;height:35%;animation-delay:-5s;bottom:10%;right:-20%}.blob-3{background:#10b9810f;width:50%;height:25%;animation-delay:-10s;top:40%;left:20%}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(190%);border:1px solid var(--glass-border);box-shadow:var(--shadow-md), var(--shadow-inset);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-hover:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-inner);box-shadow:var(--shadow-lg), var(--shadow-inset);transform:translateY(-2px)}.glass-btn{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm), var(--shadow-inset);font-family:var(--font-sans);color:var(--primary-dark);cursor:pointer;background:#fff9;border:1px solid #ffffffb3;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.glass-btn:hover{box-shadow:var(--shadow-md), var(--shadow-inset);background:#ffffffd9;transform:scale(1.02)}.glass-btn:active{transform:scale(.98)}.glass-btn-primary{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);color:#fff;box-shadow:0 4px 12px 0 #10b98133, var(--shadow-inset);border:1px solid #fff3}.glass-btn-primary:hover{background:linear-gradient(135deg, hsl(var(--primary-hue), 85%, 52%) 0%, var(--primary-light) 100%);box-shadow:0 6px 16px 0 #10b9814d, var(--shadow-inset)}@keyframes float{0%{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(5%,10px)rotate(90deg)scale(1.1)}to{transform:translate(-5%,-10px)rotate(180deg)scale(.95)}}@keyframes check-pop{0%{opacity:.5;transform:scale(.8)}50%{transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.03)}}.pulse-soft{animation:3s ease-in-out infinite pulse-soft}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.nav-tab{color:var(--text-muted);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:11px;font-weight:500;transition:color .2s;display:flex;position:relative}.nav-tab.active{color:var(--primary)}.nav-tab .icon-container{border-radius:20px;justify-content:center;align-items:center;padding:6px 16px;transition:all .2s;display:flex}.nav-tab.active .icon-container{background:#10b9811f;transform:scale(1.05)}.custom-checkbox{cursor:pointer;color:#0000;background:#fff6;border:2px solid #10b98140;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.custom-checkbox.checked{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);color:#fff;border-color:#0000;animation:.3s cubic-bezier(.175,.885,.32,1.275) check-pop;box-shadow:0 4px 12px #10b98140}.custom-checkbox:hover{border-color:var(--primary-light);transform:scale(1.05)}.custom-checkbox:active{transform:scale(.95)}.app-header{z-index:10;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.app-header h1{color:var(--text-primary);align-items:center;gap:6px;margin:0;font-size:22px;font-weight:800;display:flex}.location-text{color:var(--text-muted);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.header-actions{gap:8px;display:flex}.icon-btn{width:36px;height:36px;color:var(--primary-dark);cursor:pointer;box-shadow:var(--shadow-sm);background:#ffffff8c;border:1px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:#ffffffd9;transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.app-main{flex-direction:column;flex:1;gap:20px;padding-bottom:80px;display:flex;overflow-y:auto}.date-panel{border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.date-icon-box{width:42px;height:42px;color:var(--primary);background:#10b9811a;border-radius:12px;justify-content:center;align-items:center;display:flex}.date-details p{margin:0}.hijri-text{color:var(--text-primary);font-size:14px;font-weight:700}.gregorian-text{color:var(--text-muted);margin-top:2px;font-size:11px}.countdown-card{text-align:center;border-radius:24px;padding:24px;position:relative;overflow:hidden}.countdown-card .glow-blob{filter:blur(20px);pointer-events:none;background:#10b9811f;border-radius:50%;width:90px;height:90px;position:absolute;top:-10px;right:-10px}.countdown-label{color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.countdown-prayer-name{color:var(--text-primary);margin:4px 0;font-size:32px;font-weight:800}.countdown-prayer-time{color:var(--text-muted);margin-bottom:16px;font-size:13px}.countdown-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:50px;justify-content:center;align-items:center;padding:8px 24px;display:inline-flex}.countdown-time{font-family:var(--font-sans);letter-spacing:2px;color:var(--primary-dark);font-size:22px;font-weight:800}.section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-top:8px;margin-bottom:12px;font-size:13px;font-weight:800}.prayer-list{flex-direction:column;gap:12px;display:flex}.prayer-item-card{border-radius:18px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.prayer-item-card.checked{background:#10b9810a;border-color:#10b98133}.prayer-info-row{align-items:center;gap:12px;display:flex}.prayer-text-group p{margin:0}.prayer-name{color:var(--text-primary);font-size:15px;font-weight:700}.prayer-time-sub{color:var(--text-muted);margin-top:1px;font-size:11px}.sunrise-icon-box{color:#e0a906;background:#fbbf241a;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.prayer-status-label{color:var(--primary-dark);background:#10b9811f;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.prayer-status-uncompleted{color:var(--text-muted);font-size:11px}.sunnah-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sunnah-card{cursor:pointer;border-radius:18px;flex-direction:column;justify-content:space-between;gap:20px;padding:16px;display:flex}.sunnah-card.checked{background:#10b9810a;border-color:#10b98133}.sunnah-card.dhuha-card.checked{background:#fbbf240a;border-color:#fbbf2440}.sunnah-card.tahajjud-card.checked{background:#4f46e50a;border-color:#4f46e533}.sunnah-header{justify-content:space-between;align-items:center;width:100%;display:flex}.sunnah-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sunnah-icon.dhuha{color:#e0a906;background:#fbbf241a}.sunnah-icon.tahajjud{color:#4f46e5;background:#4f46e51a}.sunnah-checkbox{color:#0000;border:2px solid #10b98140;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.sunnah-card.checked .sunnah-checkbox{color:#fff;border-color:#0000}.sunnah-card.dhuha-card.checked .sunnah-checkbox{background:#f9bc06}.sunnah-card.tahajjud-card.checked .sunnah-checkbox{background:#4f46e5}.sunnah-info p{margin:0}.sunnah-name{color:var(--text-primary);font-size:14px;font-weight:700}.sunnah-sub{color:var(--text-muted);margin-top:2px;font-size:10px}.quran-card{border-radius:18px;justify-content:space-between;align-items:center;padding:16px;display:flex}.quran-icon-box{width:40px;height:40px;color:var(--primary);background:#10b9811a;border-radius:12px;justify-content:center;align-items:center;display:flex}.quran-details p{margin:0}.quran-title{color:var(--text-primary);font-size:14px;font-weight:700}.quran-stats{color:var(--primary-dark);margin-top:2px;font-size:12px;font-weight:600}.counter-actions{align-items:center;gap:8px;display:flex}.counter-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:800;transition:all .1s;display:flex}.counter-btn-minus{color:var(--primary-dark);background:#ffffffb3;border:1px solid #10b9811a}.counter-btn-plus{background:var(--primary);color:#fff;border:none}.counter-btn:active{transform:scale(.9)}.dhikr-card{border-radius:18px;flex-direction:column;gap:16px;padding:16px;display:flex}.dhikr-header{justify-content:space-between;align-items:center;display:flex}.dhikr-icon-box{color:#e0a906;background:#fbbf241a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dhikr-info p{margin:0}.dhikr-title{color:var(--text-primary);font-size:14px;font-weight:700}.dhikr-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.dhikr-reset-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px;font-weight:600}.dhikr-reset-btn:hover{background:#ef44440d;border-radius:4px}.dhikr-tap-area{cursor:pointer;background:#062f2208;border:1px solid #062f2212;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:110px;transition:background .1s;display:flex}.dhikr-tap-area:active{background:#062f2212}.dhikr-number{font-family:var(--font-sans);color:var(--primary-dark);font-size:36px;font-weight:800}.dhikr-tap-label{text-transform:uppercase;letter-spacing:1px;color:#062f2266;margin-top:2px;font-size:10px;font-weight:600}.compass-view{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 12px;display:flex}.compass-view h2{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:800}.compass-view-description{color:var(--text-muted);max-w:280px;margin-bottom:32px;font-size:12px;line-height:1.5}.compass-outer-glow{filter:blur(15px);z-index:1;border-radius:50%;position:absolute}.stats-header{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:800}.monthly-stats-card{border-radius:24px;justify-content:space-around;align-items:center;gap:16px;padding:24px;display:flex}.monthly-stats-info h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:800}.monthly-stats-info p{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.4}.weekly-stats-card{border-radius:24px;padding:24px}.weekly-stats-card h3{color:var(--text-primary);margin-bottom:16px;font-size:14px;font-weight:800}.weekly-chart-container{justify-content:space-between;align-items:flex-end;height:120px;margin-top:8px;display:flex}.weekly-chart-bar-group{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.weekly-chart-bar-wrapper{justify-content:center;align-items:flex-end;width:100%;height:90px;display:flex}.weekly-chart-bar{background:linear-gradient(to top, var(--primary), var(--primary-light));width:16px;box-shadow:var(--shadow-sm);border-radius:10px 10px 0 0;transition:height .5s}.weekly-chart-label{color:var(--text-muted);font-size:10px;font-weight:600}.stats-quote-card{background:#10b9810a;border-radius:16px;gap:12px;padding:16px;display:flex}.stats-quote-card p{color:var(--primary-dark);font-size:12px;line-height:1.5}.settings-card{border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex}.settings-card-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:800}.settings-toggle-row{justify-content:space-between;align-items:center;display:flex}.settings-toggle-info p{margin:0}.settings-toggle-title{color:var(--text-primary);font-size:14px;font-weight:700}.settings-toggle-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.toggle-switch{cursor:pointer;border:none;border-radius:20px;align-items:center;width:46px;height:24px;padding:2px;transition:background-color .2s;display:flex}.toggle-switch.on{background-color:var(--primary)}.toggle-switch.off{background-color:#d1d5db}.toggle-switch-handle{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 1px 3px #00000026}.toggle-switch.on .toggle-switch-handle{transform:translate(22px)}.gps-details-box{color:var(--primary-dark);background:#10b98114;border:1px solid #10b9811a;border-radius:12px;padding:12px;font-size:11px;line-height:1.5}.gps-details-box p{margin:0}.gps-error-text{color:#ef4444;font-weight:700;margin-top:6px!important}.app-nav{-webkit-backdrop-filter:blur(15px);z-index:20;background:#ffffffb3;border-top:1px solid #fff9;justify-content:space-around;align-items:center;height:64px;padding:0 8px;display:flex;position:absolute;bottom:0;left:0;right:0}