@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);@tailwind base;@tailwind components;@tailwind utilities;:root{--sat:env(safe-area-inset-top,0px);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--radius-card:18px;--radius-btn:12px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);margin:0;overscroll-behavior:none}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0d94884d;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#0d948899}button{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font)}button:active:not(:disabled){transform:scale(.97)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #0d948866}50%{box-shadow:0 0 0 10px #0d948800}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1) both;animation:slideUp .4s var(--ease-smooth) both}.animate-fade-in{animation:fadeIn .35s cubic-bezier(.4,0,.2,1) both;animation:fadeIn .35s var(--ease-smooth) both}.animate-scale-in{animation:scaleIn .35s cubic-bezier(.34,1.56,.64,1) both;animation:scaleIn .35s var(--ease-spring) both}.stagger-children>:first-child{animation-delay:0ms}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.glass{background:#ffffff14;border:1px solid #ffffff2e}.glass,.glass-dark{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-dark{background:#00000026;border:1px solid #ffffff1a}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d9488,#14b8a6,#6ee7b7);-webkit-background-clip:text;background-clip:text}.gradient-text-gold{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#fbbf24,#d97706);-webkit-background-clip:text;background-clip:text}.shimmer{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bottom-tabs{backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);bottom:0;box-shadow:0 -1px 0 #0000000f,0 -8px 24px #00000012;display:flex;height:62px;left:50%;max-width:480px;position:fixed;transform:translateX(-50%);transition:background .3s;width:100%;z-index:50}.tab-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;justify-content:center;padding:0;position:relative;transition:color .2s var(--ease-smooth)}.tab-btn:active{transform:scale(.88)}.tab-pill{border-radius:12px;inset:8px 6px;pointer-events:none;position:absolute;transition:all .25s var(--ease-spring)}.tab-btn.active:before{background:#0d9488;border-radius:99px;box-shadow:0 0 8px #0d948899;content:"";height:3px;left:50%;position:absolute;top:4px;transform:translateX(-50%);width:20px}.tab-btn.active svg{filter:drop-shadow(0 0 6px rgba(13,148,136,.45))}.tab-label{font-size:10px;letter-spacing:.2px;transition:all .2s}.guest-wall-backdrop{animation:gwFadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:200}@keyframes gwFadeIn{0%{opacity:0}to{opacity:1}}.guest-wall-modal{animation:gwSlideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 24px 80px #00000059;left:50%;max-width:360px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:201}@keyframes gwSlideUp{0%{opacity:0;transform:translate(-50%,-40%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.guest-wall-modal:before{background:linear-gradient(135deg,#0f766e,#0d9488 45%,#14b8a6);content:"";display:block;height:130px;position:relative}.guest-wall-icon{display:block;filter:drop-shadow(0 4px 16px rgba(13,148,136,.5));font-size:52px;margin-bottom:12px;margin-top:-76px;position:relative;text-align:center;z-index:1}.guest-wall-body{padding:0 28px 28px;text-align:center}.guest-wall-title{color:#0f172a;font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0 0 8px}.guest-wall-text{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 22px}.guest-wall-cta{background:linear-gradient(135deg,#0d9488,#0f766e);border:none;border-radius:12px;box-shadow:0 4px 16px #0d948866;color:#fff;cursor:pointer;font-family:var(--font);font-size:15px;font-weight:700;margin-bottom:10px;padding:14px;transition:transform .2s,box-shadow .2s;width:100%}.guest-wall-cta:hover{box-shadow:0 8px 24px #0d948880;transform:translateY(-2px)}.guest-wall-cta:active{transform:scale(.97)}.guest-wall-later{background:#0000;border:1px solid #e5e7eb;border-radius:12px;color:#9ca3af;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:600;padding:12px;transition:background .2s,color .2s;width:100%}.guest-wall-later:hover{background:#f9fafb;color:#6b7280}.auth-screen{align-items:center;background:linear-gradient(160deg,#0f766e,#0d9488 40%,#1e3a5f);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:24px 16px 40px;position:relative}.auth-screen:before{background:radial-gradient(circle,#ffffff0f 0,#0000 70%);height:500px;right:-150px;top:-100px;width:500px}.auth-screen:after,.auth-screen:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.auth-screen:after{background:radial-gradient(circle,#ffffff0d 0,#0000 70%);bottom:-80px;height:300px;left:-80px;width:300px}.auth-screen--scroll{justify-content:flex-start;overflow-y:auto;padding-top:60px}.auth-back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;left:16px;padding:8px 16px;position:fixed;top:14px;transition:background .2s;z-index:10}.auth-back-btn:hover{background:#ffffff40}.auth-header{animation:slideUp .5s var(--ease-smooth) both;margin-bottom:28px;position:relative;text-align:center;z-index:1}.auth-mosque-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));font-size:56px;margin-bottom:12px}.auth-title{color:#fff;font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px;text-shadow:0 2px 12px #0003}.auth-subtitle{color:#ffffffc7;font-size:14px;font-weight:500;margin:0}.auth-card-wrap{animation:scaleIn .45s var(--ease-spring) .1s both;max-width:400px;position:relative;width:100%;z-index:1}.auth-card{background:#fffffff7;border-radius:24px;box-shadow:0 24px 60px #0000004d,0 0 0 1px #ffffff26;padding:28px 24px}.auth-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;margin-bottom:22px;padding:4px}.auth-tab{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s var(--ease-smooth)}.auth-tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#0d9488}.auth-label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.req{color:#0d9488}.auth-input{background:#fafafa;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1f2937;font-family:var(--font);font-size:15px;margin-bottom:14px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.auth-input:focus{background:#fff;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881f}.auth-row{display:flex;gap:12px}.auth-col{flex:1 1}.auth-hint{color:#9ca3af;font-size:11px;line-height:1.4;margin:-10px 0 12px}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;font-weight:500;margin-bottom:14px;padding:10px 14px}.auth-success{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.auth-btn-primary{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:12px;box-shadow:0 4px 16px #0d948859;color:#fff;cursor:pointer;font-family:var(--font);font-size:15px;font-weight:700;margin-bottom:12px;padding:13px;transition:all .2s var(--ease-smooth);width:100%}.auth-btn-primary:hover{box-shadow:0 6px 24px #0d948880;transform:translateY(-1px)}.auth-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-btn-secondary{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:600;padding:12px;transition:all .2s;width:100%}.auth-btn-secondary:hover{background:#e5e7eb}.auth-divider{align-items:center;color:#9ca3af;display:flex;font-size:12px;font-weight:600;gap:12px;margin:4px 0 12px}.auth-divider:after,.auth-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.auth-google-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-family:var(--font);font-size:14px;font-weight:700;gap:10px;justify-content:center;margin-bottom:10px;padding:12px;transition:all .2s;width:100%}.auth-google-btn:hover{background:#f0fdfa;border-color:#0d9488}.auth-google-g{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc04,#ea4335);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:900}.auth-guest-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:600;padding:12px;text-decoration:underline;transition:color .2s;width:100%}.auth-guest-btn:hover{color:#374151}.auth-verify-card{animation:scaleIn .4s var(--ease-spring) both;background:#fffffff7;border-radius:24px;box-shadow:0 24px 60px #0000004d;max-width:380px;padding:40px 28px;position:relative;text-align:center;width:100%;z-index:1}.auth-verify-icon{font-size:56px;margin-bottom:16px}.auth-verify-title{color:#1f2937;font-size:22px;font-weight:800;margin:0 0 8px}.auth-verify-sub{color:#6b7280;font-size:14px;margin:0 0 6px}.auth-verify-email{color:#0d9488;font-size:15px;font-weight:700;margin:0 0 16px}.auth-verify-note{color:#6b7280;font-size:13px;line-height:1.6;margin:0 0 20px}.auth-verify-warn{color:#f59e0b;font-weight:700}.auth-footer{color:#ffffff80;font-size:12px;margin-top:24px;position:relative;z-index:1}.prayer-screen{background:inherit;overflow-y:auto;padding-bottom:80px}.prayer-center,.prayer-screen{display:flex;flex:1 1;flex-direction:column}.prayer-center{align-items:center;animation:fadeIn .4s var(--ease-smooth) both;gap:16px;justify-content:center;padding:40px 24px 80px}.prayer-status-icon{animation:float 4s ease-in-out infinite;font-size:56px;margin-bottom:4px}.prayer-status-title{font-size:24px;font-weight:800;letter-spacing:-.4px;margin:0}.prayer-status-sub{font-size:14px;line-height:1.5;margin:0;max-width:280px;opacity:.7;text-align:center}.prayer-gps-btn{align-items:center;background:linear-gradient(135deg,#0d9488,#0f766e);border:none;border-radius:18px;box-shadow:0 8px 24px #0d948866;color:#fff;cursor:pointer;display:flex;font-family:var(--font);font-size:16px;font-weight:700;gap:16px;max-width:360px;padding:18px 22px;transition:transform .2s var(--ease-spring),box-shadow .2s;width:100%}.prayer-gps-btn:hover{box-shadow:0 12px 30px #0d948880;transform:translateY(-2px)}.prayer-manual-btn{align-items:center;background:none;border:2px solid;border-radius:18px;cursor:pointer;display:flex;font-family:var(--font);font-size:16px;font-weight:700;gap:16px;max-width:360px;padding:18px 22px;transition:all .2s var(--ease-spring);width:100%}.prayer-manual-btn:hover{box-shadow:0 6px 18px #0000001f;transform:translateY(-2px)}.prayer-link-btn{background:none;border:none;color:#0d9488;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:600;margin-top:8px;text-decoration:underline;transition:opacity .2s}.prayer-link-btn:hover{opacity:.75}.prayer-btn-icon{align-items:center;background:#ffffff2e;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:44px;justify-content:center;width:44px}.prayer-city-input{border:2px solid #e5e7eb;border-radius:14px;flex:1 1;font-family:var(--font);font-size:16px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.prayer-city-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.prayer-go-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:14px;box-shadow:0 4px 14px #4f46e559;color:#fff;cursor:pointer;flex-shrink:0;font-family:var(--font);font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s var(--ease-spring)}.prayer-go-btn:hover{box-shadow:0 6px 20px #4f46e580;transform:translateY(-1px)}.prayer-suggestions{animation:scaleIn .2s var(--ease-spring) both;border-radius:14px;box-shadow:0 12px 32px #00000026;left:0;margin-top:8px;max-height:280px;overflow-y:auto;position:absolute;right:68px;top:100%;transform-origin:top center;z-index:50}.prayer-suggestion-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:var(--font);gap:10px;padding:12px 16px;text-align:left;transition:background .18s;width:100%}.prayer-suggestion-item:hover{background:#f0fdfa}.prayer-suggestion-item:first-child{border-radius:14px 14px 0 0}.prayer-suggestion-item:last-child{border-radius:0 0 14px 14px}.prayer-madhab-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff2e;border:1px solid #ffffff59;border-radius:12px;box-shadow:0 2px 8px #0000001f;color:#fff;cursor:pointer;display:flex;font-family:var(--font);font-size:12px;font-weight:600;gap:8px;padding:8px 14px;transition:all .2s}.prayer-madhab-btn:hover{background:#ffffff47}.prayer-madhab-dropdown{animation:scaleIn .2s var(--ease-spring) both;border-radius:14px;box-shadow:0 12px 32px #0003;left:0;margin-top:8px;min-width:280px;overflow:hidden;position:absolute;top:100%;transform-origin:top left;z-index:50}.prayer-madhab-item{align-items:center;border:none;cursor:pointer;display:flex;font-family:var(--font);justify-content:space-between;padding:13px 16px;text-align:left;transition:all .18s;width:100%}.prayer-madhab-item:hover{background:#f0fdfa}.prayer-ready-hero{background:linear-gradient(135deg,#0f766e,#0d9488,#14b8a6);color:#fff;overflow:hidden;padding:24px 16px 20px;position:relative}.prayer-ready-hero:before{background:#ffffff0f;height:260px;right:-60px;top:-100px;width:260px}.prayer-ready-hero:after,.prayer-ready-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.prayer-ready-hero:after{background:#ffffff0a;bottom:-50px;height:160px;left:20px;width:160px}.prayer-list-section{padding:16px 16px 0}.prayer-list-label{color:inherit;font-size:11px;font-weight:700;letter-spacing:1.4px;margin-bottom:10px;opacity:.6;text-transform:uppercase}.prayer-row-card{align-items:center;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:8px;padding:14px 16px;transition:transform .2s var(--ease-spring),box-shadow .2s}.prayer-row-card:hover{transform:translateY(-1px)}.prayer-hijri-card{animation:scaleIn .4s var(--ease-spring) both;border-radius:18px;margin:0 auto;max-width:200px;padding:20px;text-align:center}.prayer-countdown-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;border:1px solid #ffffff26;border-radius:14px;display:inline-block;margin-top:14px;padding:10px 28px}.prayer-qibla-wrap{text-align:center}.prayer-qibla-label{font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:6px;opacity:.8;text-transform:uppercase}.prayer-change-btn{align-items:center;background:#ffffff2e;border:1px solid #ffffff59;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:var(--font);font-size:13px;font-weight:700;gap:6px;padding:10px 20px;transition:all .2s}.prayer-change-btn:hover{background:#ffffff47;transform:translateY(-1px)}.settings-screen{flex:1 1;overflow-y:auto;padding-bottom:80px}.settings-hero{background:linear-gradient(160deg,#4338ca,#4f46e5 50%,#6366f1);overflow:hidden;padding:32px 20px 28px;position:relative;text-align:center}.settings-hero:before{background:#ffffff0f;height:280px;right:-60px;top:-120px;width:280px}.settings-hero:after,.settings-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.settings-hero:after{background:#ffffff0a;bottom:-50px;height:150px;left:20px;width:150px}.settings-hero-icon{animation:float 5s ease-in-out infinite;display:block;font-size:44px;margin-bottom:10px;position:relative;z-index:1}.settings-hero-title{color:#fff;font-size:28px;font-weight:900;letter-spacing:-.5px;margin:0 0 6px;position:relative;z-index:1}.settings-hero-subtitle{color:#ffffffb8;font-size:13px;margin:0;position:relative;z-index:1}.settings-hero-user{align-items:center;background:#ffffff24;border:1px solid #ffffff40;border-radius:20px;display:inline-flex;gap:8px;margin-top:14px;padding:6px 14px;position:relative;z-index:1}.settings-hero-user-label{color:#fffc;font-size:12px}.settings-hero-user-name{color:#fff;font-size:13px;font-weight:700}.settings-content{margin:0 auto;max-width:600px;padding:20px 16px 0}.settings-section-label{font-size:11px;font-weight:800;letter-spacing:1.4px;margin-bottom:10px;padding-left:4px;text-transform:uppercase}.settings-card{border-radius:16px;margin-bottom:12px;padding:16px;transition:box-shadow .2s}.settings-dropdown-btn{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-family:var(--font);justify-content:space-between;padding:13px 14px;transition:opacity .2s;width:100%}.settings-dropdown-btn:hover{opacity:.85}.settings-dropdown-list{animation:scaleIn .2s var(--ease-spring) both;border-radius:14px;box-shadow:0 12px 32px #0003;left:16px;margin-top:8px;max-height:320px;overflow-y:auto;position:absolute;right:16px;top:100%;transform-origin:top center;z-index:50}.settings-dropdown-item{align-items:center;border:none;cursor:pointer;display:flex;font-family:var(--font);justify-content:space-between;padding:13px 16px;text-align:left;transition:all .18s;width:100%}.settings-dropdown-item:hover{background:#f0fdfa!important}.settings-reminder-row{border-radius:14px;margin-bottom:10px;padding:16px;transition:box-shadow .2s}.settings-enable-notif-btn{background:linear-gradient(135deg,#d97706,#f59e0b);border:none;border-radius:10px;box-shadow:0 4px 12px #d977064d;color:#fff;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:700;padding:11px 18px;transition:transform .2s var(--ease-spring),box-shadow .2s}.settings-enable-notif-btn:hover{box-shadow:0 6px 18px #d9770673;transform:translateY(-1px)}.settings-download-btn{background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;border-radius:10px;box-shadow:0 4px 12px #0d94884d;color:#fff;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:700;padding:11px 20px;transition:transform .2s var(--ease-spring),box-shadow .2s}.settings-download-btn:hover{box-shadow:0 6px 18px #0d948873;transform:translateY(-1px)}.settings-progress-bar{border-radius:4px;height:8px;overflow:hidden}.settings-progress-fill{background:linear-gradient(90deg,#0d9488,#14b8a6);border-radius:4px;height:100%;transition:width .4s ease}.settings-contact-card{border:1px solid;border-radius:16px;margin-bottom:12px;padding:18px;transition:transform .2s var(--ease-spring),box-shadow .2s}.settings-contact-card:hover{transform:translateY(-2px)}.settings-about-block{border:1px solid;border-radius:16px;margin-top:8px;padding:20px;text-align:center}.settings-inline-msg{align-items:center;border-radius:12px;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin:16px 0;padding:12px 16px}
/*# sourceMappingURL=main.d098e415.css.map*/