:root{--salah-teal-50:#effefb;--salah-teal-100:#c8fff4;--salah-teal-200:#91ffea;--salah-teal-300:#52f5dc;--salah-teal-400:#1edeca;--salah-teal-500:#06c2b0;--salah-teal-600:#019d91;--salah-teal-700:#067d74;--salah-teal-800:#0a635e;--salah-teal-900:#0d524e;--salah-teal-950:#003331;--salah-emerald:#064e3b;--salah-deep:#022c22;--salah-gold-100:#fef3c7;--salah-gold-200:#fde68a;--salah-gold-300:#fcd34d;--salah-gold-400:#fbbf24;--salah-gold-500:#d4a017;--salah-bg:linear-gradient(165deg,#064e3b 0%,#022c22 40%,#0a1a2a 100%);--salah-card-bg:#ffffff0f;--salah-card-border:#ffffff1a;--salah-card-bg-hover:#ffffff1a;--salah-text:#f0fdf9;--salah-text-muted:#f0fdf98c;--salah-radius:16px;--salah-radius-sm:12px;--salah-radius-xs:8px}.salah-app{background:var(--salah-bg);color:var(--salah-text);font-feature-settings:"ss01","ss02";-webkit-font-smoothing:antialiased;min-height:100dvh;position:relative;overflow-x:hidden}.salah-bg-pattern{pointer-events:none;opacity:.03;z-index:0;background-image:radial-gradient(circle at 25% 25%,#ffffff26 1px,#0000 1px),radial-gradient(circle at 75% 75%,#ffffff1a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.salah-bg-pattern:after{content:"";filter:blur(60px);background:radial-gradient(circle,#06c2b01f 0%,#0000 70%);border-radius:50%;width:80vw;height:80vw;position:absolute;top:-50%;right:-30%}.salah-hijri-date{color:var(--salah-gold-300);letter-spacing:.02em;text-shadow:0 1px 8px #fcd34d33}.salah-streak-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbbf241f;border:1px solid #fbbf2433;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;display:flex}.salah-streak-number{color:var(--salah-gold-300);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.salah-progress-track{background:#ffffff14;border-radius:4px;height:4px;overflow:hidden}.salah-progress-bar{background:linear-gradient(90deg,var(--salah-teal-500),var(--salah-gold-400));border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.salah-timer-card{text-align:center;border-radius:var(--salah-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#06c2b01f 0%,#fbbf2414 100%);border:1px solid #06c2b026;padding:16px 20px}.salah-timer-digits{letter-spacing:.05em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--salah-teal-300),var(--salah-gold-300));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;line-height:1.2}.salah-prayer-card{border-radius:var(--salah-radius);background:var(--salah-card-bg);border:1px solid var(--salah-card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;padding:14px 16px;transition:all .25s;animation:.4s ease-out both salah-card-in;display:flex}@keyframes salah-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.salah-prayer-card--next{background:linear-gradient(135deg,#06c2b024 0%,#06c2b00f 100%);border-color:#06c2b04d;box-shadow:0 0 20px #06c2b014}.salah-prayer-card--done{background:#10b98114;border-color:#10b9814d}.salah-prayer-card--missed{opacity:.7;background:#ef44440d;border-color:#ef444433}.salah-prayer-time{font-variant-numeric:tabular-nums;opacity:.7;text-align:right;min-width:50px;font-size:15px;font-weight:600}.salah-prayer-time--next{color:var(--salah-teal-300);opacity:1}.salah-btn-check,.salah-btn-cross{color:#fff6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.salah-btn-check:active,.salah-btn-cross:active{transform:scale(.9)}.salah-btn-check--active{color:#fff;background:#10b981e6;border-color:#10b981;box-shadow:0 0 12px #10b9814d}.salah-btn-cross--active{color:#fff;background:#ef4444cc;border-color:#ef4444;box-shadow:0 0 12px #ef444440}.salah-loader{border:3px solid #ffffff1a;border-top-color:var(--salah-teal-400);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite salah-spin}@keyframes salah-spin{to{transform:rotate(360deg)}}.salah-onboarding-dot{background:#ffffff1a;border-radius:3px;flex:1;height:3px;transition:all .4s cubic-bezier(.4,0,.2,1)}.salah-onboarding-dot--active{background:linear-gradient(90deg,var(--salah-teal-400),var(--salah-gold-400))}.salah-onboarding-step{animation:.35s ease-out salah-step-in}@keyframes salah-step-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.salah-onboarding-geo-btn{border-radius:var(--salah-radius);width:100%;color:var(--salah-teal-300);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#06c2b026 0%,#06c2b014 100%);border:1.5px solid #06c2b04d;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.salah-onboarding-geo-btn:active{background:linear-gradient(135deg,#06c2b040 0%,#06c2b026 100%);transform:scale(.98)}.salah-onboarding-geo-btn:disabled{opacity:.6}.salah-onboarding-selected-city{border-radius:var(--salah-radius-sm);color:var(--salah-teal-200);background:#10b9811a;border:1px solid #10b98140;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;animation:.3s ease-out salah-card-in;display:flex}.salah-onboarding-input{border-radius:var(--salah-radius-sm);background:var(--salah-card-bg);border:1.5px solid var(--salah-card-border);width:100%;color:var(--salah-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;padding:14px 16px;font-size:15px;transition:border-color .2s}.salah-onboarding-input::placeholder{color:var(--salah-text-muted)}.salah-onboarding-input:focus{border-color:#06c2b066}.salah-onboarding-city-item{text-align:left;border-radius:var(--salah-radius-sm);background:var(--salah-card-bg);border:1px solid var(--salah-card-border);width:100%;color:var(--salah-text);cursor:pointer;-webkit-tap-highlight-color:transparent;padding:12px 16px;transition:all .2s;display:block}.salah-onboarding-city-item:active{background:var(--salah-card-bg-hover);border-color:#06c2b04d}.salah-onboarding-option{text-align:left;border-radius:var(--salah-radius);background:var(--salah-card-bg);border:1.5px solid var(--salah-card-border);width:100%;color:var(--salah-text);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px 16px;transition:all .25s;display:block}.salah-onboarding-option:active{transform:scale(.98)}.salah-onboarding-option--active{border-color:var(--salah-teal-400);background:linear-gradient(135deg,#06c2b02e 0%,#06c2b014 100%);box-shadow:0 0 20px #06c2b01f,inset 0 0 0 1px #06c2b026}.salah-onboarding-option--lang{align-items:center;gap:14px;display:flex}.salah-onboarding-btn-next{border-radius:var(--salah-radius);background:linear-gradient(135deg,var(--salah-teal-600)0%,var(--salah-teal-700)100%);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px solid #06c2b04d;padding:15px 24px;font-size:16px;font-weight:700;transition:all .2s}.salah-onboarding-btn-next:active{transform:scale(.98)}.salah-onboarding-btn-next:disabled{opacity:.4;cursor:not-allowed}.salah-onboarding-btn-back{border-radius:var(--salah-radius);background:var(--salah-card-bg);border:1.5px solid var(--salah-card-border);color:var(--salah-text);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:15px 20px;font-size:15px;font-weight:600;transition:all .2s}.salah-onboarding-btn-back:active{background:var(--salah-card-bg-hover);transform:scale(.98)}.salah-tab-bar{z-index:50;height:64px;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#022c22eb;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.salah-tab-item{color:#f0fdf959;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;transition:all .2s;display:flex}.salah-tab-item:active{transform:scale(.92)}.salah-tab-item--active{color:var(--salah-teal-300)}.salah-tab-icon{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.salah-tab-label{letter-spacing:.02em;font-size:10px;font-weight:600}.salah-stats-toggle{border-radius:var(--salah-radius-sm);background:var(--salah-card-bg);border:1px solid var(--salah-card-border);padding:3px;display:flex}.salah-stats-toggle-btn{color:var(--salah-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;flex:1;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.salah-stats-toggle-btn--active{color:var(--salah-teal-300);background:#06c2b026}.salah-stats-card{border-radius:var(--salah-radius);background:var(--salah-card-bg);border:1px solid var(--salah-card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px}.salah-stats-bar-chart{justify-content:space-between;align-items:flex-end;gap:8px;height:140px;display:flex}.salah-stats-bar-col{flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex}.salah-stats-bar-wrap{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.salah-stats-bar{background:linear-gradient(to top,var(--salah-teal-600),var(--salah-teal-400));border-radius:6px 6px 2px 2px;width:100%;max-width:32px;min-height:4px;transition:height .5s cubic-bezier(.4,0,.2,1)}.salah-stats-bar-label{opacity:.5;font-size:10px;font-weight:600}.salah-stats-bar-value{color:var(--salah-teal-300);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.salah-stats-heatmap{grid-template-columns:28px repeat(auto-fill,1fr);gap:3px;display:grid}.salah-stats-heatmap-label{opacity:.4;justify-content:center;align-items:center;height:20px;font-size:9px;font-weight:600;display:flex}.salah-stats-heatmap-cell{aspect-ratio:1;border-radius:4px;width:100%;min-height:16px;transition:opacity .3s}.salah-stats-comparison-badge{font-variant-numeric:tabular-nums;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;font-weight:700;display:flex}.salah-stats-comparison-badge--up{color:#34d399;background:#10b9811f;border:1px solid #10b98133}.salah-stats-comparison-badge--down{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.salah-stats-prayer-row{align-items:center;display:flex}.salah-stats-prayer-bar-track{background:#ffffff0f;border-radius:6px;width:100%;height:6px;overflow:hidden}.salah-stats-prayer-bar-fill{background:linear-gradient(90deg,var(--salah-teal-500),var(--salah-teal-300));border-radius:6px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.salah-gold-text{color:var(--salah-gold-300)}.salah-stats-yearly-heatmap-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.salah-stats-yearly-months{gap:2px;margin-bottom:2px;display:grid}.salah-stats-yearly-grid{gap:2px;display:grid}.salah-stats-yearly-cell{aspect-ratio:1;border-radius:2px;width:100%;min-width:8px;min-height:8px}.salah-stats-export-btn{color:var(--salah-text);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.salah-stats-export-btn:active{background:#ffffff26}.salah-profile-header{text-align:center;flex-direction:column;align-items:center;display:flex}.salah-profile-avatar{background:linear-gradient(135deg,var(--salah-teal-600),var(--salah-teal-800));border:2px solid #06c2b04d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;box-shadow:0 4px 20px #06c2b026}.salah-profile-avatar-text{color:var(--salah-teal-200);font-size:28px;font-weight:800}.salah-profile-avatar-star{background:#022c22f2;border:2px solid #fbbf2466;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex;position:absolute;bottom:-2px;right:-2px}.salah-profile-premium-card{border-radius:var(--salah-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.salah-profile-premium-card--active{background:linear-gradient(135deg,#fbbf241a,#fbbf240a);border:1px solid #fbbf2440}.salah-profile-premium-card--trial{cursor:pointer;background:linear-gradient(135deg,#06c2b01f,#06c2b00f);border:1px solid #06c2b040}.salah-profile-premium-card--trial:active{transform:scale(.98)}.salah-profile-premium-icon{background:linear-gradient(135deg,#fbbf2433,#fbbf2414);border:1px solid #fbbf2440;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.salah-profile-premium-icon--trial{background:linear-gradient(135deg,#06c2b033,#06c2b014);border-color:#06c2b040}.salah-profile-premium-icon--cta{background:linear-gradient(135deg,#fbbf2440,#fbbf241a);border-color:#fbbf244d;box-shadow:0 0 16px #fbbf241a}.salah-profile-upgrade-card{border-radius:var(--salah-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#fbbf2414,#fbbf2408);border:1.5px solid #fbbf2433;padding:16px;transition:all .2s}.salah-profile-upgrade-card:active{transform:scale(.98)}.salah-profile-upgrade-btn{border-radius:var(--salah-radius-sm);background:linear-gradient(135deg,var(--salah-gold-400)0%,var(--salah-gold-500)100%);color:#1a1a1a;text-align:center;width:100%;padding:10px;font-size:13px;font-weight:700;box-shadow:0 2px 12px #fbbf2433}.salah-settings-section-title{text-transform:uppercase;letter-spacing:.08em;opacity:.4;margin-bottom:8px;padding-left:2px;font-size:11px;font-weight:700}.salah-settings-card{border-radius:var(--salah-radius);background:var(--salah-card-bg);border:1px solid var(--salah-card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.salah-settings-row{color:var(--salah-text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 14px;transition:background .15s;display:flex}.salah-settings-row+.salah-settings-row{border-top:1px solid #ffffff0a}.salah-settings-row:active{background:#ffffff0a}.salah-settings-row--active{background:#06c2b00f}.salah-settings-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:none;border-radius:13px;flex-shrink:0;width:44px;height:26px;transition:background .25s;position:relative}.salah-settings-toggle--on{background:var(--salah-teal-500)}.salah-settings-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.salah-settings-toggle--on .salah-settings-toggle-knob{transform:translate(18px)}.salah-settings-select{color:var(--salah-text);cursor:pointer;appearance:none;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600}.salah-settings-select option{color:#fff;background:#0d524e}.salah-premium-badge{letter-spacing:.02em;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.salah-premium-badge--premium{color:var(--salah-gold-300);background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border:1px solid #fbbf244d}.salah-premium-badge--trial{color:var(--salah-teal-300);background:#06c2b01f;border:1px solid #06c2b033}.salah-premium-badge--free{color:#fff6;background:#ffffff0f;border:1px solid #ffffff1a}.salah-premium-gate{border-radius:var(--salah-radius);position:relative;overflow:hidden}.salah-premium-gate-content{filter:blur(3px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.salah-premium-gate-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#022c224d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.salah-premium-gate-lock{color:var(--salah-gold-400);opacity:.8;flex-direction:column;align-items:center;gap:2px;display:flex}.salah-sub-back-btn{color:var(--salah-teal-300);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-size:14px;font-weight:600;display:inline-flex}.salah-sub-star-icon{background:linear-gradient(135deg,#fbbf2433,#fbbf2414);border:1.5px solid #fbbf2440;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;font-size:28px;display:inline-flex;box-shadow:0 0 40px #fbbf2426}.salah-sub-active-card{border-radius:var(--salah-radius);background:linear-gradient(135deg,#10b9811f,#10b9810f);border:1px solid #10b98140;align-items:center;gap:12px;padding:14px 16px;display:flex}.salah-sub-trial-card{border-radius:var(--salah-radius);background:linear-gradient(135deg,#06c2b01f,#06c2b00f);border:1px solid #06c2b040;align-items:center;gap:12px;padding:14px 16px;display:flex}.salah-sub-features-card{border-radius:var(--salah-radius);background:var(--salah-card-bg);border:1px solid var(--salah-card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px}.salah-sub-feature-row{align-items:center;gap:10px;display:flex}.salah-sub-plan-card{border-radius:var(--salah-radius);background:var(--salah-card-bg);border:1.5px solid var(--salah-card-border);width:100%;color:var(--salah-text);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:14px;padding:16px;transition:all .25s;display:flex;position:relative}.salah-sub-plan-card:active{transform:scale(.98)}.salah-sub-plan-card--active{background:linear-gradient(135deg,#fbbf241a,#fbbf240a);border-color:#fbbf2466;box-shadow:0 0 24px #fbbf2414}.salah-sub-plan-radio{border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:all .2s;position:relative}.salah-sub-plan-radio--active{border-color:var(--salah-gold-400)}.salah-sub-plan-radio--active:after{content:"";background:var(--salah-gold-400);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:4px}.salah-sub-plan-badge{background:linear-gradient(135deg,var(--salah-gold-400),var(--salah-gold-500));color:#1a1a1a;letter-spacing:.02em;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;top:-8px;right:16px}.salah-sub-purchase-btn{border-radius:var(--salah-radius);background:linear-gradient(135deg,var(--salah-gold-400)0%,var(--salah-gold-500)100%);color:#1a1a1a;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-size:16px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 20px #fbbf2440}.salah-sub-purchase-btn:active{transform:scale(.98);box-shadow:0 2px 10px #fbbf244d}.salah-sub-purchase-btn:disabled{opacity:.7;cursor:not-allowed}.salah-sub-free-card{border-radius:var(--salah-radius);background:#ffffff08;border:1px solid #ffffff0f;padding:16px}.salah-drawer-backdrop{z-index:100;opacity:0;-webkit-tap-highlight-color:transparent;background:#00000080;transition:opacity .25s;position:fixed;inset:0}.salah-drawer-backdrop--visible{opacity:1}.salah-drawer-panel{z-index:101;overscroll-behavior:contain;max-height:70dvh;padding:0 0 env(safe-area-inset-bottom);background:linear-gradient(165deg,#0d524e 0%,#022c22 60%,#0a1a2a 100%);border-top:1px solid #06c2b033;border-radius:20px 20px 0 0;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.salah-drawer-panel--visible{transform:translateY(0)}.salah-drawer-handle{z-index:1;background:inherit;border-radius:20px 20px 0 0;justify-content:center;padding:10px 0 6px;display:flex;position:sticky;top:0}.salah-drawer-handle:after{content:"";background:#fff3;border-radius:4px;width:36px;height:4px}.salah-drawer-title{text-align:center;opacity:.7;padding:0 20px 12px;font-size:15px;font-weight:700}.salah-drawer-options{padding:0 12px 16px}.salah-drawer-option{width:100%;color:var(--salah-text);text-align:left;cursor:pointer;border-radius:var(--salah-radius-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:500;transition:background .15s;display:flex}.salah-drawer-option:active{background:#ffffff0f}.salah-drawer-option--active{background:#06c2b014}.salah-drawer-option+.salah-drawer-option{border-top:1px solid #ffffff0a}.salah-drawer-option-check{flex-shrink:0;margin-left:auto}body{overscroll-behavior:none}.salah-app{padding-top:env(safe-area-inset-top);padding-bottom:calc(72px + env(safe-area-inset-bottom))}