@font-face{font-family:"Berlingske Serif";src:url(/assets/BerlingskeSerif-Regular-BK4cVkAZ.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next Demi Bold;src:url(/assets/avenir-next-demi-bold-ClNkszxl.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next Regular;src:url(/assets/avenir-next-regular-Sku5nMua.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}:root{--top-action-size: clamp(36px, 8vw, 42px);--top-action-gap: clamp(8px, 2vw, 10px)}html,body,#app{overscroll-behavior:none}body{margin:0;min-height:100vh;background:#163c4c url(/background.svg) center / cover no-repeat fixed;font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif;color:#102a43}body.sheet-open,body.store-launch-overlay-open{overflow:hidden}#app{min-height:100vh}.page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;gap:clamp(12px,2.8vw,18px);padding:clamp(20px,5vw,32px) clamp(12px,4vw,16px);position:relative;min-height:100dvh}.content-block{width:min(720px,100%)}.top-actions{width:100%;display:flex;justify-content:flex-end;align-items:center;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-left:env(safe-area-inset-left,0px);position:relative}.top-actions__left{display:flex;justify-content:flex-start;gap:var(--top-action-gap)}.top-actions__icons{display:flex;justify-content:flex-end;gap:var(--top-action-gap);position:relative;z-index:1}.top-actions__logo{position:absolute;left:50%;transform:translate(-50%);height:var(--top-action-size);width:auto;max-width:calc(100% - (var(--top-action-size) * 2 + var(--top-action-gap) + env(safe-area-inset-left,0px) + env(safe-area-inset-right,0px)));display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.islamic-date{text-align:center;margin-bottom:clamp(12px,3vw,18px)}.islamic-date__text{margin:0;font-size:clamp(1.85rem,1.1rem + 2.4vw,2.9rem);font-weight:700;font-family:"Berlingske Serif",Georgia,serif;letter-spacing:.06em;color:#fff;text-transform:none}.islamic-date__text .ordinal,.gregorian-date__text .ordinal{font-size:.6em;vertical-align:super}.islamic-date__subtitle{margin:8px 0 0;font-size:clamp(1rem,.85rem + .7vw,1.6rem);font-weight:600;font-family:"Berlingske Serif",Georgia,serif;letter-spacing:.08em;color:#fff;text-transform:none}.gregorian-date{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2.4vw,10px);text-align:center;margin:clamp(-8px,-2vw,-4px) 0 clamp(12px,3vw,18px)}.gregorian-date [hidden]{display:none}.gregorian-date__control{border:1px solid rgba(255,255,255,.35);background:#ffffff1f;border-radius:999px;padding:clamp(6px,1.6vw,8px) clamp(14px,3.6vw,18px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;-webkit-tap-highlight-color:transparent;transition:background .2s ease,box-shadow .2s ease,transform .15s ease}.gregorian-date__control:focus-within{outline:none}.gregorian-date__control:active{transform:translateY(0) scale(.96)}.gregorian-date__text{margin:0;font-size:clamp(.9rem,.8rem + .4vw,1rem);letter-spacing:.04em;color:#fff;font-family:Avenir Next Regular,Trebuchet MS,Verdana,sans-serif;pointer-events:none}.gregorian-date__icon{width:clamp(16px,3.6vw,18px);height:clamp(16px,3.6vw,18px);color:#fff;opacity:.85;pointer-events:none}.gregorian-date__back{border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;padding:clamp(6px,1.6vw,8px) clamp(14px,3.6vw,18px);border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(.9rem,.8rem + .4vw,1rem);letter-spacing:.04em;font-family:Avenir Next Regular,Trebuchet MS,Verdana,sans-serif;-webkit-tap-highlight-color:transparent;transition:background .2s ease,box-shadow .2s ease,transform .15s ease}.gregorian-date__back:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:3px}.gregorian-date__back:active{transform:translateY(0) scale(.96)}.gregorian-date__input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.top-action{width:var(--top-action-size);height:var(--top-action-size);border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease,box-shadow .2s ease,transform .15s ease}.top-action:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:3px}.top-action:active{transform:translateY(0) scale(.96)}.top-action__icon{width:clamp(18px,4.2vw,20px);height:clamp(18px,4.2vw,20px)}.announcements-trigger{position:relative}.announcements-trigger__badge{position:absolute;top:-3px;right:-3px;min-width:clamp(17px,4.5vw,19px);height:clamp(17px,4.5vw,19px);padding:0 5px;border-radius:999px;background:#d63c3c;color:#fff;font-size:clamp(10px,2.4vw,11px);line-height:1;font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.announcements-trigger__badge[hidden]{display:none}@media(hover:hover)and (pointer:fine){.gregorian-date__control:hover,.gregorian-date__back:hover,.top-action:hover{background:#ffffff2e;box-shadow:0 12px 22px #102a4340;transform:translateY(-1px)}}.bottom-sheet{position:fixed;inset:0;z-index:20;pointer-events:none;visibility:hidden}.bottom-sheet__backdrop{position:absolute;inset:0;background:#0a1c2473;opacity:0;transition:opacity .2s ease}.bottom-sheet__panel{position:absolute;left:50%;bottom:0;transform:translate(-50%,120%);width:min(640px,100%);max-height:75vh;background:#fffffff5;border-radius:20px 20px 0 0;padding:clamp(8px,2vw,10px) clamp(16px,4vw,20px) clamp(20px,5vw,26px);box-shadow:0 -24px 48px #0a1c2447;transition:transform .32s cubic-bezier(.22,.61,.36,1);overflow:hidden;display:flex;flex-direction:column}.bottom-sheet__header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:2px}.bottom-sheet__handle-wrap{width:100%;height:clamp(4px,1.4vw,5px);position:relative}.bottom-sheet__handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(68px,22vw,88px);min-height:30px;padding:0;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bottom-sheet__handle:before{content:"";width:clamp(48px,14vw,56px);height:clamp(4px,1.4vw,5px);border-radius:999px;background:#102a4361}.bottom-sheet__handle:focus-visible{outline:2px solid rgba(16,42,67,.5);outline-offset:4px}.bottom-sheet__handle:active,.bottom-sheet__handle.pressable--pressed{transform:translate(-50%,-50%) scale(.96)}.pressable--pressed{transform:translateY(0) scale(.96)}.bottom-sheet__title{margin:0;font-size:clamp(1rem,.9rem + .6vw,1.15rem);letter-spacing:.08em;font-family:"Berlingske Serif",Georgia,serif;color:#163c4c}.bottom-sheet__content{display:flex;flex-direction:column;gap:12px;margin-top:12px;overflow:hidden;flex:1;min-height:0}.bottom-sheet--open{pointer-events:auto;visibility:visible}.bottom-sheet--closing{pointer-events:none;visibility:visible}.bottom-sheet--open .bottom-sheet__backdrop{opacity:1}.bottom-sheet--open .bottom-sheet__panel{transform:translate(-50%)}.bottom-sheet__placeholder{margin:12px 0 0;font-size:clamp(.95rem,.85rem + .4vw,1.05rem);color:#102a43b3;font-family:Avenir Next Regular,Trebuchet MS,Verdana,sans-serif}.bottom-sheet__scroll{overflow-y:auto;min-height:0;position:relative}.bottom-sheet__scroll.bottom-sheet__scroll--fade:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28px;background:linear-gradient(to bottom,#fff0,#fffffff5);pointer-events:none;transition:opacity .2s ease}.bottom-sheet__scroll.bottom-sheet__scroll--end:after{opacity:0}.store-launch-overlay{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:max(env(safe-area-inset-top,0px),16px) max(env(safe-area-inset-right,0px),16px) max(env(safe-area-inset-bottom,0px),16px) max(env(safe-area-inset-left,0px),16px)}.store-launch-overlay__backdrop{position:absolute;inset:0;background:#06131f94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.store-launch-overlay__card{position:relative;width:min(460px,100%);background:#fffffff2;border:1px solid rgba(16,42,67,.12);border-radius:20px;padding:clamp(24px,6vw,30px) clamp(18px,4.5vw,24px) clamp(18px,4.5vw,24px);box-shadow:0 20px 56px #102a4347;display:grid;gap:14px;text-align:center}.store-launch-overlay__close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(16,42,67,.2);background:#102a4314;color:#163c4c;font-size:1.3rem;line-height:1;font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.store-launch-overlay__close:focus-visible{outline:2px solid rgba(16,42,67,.56);outline-offset:2px}.store-launch-overlay__close:active{transform:translateY(0) scale(.94)}.store-launch-overlay__title{margin:0;font-size:clamp(1.1rem,1rem + .7vw,1.35rem);letter-spacing:.05em;color:#163c4c;font-family:"Berlingske Serif",Georgia,serif}.store-launch-overlay__description{margin:0;font-size:clamp(.92rem,.86rem + .3vw,1rem);line-height:1.5;color:#102a43d6;font-family:Avenir Next Regular,Trebuchet MS,Verdana,sans-serif}.store-launch-overlay__stores{display:grid;gap:10px;justify-items:center}.store-launch-overlay__store{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.store-launch-overlay__store:active{transform:translateY(0) scale(.98)}.store-launch-overlay__store-badge{width:clamp(158px,48vw,210px);max-width:100%;height:auto;display:block}.announcements-sheet__status[hidden]{display:none}.announcements-list{display:grid;gap:12px}.announcements-list__title{margin:0;font-size:clamp(1rem,.9rem + .5vw,1.1rem);color:#102a43;font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif}.announcements-list__title-row{display:flex;align-items:center;gap:8px;margin:0 0 6px}.announcements-list__new-pill{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;border:1px solid rgba(22,60,76,.78);background:transparent;color:#163c4c;font-size:clamp(.62rem,.56rem + .24vw,.7rem);letter-spacing:.08em;font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif}.announcements-list__message{margin:0;font-size:clamp(.95rem,.85rem + .4vw,1.05rem);color:#102a43d1;font-family:Avenir Next Regular,Trebuchet MS,Verdana,sans-serif}.announcements-list__link{margin-top:10px;display:inline-flex;font-size:clamp(.9rem,.82rem + .4vw,1rem);color:#163c4c;font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif;text-decoration:none}.announcements-list__link:hover{text-decoration:underline}.countdown-section{display:flex;justify-content:center;margin-bottom:clamp(12px,3vw,18px)}.countdown-section[hidden]{display:none}.countdown{width:100%;text-align:center;font-size:clamp(1.1rem,.95rem + .9vw,1.5rem);font-weight:600;letter-spacing:.1em;color:#fef687;font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif}.prayer-card{background:transparent;border:none;border-radius:16px;box-shadow:0 24px 60px #102a432e;position:relative}.prayer-table__loading{padding:22px 24px;border-radius:16px;background:#163c4ce6;color:#fff;text-align:center;font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif;letter-spacing:.08em}.prayer-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden}.prayer-table caption{margin-bottom:12px;text-align:left}.prayer-table thead th{padding:clamp(14px,2.5vw,18px) clamp(14px,4vw,24px);font-size:clamp(.75rem,.65rem + .6vw,.9rem);letter-spacing:.18em;text-transform:uppercase;color:#fff;background:#4f7a34;font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif}.prayer-table tbody th,.prayer-table tbody td{padding:clamp(14px,3vw,20px) clamp(14px,4vw,24px);border-top:none;font-size:clamp(.9rem,.8rem + .5vw,1.05rem);font-family:Avenir Next Regular,Trebuchet MS,Verdana,sans-serif;font-weight:400}.prayer-table tbody tr{background:#163c4c;color:#fff}.prayer-table tbody tr:nth-child(2n){background:#2b4859}.prayer-table tbody tr.is-next{background:#bf9743;color:#102a43}.prayer-table tbody tr.is-next .prayer-name{font-weight:700}.prayer-table tbody tr.is-next th,.prayer-table tbody tr.is-next td{font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif;font-weight:700}.time-cell{text-align:center}.prayer-name{font-weight:600;letter-spacing:.08em}.jumuah-time{text-align:center;color:#fff;font-family:Avenir Next Regular,Trebuchet MS,Verdana,sans-serif}.jumuah-time__text{margin:0;font-size:clamp(.95rem,.85rem + .6vw,1.2rem);letter-spacing:.04em}.sheet-card{background:#ffffffd1;border:1px solid rgba(16,42,67,.08);border-radius:16px;padding:clamp(12px,3vw,16px) clamp(16px,4vw,20px)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.toggle-label{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;font-weight:600;font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif}.toggle-text{letter-spacing:.02em;font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif}.toggle-control{position:relative;width:clamp(48px,12vw,54px);height:clamp(26px,7vw,30px);flex-shrink:0}.toggle-input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}.toggle-slider{position:absolute;inset:0;background:#102a4333;border-radius:999px;transition:background .2s ease}.toggle-slider:after{content:"";position:absolute;top:4px;left:4px;width:clamp(18px,5vw,22px);height:clamp(18px,5vw,22px);background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 4px 12px #102a4333}.toggle-input:checked+.toggle-slider{background:#102a43d9}.toggle-input:checked+.toggle-slider:after{transform:translate(clamp(20px,5.8vw,24px))}.toggle-input:focus-visible+.toggle-slider{outline:2px solid rgba(16,42,67,.6);outline-offset:2px}.toggle-input:active+.toggle-slider{filter:brightness(.92)}.install-help__title{margin:0 0 6px;font-weight:600;letter-spacing:.02em}.install-help__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.install-help__description{margin:0 0 10px;font-size:clamp(.9rem,.82rem + .4vw,1rem);color:#102a43c7}.install-help__steps{margin:0 0 12px;padding-left:18px;font-size:clamp(.88rem,.8rem + .35vw,.98rem);color:#102a43e6}.install-help__steps li{margin-bottom:4px}.install-help__steps li:last-child{margin-bottom:0}.install-help__button{border:1px solid rgba(16,42,67,.2);background:#102a4314;color:#102a43;border-radius:999px;padding:clamp(8px,2vw,10px) clamp(16px,4vw,20px);font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif;font-size:clamp(.9rem,.82rem + .4vw,1rem);cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.install-help__button:active{transform:translateY(0) scale(.96)}.install-help__stores{display:grid;gap:10px;margin-top:4px}.install-help--store{padding:9px;min-height:84px;display:flex;align-items:center;justify-content:center}.install-help--store .install-help__stores{width:100%;display:flex;align-items:center;justify-content:center;margin-top:0;gap:0}.install-help__store{display:inline-flex;align-items:center;justify-content:flex-start;text-decoration:none;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.install-help__store:active{transform:translateY(0) scale(.98)}.install-help__store-badge{width:min(100%,220px);height:auto;display:block}.install-help__store--card{display:flex;align-items:center;justify-content:center;width:100%}.install-help__store--card .install-help__store-badge{width:clamp(140px,50%,220px);max-width:100%}@media(hover:hover)and (pointer:fine){.store-launch-overlay__close:hover{background:#102a4324}.store-launch-overlay__store:hover,.install-help__store:hover{transform:translateY(-1px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:none)and (pointer:coarse){body{background-attachment:scroll}.prayer-card{box-shadow:0 14px 28px #102a4329;-webkit-backdrop-filter:none;backdrop-filter:none}}.info-footer{margin-top:auto;text-align:center;color:#fff;font-family:Avenir Next Demi Bold,Trebuchet MS,Verdana,sans-serif}.info-footer__text{margin:0 0 6px;font-size:clamp(.8rem,.7rem + .5vw,.95rem)ßßßßßß;letter-spacing:.02em}.info-footer__text--accent{color:#bf9743}