@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&family=Scheherazade+New:wght@400;700&display=swap";.splash-screen{position:fixed;inset:0;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:hidden}.splash-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(64,145,108,.18) 0%,transparent 65%),radial-gradient(ellipse at 80% 80%,rgba(27,67,50,.12) 0%,transparent 50%)}.splash-content{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1}.splash-logo{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.splash-icon{font-size:4rem;line-height:1;filter:drop-shadow(0 4px 16px rgba(64,145,108,.5));animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.splash-glow{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(64,145,108,.25) 0%,transparent 70%);animation:pulse 2.5s ease-in-out infinite}.splash-title{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin-top:8px}.splash-subtitle{font-size:.95rem;color:var(--text-muted);text-align:center}.splash-loader{position:absolute;bottom:80px}.splash-dots{display:flex;gap:8px}.splash-dots span{width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:dotPulse 1.4s ease-in-out infinite}.splash-dots span:nth-child(2){animation-delay:.2s}.splash-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.splash-version{position:absolute;bottom:32px;font-size:.75rem;color:var(--text-muted);opacity:.5}.location-screen{min-height:100dvh;display:flex;flex-direction:column;padding:0;position:relative;overflow:hidden}.location-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(64,145,108,.2) 0%,transparent 60%),var(--bg-primary);z-index:0}.location-content{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:60px 24px 40px;gap:32px}.location-header{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.location-icon{font-size:3.5rem;filter:drop-shadow(0 4px 12px rgba(64,145,108,.4));animation:floatIcon 3s ease-in-out infinite}.location-header h1{font-size:2rem;background:linear-gradient(135deg,var(--text-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.location-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;max-width:280px}.location-actions{display:flex;flex-direction:column;gap:14px}.location-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.85rem}.location-divider:before,.location-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.location-error{color:#e07070;font-size:.85rem;text-align:center;padding:8px 12px;background:#e070701a;border-radius:var(--radius-sm);border:1px solid rgba(224,112,112,.2)}.spinner-sm{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.location-manual{display:flex;flex-direction:column;gap:12px;flex:1}.location-search-wrap{position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1rem;z-index:1}.location-search{padding-left:40px}.city-list{flex:1;overflow-y:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);max-height:calc(100dvh - 380px)}.city-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;background:var(--bg-card);border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent;text-align:left}.city-item:last-child{border-bottom:none}.city-item:active{background:var(--bg-card-hover)}.city-name{font-weight:500}.city-arrow{color:var(--text-muted);font-size:1.2rem}.city-empty{padding:24px;text-align:center;color:var(--text-muted)}.ayah-widget{margin:0 16px 16px;padding:20px;background:linear-gradient(145deg,#52b78814,#d4af370f);border:1px solid rgba(82,183,136,.18);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.ayah-widget:before{content:"﷽";position:absolute;top:-8px;right:12px;font-size:3rem;color:#d4af370f;font-family:Scheherazade New,serif;pointer-events:none;-webkit-user-select:none;user-select:none}.ayah-loading{display:flex;align-items:center;justify-content:center;height:80px}.ayah-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ayah-title-row{display:flex;align-items:center;gap:8px}.ayah-icon{font-size:1.1rem}.ayah-title{font-family:Outfit,sans-serif;font-weight:700;font-size:.95rem;color:var(--color-accent-light, #F2D06B);letter-spacing:.02em}.ayah-refresh-btn{background:#ffffff0f;border:1px solid var(--border-color);color:var(--text-muted);width:32px;height:32px;border-radius:50%;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ayah-refresh-btn:hover{color:var(--color-primary-light);border-color:var(--color-primary)}.ayah-refresh-btn.spinning{animation:spin .7s linear infinite}.ayah-arabic{font-family:Scheherazade New,serif;font-size:1.45rem;line-height:2.1;color:var(--text-primary);text-align:right;margin-bottom:12px;word-spacing:.1em}.ayah-translation{font-size:.9rem;line-height:1.65;color:var(--text-secondary);font-style:italic;margin-bottom:12px;border-left:2px solid rgba(82,183,136,.3);padding-left:10px}[dir=rtl] .ayah-translation{border-left:none;border-right:2px solid rgba(82,183,136,.3);padding-left:0;padding-right:10px}.ayah-ref{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ayah-surah-name{font-size:.78rem;font-weight:600;color:var(--color-primary-light);background:#52b7881a;padding:2px 10px;border-radius:var(--radius-full)}.ayah-divider{color:var(--text-muted);font-size:.75rem}.ayah-surah-arabic{font-family:Scheherazade New,serif;font-size:.95rem;color:var(--color-accent)}.home-screen{padding-bottom:calc(var(--nav-height) + 16px)}.home-header{position:relative;padding:60px 20px 24px;overflow:hidden}.home-header-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(64,145,108,.15) 0%,transparent 65%);pointer-events:none}.home-location{display:flex;align-items:center;gap:6px;font-size:.88rem;color:var(--text-secondary);margin-bottom:20px;font-weight:500}.home-location-icon{font-size:.9rem}.home-settings-btn{margin-left:auto;font-size:1.1rem;text-decoration:none;opacity:.7;padding:4px;-webkit-tap-highlight-color:transparent}.home-date{text-align:center;margin-bottom:24px}.home-date-miladi{font-size:.9rem;color:var(--text-secondary);text-transform:capitalize}.home-date-hijri{font-size:.8rem;color:var(--text-muted);margin-top:4px}.ramadan-badge{display:inline-block;margin-top:10px;padding:5px 14px;background:linear-gradient(135deg,var(--color-ramadan),var(--color-ramadan-light));color:#fff;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;letter-spacing:.02em}.home-countdown{text-align:center;padding:20px 16px;background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.countdown-label{font-size:.85rem;color:var(--text-accent);font-weight:600;letter-spacing:.03em;margin-bottom:8px}.countdown-timer{font-family:Outfit,sans-serif;font-size:clamp(2.6rem,12vw,3.8rem);font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1;background:linear-gradient(135deg,var(--text-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.countdown-sublabel{font-size:.78rem;color:var(--text-muted);margin-top:6px}.ramadan-banner{margin:0 16px 12px;padding:16px 20px;background:linear-gradient(135deg,#c2773a26,#e8924a1a);border:1px solid rgba(194,119,58,.3);border-radius:var(--radius-lg);display:flex;align-items:center;gap:16px}.ramadan-banner-item{flex:1;display:flex;align-items:center;gap:10px}.ramadan-banner-icon{font-size:1.5rem}.ramadan-banner-label{font-size:.75rem;color:var(--color-ramadan-light);font-weight:500}.ramadan-banner-time{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.ramadan-banner-divider{width:1px;height:40px;background:#c2773a4d}.home-error{margin:0 16px 12px;padding:14px 16px;background:#e070701a;border:1px solid rgba(224,112,112,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem;color:#e07070}.prayer-list{padding:0 16px;display:flex;flex-direction:column;gap:8px}.prayer-list-loading{display:flex;justify-content:center;padding:48px}.prayer-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s;position:relative;overflow:hidden}.prayer-card-active{background:linear-gradient(135deg,#40916c1f,#52b78814);border-color:var(--color-primary);box-shadow:0 0 0 1px #40916c33,var(--shadow-glow)}.prayer-card-icon{font-size:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-sm);flex-shrink:0}.prayer-card-content{flex:1}.prayer-card-name{font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.prayer-card-iftar-badge{font-size:.7rem;padding:2px 8px;background:linear-gradient(135deg,var(--color-ramadan),var(--color-ramadan-light));color:#fff;border-radius:var(--radius-full);font-weight:700}.prayer-card-time{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.prayer-card-active .prayer-card-time,.prayer-card-active .prayer-card-name{color:var(--color-primary-light)}.prayer-card-indicator{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-light));border-radius:0 2px 2px 0}.ramadan-mode .prayer-card-active{background:linear-gradient(135deg,#c2773a1f,#e8924a14);border-color:var(--color-ramadan);box-shadow:0 0 0 1px #c2773a33}.ramadan-mode .prayer-card-indicator{background:linear-gradient(180deg,var(--color-ramadan),var(--color-ramadan-light))}.ramadan-mode .prayer-card-active .prayer-card-time,.ramadan-mode .prayer-card-active .prayer-card-name{color:var(--color-ramadan-light)}.ramadan-mode .countdown-timer{background:linear-gradient(135deg,var(--text-primary),var(--color-ramadan-light));-webkit-background-clip:text;background-clip:text}.settings-screen{padding-bottom:calc(var(--nav-height) + 16px)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:60px 16px 16px}.settings-header h2{font-size:1.3rem}.settings-header-simple{padding:60px 16px 8px}.settings-header-simple h2{font-size:1.5rem}.back-btn{font-size:1.8rem;color:var(--text-primary);text-decoration:none;line-height:1;padding:4px 8px;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent}.settings-group{margin:0 16px 4px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.notif-permission-card{margin:0 16px 12px;padding:16px;background:linear-gradient(135deg,#40916c1a,#52b7880f);border:1px solid var(--border-accent);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:12px}.notif-perm-icon{font-size:2rem;text-align:center}.notif-perm-title{font-weight:600;font-size:.95rem}.notif-perm-text{font-size:.85rem;color:var(--text-muted);margin-top:4px}.notif-denied{font-size:.82rem;color:#e07070}.ramadan-settings-banner{margin:0 16px 12px;padding:14px 16px;background:linear-gradient(135deg,#c2773a1f,#e8924a14);border:1px solid rgba(194,119,58,.25);border-radius:var(--radius-md);display:flex;align-items:center;gap:12px;font-size:.88rem;color:var(--text-secondary)}.ramadan-settings-banner span{font-size:1.5rem}.pro-status-card{margin:0 16px 8px;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:12px}.pro-status-active{background:linear-gradient(135deg,#d4af371a,#f2d06b0f);border-color:#d4af374d}.pro-status-left{display:flex;align-items:center;gap:12px}.pro-status-icon{font-size:1.8rem}.pro-status-title{font-weight:600;font-size:.95rem}.pro-status-desc{font-size:.8rem;color:var(--text-muted);margin-top:2px}.theme-selector{flex-wrap:wrap;gap:8px}.theme-buttons{display:flex;gap:6px}.theme-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);font-size:1rem;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.theme-btn-active{border-color:var(--color-primary);background:#40916c26;box-shadow:0 0 0 2px #40916c33}.about-hero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 24px;text-align:center}.about-icon{font-size:3.5rem;filter:drop-shadow(0 4px 12px rgba(64,145,108,.4))}.about-hero h3{font-size:1.4rem}.about-hero p{font-size:.9rem;color:var(--text-secondary);max-width:280px;line-height:1.6}.about-version{font-size:.78rem;color:var(--text-muted);padding:4px 12px;background:var(--bg-secondary);border-radius:var(--radius-full)}.about-footer{text-align:center;padding:24px;font-size:.9rem;color:var(--text-muted)}.qibla-tabs{display:flex;margin:0 16px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:4px;gap:4px}.qibla-tab{flex:1;padding:10px 8px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent}.qibla-tab.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:0 4px 12px #40916c4d}.kaaba-view{padding:0 16px 16px}.kaaba-3d-card{position:relative;display:flex;align-items:center;justify-content:center;height:200px;margin-bottom:20px;border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 80%,rgba(64,145,108,.12) 0%,transparent 70%),linear-gradient(180deg,#0a1520,#0d1b2a);border:1px solid var(--border-color);overflow:hidden}.kaaba-glow-ring{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:120px;height:20px;background:#d4af3740;border-radius:50%;filter:blur(10px);animation:pulse 3s ease-in-out infinite}.kaaba-3d-scene{perspective:400px;width:110px;height:110px}.kaaba-cube{width:110px;height:110px;position:relative;transform-style:preserve-3d;transform:rotateX(-15deg) rotateY(-25deg);animation:kaabaRotate 20s linear infinite}@keyframes kaabaRotate{0%{transform:rotateX(-15deg) rotateY(-25deg)}50%{transform:rotateX(-15deg) rotateY(335deg)}to{transform:rotateX(-15deg) rotateY(-25deg)}}.kaaba-face{position:absolute;width:110px;height:110px;background:#000;border:2px solid rgba(212,175,55,.5);backface-visibility:visible}.kaaba-face-front{transform:translateZ(55px);background:linear-gradient(160deg,#111 60%,#000)}.kaaba-face-back{transform:translateZ(-55px) rotateY(180deg);background:linear-gradient(160deg,#111 60%,#000)}.kaaba-face-right{transform:translate(55px) rotateY(90deg);background:linear-gradient(160deg,#0a0a0a 60%,#111)}.kaaba-face-left{transform:translate(-55px) rotateY(-90deg);background:linear-gradient(160deg,#0a0a0a 60%,#111)}.kaaba-face-top{transform:translateY(-55px) rotateX(90deg);background:linear-gradient(135deg,#1a1a1a,#000)}.kaaba-face-bottom{transform:translateY(55px) rotateX(-90deg);background:#000}.kaaba-face-front:after,.kaaba-face-back:after,.kaaba-face-right:after,.kaaba-face-left:after{content:"";position:absolute;top:20%;left:0;right:0;height:22%;background:linear-gradient(135deg,#d4af3780,#f2d06b59,#d4af3780);border-top:1px solid rgba(212,175,55,.5);border-bottom:1px solid rgba(212,175,55,.5)}.kaaba-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.kaaba-info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;display:flex;align-items:center;gap:10px}.kaaba-info-icon{font-size:1.3rem;flex-shrink:0}.kaaba-info-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.kaaba-info-value{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-top:2px}.kaaba-map-embed{margin-bottom:16px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.kaaba-map-label{font-size:.8rem;color:var(--text-muted);font-weight:600;padding:10px 12px 6px;background:var(--bg-card)}.kaaba-hadith{font-size:.85rem;color:var(--text-secondary);font-style:italic;text-align:center;line-height:1.6;padding:14px 16px;background:#d4af370f;border-radius:var(--radius-md);border:1px dashed rgba(212,175,55,.2)}.qibla-screen{padding-bottom:calc(var(--nav-height) + 16px)}.qibla-header{padding:20px 16px 8px;text-align:center}.qibla-degrees{color:var(--text-muted);font-size:.9rem;margin-top:4px}.compass-container{display:flex;align-items:center;justify-content:center;padding:20px;flex:1}.compass-ring{position:relative;width:280px;height:280px;border-radius:50%;border:2.5px solid var(--border-accent);background:radial-gradient(circle,rgba(64,145,108,.06) 0%,transparent 70%);box-shadow:0 0 40px #40916c1f,inset 0 0 40px #0000004d}.compass-labels{position:absolute;inset:0}.compass-direction{position:absolute;top:50%;left:50%;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;color:var(--text-muted);transform:rotate(var(--angle)) translateY(-126px) rotate(calc(-1 * var(--angle)));transform-origin:0 0}.compass-needle-wrap{position:absolute;inset:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.compass-needle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:0}.needle-kaaba{font-size:1.6rem;margin-bottom:6px}.needle-body-up{width:6px;height:60px;background:linear-gradient(to bottom,var(--color-primary-light),var(--color-primary));border-radius:3px 3px 0 0}.needle-body-down{width:6px;height:50px;background:linear-gradient(to bottom,var(--text-muted),rgba(100,100,100,.3));border-radius:0 0 3px 3px}.compass-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 12px #d4af3799;z-index:2}.qibla-note,.qibla-calibrate{margin:0 16px 12px;padding:12px 16px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);font-size:.85rem;color:var(--text-secondary)}.qibla-note-warn{border-color:#d4af374d;background:#d4af370d}.zikir-screen{display:flex;flex-direction:column;padding-bottom:calc(var(--nav-height) + 16px)}.zikir-header{padding:60px 16px 16px;display:flex;align-items:center;justify-content:space-between}.zikir-header h2{font-size:1.3rem}.zikir-reset-all{font-size:.75rem;color:var(--text-muted);padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.zikir-reset-all:hover{background:var(--bg-card)}.zikir-list{display:flex;flex-direction:column;gap:10px;padding:0 16px}.zikir-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);overflow:hidden;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.zikir-card-header{padding:14px 16px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.zikir-names{display:flex;flex-direction:column;gap:2px;flex:1}.zikir-arabic{font-size:1.6rem;color:var(--text-primary);direction:rtl;font-family:Scheherazade New,Amiri,Traditional Arabic,serif;line-height:1.4}.zikir-tr-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.zikir-meaning{font-size:.78rem;color:var(--text-muted);margin-top:2px;line-height:1.4}.zikir-counter-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.zikir-count-display{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;color:var(--color-primary-light);min-width:3ch;text-align:center;line-height:1}.zikir-count-display.completed{color:var(--color-accent)}.zikir-progress-bar{height:4px;background:var(--bg-secondary);position:relative;overflow:hidden}.zikir-progress-fill{position:absolute;top:0;left:0;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transition:width .3s ease}.zikir-progress-fill.completed{background:linear-gradient(90deg,var(--color-accent),#F2D06B)}.zikir-actions{padding:10px 16px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.zikir-target-label{font-size:.78rem;color:var(--text-muted)}.zikir-btn-wrap{display:flex;align-items:center;gap:8px}.zikir-tap-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border:none;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #40916c59;transition:transform .1s,box-shadow .1s;-webkit-tap-highlight-color:transparent}.zikir-tap-btn:active{transform:scale(.9);box-shadow:0 2px 8px #40916c33}.zikir-tap-btn.completed{background:linear-gradient(135deg,var(--color-accent),#F2D06B);box-shadow:0 4px 16px #d4af3759}.zikir-reset-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-color);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s;-webkit-tap-highlight-color:transparent}.zikir-reset-btn:hover{background:var(--bg-card);color:var(--text-primary)}@keyframes zikirComplete{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.97)}to{transform:scale(1)}}.zikir-tap-btn.just-completed{animation:zikirComplete .4s ease}.zikir-locked{min-height:calc(100dvh - var(--nav-height));justify-content:center;align-items:center}[dir=rtl] .zikir-progress-fill{left:auto;right:0}.radio-screen{display:flex;flex-direction:column;min-height:100%;background:var(--bg-primary);padding-bottom:calc(var(--nav-height) + 24px);overflow-y:auto}.radio-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 12px}.radio-header h2{font-size:1.2rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.radio-surah-selector{margin:0 16px 16px;display:flex;align-items:center;gap:8px}.radio-surah-btn{flex:1;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.radio-surah-btn:hover{border-color:var(--color-primary)}.radio-surah-badge{font-size:.75rem;color:var(--color-primary-light);background:#40916c1f;padding:2px 8px;border-radius:var(--radius-full)}.radio-surah-list-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-end}.radio-surah-list-modal{width:100%;max-height:70vh;background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow-y:auto;padding:0 0 40px;overscroll-behavior:contain}.radio-surah-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.radio-surah-list-header h3{font-size:1rem;font-weight:700}.radio-surah-list-close{width:32px;height:32px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.radio-surah-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.radio-surah-item:hover,.radio-surah-item.selected{background:#40916c14}.radio-surah-number{min-width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);font-size:.75rem;font-weight:700;color:var(--color-primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.radio-surah-info{flex:1}.radio-surah-name-en{font-size:.9rem;font-weight:600}.radio-surah-meta{font-size:.75rem;color:var(--text-muted)}.radio-surah-name-ar{font-family:Scheherazade New,serif;font-size:1rem;color:var(--color-accent)}.radio-reciter-scroll{display:flex;gap:8px;padding:0 16px 16px;overflow-x:auto;scrollbar-width:none}.radio-reciter-scroll::-webkit-scrollbar{display:none}.radio-reciter-chip{flex-shrink:0;padding:7px 14px;border-radius:var(--radius-full);border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.radio-reciter-chip.active{border-color:var(--color-primary);background:#40916c1f;color:var(--color-primary-light)}.radio-verse-card{margin:0 16px 16px;padding:24px 20px;background:linear-gradient(145deg,#0a1528e6,#0d1b2af2);border:1px solid var(--border-accent, rgba(212, 175, 55, .2));border-radius:var(--radius-lg);position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.radio-verse-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(212,175,55,.06) 0%,transparent 60%);pointer-events:none}.radio-verse-number{font-size:.75rem;font-weight:700;color:var(--color-accent);opacity:.7;margin-bottom:12px;letter-spacing:.04em}.radio-verse-arabic{font-family:Scheherazade New,serif;font-size:1.7rem;line-height:2.1;color:var(--text-primary);text-align:right;direction:rtl;margin-bottom:16px;word-spacing:.1em}.radio-verse-translation{font-size:.88rem;line-height:1.7;color:var(--text-secondary);font-style:italic;border-left:2px solid rgba(64,145,108,.35);padding-left:12px}.radio-progress-wrap{margin-top:16px}.radio-progress-bar{height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.radio-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:2px;transition:width .3s linear}.radio-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 16px 16px}.radio-ctrl-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent}.radio-ctrl-btn:hover{transform:scale(1.1);border-color:var(--color-primary);color:var(--text-primary)}.radio-play-btn{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border:none;color:#fff;font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px #40916c59;-webkit-tap-highlight-color:transparent}.radio-play-btn:hover{transform:scale(1.08);box-shadow:0 12px 32px #40916c73}.radio-play-btn:active{transform:scale(.97)}.radio-play-btn.loading{background:var(--bg-card);box-shadow:none;cursor:default}.radio-verse-list{margin:0 16px 8px}.radio-verse-list-header{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:0 0 8px}.radio-verse-list-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .15s;border-radius:var(--radius-sm)}.radio-verse-list-item:hover{background:#ffffff05}.radio-verse-list-item.active{background:#40916c14;padding:10px 8px;margin:0 -8px;border-radius:var(--radius-md);border-bottom-color:transparent}.radio-vl-num{min-width:28px;font-size:.75rem;font-weight:700;color:var(--color-primary-light);padding-top:2px}.radio-vl-text{flex:1}.radio-vl-arabic{font-family:Scheherazade New,serif;font-size:.95rem;line-height:1.8;direction:rtl;color:var(--text-primary);margin-bottom:2px}.radio-vl-tr{font-size:.78rem;color:var(--text-muted);font-style:italic;line-height:1.5}.radio-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px;color:var(--text-muted);font-size:.9rem}.radio-verse-card.verse-change{animation:verseFlash .4s ease-out}@keyframes verseFlash{0%{transform:translateY(8px);opacity:.6}to{transform:translateY(0);opacity:1}}.radio-playing-indicator{display:flex;align-items:flex-end;gap:3px;height:16px}.radio-wave-bar{width:3px;background:var(--color-primary-light);border-radius:2px;animation:waveAnim 1.2s ease-in-out infinite}.radio-wave-bar:nth-child(1){animation-delay:0s;height:6px}.radio-wave-bar:nth-child(2){animation-delay:.15s;height:12px}.radio-wave-bar:nth-child(3){animation-delay:.3s;height:8px}.radio-wave-bar:nth-child(4){animation-delay:.45s;height:14px}.radio-wave-bar:nth-child(5){animation-delay:.6s;height:6px}@keyframes waveAnim{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.5)}}[dir=rtl] .radio-verse-translation{border-left:none;border-right:2px solid rgba(64,145,108,.35);padding-left:0;padding-right:12px}.radio-autoplay-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-full);border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.radio-autoplay-btn.active{border-color:var(--color-primary);background:#40916c1f;color:var(--color-primary-light)}.radio-next-surah-btn{padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.radio-next-surah-btn:hover{border-color:var(--color-primary);color:var(--color-primary-light)}:root[data-theme=dark]{--bg-primary: #0D1B2A;--bg-secondary: #112233;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .09);--bg-glass: rgba(13, 27, 42, .85);--bg-overlay: rgba(0, 0, 0, .6);--color-primary: #40916C;--color-primary-light: #52B788;--color-primary-dark: #1B4332;--color-accent: #D4AF37;--color-accent-light: #F2D06B;--color-ramadan: #C2773A;--color-ramadan-light: #E8924A;--text-primary: #F0F4F8;--text-secondary: #A8B9CC;--text-muted: #637D92;--text-accent: #52B788;--border-color: rgba(255, 255, 255, .08);--border-accent: rgba(64, 145, 108, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px rgba(64, 145, 108, .3);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--nav-height: 72px;--header-height: 64px}:root[data-theme=light]{--bg-primary: #F4F7FB;--bg-secondary: #EAEFF7;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(255, 255, 255, 1);--bg-glass: rgba(244, 247, 251, .92);--bg-overlay: rgba(0, 0, 0, .3);--color-primary: #1B4332;--color-primary-light: #40916C;--color-primary-dark: #0D2B1D;--color-accent: #B7860C;--color-accent-light: #D4AF37;--color-ramadan: #9B5B28;--color-ramadan-light: #C2773A;--text-primary: #0D1B2A;--text-secondary: #3D5A6E;--text-muted: #6E8BA0;--text-accent: #1B4332;--border-color: rgba(0, 0, 0, .1);--border-accent: rgba(27, 67, 50, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .16);--shadow-glow: 0 0 24px rgba(27, 67, 50, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}h1{font-size:clamp(1.8rem,5vw,2.4rem)}h2{font-size:clamp(1.3rem,4vw,1.7rem)}h3{font-size:clamp(1.1rem,3vw,1.3rem)}p{line-height:1.6}.app-container{max-width:430px;margin:0 auto;min-height:100dvh;position:relative;display:flex;flex-direction:column}.screen{flex:1;padding:0 0 calc(var(--nav-height) + 16px);overflow-y:auto}.screen-fullscreen{flex:1;padding:0;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s,transform .2s,box-shadow .2s}.card:hover{background:var(--bg-card-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-full);font-family:Outfit,sans-serif;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:0 4px 16px #40916c59}.btn-primary:hover{box-shadow:0 6px 24px #40916c80;transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:#0d1b2a;box-shadow:0 4px 16px #d4af3759}.btn-accent:hover{box-shadow:0 6px 24px #d4af3780;transform:translateY(-1px)}.btn-ghost{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.btn-ghost:hover{background:var(--bg-card-hover)}.btn-full{width:100%}.btn-sm{padding:10px 18px;font-size:.9rem}.btn-lg{padding:18px 32px;font-size:1.1rem}.toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--border-color);border-radius:var(--radius-full);transition:.3s;cursor:pointer}.toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #0000004d}.toggle input:checked+.toggle-slider{background:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}.section-header{display:flex;align-items:center;gap:10px;padding:20px 16px 12px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.list-item{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-card);border-bottom:1px solid var(--border-color);transition:background .15s;cursor:pointer}.list-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.list-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);border-bottom:none}.list-item:only-child{border-radius:var(--radius-md);border-bottom:none}.list-item:active{background:var(--bg-card-hover)}.list-item-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:var(--bg-secondary);flex-shrink:0}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:500;font-size:.95rem;color:var(--text-primary)}.list-item-subtitle{font-size:.82rem;color:var(--text-muted);margin-top:2px}.list-item-right{color:var(--text-muted);font-size:.85rem;display:flex;align-items:center;gap:6px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-pro{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:#0d1b2a}.badge-free{background:var(--bg-secondary);color:var(--text-muted)}.input{width:100%;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #40916c26}.input::placeholder{color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.gradient-bg{background:linear-gradient(160deg,#0d1b2a,#123,#0d1b2a)}.gradient-overlay{background:radial-gradient(ellipse at 50% 0%,rgba(64,145,108,.15) 0%,transparent 60%)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:var(--nav-height);background:var(--bg-glass);border-top:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-around;padding:0 2px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;border:none;background:none;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.58rem;font-weight:500;text-decoration:none;-webkit-tap-highlight-color:transparent;min-width:0;flex:1}.nav-item.active{color:var(--color-primary)}.nav-item-icon{font-size:1.25rem;line-height:1}.nav-item:active{transform:scale(.92)}.pro-lock-overlay{position:absolute;inset:0;background:var(--bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-radius:inherit;z-index:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glow{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:0 0 40px #40916c80}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .4s ease both}.animate-slide-up{animation:slideUp .4s cubic-bezier(.34,1.2,.64,1) both}.animate-slide-down{animation:slideDown .35s ease both}.animate-scale-in{animation:scaleIn .35s cubic-bezier(.34,1.56,.64,1) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-accent-gold{color:var(--color-accent)}.font-outfit{font-family:Outfit,sans-serif}.fw-bold{font-weight:700}.fw-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.p-16{padding:16px}.px-16{padding-left:16px;padding-right:16px}.py-24{padding-top:24px;padding-bottom:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.w-full{width:100%}.ramadan-mode .color-primary-elements{color:var(--color-ramadan)}.ramadan-mode .btn-primary{background:linear-gradient(135deg,var(--color-ramadan),var(--color-ramadan-light));box-shadow:0 4px 16px #c2773a59}[dir=rtl] .list-item-right{transform:scaleX(-1)}[dir=rtl] .home-header,[dir=rtl] .section-header,[dir=rtl] .list-item-content{text-align:right}[dir=rtl] .settings-group .list-item-icon{order:1}[dir=rtl] .settings-group .list-item-content{order:2}[dir=rtl] .settings-group .list-item-right{order:0;transform:scaleX(-1)}