@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{--scrim:.4;--scrim-left:var(--scrim);--scrim-right:var(--scrim);--scrim-bottom:var(--scrim);--ink:#fff;--ink-dim:#ffffffe0;--ink-faint:color-mix(in srgb, var(--ink) 66%, transparent);--ink-on-ink:#0a1128;--shade-rgb:3, 7, 20;--glass-rgb:8, 14, 34;--hairline-rgb:255, 255, 255;--glass:rgba(var(--glass-rgb), calc(.3 + .26 * var(--scrim-right)));--glass-strong:rgba(var(--glass-rgb), calc(.52 + .2 * var(--scrim)));--glass-border:rgba(var(--hairline-rgb), .16);--hairline-soft:rgba(var(--hairline-rgb), .1);--shadow-text:0 1px 2px rgba(var(--shade-rgb), calc(.3 + .4 * var(--scrim))), 0 2px 10px rgba(var(--shade-rgb), calc(.22 + .4 * var(--scrim))), 0 0 34px rgba(var(--shade-rgb), calc(.14 + .36 * var(--scrim)));--shadow-text-lg:0 1px 2px rgba(var(--shade-rgb), calc(.26 + .34 * var(--scrim))), 0 3px 18px rgba(var(--shade-rgb), calc(.2 + .4 * var(--scrim))), 0 0 70px rgba(var(--shade-rgb), calc(.12 + .4 * var(--scrim)));--accent:#ffd9a0;--accent-soft:color-mix(in srgb, var(--accent) 22%, transparent);--rain:#9cc8ff;--radius:1.4rem;font-size:clamp(10px,1.05vmin + 4px,19px)}html[data-wall-text=dark]{--ink:#12181f;--ink-dim:#12181fe6;--ink-on-ink:#fff;--shade-rgb:255, 255, 255;--glass-rgb:252, 253, 255;--hairline-rgb:16, 24, 38;--accent:#7a4a08;--rain:#14548f}*{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}@media (hover:hover) and (pointer:fine){body,.unlock-overlay{cursor:default}.ab-mute,.debug-toggle{cursor:pointer}}.wall{z-index:0;pointer-events:none;background:#0a1128;position:fixed;inset:0;overflow:hidden}.wall-still,.wall-v{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.wall-v{opacity:0;transition:opacity 1.2s}.wall-v.show{opacity:1}.adhan-banner,.unlock-overlay,.debug-panel{--ink:#fff;--ink-dim:#ffffffe0;--ink-on-ink:#0a1128;--shade-rgb:3, 7, 20;--glass-rgb:8, 14, 34;--hairline-rgb:255, 255, 255;--accent:#ffd9a0;--rain:#9cc8ff;color:var(--ink)}.num{font-variant-numeric:tabular-nums}.panel-label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);font-size:.88rem;font-weight:500}.overlay{z-index:10;pointer-events:none;text-shadow:var(--shadow-text);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}.overlay,.overlay *,.overlay:before{transition:color 1.2s,background-color 1.2s,background 1.2s,border-color 1.2s,text-shadow 1.2s,box-shadow 1.2s,fill 1.2s,stroke 1.2s}.overlay:before{content:"";background:radial-gradient(58% 58% at 15% 48%, rgba(var(--shade-rgb), calc(.44 * var(--scrim-left))) 0%, rgba(var(--shade-rgb), calc(.3 * var(--scrim-left))) 44%, rgba(var(--shade-rgb), calc(.1 * var(--scrim-left))) 72%, rgba(var(--shade-rgb), 0) 100%);pointer-events:none;z-index:-1;position:absolute;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{text-shadow:var(--shadow-text-lg);letter-spacing:.01em;align-items:baseline;gap:.7rem;font-size:13.5rem;font-weight:200;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:350;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:.9rem;font-weight:500}.np-headline{align-items:baseline;gap:1.1rem;display:flex}.np-name{color:var(--accent);text-shadow:var(--shadow-text-lg);font-size:3.4rem;font-weight:400;line-height:1}.np-time{text-shadow:var(--shadow-text-lg);font-size:3.4rem;font-weight:250;line-height:1}.np-progress{background:rgba(var(--shade-rgb), .32);height:.3rem;box-shadow:inset 0 0 0 1px rgba(var(--hairline-rgb), .14);border-radius:1rem;margin-top:.5rem;overflow:hidden}.np-progress-fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 50%, transparent), var(--accent));height:100%}.np-countdown{color:var(--ink-dim);font-size:1.25rem;font-weight:350}.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);-webkit-backdrop-filter:blur(10px)saturate(115%);box-shadow:0 1.4rem 3rem rgba(var(--shade-rgb), calc(.16 + .2 * var(--scrim-right)));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:.98rem;font-weight:350}.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:1rem;font-weight:350;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:.52}.prayer-item.next{background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:inset 0 0 0 1px var(--accent-soft)}.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)}.outfit{border-top:1px solid rgba(var(--hairline-rgb), .12);background:linear-gradient(180deg, rgba(var(--shade-rgb), calc(.1 + .34 * var(--scrim-bottom))) 0%, rgba(var(--shade-rgb), calc(.42 + .34 * var(--scrim-bottom))) 100%);grid-area:2/1/auto/-1;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:3rem;margin:0 -4rem -.6rem;padding:1rem 4rem 1.1rem;display:grid;position:relative}.of-hero{width:6.6rem;height:6.6rem;color:var(--accent);filter:drop-shadow(0 .2rem 1.2rem color-mix(in srgb, var(--accent) 25%, transparent))}.of-main{flex-direction:column;gap:.28rem;min-width:0;display:flex}.of-title{text-shadow:var(--shadow-text-lg);font-size:2.5rem;font-weight:300;line-height:1.05}.of-sentence{color:var(--ink-dim);max-width:42rem;font-size:1.12rem;font-weight:350;line-height:1.35}.of-extras{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;display:flex}.of-chip{color:var(--ink-dim);background:var(--hairline-soft);border:1px solid var(--glass-border);border-radius:2rem;align-items:center;gap:.4rem;padding:.28rem .75rem .28rem .6rem;font-size:.95rem;font-weight:350;display:flex}.of-chip .icon{width:1.15rem;height:1.15rem;color:var(--rain)}.of-chip.warm .icon{color:var(--accent)}.outfit-scale{width:34rem;padding-top:1rem}.os-glyphs{grid-template-columns:repeat(7,1fr);align-items:start;margin-top:.45rem;display:grid}.os-glyph{width:2.7rem;height:2.7rem;color:var(--ink);opacity:.3;justify-self:center;transition:opacity .8s,color .8s}.os-glyph.active{opacity:1;color:var(--accent)}.os-track{height:.9rem;position:relative}.os-seg{opacity:.45;border-radius:.2rem;height:100%;transition:opacity .8s;position:absolute;top:0}.os-seg.active{opacity:1}.os-span{border:1.5px solid rgba(var(--hairline-rgb), .45);border-bottom:0;border-radius:.3rem .3rem 0 0;height:.45rem;position:absolute;bottom:calc(100% + .3rem)}.os-now{background:var(--ink);min-width:2.9rem;height:1.65rem;box-shadow:0 .2rem .7rem rgba(var(--shade-rgb), .55);border-radius:1rem;place-items:center;padding:0 .4rem;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.os-now-value{color:var(--ink-on-ink);text-shadow:none;font-size:1.02rem;font-weight:500}.os-caption .num{text-transform:none;letter-spacing:.02em;color:var(--ink-dim)}.os-caption{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);justify-content:space-between;gap:1rem;margin-top:.15rem;font-size:.78rem;font-weight:400;display:flex}.wind-dial{flex-direction:column;align-items:center;width:7.4rem;display:flex;position:relative}.wind-dial svg{width:6.6rem;height:6.6rem}.wd-ring{fill:rgba(var(--hairline-rgb), .05);stroke:rgba(var(--hairline-rgb), .22);stroke-width:1.5px}.wd-tick{stroke:rgba(var(--hairline-rgb), .3);stroke-width:2px;stroke-linecap:round}.wd-north{stroke:rgba(var(--hairline-rgb), .6)}.wd-needle{fill:var(--rain);filter:drop-shadow(0 0 .4rem color-mix(in srgb, var(--rain) 40%, transparent))}.wd-center{align-items:baseline;gap:.15rem;display:flex;position:absolute;top:3.3rem;transform:translateY(-50%)}.wd-bft{font-size:1.9rem;font-weight:300;line-height:1}.wd-unit{color:var(--ink-faint);font-size:.75rem}.wd-foot{color:var(--ink-dim);white-space:nowrap;margin-top:.15rem;font-size:.88rem;font-weight:350}.rain-banner{z-index:20;background:var(--glass-strong);border:1px solid color-mix(in srgb, var(--rain) 45%, transparent);box-shadow:0 0 2.2rem color-mix(in srgb, var(--rain) 25%, transparent);pointer-events:none;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%)}.rain-banner .icon{width:1.6rem;height:1.6rem;color:var(--rain)}.adhan-banner{z-index:40;border:1px solid var(--accent-soft);box-shadow:0 0 3rem color-mix(in srgb, var(--accent) 22%, transparent);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%)}.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);background:var(--hairline-soft);border:1px solid var(--glass-border);cursor:pointer;border-radius:2rem;align-items:center;gap:.6rem;padding:.7rem 1.5rem;font-size:1.1rem;display:flex}.ab-mute:active{background:rgba(var(--hairline-rgb), .2)}.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}@media (hover:hover) and (pointer:fine){.unlock-overlay{cursor:pointer}}@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)}