@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4}.app-container,body{background-color:#15202b;min-height:100vh}.app-container{padding:1rem}.main-content{margin:0 auto;max-width:1000px;width:100%}.header{margin-bottom:2rem;padding-top:1.5rem;position:relative;text-align:center}.header-logo-link{display:block;height:60px;margin:0 auto 1rem;transition:opacity .2s ease;width:60px}.header-logo-link:hover{opacity:.8}.header-logo{display:block;height:100%;width:100%}.header h1{color:#fff;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.02em;margin:1.5rem 0 1rem}.header p{color:#8899a6;font-size:clamp(.85rem,2.5vw,.95rem);line-height:1.6;margin:0 auto 1rem;max-width:600px;padding:0 1rem}.header p:last-child{margin-bottom:0}.card{background-color:#192734;border:1px solid #38444d;border-radius:.75rem;margin-bottom:1.25rem;padding:1.25rem;width:100%}.tabs-container{align-items:center;display:flex;gap:2rem;justify-content:center;position:relative;width:100%}.tabs-label{color:#8899a6;font-size:clamp(.8rem,2.2vw,.9rem);font-weight:500;text-align:center}.tabs{background-color:#15202b;border:1px solid #38444d;border-radius:.5rem;overflow:hidden}.tab,.tabs{display:flex}.tab{align-items:center;background-color:initial;border:none;color:#8899a6;cursor:pointer;flex:1 1;font-size:clamp(.75rem,2vw,.8rem);font-weight:500;justify-content:center;min-height:44px;padding:.8rem 1.5rem;position:relative;transition:all .2s ease;white-space:nowrap}.tab:first-child{border-right:1px solid #38444d}.tab:hover{background-color:#192734;color:#fff}.tab-active{background-color:#6366f1;color:#fff}.tab-active:hover{background-color:#4f46e5}.date-display{padding:.5rem 0;text-align:center}.gregorian-date{color:#fff;font-size:clamp(1.2rem,3.5vw,1.3rem);font-weight:600;letter-spacing:-.02em;margin-bottom:.25rem}.islamic-date{color:#8899a6;font-size:clamp(.9rem,2.3vw,.95rem);font-weight:400;letter-spacing:-.01em;margin-bottom:0}.status-indicator{font-size:clamp(.7rem,1.8vw,.8rem);font-weight:500;margin-left:.5rem}.status-provisional{color:#fbbf24}.status-confirmed{color:#10b981}.calendar-container{background-color:#192734;border:1px solid #38444d;border-radius:.75rem;margin-bottom:1.25rem;overflow-x:auto;padding:clamp(.75rem,2.5vw,1.25rem);width:100%}.calendar-divider{background-color:#38444d;height:1px;margin:1rem 0;width:100%}.weekdays{grid-gap:clamp(.2rem,1vw,.4rem);display:grid;gap:clamp(.2rem,1vw,.4rem);grid-template-columns:repeat(7,1fr);margin-bottom:.75rem;min-width:280px;width:100%}.weekday{color:#8899a6;font-size:clamp(.7rem,2vw,.8rem);font-weight:500;letter-spacing:.3px;padding:.5rem 0;text-align:center;text-transform:uppercase}.calendar-grid{grid-gap:clamp(.2rem,1vw,.4rem);display:grid;gap:clamp(.2rem,1vw,.4rem);grid-template-columns:repeat(7,1fr);min-width:280px;width:100%}.day-cell{background-color:#15202b;border:1px solid #38444d;border-radius:.4rem;display:flex;flex-direction:column;justify-content:flex-start;max-height:120px;min-height:clamp(60px,12vw,85px);overflow:hidden;padding:clamp(.25rem,1vw,.4rem);position:relative}.day-cell.today{background-color:#6366f11a;border:2px solid #6366f1}.day-number{color:#fff;font-size:clamp(.8rem,2.2vw,.9rem);font-weight:600;line-height:1.2;margin-bottom:clamp(.1rem,.5vw,.2rem)}.islamic-day{font-size:clamp(.6rem,1.5vw,.65rem);line-height:1.1;margin-bottom:clamp(.2rem,1vw,.4rem);position:relative;word-break:break-word}.islamic-day,.islamic-day-uncertain{color:#8899a6;font-weight:400}.islamic-day-new-month{color:#8899a6;font-weight:500;text-decoration:underline;-webkit-text-decoration-color:#f59e0b;text-decoration-color:#f59e0b;text-decoration-thickness:1px;text-underline-offset:4px}.islamic-month-underline{text-decoration:underline;-webkit-text-decoration-color:#10b981;text-decoration-color:#10b981;text-decoration-thickness:1px;text-underline-offset:4px}.islamic-day-new-month.provisional .islamic-month-underline,.islamic-day-new-month.uncertain .islamic-month-underline{-webkit-text-decoration-color:#f59e0b;text-decoration-color:#f59e0b}.islamic-day-new-month.confirmed .islamic-month-underline{-webkit-text-decoration-color:#10b981;text-decoration-color:#10b981}.asterisk-orange{color:#f59e0b;display:none;text-decoration:none}.sighting-notice{color:#f59e0b;font-size:clamp(.4rem,1vw,.5rem);font-weight:400;line-height:1.1;text-align:left;word-break:break-word}.sighting-text-desktop{display:inline}.sighting-text-mobile{display:none}.islamic-day-desktop{display:inline}.islamic-day-mobile{display:none}.label-text-desktop{display:inline}.label-text-mobile{display:none}.fasting-labels{display:flex;flex:1 1;flex-direction:column;gap:clamp(.1rem,.3vw,.15rem);justify-content:flex-start}.fasting-label{border-radius:.25rem;font-size:clamp(.5rem,1.3vw,.6rem);font-weight:500;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.01em;line-height:1.1;padding:clamp(.2rem,.5vw,.25rem) clamp(.2rem,.7vw,.3rem);text-align:center;word-break:break-word}.label-monday,.label-thursday{background-color:#38444d;color:#fff}.label-white-day{background-color:#fff;color:#15202b}.label-arafah{background-color:#ffad1f;color:#15202b}.label-ashura{background-color:#f7931e;color:#15202b}.label-first-nine{background-color:#00d084;color:#15202b}.label-shawwal{background-color:#ff6900;color:#fff}.loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:3rem 0}.loader{animation:spin 1s linear infinite;border:4px solid #38444d;border-radius:50%;border-top-color:#6366f1;height:40px;margin-bottom:1rem;width:40px}.loading-text{color:#8899a6;font-size:.9rem;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.legend{background-color:#192734;border:1px solid #38444d;border-radius:.75rem;display:none;margin-bottom:1.25rem;padding:1.25rem}.legend h3{color:#fff;font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;margin-bottom:1rem;text-align:center}.legend-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.legend-item{background-color:#15202b;border:1px solid #38444d;border-radius:.4rem;padding:.75rem}.legend-text{color:#fff;font-size:clamp(.75rem,2vw,.8rem);font-weight:500;margin-bottom:.25rem}.legend-description{color:#8899a6;font-size:clamp(.65rem,1.8vw,.7rem);line-height:1.3}.logo-lockup-container{margin-top:2rem;padding:2rem 1rem 1rem;text-align:center}.logo-lockup-link{display:block;margin:0 auto;width:-webkit-fit-content;width:fit-content}.logo-lockup{display:block;height:auto;margin:0 auto;max-width:124px;opacity:.8}.footer{margin-top:0;padding:0 1rem 2rem;text-align:center}.footer p{color:#8899a6;font-size:.85rem;margin:0}.footer a{color:#6366f1;font-weight:500;text-decoration:none;transition:color .2s ease}.footer a:hover{color:#4f46e5;text-decoration:underline}.footer-row{align-items:center;display:flex;gap:.25rem;justify-content:center;line-height:1;margin:0}.powered{color:#9aa7b1}.footer-link{align-items:center;color:#646cff;display:inline-flex;gap:.4rem;text-decoration:none}.footer-logo{display:block;flex:0 0 20px;height:20px;transform:translateY(1px);width:20px}@media (min-width:481px) and (max-width:768px){.main-content{max-width:700px}.day-cell{min-height:80px}.calendar-grid{min-width:400px}.tabs{max-width:500px}}@media (max-width:480px){.app-container{padding:.75rem}.header{margin-bottom:1.5rem}.card{margin-bottom:1rem;padding:1rem}.tabs{width:100%}.tab{padding:.9rem 1rem}.calendar-container{border-radius:.5rem;padding:.75rem}.calendar-divider{margin:1rem 0}.day-cell{border-radius:.3rem;min-height:65px}.legend-grid{grid-template-columns:1fr}.legend-item{padding:.6rem}.islamic-day-desktop{display:none}.islamic-day-mobile{display:inline}.label-text-desktop{display:none}.label-text-mobile{display:inline}.sighting-text-desktop{display:none}.sighting-text-mobile{display:inline}.tabs-container{justify-content:center}.desktop-notification-card{display:none}.test-notification-btn{font-size:.8rem;margin-top:.5rem;padding:.8rem 1.2rem;width:100%}.refresh-permission-btn{font-size:.75rem;padding:.5rem 1rem;width:100%}.permission-troubleshoot{gap:.5rem}.toggle-help{font-size:.7rem;padding:0 .5rem}.toggle-text{font-size:.85rem}.toggle-container{height:26px;width:45px}.toggle-slider{border-radius:26px}.toggle-slider:before{bottom:3px;height:20px;left:3px;width:20px}.toggle-input:checked+.toggle-slider:before{transform:translateX(19px)}.installation-guide{margin-bottom:1rem;padding:1rem}.guide-header{margin-bottom:1.5rem}.platform-guides{gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}.guide-section{padding:1rem}.guide-steps li{gap:.75rem;margin-bottom:1rem;padding:.75rem}.step-icon{font-size:1.2rem;height:2rem;width:2rem}.benefits-grid{gap:1rem;grid-template-columns:1fr}.benefit-item{gap:.5rem;padding:.75rem}.benefit-icon{font-size:1rem;height:1.75rem;width:1.75rem}.guide-benefits{padding:1rem}}@media (max-width:320px){.calendar-grid{min-width:260px}.day-cell{min-height:55px}.fasting-label{font-size:.45rem;padding:.08rem .15rem}}@media (min-width:1200px){.main-content{max-width:1100px}.day-cell{min-height:100px}.calendar-container{padding:1.5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.day-cell{border-width:.5px}.day-cell.today{border-width:1.5px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.day-cell:focus-visible,.tab:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media (prefers-contrast:high){.day-cell{border-width:2px}.fasting-label{border:1px solid}}.notification-toggle{align-items:center;display:flex;flex-direction:column;gap:.5rem}.toggle-label{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.toggle-text{color:#fff;font-size:clamp(.85rem,2.3vw,.9rem);font-weight:600}.toggle-container{flex-shrink:0;height:28px;position:relative;width:50px}.toggle-input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background-color:#38444d;border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;width:22px}.toggle-input:checked+.toggle-slider{background-color:#6366f1}.toggle-input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-input:disabled+.toggle-slider{background-color:#1f2937;cursor:not-allowed}.toggle-input:disabled+.toggle-slider:before{background-color:#6b7280}.toggle-help{color:#ef4444;font-size:clamp(.7rem,1.8vw,.75rem);line-height:1.4;margin:0;text-align:center}.permission-troubleshoot{align-items:center;display:flex;flex-direction:column;gap:.75rem}.refresh-permission-btn{background-color:initial;border:1px solid #ef4444;border-radius:.25rem;color:#ef4444;cursor:pointer;font-size:clamp(.7rem,1.8vw,.75rem);padding:.4rem .8rem;transition:all .2s ease}.refresh-permission-btn:hover{background-color:#ef4444;color:#fff}.test-notification-btn{background-color:initial;border:1px solid #10b981;border-radius:.25rem;color:#10b981;cursor:pointer;font-size:clamp(.7rem,1.8vw,.75rem);margin-top:.75rem;padding:.4rem .8rem;transition:all .2s ease}.test-notification-btn:hover{background-color:#10b981;color:#fff}.toggle-input:focus-visible+.toggle-slider{outline:2px solid #6366f1;outline-offset:2px}.desktop-notification-toggle{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.desktop-notification-toggle .toggle-label{gap:.75rem;justify-content:flex-end}.desktop-notification-toggle .toggle-text{font-size:clamp(.8rem,2.1vw,.85rem)}.desktop-notification-toggle .permission-troubleshoot{align-items:flex-end}.desktop-notification-card{display:none}.desktop-notification-card .notification-toggle{align-items:center;display:flex;flex-direction:column;gap:.5rem}@media (max-width:859px){.desktop-notification-toggle{display:none}.desktop-notification-card{display:block}}.installation-guide{background-color:#192734;border:1px solid #38444d;border-radius:.75rem;margin-bottom:1.25rem;padding:1.5rem}.guide-header{margin-bottom:2rem;text-align:center}.guide-header h3{color:#fff;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.guide-header p{color:#8899a6;font-size:clamp(.85rem,2.3vw,.95rem);line-height:1.6;margin:0 auto;max-width:600px}.platform-guides{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2.5rem}.guide-section{background-color:#15202b;border:1px solid #38444d;border-radius:.5rem;padding:1.5rem;transition:all .3s ease}.guide-section.platform-primary{background-color:#6366f10d;border:2px solid #6366f1;order:-1}.guide-section.platform-primary h4{color:#6366f1}.guide-section h4{align-items:center;color:#fff;display:flex;font-size:clamp(.95rem,2.5vw,1.05rem);font-weight:600;gap:.5rem;margin-bottom:1.25rem}.guide-steps{counter-reset:step-counter;list-style:none;margin:0;padding:0}.guide-steps li{align-items:flex-start;background-color:#192734;border:1px solid #2f3349;border-radius:.5rem;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;position:relative}.guide-steps li:last-child{margin-bottom:0}.step-icon{align-items:center;background-color:#6366f1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:2.5rem;justify-content:center;width:2.5rem}.step-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.step-content strong{color:#fff;font-size:clamp(.85rem,2.2vw,.9rem);font-weight:600;line-height:1.4}.step-description{color:#8899a6;font-size:clamp(.75rem,2vw,.8rem);line-height:1.5}.guide-benefits{background-color:#15202b;border:1px solid #38444d;border-radius:.5rem;padding:1.5rem}.guide-benefits h4{color:#fff;font-size:clamp(.95rem,2.5vw,1.05rem);font-weight:600;margin-bottom:1.25rem;text-align:center}.benefits-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-item{align-items:flex-start;background-color:#192734;border:1px solid #2f3349;border-radius:.5rem;display:flex;gap:.75rem;padding:1rem}.benefit-icon{align-items:center;background-color:#6366f1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.benefit-icon.notifications:before{content:"🔔";font-size:.9rem}.benefit-icon.speed:before{content:"⚡";font-size:.9rem}.benefit-icon.app:before{content:"📱";font-size:.9rem}.benefit-icon.calendar:before{content:"📅";font-size:.9rem}.benefit-item strong{color:#fff;display:block;font-size:clamp(.8rem,2.1vw,.85rem);font-weight:600;margin-bottom:.25rem}.benefit-item p{color:#8899a6;font-size:clamp(.7rem,1.9vw,.75rem);line-height:1.5;margin:0}.smart-install-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:.75rem;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;max-width:300px;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.smart-install-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}.smart-install-btn:active{box-shadow:0 2px 8px #6366f14d;transform:translateY(0)}.mobile-install-instructions{animation:slideDown .3s ease-out;background-color:#15202b;border:1px solid #38444d;border-radius:.5rem;margin-top:1rem;padding:1rem}.mobile-instructions-inline{animation:slideDown .3s ease-out;margin-top:1rem;text-align:left!important;width:100%}.mobile-instructions-inline h4{color:#fff;font-size:clamp(.85rem,2.3vw,.9rem);font-weight:600;line-height:1.4;margin-bottom:.75rem;margin-left:0;margin-right:0;text-align:left!important}.mobile-instructions-inline .instruction-steps{margin-left:0!important;margin-right:0;padding-left:0;text-align:left!important;width:100%}.mobile-instructions-inline .instruction-steps li{padding-left:2.2rem;position:relative;text-align:left}.mobile-instructions-inline .instruction-steps li:before{left:0!important}@keyframes slideDown{0%{margin-top:0;max-height:0;opacity:0;text-align:left}to{margin-top:1rem;max-height:300px;opacity:1;text-align:left}}.instruction-content h4{color:#fff;font-size:clamp(.85rem,2.3vw,.9rem);font-weight:600;margin-bottom:.75rem}.instruction-content p{color:#8899a6;font-size:clamp(.85rem,2.3vw,.9rem);line-height:1.5;margin-bottom:1rem}.instruction-steps{counter-reset:step-counter;list-style:none;margin:0;padding:0}.instruction-steps li{color:#8899a6;counter-increment:step-counter;font-size:clamp(.8rem,2.1vw,.85rem);line-height:1.4;padding:.5rem 0 .5rem 2rem;position:relative}.instruction-steps li:before{align-items:center;background-color:#6366f1;border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:.7rem;font-weight:600;height:1.25rem;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}.mobile-notification-section{text-align:center}.mobile-notification-header h3{color:#fff;font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;margin-bottom:.5rem}.mobile-notification-header p{color:#8899a6;font-size:clamp(.8rem,2.2vw,.85rem);line-height:1.4;margin-bottom:1rem}.mobile-reminder-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:.5rem;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;font-family:inherit;font-size:clamp(.85rem,2.3vw,.9rem);font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.mobile-reminder-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.mobile-reminder-btn:active{box-shadow:0 2px 8px #6366f14d;transform:translateY(0)}
/*# sourceMappingURL=main.c5f9a7e1.css.map*/