@import url(https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:where(:not(.pre-checkout-modal):not(.pre-checkout-modal *)){box-sizing:border-box;margin:0;padding:0}:root{--bg:#07090c;--s1:#0d1117;--s2:#111a23;--s3:#1a2129;--border:#1e2a35;--accent:#00c9a7;--acc2:#008f76;--gold:#ffb300;--gold2:#cc8e00;--danger:#ff6b6b;--text:#e8f0f5;--muted:#4a6070;--header-bg:#090e14;--playing-bg:#041210;--buffering-bg:#120d00;--error-bg:#120404}html.light-mode{--bg:#f0f5fa;--s1:#fff;--s2:#e8f0f8;--s3:#d8e5f0;--border:#c2d4e4;--accent:#009e87;--acc2:#007a69;--gold:#b87008;--gold2:#9a5c06;--danger:#d03030;--text:#18262f;--muted:#5e7a93;--header-bg:#fff;--playing-bg:#009e8714;--buffering-bg:#b8700814;--error-bg:#d0303014}html.light-mode #root,html.light-mode body{background:#07090c;background:var(--bg)}html.light-mode .header{border-bottom-color:#1e2a35;border-bottom-color:var(--border);box-shadow:0 2px 20px #00000012}html.light-mode .bottom-nav{border-top-color:#1e2a35;border-top-color:var(--border);box-shadow:0 -2px 20px #00000012}html.light-mode .station-card{border-color:#0000;box-shadow:0 2px 12px #0000000f}html.light-mode .station-card.playing{border-color:#00c9a7;border-color:var(--accent)}html.light-mode .station-card.buffering{border-color:#cc8e00;border-color:var(--gold2)}html.light-mode .station-card.error{border-color:#ff6b6b;border-color:var(--danger)}html.light-mode .np-bar{border-color:#1e2a35;border-color:var(--border);box-shadow:0 2px 16px #00000012}html.light-mode .np-bar.playing{border-color:#00c9a7;border-color:var(--accent)}html.light-mode .np-bar.buffering{border-color:#cc8e00;border-color:var(--gold2)}html.light-mode .np-bar.error{border-color:#ff6b6b;border-color:var(--danger)}html.light-mode .tasbeeh-hero{background:linear-gradient(135deg,#e0f7f3,#eef8f6)!important;border-color:#009e8738!important}html.light-mode .surah-sticky{background:#fff}html.light-mode .ayah-row{border-bottom-color:#c2d4e499}html.light-mode .welcome-overlay{background:#f0f5faf7}html.light-mode .welcome-card{background:linear-gradient(160deg,#e0f7f3,#fff 60%,#edf4ff)!important;border-color:#009e872e!important;box-shadow:0 8px 48px #009e871a,0 4px 24px #b870080f!important}html.light-mode .notif-sheet-backdrop{background:#f0f5fad9}html.light-mode .notif-sheet{background:linear-gradient(160deg,#e0f7f3,#fff)!important;border-color:#009e8733!important}html.light-mode .landscape-overlay{background:#f0f5fa!important}html.light-mode .landscape-arabic{color:#ffb300;color:var(--gold)}html.light-mode .landscape-translation{color:#4a6070;color:var(--muted)}html.light-mode .landscape-btn{background:#0000000a;border-color:#0000001a;color:#e8f0f5;color:var(--text)}html.light-mode .landscape-btn:active{background:#00000014}html.light-mode .landscape-play{background:#b870081f;border-color:#b8700866}html.light-mode .sleep-menu{background:#fff;border-color:#1e2a35;border-color:var(--border)}html.light-mode .sleep-option:hover{background:#111a23;background:var(--s2)}html.light-mode .settings-card{border-color:#0000;box-shadow:0 2px 10px #0000000f}html.light-mode .city-input{background:#111a23;background:var(--s2)}html.light-mode .city-input,html.light-mode .surah-back,html.light-mode .tasbeeh-btn{border-color:#1e2a35;border-color:var(--border)}html.light-mode .tasbeeh-btn{background:#111a23;background:var(--s2)}#root,.app,.bnav-btn,.bottom-nav,.header,.np-bar,.prayer-cell,.prayer-strip,.settings-card,.sleep-menu,.station-card,.surah-sticky,.tab,.tabs,.tasbeeh-hero,body,html{transition:background .25s,border-color .25s,box-shadow .25s,color .2s}#root,body,html{-webkit-tap-highlight-color:transparent;background:#07090c;background:var(--bg);color:#e8f0f5;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overscroll-behavior:none;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}.app{display:flex;flex-direction:column;height:100dvh;margin:0 auto;max-width:480px;overflow:hidden}.scroll-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.header{background:#090e14;background:var(--header-bg);border-bottom:1px solid #1e2a35;border-bottom:1px solid var(--border);gap:12px;padding:14px 20px;position:sticky;top:0;z-index:50}.header,.logo{align-items:center;display:flex}.logo{background:linear-gradient(135deg,#008f76,#00c9a7);background:linear-gradient(135deg,var(--acc2),var(--accent));border-radius:10px;color:#07090c;flex-shrink:0;font-size:18px;font-weight:900;height:38px;justify-content:center;width:38px}.header-title{color:#ffb300;color:var(--gold);flex:1 1;font-size:20px;font-weight:800}.hijri{color:#4a6070;color:var(--muted);font-size:11px;font-weight:600}.prayer-strip{background:linear-gradient(180deg,#0d1117,#07090c);background:linear-gradient(180deg,var(--s1),var(--bg));border-bottom:1px solid #1e2a35;border-bottom:1px solid var(--border);padding:12px 16px}.countdown-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.next-label{color:#4a6070;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.next-info{align-items:center;display:flex;gap:10px}.next-name{font-size:16px}.next-name,.next-time{color:#ffb300;color:var(--gold);font-weight:800}.next-time{font-feature-settings:"tnum";font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:2px}.prayer-row{display:flex;gap:4px;justify-content:space-between}.prayer-cell{border-radius:10px;flex:1 1;padding:6px 4px;text-align:center}.prayer-cell.active{background:#00c9a71f;border:1px solid #008f76;border:1px solid var(--acc2)}.pcell-name{color:#4a6070;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.prayer-cell.active .pcell-name{color:#00c9a7;color:var(--accent)}.pcell-time{color:#e8f0f5;color:var(--text);font-size:15px;font-weight:800;margin-top:2px}.prayer-cell.active .pcell-time{color:#00c9a7;color:var(--accent)}.prayer-cell.prayed{animation:prayedGlow 2.5s ease-in-out infinite;background:#ffb3001a;border:1px solid #ffb30040;cursor:pointer}.prayer-cell.prayed .pcell-name{color:#ffb300;color:var(--gold)}.prayer-cell.prayed .pcell-time{color:#ffb300;color:var(--gold);font-size:16px}.prayer-cell.prayed.active{background:#ffb30026;border:1px solid #ffb30059}.prayer-cell.trackable{-webkit-tap-highlight-color:transparent;cursor:pointer}@keyframes prayedPop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes prayedGlow{0%,to{box-shadow:0 0 0 0 #ffb30000}50%{box-shadow:0 0 8px 2px #ffb30026}}.prayer-cell.prayed-anim{animation:prayedPop .3s ease}.salah-dots{align-items:center;display:flex;gap:5px;justify-content:center;padding:6px 0 2px}.salah-dot{border:1.5px solid #1e2a35;border:1.5px solid var(--border);border-radius:50%;height:7px;transition:all .3s;width:7px}.salah-dot.full{background:#ffb300;background:var(--gold);border-color:#ffb300;border-color:var(--gold)}.salah-dot.partial{background:#ffb30066;border-color:#ffb30080}.salah-dot.today{box-shadow:0 0 0 2px #ffb30040}.salah-toast{align-items:center;animation:toastIn .5s cubic-bezier(.22,1,.36,1);background:linear-gradient(160deg,#071a12,#0a2218 50%,#071a12);border:1.5px solid #ffb30073;border-radius:28px;box-shadow:0 24px 64px #000000d9,0 0 80px #ffb30026;display:flex;flex-direction:column;gap:12px;left:50%;max-width:300px;min-width:270px;overflow:hidden;padding:32px 24px 24px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1300}.salah-toast-overlay{animation:fadeInOverlay .3s ease;background:#00000073;inset:0;position:fixed;z-index:1299}html.light-mode .prayer-cell.prayed{background:#b8700814;border-color:#b8700833}html.light-mode .prayer-cell.prayed .pcell-name,html.light-mode .prayer-cell.prayed .pcell-time{color:#ffb300;color:var(--gold)}html.light-mode .salah-dot.full{background:#ffb300;background:var(--gold);border-color:#ffb300;border-color:var(--gold)}html.light-mode .salah-dot.partial{background:#b8700866;border-color:#b8700880}html.light-mode .salah-toast{background:linear-gradient(160deg,#faf5e8,#f7f0e0 50%,#faf5e8);border-color:#b8700859;box-shadow:0 24px 64px #00000026,0 0 40px #b870081a}@keyframes arabicRain{0%{opacity:1;transform:translateY(-100%)}90%{opacity:.6}to{opacity:0;transform:translateY(100vh)}}@keyframes devConfetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@keyframes devPulse{0%,to{text-shadow:0 0 10px #00c9a766}50%{text-shadow:0 0 25px #00c9a7cc,0 0 50px #00c9a74d}}@keyframes journeyIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dev-journey-overlay{animation:fadeInOverlay .3s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0009;inset:0;position:fixed;z-index:1399}.dev-journey{animation:journeyIn .4s cubic-bezier(.22,1,.36,1);border-radius:24px;left:50%;max-height:80vh;max-width:380px;overflow-y:auto;padding:28px 20px 24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 48px);z-index:1400}.np-bar{background:#111a23;background:var(--s2);border:2px solid #1e2a35;border:2px solid var(--border);border-radius:16px;margin:12px 16px;padding:20px 18px;transition:border-color .3s}.np-bar.playing{background:#041210;background:var(--playing-bg);border-color:#00c9a7;border-color:var(--accent)}.np-bar.buffering{background:#120d00;background:var(--buffering-bg);border-color:#cc8e00;border-color:var(--gold2)}.np-bar.error{background:#120404;background:var(--error-bg);border-color:#ff6b6b;border-color:var(--danger)}.np-label{color:#4a6070;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:2.5px;margin-bottom:8px;text-transform:uppercase}.np-inner{gap:12px}.np-art,.np-inner{align-items:center;display:flex}.np-art{background:#1a2129;background:var(--s3);border:1px solid #1e2a35;border:1px solid var(--border);border-radius:14px;color:#00c9a7;color:var(--accent);flex-shrink:0;font-size:22px;font-weight:900;height:56px;justify-content:center;width:56px}.np-info{flex:1 1;min-width:0}.np-name{font-size:20px;font-weight:800;line-height:1.2;overflow:hidden;white-space:normal}.np-name.stopped{font-size:16px;font-weight:500}.np-name.stopped,.np-sub{color:#4a6070;color:var(--muted)}.np-sub{font-size:12px;margin-top:3px}.np-sub.error{color:#ff6b6b;color:var(--danger)}.wave{align-items:flex-end;display:flex;gap:3px;height:18px;margin-top:4px}.wave span{background:linear-gradient(0deg,#008f76,#00c9a7);background:linear-gradient(to top,var(--acc2),var(--accent));border-radius:3px 3px 1px 1px;box-shadow:0 0 6px #00c9a766;display:block;transform-origin:bottom center;width:3px}.wave span:first-child{animation:wv 1.1s cubic-bezier(.4,0,.2,1) infinite;animation-delay:0s;height:14px}.wave span:nth-child(2){animation:wv .85s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.18s;height:18px}.wave span:nth-child(3){animation:wv 1.25s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.07s;height:11px}.wave span:nth-child(4){animation:wv .95s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.28s;height:18px}.wave span:nth-child(5){animation:wv 1.1s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.12s;height:13px}.wave span:nth-child(6){animation:wv .9s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.22s;height:9px}@keyframes wv{0%{opacity:.35;transform:scaleY(.15)}20%{opacity:.9;transform:scaleY(.85)}40%{opacity:1;transform:scaleY(1)}60%{opacity:.7;transform:scaleY(.55)}80%{opacity:.95;transform:scaleY(.9)}to{opacity:.35;transform:scaleY(.15)}}html.light-mode .wave span{box-shadow:0 0 4px #009e8733}.btn-stop{background:#ff6b6b;background:var(--danger);border:none;border-radius:10px;color:#fff}.btn-retry,.btn-stop{cursor:pointer;flex-shrink:0;font-family:inherit;font-size:14px;font-weight:800;padding:10px 20px}.btn-retry{background:#1a2129;background:var(--s3);border:1px solid #1e2a35;border:1px solid var(--border);border-radius:10px;color:#e8f0f5;color:var(--text)}.spinner{animation:sp .7s linear infinite;border:3px solid #1e2a35;border-top-color:#ffb300;border:3px solid var(--border);border-radius:50%;border-top-color:var(--gold);flex-shrink:0;height:22px;width:22px}@keyframes sp{to{transform:rotate(1turn)}}.tabs{background:#0d1117;background:var(--s1);border-bottom:2px solid #1e2a35;border-bottom:2px solid var(--border);display:flex;position:sticky;top:67px;z-index:40}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#4a6070;color:var(--muted);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:800;letter-spacing:1.5px;margin-bottom:-2px;padding:14px 8px;text-transform:uppercase;transition:color .2s,border-color .2s}.tab.active{border-bottom-color:#ffb300;border-bottom-color:var(--gold);color:#ffb300;color:var(--gold)}.tab:active{background:#111a23;background:var(--s2)}.section{padding:16px}.station-card{align-items:center;background:#111a23;background:var(--s2);border:2px solid #1e2a35;border:2px solid var(--border);border-radius:18px;cursor:pointer;display:flex;gap:14px;margin-bottom:10px;overflow:hidden;padding:14px 16px;position:relative;transition:border-color .2s,background .2s}.station-card:before{background:#0000;border-radius:4px 0 0 4px;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .2s;width:5px}.station-card.playing{background:#041210;background:var(--playing-bg);border-color:#00c9a7;border-color:var(--accent)}.station-card.playing:before{background:#00c9a7;background:var(--accent)}.station-card.buffering{background:#120d00;background:var(--buffering-bg);border-color:#cc8e00;border-color:var(--gold2)}.station-card.buffering:before{background:#ffb300;background:var(--gold)}.station-card.error{background:#120404;background:var(--error-bg);border-color:#ff6b6b;border-color:var(--danger)}.station-card.error:before{background:#ff6b6b;background:var(--danger)}.station-card:active{opacity:.85}.s-art{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;font-weight:900;height:48px;justify-content:center;width:48px}.s-art.masjid{background:#ffb3001f;border:1px solid #ffb30040;color:#ffb300;color:var(--gold)}.s-art.radio{background:#74b9ff1f;border:1px solid #74b9ff40;color:#74b9ff}.s-art.active{background:#00c9a726;border:1px solid #008f76;border:1px solid var(--acc2);color:#00c9a7;color:var(--accent)}.s-info{flex:1 1;min-width:0}.s-name{font-size:18px;font-weight:800;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-badges{display:flex;flex-wrap:wrap;gap:5px}.badge{border-radius:8px;font-size:11px;font-weight:800;padding:3px 10px}.badge-live{animation:livePulse 2s ease-in-out infinite;background:#00c9a71f;border:1px solid #008f76;border:1px solid var(--acc2);color:#00c9a7;color:var(--accent)}@keyframes livePulse{0%,to{box-shadow:0 0 0 0 #00c9a74d}50%{box-shadow:0 0 0 4px #00c9a700}}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes breathe{0%,to{box-shadow:0 0 20px #ffb30014;opacity:.3;transform:scale(1)}50%{box-shadow:0 0 55px #ffb30047;opacity:.55;transform:scale(1.1)}}.badge-offline{background:#1a2129;background:var(--s3);border:1px solid #1e2a35;border:1px solid var(--border);color:#4a6070;color:var(--muted)}.badge-playing{background:#00c9a726;border:1px solid #008f76;border:1px solid var(--acc2);color:#00c9a7;color:var(--accent)}.badge-buffering{background:#ffb30026;border:1px solid #cc8e00;border:1px solid var(--gold2);color:#ffb300;color:var(--gold)}.badge-error{background:#ff6b6b26;border:1px solid #a04040;color:#ff6b6b;color:var(--danger)}.nav-btn.active .nav-label{color:#00c9a7;color:var(--accent)}.bottom-nav{background:#090e14;background:var(--header-bg);border-top:1px solid #1e2a35;border-top:1px solid var(--border);bottom:0;display:flex;left:0;margin:0 auto;max-width:480px;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:100}.bnav-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;gap:4px;padding:10px 4px 12px}.bnav-icon{filter:grayscale(1) opacity(.4);font-size:22px;line-height:1;transition:filter .2s,transform .2s}.bnav-btn.active .bnav-icon{filter:none;transform:scale(1.15)}.bnav-label{color:#4a6070;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:color .2s}.bnav-btn.active .bnav-label{color:#ffb300;color:var(--gold)}.tools-grid{display:flex;flex-direction:column;gap:12px;padding:16px}.no-sb{-ms-overflow-style:none;scrollbar-width:none}.no-sb::-webkit-scrollbar{display:none}.tasbeeh-hero{align-items:center;background:linear-gradient(135deg,#041a14,#071e16);border:1px solid #00c9a740;border-radius:20px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px 22px;position:relative;transition:opacity .15s}.tasbeeh-hero:active{opacity:.82}.surah-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.surah-card{align-items:center;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;overflow:hidden;padding:28px 14px 22px;position:relative;text-align:center;transition:transform .15s,opacity .15s}.surah-card:active{opacity:.82;transform:scale(.97)}.surah-sticky{align-items:center;background:#0d1117;background:var(--s1);border-bottom:1px solid #1e2a35;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px;position:sticky;top:67px;z-index:30}.surah-back{background:#0000;border:1px solid #1e2a35;border:1px solid var(--border);border-radius:8px;color:#e8f0f5;color:var(--text);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:18px;line-height:1;padding:5px 12px}.ayah-row{border-bottom:1px solid #1e2a3580;padding:16px 16px 12px}.ayah-num{align-items:center;background:#ffb3001f;border:1px solid #ffb30033;border-radius:50%;color:#ffb300;color:var(--gold);display:inline-flex;font-size:11px;font-weight:700;height:28px;justify-content:center;margin-bottom:8px;width:28px}.ayah-arabic{color:#e8f0f5;color:var(--text);direction:rtl;font-family:serif;font-size:22px;line-height:1.9;margin-bottom:8px;text-align:right}.ayah-arabic,.ayah-translation{-webkit-user-select:text;user-select:text}.ayah-translation{color:#4a6070;color:var(--muted);font-size:13px;line-height:1.6}.landscape-overlay{align-items:center;background:#040709;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;padding:20px 60px;position:fixed;z-index:2000}.landscape-arabic{color:#ffb300;color:var(--gold);direction:rtl;font-family:serif;font-size:clamp(28px,5.5vw,54px);line-height:1.85;text-align:center}.landscape-translation{color:#7a96a8;font-size:clamp(15px,2.4vw,22px);font-style:italic;line-height:1.65;max-width:720px;text-align:center}.landscape-controls{align-items:center;display:flex;gap:16px;margin-top:8px}.landscape-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;color:#ffffffb3;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:background .2s,border-color .2s;width:52px}.landscape-btn:active{background:#ffffff1f}.landscape-play{background:#ffb3002e;border:1px solid #ffb30073;border-radius:16px;color:#ffb300;color:var(--gold);font-size:24px;height:52px;width:64px}.landscape-play:active{background:#ffb3004d}.landscape-vol{accent-color:#ffb300;accent-color:var(--gold);cursor:pointer;height:4px;width:120px}@keyframes flipPageForward{0%{opacity:1;transform:perspective(1400px) rotateY(0deg)}75%{opacity:.15;transform:perspective(1400px) rotateY(-72deg)}to{opacity:0;transform:perspective(1400px) rotateY(-90deg)}}@keyframes flipPageBack{0%{opacity:1;transform:perspective(1400px) rotateY(0deg)}75%{opacity:.15;transform:perspective(1400px) rotateY(72deg)}to{opacity:0;transform:perspective(1400px) rotateY(90deg)}}@keyframes flipShadowForward{0%{opacity:.55}to{opacity:0}}@keyframes flipShadowBack{0%{opacity:.55}to{opacity:0}}.sleep-menu{background:#111a23;background:var(--s2);border:1px solid #1e2a35;border:1px solid var(--border);border-radius:12px;min-width:120px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:50}.sleep-option{color:#e8f0f5;color:var(--text);cursor:pointer;font-size:13px;padding:10px 16px;white-space:nowrap}.sleep-option:hover{background:#1a2129;background:var(--s3)}.tasbeeh-wrap{align-items:center;display:flex;flex-direction:column;gap:20px;padding:32px 20px}.tasbeeh-count{color:#ffb300;color:var(--gold);font-size:96px;font-weight:800;line-height:1}.tasbeeh-label{color:#4a6070;color:var(--muted);font-size:18px;font-weight:600}.tasbeeh-tap{align-items:center;background:#00c9a71f;border:3px solid #008f76;border:3px solid var(--acc2);border-radius:50%;color:#00c9a7;color:var(--accent);cursor:pointer;display:flex;font-size:18px;font-weight:800;height:180px;justify-content:center;transition:transform .1s;width:180px}.tasbeeh-tap:active{background:#00c9a733;transform:scale(.95)}.tasbeeh-btns{display:flex;gap:12px}.tasbeeh-btn{background:#111a23;background:var(--s2);border:2px solid #1e2a35;border:2px solid var(--border);border-radius:12px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:800;padding:12px 28px}.tasbeeh-btn,.tasbeeh-set{color:#4a6070;color:var(--muted)}.tasbeeh-set{font-size:13px}.tasbeeh-progress{background:#1e2a35;background:var(--border);border-radius:3px;height:6px;max-width:300px;overflow:hidden;width:100%}.tasbeeh-fill{background:#00c9a7;background:var(--accent);border-radius:3px;height:100%;transition:width .15s}.settings-wrap{display:flex;flex-direction:column;gap:10px;padding:16px}.settings-card{background:#111a23;background:var(--s2);border:1px solid #1e2a35;border:1px solid var(--border);border-radius:14px;padding:16px}.settings-title{color:#4a6070;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.settings-row{align-items:center;border-bottom:1px solid #1e2a35;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 0}.settings-row:last-child{border-bottom:none}.settings-label{color:#e8f0f5;color:var(--text);font-size:15px;font-weight:600}.settings-value{color:#4a6070;color:var(--muted);font-size:14px}.city-input{background:#1a2129;background:var(--s3);border:1px solid #1e2a35;border:1px solid var(--border);border-radius:8px;color:#e8f0f5;color:var(--text);font-family:inherit;font-size:14px;padding:8px 12px;text-align:right;width:160px}.city-input:focus{border-color:#00c9a7;border-color:var(--accent);outline:none}.ceremony-overlay{align-items:center;background:#030508;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:1400}.ceremony-overlay.fading{animation:ceremonyFadeOut .9s ease forwards}.ceremony-pattern{background-image:repeating-conic-gradient(#ffb3000a 0deg 30deg,#0000 30deg 60deg);background-size:60px 60px;inset:0;opacity:.6;position:absolute}.ceremony-content{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px 32px;position:relative;text-align:center;z-index:1}.ceremony-name{animation:goldFadeUp 1s cubic-bezier(.22,1,.36,1) forwards;color:#ffb300;font-size:clamp(36px,10vw,60px);font-weight:800;letter-spacing:1px;opacity:0}.ceremony-arabic{animation:goldFadeUp 1s cubic-bezier(.22,1,.36,1) .7s forwards;color:#ffb300bf;direction:rtl;font-family:Scheherazade New,Amiri,Georgia,serif;font-size:clamp(22px,6vw,34px);opacity:0}.ceremony-glow{animation:ceremonyGlow 3s ease-in-out infinite;background:radial-gradient(circle,#ffb3001f 0,#0000 70%);border-radius:50%;height:260px;pointer-events:none;position:absolute;width:260px}@keyframes goldFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ceremonyGlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes ceremonyFadeOut{0%{opacity:1}to{opacity:0}}.welcome-overlay{align-items:center;animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07090cf5;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:999}@keyframes fadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.welcome-card{background:linear-gradient(160deg,#0a1512,#07090c 60%,#0a0d12);border:1px solid #00c9a733;border-radius:24px;box-shadow:0 0 80px #00c9a714,0 0 40px #ffb3000f;max-width:360px;padding:40px 28px 32px;text-align:center;width:100%}.tips-overlay{align-items:center;animation:fadeIn .4s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#07090cbf;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:998}html.light-mode .tips-overlay{background:#f0f5facc}.notif-sheet-backdrop{animation:fadeInBg .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07090cb3;inset:0;position:fixed;z-index:1100}@keyframes fadeInBg{0%{opacity:0}to{opacity:1}}.notif-sheet{animation:slideUp .35s cubic-bezier(.22,1,.36,1);background:linear-gradient(160deg,#0b1a16,#07090c);border:1px solid #00c9a738;border-bottom:none;border-radius:24px 24px 0 0;bottom:0;left:0;padding:28px 24px calc(28px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1101}@keyframes slideUp{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.payment-toast{align-items:center;animation:toastIn .5s cubic-bezier(.22,1,.36,1);background:linear-gradient(160deg,#07190f,#0a2218 50%,#0c1a0e);border:1.5px solid #ffb30073;border-radius:28px;box-shadow:0 0 0 1px #ffb3001a,0 24px 64px #000000d9,0 0 80px #ffb3001f,0 0 40px #00c9a71a;display:flex;flex-direction:column;gap:14px;left:50%;max-width:310px;min-width:280px;overflow:hidden;padding:32px 24px 24px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1300}.payment-toast-overlay{animation:fadeInOverlay .3s ease;background:#00000073;inset:0;position:fixed;z-index:1299}.payment-toast.hiding{animation:toastOut .4s ease forwards}.payment-toast-overlay.hiding{animation:fadeOutOverlay .4s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.92)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}@keyframes toastGlow{0%,to{box-shadow:0 0 0 1px #ffb3001a,0 24px 64px #000000d9,0 0 80px #ffb3001f}50%{box-shadow:0 0 0 1px #ffb30038,0 24px 64px #000000d9,0 0 100px #ffb30038}}@keyframes proOrbA{0%,to{opacity:.55;transform:translate(0) scale(1)}50%{opacity:.85;transform:translate(12px,-18px) scale(1.1)}}@keyframes proOrbB{0%,to{opacity:.45;transform:translate(0) scale(1)}50%{opacity:.75;transform:translate(-14px,12px) scale(.9)}}@keyframes proIconFloat{0%,to{filter:drop-shadow(0 0 14px rgba(255,179,0,.55));transform:translateY(0) scale(1)}50%{filter:drop-shadow(0 0 28px rgba(255,179,0,.85));transform:translateY(-5px) scale(1.06)}}@keyframes sparkleFloat{0%{opacity:.9;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(-40px) rotate(180deg)}}@keyframes tasbeehPulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes tasbeehRingGlow{0%,to{filter:drop-shadow(0 0 12px var(--tasbeeh-glow))}50%{filter:drop-shadow(0 0 28px var(--tasbeeh-glow)) drop-shadow(0 0 50px var(--tasbeeh-glow))}}@keyframes tasbeehParticle{0%{opacity:.8;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}.header-sub{color:#4a6070;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:2.5px;margin-top:1px;text-transform:uppercase}@media (orientation:landscape){.app{flex-direction:column;height:100dvh;overflow:hidden;padding-bottom:0}.app,.bottom-nav{max-width:100%}.scroll-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.header{padding:6px 20px}.header-title{font-size:20px}.prayer-strip{padding:6px 16px}.countdown-row{margin-bottom:4px}.next-time{font-size:20px}.pcell-time{font-size:12px}.np-bar{margin:6px 16px;padding:10px 14px}.tasbeeh-wrap{gap:12px;padding:16px 20px}.tasbeeh-count{font-size:72px}.tasbeeh-tap{height:140px;width:140px}.qibla-compass-wrap{height:220px!important;width:220px!important}.settings-wrap{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}}@keyframes floatOrb{0%,to{opacity:.55;transform:translate(0) scale(1)}33%{opacity:.75;transform:translate(18px,-22px) scale(1.08)}66%{opacity:.45;transform:translate(-14px,12px) scale(.94)}}@keyframes floatOrb2{0%,to{opacity:.4;transform:translate(0) scale(1)}40%{opacity:.65;transform:translate(-20px,16px) scale(1.1)}70%{opacity:.35;transform:translate(12px,-18px) scale(.9)}}@keyframes floatOrb3{0%,to{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.55;transform:translate(16px,20px) scale(1.06)}}@keyframes logoPulse{0%,to{box-shadow:0 0 30px #00c9a733,0 0 60px #00c9a714}50%{box-shadow:0 0 50px #00c9a773,0 0 100px #00c9a72e}}@keyframes formGlow{0%,to{box-shadow:0 20px 60px #00000080,0 0 0 #00c9a700}50%{box-shadow:0 20px 60px #00000080,0 0 40px #00c9a71a}}@keyframes formGlowLight{0%,to{box-shadow:0 4px 24px #00000014,0 0 0 #009e8700}50%{box-shadow:0 4px 24px #0000001a,0 0 24px #009e871a}}.reg-logo{animation:logoPulse 3s ease-in-out infinite}.reg-form{animation:formGlow 4s ease-in-out infinite}html.light-mode .reg-form{animation:formGlowLight 4s ease-in-out infinite}@keyframes qiblaRing1{0%,to{opacity:.18;transform:scale(1)}50%{opacity:.38;transform:scale(1.04)}}@keyframes qiblaRing2{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.22;transform:scale(1.07)}}@keyframes qiblaFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes kaabaPulse{0%,to{filter:drop-shadow(0 0 18px rgba(255,179,0,.22)) drop-shadow(0 4px 12px rgba(0,0,0,.55))}50%{filter:drop-shadow(0 0 32px rgba(255,179,0,.45)) drop-shadow(0 4px 16px rgba(0,0,0,.6))}}@keyframes starPop{0%{opacity:0;transform:scale(0) rotate(-20deg)}60%{opacity:1;transform:scale(1.35) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes sentPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes proShimmer{0%{background-position:-200%}to{background-position:200%}}.qibla-kaaba-float{animation:qiblaFloat 4s ease-in-out infinite}.qibla-kaaba-glow{animation:kaabaPulse 3s ease-in-out infinite}.qibla-ring-1{animation:qiblaRing1 3.5s ease-in-out infinite}.qibla-ring-2{animation:qiblaRing2 4.5s ease-in-out .8s infinite}.star-pop{animation:starPop .5s cubic-bezier(.22,1,.36,1) forwards}
/*# sourceMappingURL=main.82786565.css.map*/