@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");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}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");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}:root{--ink:#f4f6fb;--ink-dim:#f4f6fbbd;--ink-faint:#f4f6fb75;--glass:#080e2252;--glass-strong:#080e228c;--glass-border:#ffffff21;--accent:#ffd9a0;--accent-soft:#ffd9a038;--rain:#9cc8ff;--radius:1.4rem;font-size:clamp(10px,1.05vmin + 4px,19px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;background:#0a1128;font-family:Outfit Variable,system-ui,sans-serif;overflow:hidden}canvas{display:block}.num{font-variant-numeric:tabular-nums}.panel-label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);font-size:.85rem}.overlay{z-index:10;pointer-events:none;text-shadow:0 2px 18px #04081880;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.05fr) minmax(0,.75fr);align-items:center;column-gap:4rem;padding:3.4rem 4rem .6rem;display:grid;position:fixed;inset:0}.col-left{flex-direction:column;grid-area:1/1;align-items:flex-start;gap:1.1rem;display:flex}.col-right{flex-direction:column;grid-area:1/2;justify-self:end;gap:1.4rem;width:min(100%,30rem);display:flex}.clock{letter-spacing:.01em;align-items:baseline;gap:.7rem;font-size:13.5rem;font-weight:180;line-height:.88;display:flex}.clock-sec{color:var(--ink-faint);font-size:2.6rem;font-weight:300}.dateline{color:var(--ink-dim);align-items:center;gap:.9rem;font-size:1.35rem;font-weight:300;display:flex}.date-greg:first-letter{text-transform:uppercase}.date-hijri,.date-place{color:var(--ink-faint)}.date-sep{opacity:.4;background:currentColor;border-radius:50%;width:.3rem;height:.3rem}.next-prayer{flex-direction:column;gap:.5rem;width:min(100%,34rem);margin-top:1.6rem;display:flex}.np-label{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);font-size:.85rem}.np-headline{align-items:baseline;gap:1.1rem;display:flex}.np-name{color:var(--accent);font-size:3.4rem;font-weight:350;line-height:1}.np-time{font-size:3.4rem;font-weight:200;line-height:1}.np-progress{background:#ffffff24;border-radius:1rem;height:.28rem;margin-top:.5rem;overflow:hidden}.np-progress-fill{border-radius:inherit;background:linear-gradient(90deg, #ffd9a080, var(--accent));height:100%}.np-countdown{color:var(--ink-dim);font-size:1.2rem}.next-prayer.soon .np-name{animation:2.4s ease-in-out infinite np-pulse}@keyframes np-pulse{0%,to{opacity:1}50%{opacity:.55}}.weather-panel,.prayer-list{border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-border);flex-direction:column;gap:.7rem;padding:1.5rem 1.7rem;display:flex}.wp-headline{align-items:center;gap:1.1rem;display:flex}.wp-icon{width:3.6rem;height:3.6rem;color:var(--ink-dim);flex:none}.wp-temp{font-size:4.4rem;font-weight:200;line-height:1}.wp-condition{flex-direction:column;gap:.15rem;min-width:0;display:flex}.wp-label{font-size:1.3rem;font-weight:350}.wp-feels{color:var(--ink-faint);font-size:.95rem}.wp-details{border-top:1px solid var(--glass-border);grid-template-columns:1fr 1fr;gap:.55rem 1.4rem;padding-top:.9rem;display:grid}.wp-details div{justify-content:space-between;gap:.6rem;font-size:.98rem;display:flex}.wp-details dt{color:var(--ink-faint)}.wp-details dd{color:var(--ink-dim)}.prayer-list{gap:.15rem}.prayer-list .panel-label{margin-bottom:.6rem}.prayer-item{border-radius:.9rem;grid-template-columns:.55rem 1fr auto;align-items:center;gap:1rem;padding:.62rem .7rem;transition:opacity .6s,background .6s;display:grid}.pi-marker{background:var(--ink-faint);opacity:.5;border-radius:50%;width:.55rem;height:.55rem}.pi-name{letter-spacing:.06em;font-size:1.4rem;font-weight:350}.pi-time{font-size:1.9rem;font-weight:250}.prayer-item.past{opacity:.4}.prayer-item.next{box-shadow:inset 0 0 0 1px var(--accent-soft);background:#ffd9a01f}.prayer-item.next .pi-name,.prayer-item.next .pi-time{color:var(--accent)}.prayer-item.next .pi-marker{background:var(--accent);opacity:1;box-shadow:0 0 .7rem var(--accent)}.hourly{background:linear-gradient(#060b1c00 0%,#060b1c6b 100%);border-top:1px solid #ffffff17;grid-area:2/1/auto/-1;margin:0 -4rem -.6rem;padding:.9rem 4rem 1rem;position:relative}.hourly-cells{z-index:1;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:relative}.hour-cell{flex-direction:column;align-items:center;gap:.3rem;display:flex}.hour-time{color:var(--ink-faint);font-size:.92rem}.hour-cell .icon{width:1.65rem;height:1.65rem;color:var(--ink-dim)}.hour-temp{font-size:1.25rem;font-weight:300}.hour-precip{background:#ffffff1c;border-radius:1rem;width:2.6rem;height:.3rem;margin-top:.15rem;transition:opacity .6s;display:flex;overflow:hidden}.hour-precip.dry{opacity:.35}.hour-precip-fill{border-radius:inherit;background:linear-gradient(90deg, #9cc8ff8c, var(--rain));height:100%}.hour-prob{color:var(--rain);min-height:1em;font-size:.78rem}.rain-banner{z-index:20;background:var(--glass-strong);pointer-events:none;border:1px solid #9cc8ff73;border-radius:3rem;align-items:center;gap:.8rem;padding:.85rem 1.8rem;font-size:1.2rem;display:flex;position:fixed;top:1.4rem;left:50%;transform:translate(-50%);box-shadow:0 0 2.2rem #9cc8ff40}.rain-banner .icon{width:1.6rem;height:1.6rem;color:var(--rain)}.adhan-banner{z-index:40;border:1px solid var(--accent-soft);pointer-events:auto;background:#080e22d1;border-radius:3rem;align-items:center;gap:1.4rem;padding:1rem 1.2rem 1rem 1.8rem;display:flex;position:fixed;bottom:9rem;left:50%;transform:translate(-50%);box-shadow:0 0 3rem #ffd9a038}.ab-pulse{background:var(--accent);border-radius:50%;width:.7rem;height:.7rem;animation:1.8s ease-in-out infinite ab-blink}@keyframes ab-blink{0%,to{opacity:1;box-shadow:0 0 .8rem var(--accent)}50%{opacity:.35;box-shadow:none}}.ab-text{flex-direction:column;gap:.1rem;display:flex}.ab-title{color:var(--accent);letter-spacing:.04em;font-size:1.3rem;font-weight:400}.ab-name{color:var(--ink-faint);font-size:.92rem}.ab-mute{font:inherit;color:var(--ink);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff1a;border-radius:2rem;align-items:center;gap:.6rem;padding:.7rem 1.5rem;font-size:1.1rem;display:flex}.ab-mute:active{background:#fff3}.ab-mute svg{width:1.5rem;height:1.5rem}.stale-chip{z-index:20;color:var(--ink-faint);background:var(--glass);border:1px solid var(--glass-border);pointer-events:none;border-radius:2rem;padding:.35rem .9rem;font-size:.78rem;position:fixed;top:1rem;right:1.2rem}.unlock-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);opacity:0;cursor:none;background:#050814c7;flex-direction:column;justify-content:center;align-items:center;gap:2rem;animation:.8s .9s forwards unlock-in;display:flex;position:fixed;inset:0}@keyframes unlock-in{to{opacity:1}}.unlock-ring{border:1px solid var(--glass-border);width:7rem;height:7rem;color:var(--ink-dim);border-radius:50%;place-items:center;display:grid;position:relative}.unlock-ring svg{width:3rem;height:3rem}.unlock-ring:after{content:"";border:1px solid var(--accent);border-radius:50%;animation:2.2s ease-out infinite ring-pulse;position:absolute;inset:-1px}@keyframes ring-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.unlock-text{font-size:1.5rem;font-weight:300}.unlock-sub{color:var(--ink-faint);font-size:1rem}.debug-toggle{z-index:55;pointer-events:auto;width:5rem;height:5rem;position:fixed;top:0;left:0}.debug-panel{z-index:60;border-left:1px solid var(--glass-border);pointer-events:auto;cursor:auto;background:#050814eb;flex-direction:column;gap:.8rem;width:24rem;padding:1rem;font-size:.85rem;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.debug-panel h3{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-top:.4rem;font-size:.8rem}.debug-panel .dbg-row{flex-wrap:wrap;gap:.4rem;display:flex}.debug-panel button,.debug-panel select{font:inherit;color:var(--ink);background:var(--glass);border:1px solid var(--glass-border);cursor:pointer;border-radius:.5rem;padding:.35rem .7rem}.debug-panel button.active{border-color:var(--accent);color:var(--accent)}.debug-panel dl{grid-template-columns:auto 1fr;gap:.2rem .8rem;display:grid}.debug-panel dt{color:var(--ink-faint)}.dbg-head{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.4rem;display:flex}.dbg-slider{flex-direction:column;gap:.25rem;display:flex}.dbg-slider label{color:var(--ink-faint);justify-content:space-between;display:flex}.debug-panel input[type=range]{min-width:8rem;accent-color:var(--accent);flex:1}.dbg-adjust{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.dbg-adjust button{padding:.05rem .45rem;line-height:1.2}.dbg-adjust-val{text-align:center;min-width:2ch;color:var(--ink-dim)}