*,:before,:after{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{color:#eef7f2;background:#0b1f1a;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.p-root{--p-bg:#0b1f1a;--p-primary:#33b79c;--p-secondary:#d8b26a;--p-text:#eef7f2;--p-accent:#d8b26a;--p-align:center;background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--p-primary) 22%, var(--p-bg)) 0%, var(--p-bg) 65%);width:100%;height:100%;color:var(--p-text);font-family:var(--p-font,inherit);flex-direction:column;display:flex;position:relative;overflow:hidden}.p-root.has-bg{background:linear-gradient(color-mix(in srgb, var(--p-bg) 62%, transparent), color-mix(in srgb, var(--p-bg) 82%, transparent)), var(--p-bg-image) center / cover no-repeat}.p-idle{flex-direction:column;flex:1;padding:clamp(1.5rem,3.5vw,3.5rem);display:flex}.p-idle__head{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.p-idle__brand{align-items:center;gap:1rem;display:flex}.p-idle__logo{object-fit:contain;width:auto;height:clamp(2.4rem,5vw,4rem)}.p-idle__name{letter-spacing:.01em;font-size:clamp(1.2rem,3vw,2.4rem);font-weight:800}.p-idle__date{text-align:right;opacity:.85;flex-direction:column;gap:.15rem;font-size:clamp(.85rem,1.6vw,1.3rem);display:flex}.p-idle__hijri{color:var(--p-secondary);font-weight:600}.p-idle__center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.p-idle__clock{letter-spacing:.01em;align-items:flex-start;font-size:clamp(5rem,22vw,16rem);font-weight:800;line-height:.95;display:flex}.p-idle__seconds{opacity:.6;margin-top:.4em;margin-left:.25em;font-size:.28em;font-weight:700}.p-idle__next{text-transform:uppercase;letter-spacing:.3em;color:var(--p-secondary);margin-top:clamp(.5rem,2vh,1.5rem);font-size:clamp(1rem,3vw,2.2rem);font-weight:700}.p-idle__next.is-pre{animation:1.4s ease-in-out infinite p-pulse}.p-idle__countdown{font-variant-numeric:tabular-nums;opacity:.92;margin-top:.3rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(1.6rem,6vw,4rem)}@keyframes p-pulse{50%{opacity:.45}}.p-strip{border-top:2px solid color-mix(in srgb, var(--p-text) 18%, transparent);justify-content:space-between;gap:1rem;padding-top:clamp(.8rem,2vh,1.6rem);display:flex}.p-strip__item{flex-direction:column;flex:1;align-items:center;gap:.2rem;display:flex}.p-strip__label{text-transform:uppercase;letter-spacing:.14em;opacity:.75;font-size:clamp(.7rem,1.5vw,1.15rem);font-weight:600}.p-strip__time{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(1.1rem,3vw,2.2rem);font-weight:600}.p-strip__item.is-next{border-radius:var(--r-md,12px);background:color-mix(in srgb, var(--p-primary) 18%, transparent);margin:-.4rem -.2rem;padding:.4rem .2rem}.p-strip__item.is-next .p-strip__label{color:var(--p-primary);opacity:1}.p-idle--sidebar{flex-direction:row;gap:clamp(1.5rem,3vw,3rem)}.p-rail{border-right:2px solid color-mix(in srgb, var(--p-text) 14%, transparent);flex-direction:column;flex:none;gap:clamp(1.2rem,3vh,2rem);width:clamp(220px,24vw,360px);padding-right:clamp(1.2rem,2.5vw,2rem);display:flex}.p-rail__list{flex-direction:column;flex:1;justify-content:center;gap:clamp(.5rem,1.5vh,1rem);display:flex}.p-rail__item{border-radius:var(--r-md,12px);justify-content:space-between;align-items:baseline;gap:1rem;padding:clamp(.5rem,1.2vh,.9rem) clamp(.6rem,1vw,1rem);display:flex}.p-rail__item.is-next{background:color-mix(in srgb, var(--p-primary) 22%, transparent)}.p-rail__label{text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:clamp(.85rem,1.6vw,1.3rem);font-weight:700}.p-rail__item.is-next .p-rail__label{color:var(--p-primary);opacity:1}.p-rail__time{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(1rem,2.2vw,1.7rem);font-weight:700}.p-idle--sidebar .p-idle__main{flex-direction:column;flex:1;min-width:0;display:flex}.p-idle--sidebar .p-idle__center,.p-idle--grid .p-idle__center{flex:1}.p-idle--grid .p-idle__clock{font-size:clamp(3.5rem,14vw,9rem)}.p-grid{grid-template-columns:repeat(5,1fr);gap:clamp(.6rem,1.4vw,1.2rem);display:grid}@media (width<=700px){.p-grid{grid-template-columns:repeat(3,1fr)}}.p-grid__item{border-radius:var(--r-lg,16px);background:color-mix(in srgb, var(--p-text) 6%, transparent);border-top:4px solid color-mix(in srgb, var(--p-text) 20%, transparent);flex-direction:column;align-items:center;gap:.4rem;padding:clamp(.8rem,1.8vh,1.4rem) .5rem;display:flex}.p-grid__item.is-next{background:color-mix(in srgb, var(--p-primary) 22%, transparent);border-top-color:var(--p-primary)}.p-grid__label{text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:clamp(.75rem,1.5vw,1.1rem);font-weight:700}.p-grid__time{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(1.2rem,3vw,2rem);font-weight:700}.p-idle--minimal{justify-content:center;align-items:center;gap:clamp(1rem,3vh,2rem)}.p-idle__date--top{text-align:center;opacity:.65}.p-idle--minimal .p-idle__center{flex:none}.p-idle--minimal .p-idle__clock{font-size:clamp(6rem,26vw,18rem)}.p-inline{opacity:.75;letter-spacing:.02em;flex-wrap:wrap;justify-content:center;gap:.4rem;font-size:clamp(.9rem,1.8vw,1.4rem);display:flex}.p-inline .is-next{color:var(--p-primary);opacity:1;font-weight:700}.p-inline__dot{opacity:.5;margin-right:.4rem;font-style:normal}.p-idle__footer-name{text-align:center;letter-spacing:.25em;text-transform:uppercase;opacity:.4;font-size:clamp(.7rem,1.2vw,.95rem)}.p-idle--banner{padding:0}.p-banner{background:color-mix(in srgb, var(--p-primary) 20%, transparent);border-bottom:3px solid var(--p-primary);align-items:center;gap:1rem;padding:clamp(1rem,2.2vh,1.6rem) clamp(1.5rem,3.5vw,3.5rem);display:flex}.p-banner__name{letter-spacing:.06em;flex:1;font-size:clamp(1.1rem,2.6vw,2rem);font-weight:800}.p-idle--banner .p-idle__center{padding:0 clamp(1.5rem,3.5vw,3.5rem)}.p-arch-row{gap:clamp(.6rem,1.4vw,1.2rem);padding:0 clamp(1.5rem,3.5vw,3.5rem) clamp(1.2rem,2.5vh,2rem);display:flex}.p-arch{background:color-mix(in srgb, var(--p-text) 6%, transparent);border-radius:999px 999px var(--r-md,12px) var(--r-md,12px);border:1px solid color-mix(in srgb, var(--p-text) 14%, transparent);flex-direction:column;flex:1;align-items:center;gap:.3rem;padding:clamp(.9rem,2vh,1.5rem) .5rem .8rem;display:flex}.p-arch.is-next{background:color-mix(in srgb, var(--p-primary) 26%, transparent);border-color:var(--p-primary)}.p-arch__label{text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:clamp(.7rem,1.4vw,1.05rem);font-weight:700}.p-arch__time{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(1.05rem,2.6vw,1.8rem);font-weight:700}.p-full{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(1rem,3vh,2.5rem);padding:4vw;display:flex}.p-full__label{text-transform:uppercase;letter-spacing:.35em;color:var(--p-secondary);font-size:clamp(1rem,3vw,2rem);font-weight:700}.p-full__prayer{font-size:clamp(4rem,18vw,13rem);font-weight:800;line-height:1}.p-full__sub{opacity:.8;font-size:clamp(1rem,2.6vw,2rem)}.p-iqamah__count{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(5rem,24vw,18rem);font-weight:700;line-height:1}.p-notice p{max-width:22ch;font-size:clamp(1.3rem,3.5vw,2.6rem);line-height:1.5}.p-ticker{background:color-mix(in srgb, var(--p-primary) 30%, #000 20%);color:var(--p-text);white-space:nowrap;padding:clamp(.5rem,1.4vh,1rem) 0;font-size:clamp(1rem,2.4vw,1.8rem);font-weight:600;overflow:hidden}.p-ticker span{padding-left:100%;animation:22s linear infinite p-marquee;display:inline-block}@keyframes p-marquee{to{transform:translate(-100%)}}.p-offline{color:var(--p-secondary);opacity:.8;font-size:.9rem;font-weight:700;position:absolute;top:1rem;right:1.2rem}.p-fallback{text-align:center;background:radial-gradient(120% 90% at 50% 0,#123a30,#0b1f1a 65%);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100%;padding:6vw;display:flex}.p-fallback__brand{letter-spacing:.35em;color:#d8b26a;font-weight:700}.p-fallback__clock{font-size:clamp(4rem,20vw,12rem);font-weight:800;line-height:1}.p-fallback h1{font-size:clamp(1.8rem,5vw,3.5rem)}.p-fallback p{opacity:.85;max-width:40ch;font-size:clamp(1rem,2.6vw,1.6rem);line-height:1.5}.p-fallback__muted{opacity:.55!important;font-size:.95rem!important}.p-fallback code{background:#ffffff1a;border-radius:6px;padding:.15em .4em;font-family:IBM Plex Mono,ui-monospace,monospace}.p-pair{text-align:center;color:#eef7f2;background:radial-gradient(120% 90% at 50% 0,#123a30,#0b1f1a 65%);flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;height:100%;padding:6vw;display:flex}.p-pair__brand{letter-spacing:.35em;color:#d8b26a;font-weight:700}.p-pair h1{max-width:18ch;font-size:clamp(1.5rem,4vw,3rem);font-weight:800}.p-pair__code{letter-spacing:.1em;color:#33b79c;background:#ffffff0f;border:2px solid #33b79c66;border-radius:20px;padding:.3em .5em;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(3.5rem,14vw,9rem);font-weight:700}.p-pair p{opacity:.9;max-width:36ch;font-size:clamp(1rem,2.6vw,1.6rem);line-height:1.5}.p-pair__muted{opacity:.55!important}.p-pair__error{color:#e5796b!important}.p-pair__btn{color:#06120f;cursor:pointer;background:#33b79c;border:0;border-radius:12px;padding:.8em 1.6em;font:600 1.1rem Plus Jakarta Sans,sans-serif}.pl{background:radial-gradient(130% 90% at 50% 0,#123a30 0%,#0b1f1a 60%);flex-direction:column;height:100%;display:flex;overflow-y:auto}.pl__bar{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;padding:clamp(.9rem,2.5vw,1.6rem) clamp(1rem,4vw,3rem);display:flex}.pl__loc{min-width:0}@media (width<=1100px){.pl__bar{justify-content:center}}.pl__brand{letter-spacing:.28em;text-transform:uppercase;color:#d8b26a;font-size:clamp(.8rem,1.6vw,1rem);font-weight:700}.pl__loc{color:#9fb8ae;flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.pl__select{color:#eef7f2;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;padding:.5em .8em;font:600 1rem Plus Jakarta Sans,sans-serif}.pl__geo{color:#33b79c;cursor:pointer;background:0 0;border:0;font:600 .9rem Plus Jakarta Sans,sans-serif;text-decoration:none}.pl__geo:disabled{opacity:.5;cursor:default}.pl__main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(.8rem,2vw,1.4rem);padding:clamp(1.5rem,5vw,4rem) clamp(1rem,4vw,3rem);display:flex}.pl__date{color:#cfe0d9;font-size:clamp(.95rem,2vw,1.4rem)}.pl__hijri{color:#d8b26a}.pl__clock{letter-spacing:-.02em;font-size:clamp(4rem,16vw,11rem);font-weight:800;line-height:.95}.pl__sec{color:#8fa8a0;vertical-align:super;margin-left:.15em;font-size:.32em;font-weight:700}.pl__next{color:#d8b26a;font-size:clamp(1rem,2.6vw,1.7rem)}.pl__next strong{font-variant-numeric:tabular-nums;color:#eef7f2}.pl__grid{grid-template-columns:repeat(5,minmax(90px,1fr));gap:clamp(.5rem,1.5vw,1rem);width:min(100%,900px);margin-top:clamp(.5rem,2vw,1.5rem);display:grid}@media (width<=620px){.pl__grid{grid-template-columns:repeat(2,1fr)}}.pl__card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.3rem;padding:clamp(.7rem,2vw,1.2rem);display:flex}.pl__card.is-next{background:#33b79c29;border-color:#33b79c8c}.pl__card-label{text-transform:uppercase;letter-spacing:.08em;color:#9fb8ae;font-size:clamp(.75rem,1.5vw,.95rem)}.pl__card.is-next .pl__card-label{color:#7fe3cd}.pl__card-time{font-variant-numeric:tabular-nums;font-size:clamp(1.3rem,3.4vw,2.1rem);font-weight:800}.pl__method{color:#7f958d;max-width:44ch;font-size:clamp(.8rem,1.6vw,.95rem);line-height:1.5}.pl__cta{text-align:center;background:#00000038;border-top:1px solid #ffffff14;padding:clamp(1.8rem,5vw,3.5rem) clamp(1rem,4vw,3rem)}.pl__cta h2{max-width:22ch;margin:0 auto;font-size:clamp(1.3rem,3.4vw,2.2rem);font-weight:800}.pl__cta p{color:#cfe0d9;max-width:52ch;margin:1rem auto 0;font-size:clamp(.95rem,2vw,1.2rem);line-height:1.6}.pl__cta-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.6rem;display:flex}.pl__btn{color:#eef7f2;cursor:pointer;border:1px solid #ffffff40;border-radius:12px;padding:.85em 1.8em;font:700 1.05rem Plus Jakarta Sans,sans-serif;text-decoration:none}.pl__btn--primary{color:#06120f;background:#33b79c;border-color:#33b79c}.pl__fine{color:#8fa8a0;margin-top:1rem;font-size:.9rem}.pl__fine code{background:#ffffff1a;border-radius:6px;padding:.12em .4em;font-family:IBM Plex Mono,ui-monospace,monospace}.pl__main--doc{text-align:left;justify-content:flex-start;align-items:stretch;max-width:760px;margin:0 auto}.pl__doc-title{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800}.pl__doc-lead{color:#cfe0d9;font-size:clamp(.95rem,2vw,1.15rem);line-height:1.6}.pl__download{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.4rem;display:flex}.pl__download .pl__fine{margin-top:0}.pl__steps{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.pl__steps li{align-items:flex-start;gap:1rem;display:flex}.pl__step-n{color:#06120f;background:#33b79c;border-radius:999px;flex:none;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.pl__steps strong{margin-bottom:.2rem;display:block}.pl__steps p{color:#9fb8ae;font-size:.95rem;line-height:1.5}