@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg:#0b130e;--text:#f1ede4;--text-2:#a7b0a8;--text-3:#8f9a91;--accent:#c8a66b;--hairline:#f1ede41f;--u:min(1vw, 1.7778vh);--pad-x:calc(var(--u) * 4.5);--pad-y:calc(var(--u) * 3.2);color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}body{font-feature-settings:"cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;cursor:none;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}p,h1,h2,ol{margin:0;padding:0}time,.countdown,.clock{font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen{height:100vh;padding:var(--pad-y) var(--pad-x);grid-template-rows:auto 1fr auto auto;display:grid}@supports (height:100dvh){.screen{height:100dvh}}.eyebrow{font-size:max(calc(var(--u) * 1.2), .75rem);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-weight:500}.eyebrow--accent{color:var(--accent)}.period{font-size:max(calc(var(--u) * 1.1), .6875rem);letter-spacing:.08em;color:var(--text-2);margin-inline-start:.35em;font-weight:500}.masthead{justify-content:space-between;align-items:flex-end;gap:calc(var(--u) * 4);border-block-end:1px solid var(--hairline);padding-block-end:calc(var(--u) * 2.2);display:flex}.place .eyebrow{margin-block-end:calc(var(--u) * .6)}.mosque{font-size:calc(var(--u) * 2.6);letter-spacing:-.01em;text-wrap:balance;font-weight:500;line-height:1.1}.dates{text-align:end;flex-shrink:0}.date{white-space:nowrap;font-size:calc(var(--u) * 1.9);font-weight:400;line-height:1.15;display:block}.hijri{font-size:max(calc(var(--u) * 1.45), .875rem);color:var(--text-2);margin-block-start:calc(var(--u) * .5)}.main{align-items:center;gap:calc(var(--u) * 5);grid-template-columns:1.45fr 1fr;display:grid}.now .eyebrow{margin-block-end:calc(var(--u) * .4)}.clock{align-items:flex-start;line-height:1;display:flex}.clock-hm{font-size:calc(var(--u) * 17);letter-spacing:-.035em;margin-inline-start:-.05em;font-weight:300}.clock-side{padding-block:calc(var(--u) * 2.4) calc(var(--u) * 2);flex-direction:column;justify-content:space-between;align-self:stretch;margin-inline-start:calc(var(--u) * 1.6);display:flex}.clock-period{font-size:calc(var(--u) * 2.6);letter-spacing:.06em;color:var(--text-2);font-weight:500}.clock-sec{font-size:calc(var(--u) * 2.6);color:var(--text-3);font-variant-numeric:tabular-nums;font-weight:400}.next{padding-inline-start:calc(var(--u) * 4);position:relative}.next:before{content:"";inset-inline-start:0;top:calc(var(--u) * .4);bottom:calc(var(--u) * .4);background:#f1ede42e;width:1px;position:absolute}.next-name{font-size:calc(var(--u) * 7);letter-spacing:-.025em;margin-block-start:calc(var(--u) * .8);font-weight:500;line-height:1}.next-time{font-size:calc(var(--u) * 4.2);margin-block-start:calc(var(--u) * 1.1);font-weight:400;line-height:1}.next-countdown{align-items:baseline;gap:calc(var(--u) * 1.4);border-block-start:1px solid var(--hairline);margin-block-start:calc(var(--u) * 2.4);padding-block-start:calc(var(--u) * 1.6);display:flex}.countdown{font-size:calc(var(--u) * 3);color:var(--accent);letter-spacing:.01em;font-weight:400}.next>*{transition:opacity .35s}.next.is-changing>*{opacity:0}.next.is-unavailable .next-name{font-size:calc(var(--u) * 4.2);color:var(--text-2)}.next.is-unavailable .next-time,.next.is-unavailable .next-countdown{visibility:hidden}.next-iqamah{align-items:baseline;margin-block-start:calc(var(--u) * 1.3);display:flex}.next-iqamah[hidden]{display:none}.next-iqamah-time{font-size:calc(var(--u) * 2.6);font-variant-numeric:tabular-nums;font-weight:400}.next-time-label{display:none}.next.has-iqamah .next-time{font-size:calc(var(--u) * 2.8);color:var(--text-2);align-items:baseline;display:flex}.next.has-iqamah .next-time-label,.next-iqamah .eyebrow{min-width:5.4em;margin-inline-end:calc(var(--u) * 1.3);display:inline-block}.next.has-iqamah .next-iqamah-time{font-size:calc(var(--u) * 2.8)}.next.has-iqamah .next-name{margin-block-start:calc(var(--u) * .5)}@media (orientation:landscape){.next.has-iqamah .next-name{font-size:calc(var(--u) * 6.4)}}.next.has-iqamah .next-time{margin-block-start:calc(var(--u) * .8)}.next.has-iqamah .next-iqamah{margin-block-start:calc(var(--u) * .6)}.next.has-iqamah .next-countdown{margin-block-start:calc(var(--u) * 1.1);padding-block-start:calc(var(--u) * 1)}.next.is-now .countdown{font-size:calc(var(--u) * 2.2);color:var(--text-2);white-space:nowrap}.clock-unset{padding-inline-start:calc(var(--u) * 4);display:none;position:relative}.clock-unset:before{content:"";inset-inline-start:0;top:calc(var(--u) * .4);bottom:calc(var(--u) * .4);width:max(2px, calc(var(--u) * .16));background:var(--accent);position:absolute}.clock-unset-title{font-size:calc(var(--u) * 4.2);letter-spacing:-.02em;margin:0;font-weight:500;line-height:1.1}.clock-unset-note{font-size:max(calc(var(--u) * 1.9), 1rem);color:var(--text-2);margin-block-start:calc(var(--u) * 1.2)}.is-clock-unset .now,.is-clock-unset .next{display:none}.is-clock-unset .clock-unset{grid-column:1/-1;display:block}.is-clock-unset .dates,.is-clock-unset .schedule{visibility:hidden}.prayers{gap:calc(var(--u) * 1.6);grid-template-columns:repeat(6,1fr);list-style:none;display:grid}.prayer{row-gap:calc(var(--u) * 1.2);padding-block:calc(var(--u) * 1.8) calc(var(--u) * .6);border-block-start:1px solid var(--hairline);grid-template-columns:1fr auto;grid-template-areas:"name flag""time time";display:grid;position:relative}.prayer-name{font-size:max(calc(var(--u) * 1.55), .875rem);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);grid-area:name;font-weight:500}.prayer-time{font-size:calc(var(--u) * 3.4);letter-spacing:-.015em;white-space:nowrap;grid-area:time;font-weight:400;line-height:1}.prayer-flag{font-size:max(calc(var(--u) * 1), .6875rem);letter-spacing:.16em;text-transform:uppercase;border:1px solid;border-radius:2px;grid-area:flag;align-self:center;padding:.3em .6em .25em;font-weight:600}.prayer-flag[hidden]{display:none}.prayer:before{content:"";inset-inline:0;height:max(2px, calc(var(--u) * .2));background:var(--accent);opacity:0;position:absolute;top:-1px}.prayer-name,.prayer-time,.prayer:before{transition:color .6s,opacity .6s,background-color .6s}.prayer.is-completed .prayer-name,.prayer.is-completed .prayer-time,.prayer.is-completed .period{color:var(--text-3)}.prayer.is-completed .prayer-time{opacity:.75}.prayer.is-current:before{opacity:1;background:var(--text)}.prayer.is-current .prayer-name{color:var(--text)}.prayer.is-current .prayer-flag{color:var(--bg);background:var(--text);border-color:var(--text)}.prayer.is-next:before{opacity:1}.prayer.is-next .prayer-name,.prayer.is-next .prayer-flag{color:var(--accent)}.prayer-time{flex-direction:column;display:flex}.tier{white-space:nowrap;line-height:1;display:block}.tier--iqamah,.prayer-legend{display:none}.has-any-iqamah .tier--adhan{opacity:.8;font-size:.62em}.has-any-iqamah .tier--iqamah{min-height:1em;margin-block-start:calc(var(--u) * 1);display:block}.has-any-iqamah .prayer-legend{border-block-start-color:#0000;padding-inline-end:calc(var(--u) * .6);display:grid}.prayer-legend--wrap,.has-any-iqamah .prayer-legend--wrap,.prayer-legend:before{display:none}.prayer-legend .prayer-name{visibility:hidden}.prayer-legend .tier{opacity:1}.tier-label{font-size:max(calc(var(--u) * 1.2), .75rem);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:500}.tier--iqamah .tier-label{color:var(--text-2)}.has-any-iqamah.prayers{column-gap:calc(var(--u) * 1.2);grid-template-columns:auto repeat(6,1fr)}.has-any-iqamah .prayer-name{font-size:max(calc(var(--u) * 1.45), .875rem);letter-spacing:.1em}.has-any-iqamah .prayer-flag{letter-spacing:.12em;padding-inline:.45em}.prayer.is-marker .prayer-time{color:var(--text-2)}.footer{justify-content:space-between;align-items:baseline;gap:calc(var(--u) * 3);border-block-start:1px solid var(--hairline);margin-block-start:calc(var(--u) * 2.4);padding-block-start:calc(var(--u) * 1.6);display:flex}.jummah{align-items:baseline;gap:calc(var(--u) * 1.4);flex-wrap:wrap;display:flex}.jummah-time{font-size:calc(var(--u) * 2);font-weight:400}.taraweeh{align-items:baseline;gap:calc(var(--u) * 1.4);margin-inline-start:calc(var(--u) * 3);display:inline-flex}.taraweeh[hidden]{display:none}.taraweeh-text{font-size:calc(var(--u) * 2);font-weight:400}.jummah.is-today .eyebrow{color:var(--text)}.jummah-sep{color:var(--text-3);margin-inline:.55em}.status{font-size:max(calc(var(--u) * 1.1), .75rem);color:var(--text-3);letter-spacing:.04em}.setup{margin-inline-start:auto}@media (orientation:landscape) and (aspect-ratio<=3/2){.prayers{column-gap:calc(var(--u) * 3);row-gap:calc(var(--u) * 1.4);grid-template-columns:repeat(3,1fr)}.has-any-iqamah.prayers{column-gap:calc(var(--u) * 3);grid-template-columns:auto repeat(3,1fr)}.has-any-iqamah .prayer-legend--wrap{display:grid}.prayer-time{font-size:calc(var(--u) * 4.4)}}@media (orientation:portrait){:root{--u:min(1.7778vw, 1vh);--pad-x:calc(var(--u) * 5);--pad-y:calc(var(--u) * 4)}.masthead{align-items:flex-start;gap:calc(var(--u) * 1.6);flex-direction:column}.dates{text-align:start}.main{align-content:center;gap:calc(var(--u) * 4);gap:calc(var(--u) * 3);grid-template-columns:1fr}.clock-hm{font-size:calc(var(--u) * 12.5)}.clock-side{padding-block:calc(var(--u) * 1.8) calc(var(--u) * 1.5);margin-inline-start:calc(var(--u) * 1.2)}.clock-period,.clock-sec{font-size:calc(var(--u) * 2.2)}.next{grid-template-columns:1fr auto;grid-template-areas:"label label""name time""iqamah iqamah""count count";align-items:baseline;padding-inline-start:0;display:grid}.next:before{display:none}.next .eyebrow{grid-area:label}.next-name{font-size:calc(var(--u) * 5.6);grid-area:name}.next-time{font-size:calc(var(--u) * 3.6);grid-area:time;margin-block-start:0}.next-iqamah{grid-area:iqamah}.next-countdown{grid-area:count;margin-block-start:calc(var(--u) * 1.8);padding-block-start:calc(var(--u) * 1.3)}.countdown{font-size:calc(var(--u) * 2.6)}.prayers{grid-template-columns:1fr;gap:0}.prayer{align-items:center;column-gap:calc(var(--u) * 1.6);padding-block:calc(var(--u) * 1.15);grid-template-columns:auto 1fr auto;grid-template-areas:"name flag time"}.prayer:last-child{border-block-end:1px solid var(--hairline)}.prayer-name{font-size:max(calc(var(--u) * 1.7), .875rem)}.prayer-flag{justify-self:start}.prayer-time{font-size:calc(var(--u) * 3.1)}.prayer:before{inset-inline:auto;inset-inline-start:calc(var(--u) * -1.6);top:calc(var(--u) * 1);bottom:calc(var(--u) * 1);height:auto;width:max(2px, calc(var(--u) * .2))}.footer{align-items:flex-start;gap:calc(var(--u) * 1);border-block-start:0;flex-direction:column;margin-block-start:calc(var(--u) * 3);padding-block-start:0}.setup{margin-inline-start:0}.has-any-iqamah.prayers{grid-template-columns:1fr}.has-any-iqamah .prayer-time{align-items:baseline;gap:calc(var(--u) * 2.2);flex-direction:row}.has-any-iqamah .tier{text-align:end;min-width:4.5em}.has-any-iqamah .tier--iqamah{margin-block-start:0}.has-any-iqamah .prayer{padding-block:calc(var(--u) * .85)}.has-any-iqamah .prayer-legend{padding-block:calc(var(--u) * .4) calc(var(--u) * .8);padding-inline-end:0}.has-any-iqamah .prayer-legend .prayer-name{display:none}.next.has-iqamah{grid-template-areas:"label label""name name""time time""iqamah iqamah""count count"}.next.has-iqamah .next-time{margin-block-start:calc(var(--u) * 1)}}@media (orientation:portrait) and (width>=641px){.next.has-iqamah{column-gap:calc(var(--u) * 3);grid-template-columns:auto auto;grid-template-areas:"label label""name name""time iqamah""count count";justify-content:start}.next.has-iqamah .next-iqamah{margin-block-start:calc(var(--u) * 1)}.next.has-iqamah .next-time-label,.next-iqamah .eyebrow{min-width:0}}@media (width<=640px),(height<=500px){body{cursor:auto;overflow:auto}.screen{height:auto;min-height:100vh}}@media (width<=640px) and (orientation:portrait){.has-any-iqamah .prayer-time{font-size:calc(var(--u) * 3.4);gap:calc(var(--u) * 1.5)}.has-any-iqamah .tier{min-width:4.3em}.taraweeh{flex-basis:100%;margin-block-start:.5rem;margin-inline-start:0}:root{--u:1.9vw;--pad-x:1.25rem;--pad-y:1.5rem}.main{padding-block:calc(var(--u) * 3.5)}.clock-hm{font-size:calc(var(--u) * 15)}.next-name{font-size:calc(var(--u) * 7)}.prayer-time{font-size:calc(var(--u) * 4)}}.settings{--s-surface:#111b15;--s-field:#0b130e;--s-line:#f1ede42e;font-size:max(1rem, calc(var(--u) * .95));width:min(100vw - 2rem,32em);max-height:min(100dvh - 2rem,100vh - 2rem);color:var(--text);background:var(--s-surface);border:1px solid var(--hairline);cursor:auto;border-radius:6px;padding:0;box-shadow:0 1.5em 4em #00000080}.settings::backdrop{background:#050907b8}.settings[open]{flex-direction:column;display:flex}.settings:not([open]){display:none}.settings-form{flex-direction:column;flex:1;min-height:0;display:flex}.settings-head,.settings-actions{justify-content:space-between;align-items:center;gap:1em;padding:1em 1.5em;display:flex}.settings-head{border-block-end:1px solid var(--hairline)}.settings-title{letter-spacing:-.01em;font-size:1.25em;font-weight:500}.settings-close{font:inherit;width:1.6em;height:1.6em;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;font-size:1.5em;line-height:1}.settings-close:hover{color:var(--text)}.settings-body{gap:1.25em;padding:1.25em 1.5em;display:grid;overflow-y:auto}.settings-field{border:0;gap:.45em;min-width:0;margin:0;padding:0;display:grid}.settings-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);padding:0;font-size:.75em;font-weight:500}.settings-input{font:inherit;width:100%;min-width:0;color:var(--text);background:var(--s-field);border:1px solid var(--s-line);border-radius:4px;padding:.55em .7em}.settings-input:hover{border-color:#f1ede44d}select.settings-input{cursor:pointer}.settings-hint,.settings-readonly{color:var(--text-3);font-size:.85em}.settings-readonly{color:var(--text-2);font-size:1em}.settings-jummah{gap:.5em;list-style:none;display:grid}.settings-jummah-row{align-items:center;gap:.6em;display:flex}.settings-jummah-row .settings-input{flex:1}.settings-choices{flex-wrap:wrap;gap:.5em 1.5em;display:flex}.settings-choice{cursor:pointer;align-items:center;gap:.5em;display:inline-flex}.settings-choice input{width:1.1em;height:1.1em;accent-color:var(--accent);cursor:pointer;margin:0}.settings-message{min-height:1.4em;color:var(--text-2);font-size:.9em}.settings-message.is-error{color:#e7b48a}.settings-actions{border-block-start:1px solid var(--hairline);flex-wrap:wrap}.settings-button{font:inherit;border:1px solid var(--s-line);color:var(--text);cursor:pointer;background:0 0;border-radius:4px;padding:.55em 1.1em;font-size:.95em;font-weight:500}.settings-button[hidden]{display:none}.settings-button--quiet:hover{border-color:#f1ede459}.settings-button--primary{min-width:6em;color:var(--bg);background:var(--accent);border-color:var(--accent)}.settings-button--primary:hover{background:#d4b47c}.settings-hijri-preview{color:var(--text)}.hijri[hidden]{display:none}.settings-ramadan{grid-template-columns:7.5em minmax(0,1fr);align-items:center;gap:.5em .6em;display:grid}.settings-iqamah{gap:.5em;display:grid}.settings-iqamah-row{grid-template-columns:5.5em minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.6em;display:grid}.settings-iqamah-name{color:var(--text)}.settings-iqamah-row [hidden]{display:none}.settings-iqamah-minutes{align-items:center;gap:.5em;display:flex}[data-jummah-add]{justify-self:start}.settings :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-input:focus-visible{outline-offset:0;border-color:var(--accent)}@media (prefers-reduced-motion:no-preference){.screen{animation:.9s ease-out both settle}}@keyframes settle{0%{opacity:0}}