.sky-view-container{--sky-arc-margin-top:-0.65rem;--sky-arc-label-size:7.6px;--sky-countdown-arc-top:55%;--sky-countdown-padding-y:0.52rem;--sky-countdown-padding-x:0.95rem;--sky-countdown-digit-size:3.1rem;--sky-countdown-name-size:1.75rem;--sky-countdown-label-size:0.62rem;--sky-fg:hsl(var(--sky-star));--sky-fg-strong:hsl(var(--sky-star)/0.9);--sky-fg-soft:hsl(var(--sky-star)/0.76);--sky-fg-muted:hsl(var(--sky-star)/0.62);--sky-fg-faint:hsl(var(--sky-star)/0.42);--sky-accent:hsl(var(--sky-sun)/0.5);--sky-chip-bg:hsl(var(--sky-star)/0.12);--sky-chip-border:hsl(var(--sky-star)/0.14);--sky-cell-bg:hsl(var(--sky-star)/0.04);--sky-cell-bg-active:hsl(var(--sky-star)/0.12);--sky-cell-bg-next:hsl(var(--sky-star)/0.07);--sky-cell-border:hsl(var(--sky-star)/0.08);--sky-text-shadow:0 10px 24px rgba(0,0,0,0.18);position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-height:0;overflow:hidden;transition:background 2s ease;color:var(--sky-fg)}@media (max-height:520px){.sky-view-container{height:auto;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}}.sky-view-container[data-phase=afternoon],.sky-view-container[data-phase=morning],.sky-view-container[data-phase=noon]{--sky-fg:#06222f;--sky-fg-strong:rgba(6,34,47,0.94);--sky-fg-soft:rgba(6,34,47,0.86);--sky-fg-muted:rgba(6,34,47,0.78);--sky-fg-faint:rgba(6,34,47,0.7);--sky-accent:hsl(28 94% 28%);--sky-chip-bg:rgba(255,255,255,0.58);--sky-chip-border:rgba(6,34,47,0.1);--sky-cell-bg:rgba(255,255,255,0.46);--sky-cell-bg-active:rgba(255,255,255,0.72);--sky-cell-bg-next:rgba(255,255,255,0.58);--sky-cell-border:rgba(6,34,47,0.08);--sky-text-shadow:0 1px 1px rgba(255,255,255,0.5)}.sky-stars-container{position:absolute;inset:0;pointer-events:none;transition:opacity 2s ease;z-index:var(--z-sky)}.sky-star{position:absolute;border-radius:50%;background:hsl(var(--sky-star));animation:sky-twinkle 3s ease-in-out infinite alternate}@keyframes sky-twinkle{0%{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(.9)}}.sky-scene{position:absolute;inset:0;z-index:var(--z-sky);overflow:hidden;pointer-events:none}.sky-scene-land{position:absolute;left:0;right:0}.sky-scene-base,.sky-scene-layer{position:absolute;inset:0;display:block;transition:background-color 1.6s ease}.sky-scene-layer{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center top;mask-position:center top}.sky-scene-at{position:absolute;display:block;left:calc(50% + (var(--x) - 1000) * var(--s));top:calc(var(--y) * var(--s));width:calc(var(--w, 0) * var(--s));height:calc(var(--h, 0) * var(--s))}.sky-scene-window{border-radius:1px;background:var(--scene-lamp);box-shadow:0 0 calc(4 * var(--s)) calc(.6 * var(--s)) rgb(255 203 116/.55);opacity:0;transition:opacity .9s ease var(--d,0s)}.sky-scene-windows[data-lit] .sky-scene-window{opacity:.95}.sky-scene-smoke .sky-scene-puff{position:absolute;left:calc(-9.5 * var(--s));top:calc(-9.5 * var(--s));width:calc(19 * var(--s));height:calc(19 * var(--s));border-radius:50%;background:radial-gradient(closest-side,var(--scene-smoke),transparent);opacity:0;animation:sky-scene-smoke 6s ease-out infinite}@keyframes sky-scene-smoke{0%{transform:translateZ(0) scale(.45);opacity:0}15%{opacity:.6}to{transform:translate3d(calc(12 * var(--s)),calc(-42 * var(--s)),0) scale(2.3);opacity:0}}.sky-scene-firefly{border-radius:50%;background:#e4ff9c;box-shadow:0 0 calc(6 * var(--s)) calc(1.6 * var(--s)) rgb(228 255 156/.55);opacity:0;animation:sky-scene-firefly 4.2s ease-in-out infinite}@keyframes sky-scene-firefly{0%,to{opacity:0;transform:translateZ(0)}50%{opacity:1;transform:translate3d(calc(5 * var(--s)),calc(-6 * var(--s)),0)}}.sky-scene-kandil{margin:calc(-1.6 * var(--s)) 0 0 calc(-1.6 * var(--s));border-radius:50%;background:#ffd98a;box-shadow:0 0 calc(5 * var(--s)) calc(1.2 * var(--s)) rgb(255 217 138/.6);animation:sky-scene-twinkle 2.4s ease-in-out infinite}@keyframes sky-scene-twinkle{0%,to{opacity:1}50%{opacity:.35}}.sky-scene-pigeons{animation:sky-scene-flock 16s ease-in-out infinite}.sky-scene-pigeon{position:absolute;display:block;left:calc(var(--x) * var(--s));top:calc(var(--y) * var(--s));width:calc(3 * var(--s));height:calc(1.2 * var(--s));border-radius:50%;background:var(--scene-bird);animation:sky-scene-flap .28s ease-in-out infinite alternate}@keyframes sky-scene-flock{0%{transform:translateZ(0);opacity:0}6%{opacity:1}30%{transform:translate3d(calc(-60 * var(--s)),calc(-34 * var(--s)),0)}55%{transform:translate3d(calc(10 * var(--s)),calc(-58 * var(--s)),0)}80%{transform:translate3d(calc(70 * var(--s)),calc(-30 * var(--s)),0);opacity:1}90%,to{transform:translate3d(calc(80 * var(--s)),calc(-24 * var(--s)),0);opacity:0}}@keyframes sky-scene-flap{0%{transform:scaleY(1)}to{transform:scaleY(.35)}}.sky-scene-cannon-flash,.sky-scene-cannon-smoke{position:absolute;border-radius:50%;opacity:0}.sky-scene-cannon-flash{left:calc(-8 * var(--s));top:calc(-8 * var(--s));width:calc(16 * var(--s));height:calc(16 * var(--s));background:radial-gradient(closest-side,#fff3c4,rgb(255 200 120/0));animation:sky-scene-flash 8s ease-out infinite}.sky-scene-cannon-smoke{left:calc(-10 * var(--s));top:calc(-10 * var(--s));width:calc(20 * var(--s));height:calc(20 * var(--s));background:radial-gradient(closest-side,rgb(230 226 220/.8),transparent);animation:sky-scene-cannon 8s ease-out infinite}@keyframes sky-scene-flash{0%{opacity:0}2%{opacity:1}7%,to{opacity:0}}@keyframes sky-scene-cannon{0%,2%{opacity:0;transform:translateZ(0) scale(.3)}6%{opacity:.85}60%,to{opacity:0;transform:translate3d(calc(24 * var(--s)),calc(-18 * var(--s)),0) scale(2.6)}}.sky-scene-fog{position:absolute;display:block;left:-30%;width:160%;background:radial-gradient(closest-side,var(--scene-fog),transparent);animation:sky-scene-fog ease-in-out infinite alternate}@keyframes sky-scene-fog{0%{transform:translate3d(-7%,0,0)}to{transform:translate3d(7%,0,0)}}.sky-scene-deck{display:block;background:linear-gradient(180deg,var(--deck) 0,var(--deck) 45%,color-mix(in srgb,var(--deck) 70%,transparent) 78%,transparent 100%);transition:opacity 1.6s ease}.sky-scene-clouds,.sky-scene-deck{position:absolute;left:0;right:0;top:0}.sky-scene-cloud{position:absolute;display:block;aspect-ratio:3.4;animation:sky-scene-cloud linear infinite;transition:opacity 1.4s ease;background:radial-gradient(closest-side,var(--scene-cloud) 62%,transparent) 50% 100% /100% 42% no-repeat,radial-gradient(closest-side,var(--scene-cloud) 58%,transparent) 18% 72% /40% 62% no-repeat,radial-gradient(closest-side,var(--scene-cloud) 58%,transparent) 46% 18% /48% 96% no-repeat,radial-gradient(closest-side,var(--scene-cloud) 58%,transparent) 76% 52% /38% 70% no-repeat}@keyframes sky-scene-cloud{0%{transform:translate3d(var(--from),0,0)}to{transform:translate3d(var(--to),0,0)}}.sky-particles{position:absolute;inset:0;z-index:var(--z-sky);overflow:hidden;pointer-events:none}.sky-sheet{position:absolute;left:0;right:0;top:calc(var(--tile) * -1);bottom:0;background-repeat:repeat;animation:sky-sheet linear infinite;will-change:transform}@keyframes sky-sheet{0%{transform:translateZ(0)}to{transform:translate3d(0,var(--tile),0)}}.sky-sheet--snow{animation-name:sky-sheet-snow}@keyframes sky-sheet-snow{0%{transform:translateZ(0)}50%{transform:translate3d(8px,calc(var(--tile) * .5),0)}to{transform:translate3d(0,var(--tile),0)}}.sky-leaf-lane{position:absolute;top:-8%;height:100%;width:0;animation:sky-leaf-lane linear infinite;will-change:transform}@keyframes sky-leaf-lane{0%{transform:translateZ(0)}32%,to{transform:translate3d(0,112%,0)}}.sky-leaf{position:absolute;top:0;display:block;border-radius:0 70% 0 70%;animation:sky-leaf-turn linear infinite}@keyframes sky-leaf-turn{0%{transform:translateZ(0) rotate(0deg)}16%{transform:translate3d(calc(var(--drift, 0px) * -.6),0,0) rotate(220deg)}32%,to{transform:translate3d(var(--drift,0),0,0) rotate(460deg)}}@media (prefers-reduced-motion:reduce){.sky-leaf,.sky-leaf-lane,.sky-scene-cloud,.sky-scene-fog,.sky-scene-kandil,.sky-sheet{animation:none}.sky-scene-cannon,.sky-scene-firefly,.sky-scene-pigeons,.sky-scene-smoke{display:none}}html[data-reduce-motion=true] .sky-leaf,html[data-reduce-motion=true] .sky-leaf-lane,html[data-reduce-motion=true] .sky-scene-cloud,html[data-reduce-motion=true] .sky-scene-fog,html[data-reduce-motion=true] .sky-scene-kandil,html[data-reduce-motion=true] .sky-sheet{animation:none}html[data-reduce-motion=true] .sky-scene-cannon,html[data-reduce-motion=true] .sky-scene-firefly,html[data-reduce-motion=true] .sky-scene-pigeons,html[data-reduce-motion=true] .sky-scene-smoke{display:none}.sky-view-header{position:relative;z-index:var(--z-header);padding:max(.75rem,env(safe-area-inset-top)) 1rem 0;flex-shrink:0;width:100%}.sky-view-header-row{display:flex;justify-content:space-between}.sky-view-header-left{flex-direction:column;gap:.1rem;flex:1 1 auto}.sky-view-city{font-family:var(--font-amiri,serif);font-size:1.2rem;font-weight:700;color:var(--sky-fg-strong)}.sky-view-city-row{display:flex;align-items:center;gap:.4rem;min-width:0}.sky-view-temp{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:1.6rem;padding:.12rem .5rem;border-radius:999px;background:var(--sky-chip-bg);border:1px solid var(--sky-chip-border);font-family:var(--font-space-grotesk,var(--font-inter,sans-serif));font-size:.8rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;color:var(--sky-fg-strong);text-shadow:var(--sky-text-shadow)}.sky-view-temp:after{content:"";position:absolute;inset:-.62rem -.5rem}.sky-view-date{display:inline-flex;align-self:flex-start;border-radius:999px;padding:.15rem .5rem;border:1px solid var(--sky-chip-border);font-size:.7rem;font-weight:500;letter-spacing:.02em;text-transform:capitalize}.sky-view-hijri{font-family:var(--font-amiri,serif);display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--sky-fg-soft);white-space:nowrap}.sky-view-hijri-sep{opacity:.45;font-family:var(--font-inter,system-ui,sans-serif);font-size:.75rem}.sky-view-header-actions{gap:.4rem}.sky-view-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;cursor:pointer;transition:background .2s,color .2s,transform .1s}.sky-view-icon-btn:after{content:"";position:absolute;inset:-6px;border-radius:50%;pointer-events:auto}.sky-view-icon-btn:hover{background:var(--sky-chip-bg);color:var(--sky-fg-strong)}.sky-view-icon-btn:active{transform:scale(.95)}.sky-view-current-prayer{position:relative;z-index:var(--z-widget);font-size:.7rem;color:var(--sky-fg-faint);text-align:center;flex-shrink:0}.sky-view-current-prayer-name{color:hsl(var(--sky-sun)/.75);font-weight:600}.sky-view-arc-wrapper{position:relative;z-index:var(--z-widget);flex-shrink:0}.sky-view-container[data-scene] .sky-view-arc-wrapper{margin-top:calc(var(--sky-arc-margin-top) - 2.6rem)}.sky-view-container[data-scene][data-layout-tier=short] .sky-view-arc-wrapper{margin-top:calc(var(--sky-arc-margin-top) - 1.5rem)}.sky-view-container[data-scene][data-layout-tier=ultraShort] .sky-view-arc-wrapper{margin-top:calc(var(--sky-arc-margin-top) - .9rem)}.sky-view-arc-svg{width:100%;height:auto;display:block}.sky-arc-time-label{font-family:var(--font-space-mono,monospace);font-size:8px;fill:hsl(var(--sky-star)/.45);font-weight:600}.sky-view-countdown{position:absolute;top:var(--sky-countdown-arc-top);left:50%;width:100%;transform:translate(-50%,-50%);z-index:var(--z-widget);display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem 0;flex-shrink:0;pointer-events:none}.sky-view-countdown-digits,.sky-view-countdown-name{color:var(--sky-countdown-ink,var(--sky-fg));text-shadow:var(--sky-countdown-glow,var(--sky-text-shadow));transition:color 1.4s ease,text-shadow 1.4s ease}.sky-view-countdown-name{font-family:var(--font-amiri,serif);font-size:var(--sky-countdown-name-size);font-weight:700;line-height:1.1}.sky-view-countdown-label{font-size:var(--sky-countdown-label-size);font-weight:500;letter-spacing:.08em;line-height:1.2;color:var(--sky-fg-muted)}.sky-view-countdown-digits{display:flex;align-items:flex-start;margin-top:.1rem;font-family:var(--font-space-grotesk,var(--font-inter,sans-serif));font-size:var(--sky-countdown-digit-size);font-weight:500;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sky-view-digit{display:inline-block;inline-size:.62em;text-align:center}.sky-view-colon{display:inline-block;padding:0 .02em}.sky-view-countdown-seconds{display:inline-flex;margin-top:.14em;margin-left:.04em;font-size:.36em;color:var(--sky-countdown-ink-small,var(--sky-fg-muted));text-shadow:none;transition:color 1.4s ease}.sky-view-countdown-at{margin-top:.3rem;font-size:calc(var(--sky-countdown-label-size) * 1.12);font-weight:500;font-variant-numeric:tabular-nums;color:var(--sky-fg-muted)}.digit-flip-container{display:inline-block;position:relative;overflow:hidden;vertical-align:baseline;line-height:1.1}.digit-flip-current{display:inline-block;animation:digitSlideIn .3s ease-out forwards}.digit-flip-exit{position:absolute;left:0;top:0;display:inline-block;animation:digitSlideOut .3s ease-out forwards;pointer-events:none}@keyframes digitSlideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes digitSlideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.context-bar{display:flex;align-items:center;gap:.375rem;padding:.35rem .75rem;font-size:.65rem;font-weight:600;letter-spacing:.02em;border-bottom:1px solid hsl(var(--sky-star)/.08)}.context-bar-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;animation:contextBarPulse 2s ease-in-out infinite}.context-bar-dot--amber{background:#f59e0b}.context-bar-dot--purple{background:hsl(var(--tahajjud))}.context-bar-icon{width:.75rem;height:.75rem;flex-shrink:0}.context-bar-text{flex:1;min-width:0}.context-bar-meta{opacity:.55;font-size:.58rem;flex-shrink:0}@keyframes contextBarPulse{0%,to{opacity:1}50%{opacity:.4}}.context-bar--makruh{background:rgba(245,158,11,.1);color:hsl(var(--sky-sun)/.9)}.sky-view-container[data-phase=afternoon] .context-bar--makruh,.sky-view-container[data-phase=morning] .context-bar--makruh,.sky-view-container[data-phase=noon] .context-bar--makruh{color:rgba(180,130,20,.95)}.context-bar--offline{background:rgba(148,163,184,.1);color:rgba(226,232,240,.75)}.sky-view-container[data-phase=afternoon] .context-bar--offline,.sky-view-container[data-phase=morning] .context-bar--offline,.sky-view-container[data-phase=noon] .context-bar--offline{color:rgba(51,65,85,.85)}.context-bar-dot--slate{background:#94a3b8}.context-bar--tahajjud{background:rgba(139,92,246,.08);color:rgba(196,181,253,.85)}.context-bar--tahajjud-active{background:rgba(139,92,246,.15);color:rgba(196,181,253,1)}.context-bar--friday{background:rgba(255,255,255,.05);color:rgba(255,255,255,.6);justify-content:center}.sky-view-container[data-phase=afternoon] .context-bar--friday,.sky-view-container[data-phase=morning] .context-bar--friday,.sky-view-container[data-phase=noon] .context-bar--friday{background:rgba(0,0,0,.06);color:rgba(255,255,255,.7)}.context-bar--checkin{background:hsl(var(--status-prayed)/.08);color:hsl(var(--sky-star)/.9);padding:.3rem .6rem;gap:.3rem}.context-bar--adhkar{align-items:flex-start}.context-bar-text--adhkar{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;line-height:1.25}.context-bar-adhkar-title{font-size:.62rem;font-weight:700}.context-bar-adhkar-hint{font-size:.55rem;font-weight:500;opacity:.72;max-width:100%;white-space:pre-line}.context-bar-adhkar-progress-wrap{display:flex;align-items:center;gap:.35rem;width:100%;max-width:11rem;margin-top:.1rem}.context-bar-adhkar-progress-track{flex:1;min-width:0;height:4px;border-radius:999px;background:hsl(var(--sky-star)/.12);overflow:hidden}.context-bar-adhkar-progress-fill{display:block;height:100%;border-radius:999px;background:hsl(var(--status-prayed)/.85);transition:width .25s ease}.context-bar-adhkar-pct{font-size:.55rem;font-weight:700;opacity:.85;flex-shrink:0}.context-bar-btn--linkish{background:rgba(255,255,255,.06);color:hsl(var(--sky-star)/.75);border:1px solid hsl(var(--sky-star)/.18)}.sky-view-container[data-phase=afternoon] .context-bar-btn--linkish,.sky-view-container[data-phase=morning] .context-bar-btn--linkish,.sky-view-container[data-phase=noon] .context-bar-btn--linkish{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6);border-color:rgba(0,0,0,.12)}.context-bar--takvim{background:hsl(var(--primary)/.12);color:hsl(var(--sky-star)/.92);padding:.3rem .6rem;gap:.3rem}.context-bar-btn--snooze{background:hsl(var(--primary)/.18);color:hsl(var(--primary));border:1px solid hsl(var(--primary)/.35)}.context-bar-btn--link{background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.15)}.sky-view-container[data-phase=afternoon] .context-bar-btn--link,.sky-view-container[data-phase=morning] .context-bar-btn--link,.sky-view-container[data-phase=noon] .context-bar-btn--link{background:rgba(0,0,0,.06);color:rgba(0,0,0,.65);border-color:rgba(0,0,0,.15)}.sky-view-takvim-bundle-notice{margin:.35rem 1rem 0;max-width:26rem;width:calc(100% - 2rem);align-self:center;padding:.5rem .7rem;border-radius:.9rem;background:linear-gradient(135deg,hsl(var(--primary)/.22),rgba(255,255,255,.06));border:1px solid hsl(var(--primary)/.4);box-shadow:0 10px 28px rgba(0,0,0,.18)}.sky-view-takvim-bundle-notice-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem}.sky-view-takvim-bundle-notice-title{font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--primary));margin:0 0 .2rem}.sky-view-takvim-bundle-notice-body{font-size:.6rem;line-height:1.4;color:rgba(255,255,255,.9);margin:0}.sky-view-takvim-bundle-notice-btn{flex-shrink:0;margin-top:.05rem;font-size:.58rem;font-weight:700;padding:.32rem .6rem;border-radius:.5rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;cursor:pointer;transition:transform .1s,opacity .15s}.sky-view-takvim-bundle-notice-btn:active{transform:scale(.96)}.context-bar-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.context-bar-btn{font-size:var(--sky-context-font-size);font-weight:700;padding:.18rem .5rem;border-radius:.35rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.2rem;transition:opacity .15s,transform .1s;line-height:1.2}.context-bar-btn:active{transform:scale(.95)}.context-bar-btn--skip{padding-inline:.28rem}.context-bar-btn--wide{padding-inline:.5rem;white-space:nowrap}.context-bar-btn--yes{background:hsl(var(--status-prayed)/.22);color:hsl(var(--status-prayed));border:1px solid hsl(var(--status-prayed)/.35)}.context-bar-btn--no{background:hsl(var(--status-missed)/.15);color:hsl(var(--status-missed));border:1px solid hsl(var(--status-missed)/.25)}.context-bar-btn--jamaah{background:hsl(var(--status-jamaah)/.2);color:hsl(var(--status-jamaah));border:1px solid hsl(var(--status-jamaah)/.3)}.context-bar-btn--sam{background:hsl(var(--status-prayed)/.2);color:hsl(var(--status-prayed));border:1px solid hsl(var(--status-prayed)/.3)}.context-bar-btn--skip{background:transparent;color:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.1);padding:.15rem}.sky-view-container[data-phase=afternoon] .context-bar-btn--yes,.sky-view-container[data-phase=morning] .context-bar-btn--yes,.sky-view-container[data-phase=noon] .context-bar-btn--yes{background:hsl(var(--status-prayed)/.28);color:hsl(142 55% 28%);border-color:hsl(var(--status-prayed)/.45)}.sky-view-container[data-phase=afternoon] .context-bar-btn--sam,.sky-view-container[data-phase=morning] .context-bar-btn--sam,.sky-view-container[data-phase=noon] .context-bar-btn--sam{background:hsl(var(--status-prayed)/.26);color:hsl(142 55% 28%);border-color:hsl(var(--status-prayed)/.42)}.sky-view-container[data-phase=afternoon] .context-bar-btn--no,.sky-view-container[data-phase=morning] .context-bar-btn--no,.sky-view-container[data-phase=noon] .context-bar-btn--no{background:hsl(var(--status-missed)/.2);color:hsl(0 65% 38%);border-color:hsl(var(--status-missed)/.35)}.sky-view-container[data-phase=afternoon] .context-bar-btn--jamaah,.sky-view-container[data-phase=morning] .context-bar-btn--jamaah,.sky-view-container[data-phase=noon] .context-bar-btn--jamaah{background:hsl(var(--status-jamaah)/.25);color:hsl(217 65% 32%);border-color:hsl(var(--status-jamaah)/.4)}.sky-view-container[data-phase=afternoon] .context-bar-btn--skip,.sky-view-container[data-phase=morning] .context-bar-btn--skip,.sky-view-container[data-phase=noon] .context-bar-btn--skip{color:rgba(0,0,0,.35);border-color:rgba(0,0,0,.15)}.sky-view-container[data-phase=sunset] .context-bar-btn--skip{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.2)}.sky-view-container[data-phase=sunset] .context-bar-btn--sam,.sky-view-container[data-phase=sunset] .context-bar-btn--yes{background:hsl(var(--status-prayed)/.32);border-color:hsl(var(--status-prayed)/.5)}.sky-view-container[data-phase=sunset] .context-bar-btn--no{background:hsl(var(--status-missed)/.28);border-color:hsl(var(--status-missed)/.4)}.sky-view-container[data-phase=sunset] .context-bar-btn--jamaah{background:hsl(var(--status-jamaah)/.3);border-color:hsl(var(--status-jamaah)/.4)}.sky-view-container[data-phase=afternoon] .context-bar--checkin,.sky-view-container[data-phase=morning] .context-bar--checkin,.sky-view-container[data-phase=noon] .context-bar--checkin{background:rgba(0,0,0,.08);color:rgba(0,0,0,.8)}.sky-view-container[data-phase=sunset] .context-bar--checkin{background:hsl(var(--status-prayed)/.12)}.sky-view-bottom{position:relative;z-index:var(--z-strip);display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:0 1rem max(.75rem,env(safe-area-inset-bottom));margin-top:auto;flex-shrink:0;width:100%;max-width:26rem}.sky-view-container{--sky-band-bg:hsl(var(--sky-star)/0.055);--sky-band-border:hsl(var(--sky-star)/0.09);--sky-band-shadow:0 12px 34px rgba(0,0,0,0.28);--sky-ok:hsl(var(--status-prayed));--sky-ok-bg:hsl(var(--status-prayed)/0.16);--sky-ok-border:hsl(var(--status-prayed)/0.38);--sky-jm:hsl(var(--status-jamaah));--sky-jm-bg:hsl(var(--status-jamaah)/0.16);--sky-jm-border:hsl(var(--status-jamaah)/0.38);--sky-no:hsl(var(--status-missed));--sky-live:hsl(155 62% 66%);--sky-live-line:hsl(155 72% 45%);--sky-live-edge:hsl(155 72% 45%/0.42);--sky-live-glow:hsl(155 72% 37%/0.1)}.sky-view-container[data-phase=afternoon],.sky-view-container[data-phase=morning],.sky-view-container[data-phase=noon]{--sky-band-bg:rgba(255,255,255,0.5);--sky-band-border:rgba(6,34,47,0.1);--sky-band-shadow:0 12px 30px rgba(6,34,47,0.14);--sky-ok:hsl(142 72% 26%);--sky-ok-bg:hsl(142 72% 26%/0.12);--sky-ok-border:hsl(142 72% 26%/0.45);--sky-jm:hsl(217 80% 38%);--sky-jm-bg:hsl(217 80% 38%/0.12);--sky-jm-border:hsl(217 80% 38%/0.42);--sky-no:hsl(0 70% 38%);--sky-live:hsl(155 72% 20%);--sky-live-line:hsl(155 72% 30%);--sky-live-edge:hsl(155 72% 28%/0.5);--sky-live-glow:hsl(155 72% 30%/0.1)}.sky-view-bottom>.context-bar{border-radius:1rem;border-bottom:1px solid var(--sky-band-border);border:1px solid var(--sky-band-border);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}.sky-open,.sky-view-bottom>.context-bar{width:100%;background:var(--sky-band-bg)}.sky-open{padding:.55rem .85rem;border-radius:1rem;border:1px solid var(--sky-live-edge);box-shadow:0 0 0 2px var(--sky-live-glow),var(--sky-band-shadow);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}.sky-open-head{justify-content:space-between;gap:.5rem;width:100%}.sky-open-head,.sky-open-title{display:flex;align-items:center}.sky-open-title{gap:.45rem;min-width:0}.sky-open-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--sky-live);box-shadow:0 0 6px var(--sky-live);flex-shrink:0;animation:sky-pulse 2s ease-in-out infinite}@keyframes sky-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.sky-open-name{font-family:var(--font-amiri,serif);font-size:var(--sky-open-name-size);font-weight:700;line-height:1;white-space:nowrap}.sky-open-name--live{color:var(--sky-live)}.sky-open-tag{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sky-fg-faint);white-space:nowrap}.sky-open-note{margin:.3rem 0 0;font-size:.72rem;line-height:1.3;color:var(--sky-fg-muted,rgba(255,255,255,.72))}.sky-open-time{font-family:var(--font-space-mono,monospace);font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--sky-fg-strong);flex-shrink:0}.sky-open-actions{margin-top:.45rem;width:100%}.sky-open-actions,.sky-open-btn{display:flex;align-items:center;gap:.35rem}.sky-open-btn{appearance:none;flex:1;justify-content:center;height:var(--sky-open-btn-height);padding:0 .5rem;border-radius:.625rem;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .1s}.sky-open-btn:active{transform:scale(.98)}.sky-open-btn svg{width:.875rem;height:.875rem;flex-shrink:0}.sky-open-btn--sam{background:var(--sky-ok-bg);border:1px solid var(--sky-ok-border);color:var(--sky-ok)}.sky-open-btn--jamaah{background:var(--sky-jm-bg);border:1px solid var(--sky-jm-border);color:var(--sky-jm)}.sky-open-btn--no{flex:0 0 auto;padding-inline:.65rem;background:hsl(var(--status-missed)/.14);border:1px solid hsl(var(--status-missed)/.3);color:var(--sky-no)}.sky-open-btn--skip{flex:0 0 auto;padding-inline:.65rem;border:1px solid var(--sky-cell-border)}.sky-open-btn--more,.sky-open-btn--skip{background:hsl(var(--sky-star)/.05);color:var(--sky-fg-faint)}.sky-open-btn--more{flex:0 0 var(--sky-open-btn-height);width:var(--sky-open-btn-height);padding:0;border-radius:.625rem;border:1px solid var(--sky-cell-border)}.sky-open-btn--more svg{width:.95rem;height:.95rem}.sky-open--done{display:flex;align-items:center;gap:.6875rem;padding:.35rem .75rem;min-height:2.75rem;border-color:var(--sky-band-border);box-shadow:none}.sky-open-check{display:flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;flex-shrink:0;border-radius:50%;background:var(--sky-ok-bg);border:1px solid var(--sky-ok-border);color:var(--sky-ok)}.sky-open--done[data-status=prayed-jamaah] .sky-open-check{background:var(--sky-jm-bg);border-color:var(--sky-jm-border);color:var(--sky-jm)}.sky-open--done[data-status=missed] .sky-open-check{background:hsl(var(--status-missed)/.14);border-color:hsl(var(--status-missed)/.3);color:var(--sky-no)}.sky-open-check svg{width:.9375rem;height:.9375rem}.sky-open-done-text{flex:1;min-width:0}.sky-open-done-row{display:flex;align-items:baseline;gap:.5rem;min-width:0}.sky-open--done .sky-open-name{font-size:1.125rem;color:var(--sky-fg-strong)}.sky-open-status{font-size:.71875rem;font-weight:600;color:var(--sky-ok)}.sky-open--done[data-status=prayed-jamaah] .sky-open-status{color:var(--sky-jm)}.sky-open--done[data-status=missed] .sky-open-status{color:var(--sky-no)}.sky-open-done-meta{font-size:.6875rem;color:var(--sky-fg-faint);margin-top:.125rem;font-variant-numeric:tabular-nums}.sky-open-undo{appearance:none;display:flex;align-items:center;gap:.375rem;flex-shrink:0;height:2.25rem;padding:0 .75rem;border-radius:999px;border:1px solid var(--sky-cell-border);background:hsl(var(--sky-star)/.05);color:var(--sky-fg-muted);font:inherit;font-size:.71875rem;font-weight:600;cursor:pointer}.sky-open-undo svg{width:.8125rem;height:.8125rem}.sky-dock{width:100%;display:flex;flex-direction:column;gap:.5rem;padding:.65rem .75rem .55rem;border-radius:var(--sky-support-radius,1.25rem);border:1px solid var(--sky-band-border);background:var(--sky-band-bg);box-shadow:var(--sky-band-shadow);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}.sky-dock-divider{width:100%;height:1px;background:var(--sky-cell-border,rgba(255,255,255,.08))}.sky-view-container[data-phase=afternoon] .sky-dock-divider,.sky-view-container[data-phase=morning] .sky-dock-divider,.sky-view-container[data-phase=noon] .sky-dock-divider{background:rgba(6,34,47,.1)}.sky-dock-section{width:100%}.sky-dock-quiet{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:1.625rem;padding:.05rem .15rem}.sky-dock-quiet-left{display:flex;align-items:center;gap:.45rem;min-width:0}.sky-dock-quiet-dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--sky-fg-faint);flex-shrink:0}.sky-dock-quiet-tick{width:.8125rem;height:.8125rem;color:var(--sky-ok);flex-shrink:0}.sky-dock-quiet-text{font-size:.71875rem;font-weight:500;color:var(--sky-fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-dock-quiet-btn{appearance:none;background:none;border:0;padding:.15rem .35rem;margin:-.15rem -.35rem;display:flex;align-items:center;gap:.25rem;font:inherit;font-size:.71875rem;font-weight:600;color:var(--sky-fg-muted);cursor:pointer;flex-shrink:0;border-radius:.375rem;transition:color .15s}.sky-dock-quiet-btn:hover{color:var(--sky-fg-strong)}.sky-dock-quiet-btn svg{width:.75rem;height:.75rem}.sky-open--dock{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}.sky-open--done.sky-open--dock{padding:.125rem 0!important;min-height:auto}.sky-day--dock{padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important}.sky-dock{--chip-height:2.125rem;--chip-gap:0.35rem}.sky-dock-close-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:999px;background:var(--sky-pill-bg,rgba(255,255,255,.08));color:var(--sky-fg-muted);cursor:pointer;transition:all .15s}.sky-dock-close-btn:hover{background:var(--sky-pill-hover,rgba(255,255,255,.14));color:var(--sky-fg-strong)}.sky-dock-close-btn svg{width:.8125rem;height:.8125rem}.sky-open--checkin{width:100%}.sky-open-dot--pending{background:#f59e0b;box-shadow:0 0 6px rgba(245,158,11,.45)}.sky-open-name--checkin{font-family:inherit;font-size:.8125rem;font-weight:700;color:var(--sky-fg-strong);letter-spacing:-.01em;line-height:1.2}.sky-open--checkin .sky-open-tag{font-size:.6875rem;font-weight:500;color:var(--sky-fg-muted);text-transform:none;letter-spacing:normal;opacity:.9}.sky-dock .chip-row{padding-top:.05rem;display:flex;align-items:stretch;gap:.45rem;width:100%}.sky-dock .chip-row::-webkit-scrollbar{display:none}.sky-dock .chip{font-size:.71875rem;padding:.15rem .6rem;flex:1 1 0;min-width:0;justify-content:center}.sky-dock .chip--overflow{flex:0 0 auto}.sky-dock .chip-meta{font-size:.6875rem;font-weight:700;font-family:var(--font-mono,monospace)}.sky-dock .chip-dot{width:.375rem;height:.375rem}.sky-day{width:100%;padding:.75rem .75rem .6875rem;border-radius:1.125rem;border:1px solid var(--sky-band-border);background:var(--sky-band-bg);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}.sky-day-ribbon{position:relative;height:4px;margin:0 .125rem .6875rem}.sky-day-ribbon-track{height:100%;border-radius:999px}.sky-day-ribbon-tick{position:absolute;top:-1px;width:1px;height:6px;background:hsl(var(--sky-star)/.45)}.sky-view-container[data-phase=afternoon] .sky-day-ribbon-tick,.sky-view-container[data-phase=morning] .sky-day-ribbon-tick,.sky-view-container[data-phase=noon] .sky-day-ribbon-tick{background:rgba(255,255,255,.7)}.sky-day-ribbon-now{position:absolute;top:-4px;width:2px;height:12px;margin-left:-1px;border-radius:999px;background:var(--sky-fg);box-shadow:0 0 10px hsl(var(--sky-star)/.7)}.sky-view-container[data-phase=afternoon] .sky-day-ribbon-now,.sky-view-container[data-phase=morning] .sky-day-ribbon-now,.sky-view-container[data-phase=noon] .sky-day-ribbon-now{box-shadow:0 0 8px rgba(255,255,255,.9)}.sky-day-cols{display:flex;align-items:flex-end;gap:.25rem}.sky-day-col{appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3125rem;flex:1;min-width:0}.sky-day-col-name{font-size:var(--sky-day-name-size);font-weight:600;letter-spacing:.01em;color:var(--sky-fg-muted);white-space:nowrap}.sky-day-col-time{font-family:var(--font-space-mono,monospace);font-size:var(--sky-day-time-size);font-weight:700;font-variant-numeric:tabular-nums;color:var(--sky-fg-strong)}.sky-day-col-bar{width:100%;height:3px;border-radius:999px;background:hsl(var(--sky-star)/.08);transition:background .3s,box-shadow .3s}.sky-view-container[data-phase=afternoon] .sky-day-col-bar,.sky-view-container[data-phase=morning] .sky-day-col-bar,.sky-view-container[data-phase=noon] .sky-day-col-bar{background:rgba(6,34,47,.12)}.sky-day-col[data-status=prayed] .sky-day-col-bar{background:var(--sky-ok)}.sky-day-col[data-status=prayed-jamaah] .sky-day-col-bar{background:var(--sky-jm)}.sky-day-col[data-status=missed] .sky-day-col-bar{background:var(--sky-no)}.sky-day-col--marker .sky-day-col-name,.sky-day-col--marker .sky-day-col-time{color:var(--sky-fg-faint)}.sky-day-col--active .sky-day-col-name{color:var(--sky-live);font-weight:700}.sky-day-col--active .sky-day-col-time{color:var(--sky-fg)}.sky-day-col--active .sky-day-col-bar{background:var(--sky-live-line);box-shadow:0 0 10px var(--sky-live-glow);height:5px}.sky-day-col--active[data-status] .sky-day-col-bar{box-shadow:none}.sky-day-foot{display:flex;align-items:center;justify-content:space-between;gap:.625rem;margin-top:.6875rem;padding-top:.625rem;border-top:1px solid hsl(var(--sky-star)/.07)}.sky-view-container[data-phase=afternoon] .sky-day-foot,.sky-view-container[data-phase=morning] .sky-day-foot,.sky-view-container[data-phase=noon] .sky-day-foot{border-top-color:rgba(6,34,47,.1)}.sky-day-foot-text{display:flex;align-items:center;gap:.375rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:600;color:var(--sky-fg-muted)}.sky-day-foot-tick{width:.75rem;height:.75rem;flex-shrink:0;color:var(--sky-ok)}.sky-day-foot-btn{appearance:none;display:flex;align-items:center;gap:.3125rem;flex-shrink:0;height:2rem;padding:0 .75rem;border-radius:999px;border:1px solid var(--sky-chip-border);background:var(--sky-chip-bg);color:inherit;font:inherit;font-size:.71875rem;font-weight:700;cursor:pointer;transition:background .2s}.sky-day-foot-btn svg{width:.75rem;height:.75rem;opacity:.6}.sky-view-special-chip{display:flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:9999px;background:hsl(var(--sky-sun)/.1);border:1px solid hsl(var(--sky-sun)/.18);color:hsl(var(--sky-sun));font-size:.7rem;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}.sky-view-special-chip:hover{background:hsl(var(--sky-sun)/.18)}.sky-view-special-dot{width:6px;height:6px;border-radius:50%;background:hsl(var(--sky-sun));box-shadow:0 0 6px hsl(var(--sky-sun)/.4);animation:sky-twinkle 2s ease-in-out infinite alternate}@media (min-width:1024px){.sky-view-arc-wrapper{max-width:500px}.sky-view-container{--sky-countdown-digit-size:3.4rem;--sky-countdown-name-size:2rem}.sky-view-bottom{max-width:32rem}.sheet-container{border-radius:1.25rem;margin-bottom:1rem}}.desktop-prayer-list-card{border-radius:1rem;border:1px solid hsl(var(--border)/.6);background:hsl(var(--card)/.9);padding:1rem 1.25rem}.desktop-prayer-list-title{font-family:var(--font-amiri,serif);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:hsl(var(--muted-foreground));text-align:center;margin-bottom:.65rem}.desktop-prayer-list{display:flex;flex-direction:column;gap:.2rem}.desktop-prayer-row{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border-radius:.6rem;border:1px solid transparent;transition:background .15s}.desktop-prayer-row-active{background:hsl(var(--accent)/.1);border-color:hsl(var(--accent)/.2)}.desktop-prayer-row-next{background:hsl(var(--primary)/.07);border-color:hsl(var(--primary)/.15)}.desktop-prayer-icon{font-size:.9rem;width:1.4rem;text-align:center;flex-shrink:0}.desktop-prayer-name{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));flex:1}.desktop-prayer-row-active .desktop-prayer-name{font-weight:600}.desktop-prayer-time{font-family:var(--font-space-mono,monospace);font-size:.875rem;font-weight:700;color:hsl(var(--foreground));font-variant-numeric:tabular-nums;flex-shrink:0}.desktop-prayer-row-active .desktop-prayer-time{color:hsl(var(--gold))}.desktop-prayer-badge{flex-shrink:0;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .5rem;border-radius:9999px}.desktop-prayer-badge-active{background:hsl(var(--accent)/.18);color:hsl(var(--gold));border:1px solid hsl(var(--accent)/.28)}.desktop-prayer-badge-next{background:hsl(var(--primary)/.12);color:hsl(var(--primary));border:1px solid hsl(var(--primary)/.25)}.sky-view-container[data-compact=true]{--sky-countdown-padding-y:0.25rem;--sky-countdown-padding-x:0.72rem;--sky-countdown-digit-size:2.6rem;--sky-countdown-name-size:1.5rem}.sky-view-container[data-compact=true] .sky-view-bottom{gap:.4rem}.sky-view-container[data-compact=true] .sky-view-header{padding-top:max(.5rem,env(safe-area-inset-top))}.sky-view-header{padding:max(.85rem,env(safe-area-inset-top)) 1rem 0}.sky-view-header-row{gap:.85rem}.sky-view-header-left{flex-wrap:wrap;gap:.4rem .35rem}.sky-view-city{flex-basis:100%;font-size:1.32rem;line-height:1;letter-spacing:.01em;text-shadow:var(--sky-text-shadow)}.sky-view-date,.sky-view-hijri{align-self:auto;padding:.24rem .65rem;border-radius:999px;border-color:var(--sky-chip-border);font-size:.66rem;font-weight:600}.sky-view-date{background:var(--sky-chip-bg);color:var(--sky-fg-soft)}.sky-view-hijri{background:hsl(var(--sky-sun)/.14);color:hsl(var(--sky-sun)/.82)}.sky-view-header-row{align-items:flex-start;gap:.75rem}.sky-view-header-left{min-width:0;flex:1}.sky-view-meta-row{gap:.55rem}.sky-view-city{font-size:clamp(1.05rem,3.6vw,1.35rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-view-header-actions{display:flex;gap:.36rem}.sky-view-icon-btn{width:2.05rem;height:2.05rem;border-radius:999px;background:var(--sky-chip-bg);border:1px solid var(--sky-chip-border);box-shadow:0 8px 24px rgba(0,0,0,.12);transition:background .2s,color .2s,transform .1s,border-color .2s}.sky-view-icon-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.24)}.sky-view-arc-wrapper{max-width:29rem;margin-top:.15rem;filter:drop-shadow(0 18px 28px rgba(0,0,0,.12))}.sky-cloud-layer{animation:drift-clouds 120s ease-in-out infinite}.sky-cloud-layer--slow{animation-duration:132s;opacity:.2}.sky-cloud-layer--mid{animation-duration:104s;animation-delay:-24s;opacity:.16}.sky-cloud-layer--fast{animation-duration:88s;animation-delay:-58s;opacity:.14}.sky-cloud-body{fill:rgba(255,255,255,.2)}.sky-cloud-body--soft{fill:rgba(255,255,255,.17)}.sky-cloud-body--thin{fill:rgba(255,255,255,.15)}.sky-cloud-shadow{fill:rgba(109,143,182,.14)}.sky-view-countdown{width:calc(100% - 2rem);max-width:25rem;padding:var(--sky-countdown-padding-y) var(--sky-countdown-padding-x) calc(var(--sky-countdown-padding-y) + .08rem);margin-top:0}.context-bar{margin:.45rem .55rem 0;padding:.42rem .72rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);font-size:.62rem;letter-spacing:.03em}.context-bar-dot{animation:none;opacity:.82}.context-bar-meta{font-size:.56rem;opacity:.76}.context-bar--checkin{border-radius:999px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(37,99,235,.12),rgba(34,197,94,.08))}.context-bar--checkin,.context-bar--takvim{margin:.45rem .55rem 0;padding:.55rem .7rem}.context-bar--takvim{border-radius:999px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,hsl(var(--primary)/.18) 0,rgba(34,197,94,.06) 100%)}.context-bar--friday{justify-content:flex-start}.sky-view-bottom{gap:.5rem;max-width:25rem}.sky-day,.sky-open,.sky-view-bottom{padding-inline:1rem}.sky-day-cols{gap:.5rem}.sky-view-special-chip{width:100%;justify-content:center;padding:.56rem .9rem;border-radius:1rem;background:hsl(var(--sky-sun)/.08);border-color:hsl(var(--sky-sun)/.16);color:hsl(var(--sky-sun)/.92)}.sky-view-special-dot{animation:none;box-shadow:0 0 0 4px hsl(var(--sky-sun)/.14)}@media (max-width:380px){.sky-view-header{padding-inline:.75rem}.sky-view-meta-row{gap:.4rem}.sky-view-icon-btn{width:1.92rem;height:1.92rem}}.sky-view-header-row{align-items:center;gap:.7rem}.sky-view-header-left{display:flex;align-items:flex-start}.sky-view-meta-stack{display:flex;flex-direction:column;gap:.18rem;min-width:0}.sky-view-meta-row{display:flex;align-items:center;gap:.45rem;min-width:0;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}.sky-view-city{flex-basis:auto;flex-shrink:1;min-width:0;font-size:clamp(1.08rem,3.8vw,1.42rem);line-height:1.02}.sky-view-date{padding:0;border:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-fg-muted)}.sky-view-hijri{padding:.16rem .55rem;font-size:.63rem;border:1px solid hsl(var(--sky-sun)/.18);background:hsl(var(--sky-sun)/.12);color:var(--sky-accent)}.sky-view-header-actions{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:.14rem;flex-shrink:0;padding:.18rem;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 28px rgba(0,0,0,.12)}.sky-view-icon-btn{width:1.94rem;height:1.94rem;background:transparent;border:1px solid transparent;box-shadow:none;color:var(--sky-fg-muted)}.sky-view-icon-btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.16)}.sky-view-icon-btn:active{background:rgba(255,255,255,.18)}.sky-view-arc-wrapper{max-width:none;margin-top:var(--sky-arc-margin-top);filter:drop-shadow(0 22px 34px rgba(0,0,0,.14))}.sky-arc-time-label{fill:var(--sky-fg-faint)}.sky-cloud-layer{animation:drift-clouds 118s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center;will-change:transform}.sky-cloud-layer--slow{animation-duration:148s;opacity:.23}.sky-cloud-layer--glide{animation-duration:126s;animation-delay:-32s;opacity:.16}.sky-cloud-layer--mid{animation-duration:110s;animation-delay:-18s;opacity:.19}.sky-cloud-layer--far{animation-duration:96s;animation-delay:-52s;opacity:.13}.sky-cloud-layer--fast{animation-duration:82s;animation-delay:-64s;opacity:.17}.sky-cloud-body{fill:rgba(255,255,255,.24)}.sky-cloud-body--soft{fill:rgba(255,255,255,.2)}.sky-cloud-body--thin{fill:rgba(255,255,255,.17)}.sky-cloud-body--airy{fill:rgba(245,250,255,.15)}.sky-cloud-shadow{fill:rgba(102,132,168,.12)}[data-phase=fajr] .sky-cloud-layer{animation-duration:155s}[data-phase=fajr] .sky-cloud-layer--fast,[data-phase=fajr] .sky-cloud-layer--mid,[data-phase=fajr] .sky-cloud-layer--slow{opacity:.1}[data-phase=fajr] .sky-cloud-body,[data-phase=fajr] .sky-cloud-body--airy,[data-phase=fajr] .sky-cloud-body--soft,[data-phase=fajr] .sky-cloud-body--thin{fill:rgba(255,235,220,.14)}[data-phase=fajr] .sky-cloud-shadow{fill:rgba(180,160,220,.1)}[data-phase=sunset] .sky-cloud-layer{animation-duration:145s}[data-phase=sunset] .sky-cloud-layer--fast,[data-phase=sunset] .sky-cloud-layer--mid,[data-phase=sunset] .sky-cloud-layer--slow{opacity:.12}[data-phase=sunset] .sky-cloud-body,[data-phase=sunset] .sky-cloud-body--airy,[data-phase=sunset] .sky-cloud-body--soft,[data-phase=sunset] .sky-cloud-body--thin{fill:rgba(255,200,190,.12)}[data-phase=sunset] .sky-cloud-shadow{fill:rgba(120,80,140,.12)}@media (max-width:380px){.sky-view-header-row{gap:.55rem}.sky-view-header-actions{gap:.08rem;padding:.15rem}.sky-view-icon-btn{width:1.84rem;height:1.84rem}.sky-view-date{font-size:.62rem}}.sky-arc-time-label{font-size:var(--sky-arc-label-size);letter-spacing:.04em}.sky-cloud-layer{animation-fill-mode:both}.sky-cloud-layer--trail{animation-duration:136s;animation-delay:-46s;opacity:.18}.sky-cloud-layer--low{animation-duration:92s;animation-delay:-22s;opacity:.15}@media (max-width:380px){.sky-arc-time-label{font-size:7.2px}}.sky-view-container{--sky-support-bg:rgba(255,255,255,0.06);--sky-support-border:rgba(255,255,255,0.1);--sky-support-shadow:0 8px 32px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.06);--sky-support-radius:1.18rem}.sky-view-container[data-phase=afternoon],.sky-view-container[data-phase=morning],.sky-view-container[data-phase=noon]{--sky-support-bg:rgba(0,0,0,0.08);--sky-support-border:rgba(255,255,255,0.08);--sky-support-shadow:0 8px 32px rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.1)}.sky-view-container[data-phase=sunset]{--sky-support-bg:rgba(0,0,0,0.1);--sky-support-border:rgba(255,255,255,0.12)}.sky-view-container[data-scene][data-phase=afternoon],.sky-view-container[data-scene][data-phase=morning],.sky-view-container[data-scene][data-phase=noon]{--sky-support-bg:rgba(255,255,255,0.72);--sky-support-border:rgba(255,255,255,0.55);--sky-band-bg:rgba(255,255,255,0.72);--sky-band-border:rgba(255,255,255,0.55)}.sky-view-bottom{gap:.58rem}.sky-view-bottom>:is(.ramadan-fast-card,.quran-widget,.shawwal-card,.sky-day,.sky-dock){position:relative;width:100%;border-radius:var(--sky-support-radius);border:1px solid var(--sky-support-border);background:var(--sky-support-bg);box-shadow:var(--sky-support-shadow);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);overflow:hidden}.sky-view-bottom>:is(.ramadan-fast-card,.quran-widget,.shawwal-card,.sky-day,.sky-dock):before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14) 18%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.14) 82%,transparent);pointer-events:none;z-index:1}.sky-view-bottom>:is(.ramadan-fast-card,.quran-widget,.shawwal-card){padding:.7rem .9rem}.sky-view-bottom>:is(.sky-view-special-chip,.shawwal-chip){width:100%;min-height:2.95rem;justify-content:center;padding:.66rem .92rem;border-radius:1.05rem;border:1px solid var(--sky-support-border);box-shadow:0 8px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}.sky-view-bottom>.sky-view-special-chip{background:hsl(var(--sky-sun)/.08);border-color:hsl(var(--sky-sun)/.14)}.quran-widget-title,.ramadan-fast-slot-label,.shawwal-card-title{letter-spacing:.06em}.quran-widget-title,.ramadan-fast-slot-label{color:rgba(255,255,255,.76)}.sky-view-container[data-phase=afternoon] :is(.ramadan-fast-slot-label,.quran-widget-title),.sky-view-container[data-phase=morning] :is(.ramadan-fast-slot-label,.quran-widget-title),.sky-view-container[data-phase=noon] :is(.ramadan-fast-slot-label,.quran-widget-title){color:rgba(0,0,0,.6)}.quran-widget-stat,.ramadan-fast-slot-sub,.shawwal-card-count{color:rgba(255,255,255,.58)}.sky-view-container[data-phase=afternoon] :is(.ramadan-fast-slot-sub,.quran-widget-stat,.shawwal-card-count),.sky-view-container[data-phase=morning] :is(.ramadan-fast-slot-sub,.quran-widget-stat,.shawwal-card-count),.sky-view-container[data-phase=noon] :is(.ramadan-fast-slot-sub,.quran-widget-stat,.shawwal-card-count){color:rgba(0,0,0,.5)}.shawwal-card-dots{margin-bottom:.45rem}.sky-view-container{--sky-header-pad-x:1rem;--sky-header-pad-top:0.85rem;--sky-support-gap:0.46rem;--sky-support-card-pad-y:0.52rem;--sky-support-card-pad-x:0.9rem;--sky-chip-min-height:2.95rem;--sky-chip-gap:0.45rem;--sky-chip-height:2.75rem;--sky-chip-font-size:0.75rem;--sky-band-pad:0.875rem;--sky-open-name-size:1.15rem;--sky-open-btn-height:2.125rem;--sky-day-name-size:0.6875rem;--sky-day-time-size:0.875rem;--sky-context-font-size:0.62rem;--sky-context-meta-size:0.56rem}.sky-view-container[data-layout-tier=tall]{--sky-header-pad-x:1.1rem;--sky-header-pad-top:1rem;--sky-arc-label-size:9px;--sky-countdown-digit-size:3.5rem;--sky-countdown-name-size:2rem;--sky-countdown-label-size:0.75rem;--sky-support-gap:0.55rem;--sky-support-card-pad-y:0.62rem;--sky-support-card-pad-x:1rem;--sky-chip-min-height:3.1rem;--sky-chip-height:2.85rem;--sky-chip-font-size:0.78rem;--sky-band-pad:0.95rem;--sky-open-name-size:1.25rem;--sky-open-btn-height:2.25rem;--sky-day-name-size:0.72rem;--sky-day-time-size:0.92rem;--sky-context-font-size:0.65rem;--sky-context-meta-size:0.58rem}.sky-view-container[data-layout-tier=short]{--sky-header-pad-x:0.9rem;--sky-header-pad-top:0.65rem;--sky-arc-margin-top:-0.6rem;--sky-arc-label-size:7px;--sky-countdown-arc-top:57%;--sky-countdown-padding-y:0.42rem;--sky-countdown-padding-x:0.82rem;--sky-countdown-digit-size:2.6rem;--sky-countdown-name-size:1.5rem;--sky-countdown-label-size:0.56rem;--sky-support-gap:0.36rem;--sky-support-card-pad-y:0.46rem;--sky-support-card-pad-x:0.74rem;--sky-chip-min-height:2.55rem;--sky-chip-height:2.5rem;--sky-chip-font-size:0.68rem;--sky-band-pad:0.72rem;--sky-open-name-size:1.05rem;--sky-open-btn-height:1.95rem;--sky-day-name-size:0.64rem;--sky-day-time-size:0.8rem;--sky-context-font-size:0.58rem;--sky-context-meta-size:0.52rem}.sky-view-container[data-layout-tier=ultraShort]{--sky-header-pad-x:0.82rem;--sky-header-pad-top:0.5rem;--sky-arc-margin-top:-0.82rem;--sky-arc-label-size:6.6px;--sky-countdown-arc-top:58%;--sky-countdown-padding-y:0.36rem;--sky-countdown-padding-x:0.72rem;--sky-countdown-digit-size:2.2rem;--sky-countdown-name-size:1.3rem;--sky-countdown-label-size:0.52rem;--sky-support-gap:0.3rem;--sky-support-card-pad-y:0.42rem;--sky-support-card-pad-x:0.68rem;--sky-chip-min-height:2.35rem;--sky-chip-height:2.25rem;--sky-chip-font-size:0.62rem;--sky-band-pad:0.6rem;--sky-open-name-size:0.95rem;--sky-open-btn-height:1.8rem;--sky-day-name-size:0.6rem;--sky-day-time-size:0.74rem;--sky-context-font-size:0.56rem;--sky-context-meta-size:0.5rem}.sky-view-header{padding:var(--sky-header-pad-top) var(--sky-header-pad-x) 0;padding-top:max(var(--sky-header-pad-top),env(safe-area-inset-top))}.sky-view-arc-wrapper{width:100%;padding:0;mask-image:linear-gradient(90deg,transparent 0,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black 10%,black 90%,transparent)}.sky-view-current-prayer{margin-top:.12rem}.sky-view-container[data-layout-tier=short] .sky-view-current-prayer,.sky-view-container[data-layout-tier=ultraShort] .sky-view-current-prayer{font-size:.64rem}.sky-view-container[data-layout-tier=short] .sky-day-foot,.sky-view-container[data-layout-tier=short] .sky-day-ribbon,.sky-view-container[data-layout-tier=short] .sky-open-track-row,.sky-view-container[data-layout-tier=ultraShort] .sky-day-foot,.sky-view-container[data-layout-tier=ultraShort] .sky-day-ribbon,.sky-view-container[data-layout-tier=ultraShort] .sky-open-track-row{display:none}.sky-view-container[data-layout-tier=short] .sky-day,.sky-view-container[data-layout-tier=ultraShort] .sky-day{padding-block:.6rem}.sky-view-container[data-layout-tier=short] .sky-dock{padding:.5rem .625rem .45rem;gap:.375rem}.sky-view-container[data-layout-tier=ultraShort] .sky-day{padding-block:.45rem}.sky-view-container[data-layout-tier=ultraShort] .sky-dock{padding:.4rem .5rem .35rem;gap:.3rem;border-radius:1.125rem}.sky-view-container[data-layout-tier=short] .sky-open-actions,.sky-view-container[data-layout-tier=ultraShort] .sky-open-actions{margin-top:.5rem}.sky-view-countdown{width:calc(100% - (var(--sky-header-pad-x) * 2))}.sky-view-bottom{gap:var(--sky-support-gap);padding-inline:var(--sky-header-pad-x)}.sky-view-bottom>:is(.ramadan-fast-card,.quran-widget,.shawwal-card){padding:var(--sky-support-card-pad-y) var(--sky-support-card-pad-x)}.sky-view-bottom>:is(.sky-view-special-chip,.shawwal-chip){min-height:var(--sky-chip-min-height)}.sky-support-chip-row{display:flex;flex-wrap:wrap;width:100%;gap:var(--sky-chip-gap)}.sky-support-chip-row>*{flex:1 1 calc(50% - (var(--sky-chip-gap) / 2));min-width:0}.sky-support-chip-row>.sky-view-special-chip:only-child{flex-basis:100%}.sky-support-chip-row>.shawwal-chip,.sky-view-special-chip{width:100%;justify-content:center;text-align:center}.sky-view-special-chip--quran{background:rgba(59,130,246,.1);border-color:rgba(96,165,250,.2);color:rgba(219,234,254,.95)}.sky-view-container[data-phase=afternoon] .shawwal-chip--shawwal,.sky-view-container[data-phase=morning] .shawwal-chip--shawwal,.sky-view-container[data-phase=noon] .shawwal-chip--shawwal{background:linear-gradient(180deg,hsl(38 80% 50%/.18),rgba(0,0,0,.04));border-color:hsl(38 75% 45%/.35);color:hsl(38 75% 35%)}.sky-view-container[data-phase=afternoon] .shawwal-chip--fasted,.sky-view-container[data-phase=morning] .shawwal-chip--fasted,.sky-view-container[data-phase=noon] .shawwal-chip--fasted{border-color:hsl(142 55% 38%/.4);color:hsl(142 55% 30%)}.sky-view-container[data-phase=afternoon] .shawwal-card-done-text,.sky-view-container[data-phase=morning] .shawwal-card-done-text,.sky-view-container[data-phase=noon] .shawwal-card-done-text{color:hsl(142 55% 30%)}.sky-view-container[data-phase=afternoon] .sky-view-special-chip--quran,.sky-view-container[data-phase=morning] .sky-view-special-chip--quran,.sky-view-container[data-phase=noon] .sky-view-special-chip--quran{background:linear-gradient(180deg,rgba(37,99,235,.18),rgba(0,0,0,.04));border-color:rgba(37,99,235,.35);color:hsl(221 65% 32%)}.sky-view-container[data-phase=afternoon] .shawwal-chip--arafat,.sky-view-container[data-phase=morning] .shawwal-chip--arafat,.sky-view-container[data-phase=noon] .shawwal-chip--arafat{background:linear-gradient(180deg,hsl(142 55% 42%/.18),rgba(0,0,0,.04));border-color:hsl(142 55% 38%/.35);color:hsl(142 55% 30%)}.sky-view-container[data-phase=afternoon] .shawwal-chip--arafat-done,.sky-view-container[data-phase=morning] .shawwal-chip--arafat-done,.sky-view-container[data-phase=noon] .shawwal-chip--arafat-done{background:linear-gradient(180deg,hsl(142 55% 42%/.22),rgba(0,0,0,.04));border-color:hsl(142 55% 38%/.4);color:hsl(142 55% 30%)}.sky-view-container[data-phase=sunset] .shawwal-chip--shawwal{background:linear-gradient(180deg,hsl(38 85% 58%/.28),rgba(0,0,0,.08));border-color:hsl(38 85% 58%/.45)}.sky-view-container[data-phase=sunset] .sky-view-special-chip--quran{background:linear-gradient(180deg,rgba(59,130,246,.28),rgba(0,0,0,.08));border-color:rgba(96,165,250,.4)}.sky-view-container[data-phase=sunset] .shawwal-chip--arafat,.sky-view-container[data-phase=sunset] .shawwal-chip--arafat-done{background:linear-gradient(180deg,hsl(142 55% 48%/.28),rgba(0,0,0,.08));border-color:hsl(142 55% 45%/.45)}.context-bar{font-size:var(--sky-context-font-size)}.context-bar-meta{font-size:var(--sky-context-meta-size)}.sky-view-container[data-layout-tier=short] .context-bar:not(.context-bar--checkin):not(.context-bar--takvim),.sky-view-container[data-layout-tier=ultraShort] .context-bar:not(.context-bar--checkin):not(.context-bar--takvim){padding:.34rem .58rem;white-space:nowrap;overflow:hidden}.sky-view-container[data-layout-tier=short] .context-bar:not(.context-bar--checkin):not(.context-bar--takvim) .context-bar-text,.sky-view-container[data-layout-tier=ultraShort] .context-bar:not(.context-bar--checkin):not(.context-bar--takvim) .context-bar-text{overflow:hidden;text-overflow:ellipsis}.sky-view-container[data-layout-tier=short] .context-bar--checkin,.sky-view-container[data-layout-tier=short] .context-bar--takvim,.sky-view-container[data-layout-tier=ultraShort] .context-bar--checkin,.sky-view-container[data-layout-tier=ultraShort] .context-bar--takvim{padding:.45rem .62rem}.sky-view-container[data-layout-tier=ultraShort] .context-bar-actions{gap:.28rem}.sky-view-container[data-layout-tier=ultraShort] .context-bar-btn{padding-inline:.4rem}.ramadan-fast-card--mini .ramadan-fast-slot-sub{display:none}.ramadan-fast-card--mini .ramadan-fast-slot-time{font-size:.92rem}.ramadan-fast-card--mini .ramadan-fast-arc-duration,.ramadan-fast-card--mini .ramadan-fast-arc-pct{font-size:.56rem}.ramadan-fast-card--ultra .ramadan-fast-times{gap:.24rem}.ramadan-fast-card--ultra .ramadan-fast-slot-label{font-size:.54rem}.ramadan-fast-card--ultra .ramadan-fast-slot-time{font-size:.86rem}.ramadan-fast-card--ultra .ramadan-fast-arc-svg{max-height:28px}.ramadan-fast-card--ultra .ramadan-fast-arc-duration,.ramadan-fast-card--ultra .ramadan-fast-arc-pct{font-size:.52rem}@media (max-height:700px){.sky-view-city{font-size:clamp(1rem,3.4vw,1.22rem)}.sky-view-date,.sky-view-hijri{font-size:.6rem}}.sky-day-col-suffix{font-size:.62em;margin-left:.14em;opacity:.75;letter-spacing:0}.sky-day-cols[data-clock="12h"]{gap:.125rem}.sky-day-cols[data-clock="12h"] .sky-day-col-time{letter-spacing:-.01em}.sky-view-city--btn{appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.sky-view-city--btn:after{content:"";width:.3rem;height:.3rem;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-2px) rotate(45deg);opacity:.45}.sky-view-date-short{display:none}@media (max-width:26rem){.sky-view-date-long{display:none}.sky-view-date-short{display:inline}}.sky-view-date--btn{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;background:none;border:0;padding:0;cursor:pointer;font-family:inherit;letter-spacing:inherit}.sky-view-date--btn:after{content:"";width:.3rem;height:.3rem;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-1px) rotate(45deg);opacity:.55}.sky-view-date--btn[aria-expanded=true]:after{transform:translateY(1px) rotate(225deg)}.date-jump{position:absolute;top:100%;left:0;z-index:var(--z-banner);margin-top:.5rem;width:15.5rem;padding:.6rem;border-radius:.9rem;background:rgba(12,18,40,.96);border:1px solid hsl(var(--sky-star)/.12);box-shadow:0 12px 32px rgba(0,0,0,.45);backdrop-filter:blur(12px);color:rgba(255,255,255,.9)}.date-jump-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem}.date-jump-title{font-size:.72rem;font-weight:700;letter-spacing:.02em}.date-jump-nav{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.4rem;background:rgba(255,255,255,.06);color:inherit}.date-jump-nav:hover{background:rgba(255,255,255,.12)}.date-jump-grid,.date-jump-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.1rem}.date-jump-weekday{text-align:center;font-size:.55rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;opacity:.45;padding-bottom:.2rem}.date-jump-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:.4rem;font-size:.68rem;font-weight:600;color:inherit;background:transparent}.date-jump-cell:hover:not(.date-jump-cell--empty){background:rgba(255,255,255,.12)}.date-jump-cell--empty{pointer-events:none}.date-jump-cell--today{background:hsl(var(--gold)/.22);color:hsl(var(--gold))}.date-jump-today{width:100%;margin-top:.45rem;padding:.3rem;border-radius:.5rem;font-size:.65rem;font-weight:700;background:rgba(255,255,255,.08);color:inherit}.date-jump-today:hover{background:rgba(255,255,255,.14)}.sky-view-meta-stack{position:relative}.sky-view-bottom{--chip-height:var(--sky-chip-height,2.75rem);--chip-gap:0.5rem}.chip-row{display:flex;align-items:stretch;width:100%;gap:var(--chip-gap);flex-wrap:nowrap}.chip-row>.chip{flex:1 1 auto;min-width:0}.chip-row>.chip--overflow{flex:0 0 auto}.chip{display:flex;align-items:center;gap:.34rem;min-height:var(--chip-height,2.75rem);padding:.2rem .875rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:rgba(255,255,255,.88);font-size:var(--sky-chip-font-size,.75rem);font-weight:600;line-height:1.2;text-align:left;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);transition:background .2s,border-color .2s}button.chip{cursor:pointer}button.chip:hover{background:rgba(255,255,255,.12)}.chip-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 18%,transparent)}.chip-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-meta{flex-shrink:0;font-size:var(--sky-chip-font-size,.75rem);opacity:.62;font-variant-numeric:tabular-nums}.chip-chevron{width:.65rem;height:.65rem;flex-shrink:0;opacity:.5}.chip--with-progress .chip-label{flex:0 1 auto}.chip-progress{flex:1 1 auto;min-width:1.5rem;height:2px;border-radius:9999px;background:rgba(255,255,255,.15);overflow:hidden}.chip-progress-fill{display:block;height:100%;border-radius:inherit;background:currentColor;transition:width .3s ease}div.chip--with-action{cursor:pointer}div.chip--with-action:hover{background:rgba(255,255,255,.12)}div.chip--with-action:focus-visible{outline:2px solid currentColor;outline-offset:2px}.chip-action{flex-shrink:0;display:flex;align-items:center;padding:.18rem .5rem;margin-right:-.3rem;border-radius:.35rem;border:none;background:color-mix(in srgb,currentColor 22%,transparent);color:inherit;font-size:var(--sky-context-font-size,.62rem);font-weight:700;cursor:pointer;transition:background .2s}.chip-action:hover{background:color-mix(in srgb,currentColor 34%,transparent)}.chip--makruh{background:hsl(var(--sky-sun)/.12);border-color:hsl(var(--sky-sun)/.22);color:hsl(var(--sky-sun))}.chip--tahajjud{background:hsl(var(--tahajjud)/.12);border-color:hsl(var(--tahajjud)/.24);color:hsl(var(--tahajjud))}.chip--jumuah{background:hsl(var(--sky-sun)/.1);border-color:hsl(var(--sky-sun)/.2);color:hsl(var(--sky-sun))}.chip--adhkar,.chip--checkin{background:hsl(var(--primary)/.14);border-color:hsl(var(--primary)/.26);color:hsl(155 62% 62%)}.chip--quran{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.24);color:rgb(147 197 253)}.chip--zikr{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.24);color:rgb(216 180 254)}.chip--shawwal{background:hsl(38 85% 58%/.12);border-color:hsl(38 85% 58%/.24);color:hsl(38 85% 66%)}.sky-view-container[data-phase=afternoon] .chip,.sky-view-container[data-phase=morning] .chip,.sky-view-container[data-phase=noon] .chip{background:rgba(0,0,0,.07);border-color:rgba(0,0,0,.1);color:rgba(15,33,48,.85)}.sky-view-container[data-phase=afternoon] button.chip:hover,.sky-view-container[data-phase=morning] button.chip:hover,.sky-view-container[data-phase=noon] button.chip:hover{background:rgba(0,0,0,.12)}.sky-view-container[data-phase=afternoon] .chip--jumuah,.sky-view-container[data-phase=afternoon] .chip--makruh,.sky-view-container[data-phase=morning] .chip--jumuah,.sky-view-container[data-phase=morning] .chip--makruh,.sky-view-container[data-phase=noon] .chip--jumuah,.sky-view-container[data-phase=noon] .chip--makruh{background:hsl(43 85% 45%/.16);border-color:hsl(43 75% 40%/.32);color:hsl(38 88% 26%)}.sky-view-container[data-phase=afternoon] .chip--tahajjud,.sky-view-container[data-phase=morning] .chip--tahajjud,.sky-view-container[data-phase=noon] .chip--tahajjud{background:hsl(263 60% 50%/.14);border-color:hsl(263 55% 45%/.3);color:hsl(263 65% 34%)}.sky-view-container[data-phase=afternoon] .chip--adhkar,.sky-view-container[data-phase=afternoon] .chip--checkin,.sky-view-container[data-phase=morning] .chip--adhkar,.sky-view-container[data-phase=morning] .chip--checkin,.sky-view-container[data-phase=noon] .chip--adhkar,.sky-view-container[data-phase=noon] .chip--checkin{background:hsl(var(--primary)/.16);border-color:hsl(var(--primary)/.32);color:hsl(155 72% 22%)}.sky-view-container[data-phase=afternoon] .chip--quran,.sky-view-container[data-phase=morning] .chip--quran,.sky-view-container[data-phase=noon] .chip--quran{background:rgba(37,99,235,.16);border-color:rgba(37,99,235,.32);color:hsl(221 65% 30%)}.sky-view-container[data-phase=afternoon] .chip--zikr,.sky-view-container[data-phase=morning] .chip--zikr,.sky-view-container[data-phase=noon] .chip--zikr{background:rgba(147,51,234,.14);border-color:rgba(147,51,234,.28);color:hsl(271 65% 30%)}.sky-view-container[data-phase=afternoon] .chip--shawwal,.sky-view-container[data-phase=morning] .chip--shawwal,.sky-view-container[data-phase=noon] .chip--shawwal{background:hsl(38 80% 48%/.16);border-color:hsl(38 75% 42%/.32);color:hsl(38 82% 26%)}.sky-view-container[data-phase=afternoon] .chip-progress,.sky-view-container[data-phase=morning] .chip-progress,.sky-view-container[data-phase=noon] .chip-progress{background:rgba(0,0,0,.14)}.sky-view-container[data-phase=sunset] .chip{background:rgba(0,0,0,.16);border-color:rgba(255,255,255,.14)}@media (prefers-reduced-motion:reduce){.chip-progress-fill{transition:none}}@media (min-width:768px) and (max-width:1023px){.sky-view-arc-wrapper{max-width:40rem;margin-inline:auto}.sky-view-bottom{max-width:34rem}}.sky-view-city--btn{padding-top:8px;margin-top:-8px}.sky-view-date--btn{padding-bottom:16px;margin-bottom:-16px}.date-jump-nav:after,.sky-view-icon-btn:after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}.date-jump-nav{position:relative}.date-jump-nav:after{left:-5px;right:-5px;height:34px}.chip-action,.context-bar-btn{position:relative}.chip-action:after,.context-bar-btn:after{content:"";position:absolute;left:0;right:0;top:50%;height:32px;transform:translateY(-50%)}.context-bar-btn--skip:after{right:-7px}.sky-open-note-sub{display:block;margin-top:.15rem;font-size:.66rem;color:var(--sky-fg-faint,rgba(255,255,255,.55))}.quran-menu{z-index:var(--z-overlay,120);width:min(17rem,calc(100vw - 2rem));padding:6px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0d1224;color:#f5f3ee;box-shadow:0 16px 40px rgba(8,20,40,.4);display:flex;flex-direction:column;gap:2px;animation:quran-menu-in .15s ease}@keyframes quran-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.quran-menu-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border:0;border-radius:12px;background:none;color:inherit;font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer}.quran-menu-item:focus-visible,.quran-menu-item:hover{background:rgba(255,255,255,.07);outline:none}.quran-menu-item>svg{width:16px;height:16px;flex-shrink:0;color:rgba(245,243,238,.75)}.quran-menu-item--place{min-height:52px;background:rgba(143,179,255,.14)}.quran-menu-item--place>svg{color:#b4c9ff}.quran-menu-item>.quran-menu-star{color:#e8c48e}.quran-menu-text{display:flex;flex-direction:column;gap:1px;min-width:0}.quran-menu-title{font-weight:600}.quran-menu-hint{font-size:.6875rem;color:rgba(245,243,238,.66)}.quran-menu-count,.quran-menu-tag{margin-left:auto;font-size:.6875rem;color:rgba(245,243,238,.6)}.quran-menu-tag{color:#e8c48e}@media (prefers-reduced-motion:reduce){.quran-menu{animation:none}}