*,: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-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}