.shawwal-chip{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.3rem .875rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.shawwal-chip--arafat{background:hsl(142 60% 45%/.1);border:1px solid hsl(142 60% 45%/.3);color:hsl(142 60% 55%)}.shawwal-chip--arafat:hover{background:hsl(142 60% 45%/.18)}.shawwal-chip--arafat-done{background:hsl(142 60% 45%/.15);border-color:hsl(142 60% 45%/.4);color:hsl(142 60% 55%)}.prayer-day-dots{display:inline-flex;gap:2px;align-items:center;vertical-align:middle}.prayer-day-dot{width:4px;height:4px;border-radius:50%;display:inline-block;flex-shrink:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.prayer-day-dot--jamaah{background:hsl(var(--status-prayed))}.prayer-day-dot--prayed{background:hsl(var(--status-prayed)/.45)}.prayer-day-dot--missed{background:hsl(var(--status-missed)/.5)}.sheet-container--stats{max-width:26rem;max-height:90vh;padding-bottom:1.5rem}.stats-period-toggle{display:flex;gap:.25rem;padding:.2rem;border-radius:.625rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);margin:0 auto 1rem;width:fit-content}.stats-period-btn{padding:.3rem .75rem;font-size:.75rem;font-weight:600;border-radius:.5rem;border:none;background:transparent;color:rgba(255,255,255,.55);cursor:pointer;transition:all .15s}.stats-period-btn--active{background:rgba(255,255,255,.16);color:rgba(255,255,255,.95)}.stats-streak{display:flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:.875rem;padding:.75rem 1rem;margin-bottom:1rem}.stats-streak-icon{font-size:1.5rem;line-height:1}.stats-streak-value{font-size:1.25rem;font-weight:700;color:rgba(255,255,255,.92)}.stats-streak-label{font-size:.7rem;color:rgba(255,255,255,.45)}.stats-streak-best{margin-left:auto;text-align:right}.stats-streak-best-val{font-size:.85rem;font-weight:600;color:rgba(255,255,255,.65)}.stats-streak-best-label{font-size:.6rem;color:rgba(255,255,255,.4)}.stats-completion{text-align:center;margin-bottom:1.25rem}.stats-completion-pct{font-size:2rem;font-weight:700;color:rgba(255,255,255,.95);line-height:1.1}.stats-completion-sub{font-size:.75rem;color:rgba(255,255,255,.6);margin-top:.15rem;margin-bottom:.5rem}.stats-bar-track{height:5px;background:rgba(255,255,255,.14);border-radius:3px;overflow:hidden}.stats-bar-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:3px;transition:width .5s ease}.stats-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}.stats-overview-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);border-radius:.8rem;padding:.75rem .55rem;text-align:center}.stats-overview-value{font-size:1.05rem;font-weight:700;color:rgba(255,255,255,.92)}.stats-overview-label{margin-top:.2rem;font-size:.62rem;color:rgba(255,255,255,.55);line-height:1.25}.stats-duo{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.25rem}.stats-duo-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);border-radius:.75rem;padding:.625rem .75rem;text-align:center}.stats-duo-icon{display:flex;justify-content:center;margin-bottom:.25rem;color:rgba(255,255,255,.55)}.stats-duo-value{font-size:1.1rem;font-weight:700;color:rgba(255,255,255,.92)}.stats-duo-label{font-size:.62rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.04em}.stats-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.15rem}.stats-insight-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);border-radius:.8rem;padding:.75rem}.stats-insight-title{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.5);margin-bottom:.3rem}.stats-insight-value{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.9);line-height:1.35}.stats-section-title{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.5);margin-bottom:.5rem}.stats-prayer-bars{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.stats-prayer-row{display:grid;grid-template-columns:4.5rem 1fr 2rem;align-items:center;gap:.5rem}.stats-prayer-name{font-size:.75rem;color:rgba(255,255,255,.75)}.stats-prayer-bar-track{height:4px;background:rgba(255,255,255,.14);border-radius:2px;overflow:hidden}.stats-prayer-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.stats-prayer-bar-fill--high{background:#4ade80}.stats-prayer-bar-fill--mid{background:#facc15}.stats-prayer-bar-fill--low{background:#f87171}.stats-prayer-pct{font-size:.65rem;font-weight:600;color:rgba(255,255,255,.55);text-align:right;font-variant-numeric:tabular-nums}.stats-trend{display:flex;align-items:flex-end;justify-content:center;gap:.75rem;height:60px;margin-bottom:.25rem}.stats-trend-col{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;max-width:3rem}.stats-trend-bar{width:100%;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#60a5fa,#3b82f6);min-height:2px;transition:height .4s ease}.stats-trend-label{font-size:.55rem;color:rgba(255,255,255,.5);white-space:nowrap}.stats-trend-val{font-size:.6rem;font-weight:600;color:rgba(255,255,255,.65)}.stats-ramadan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.85rem}.stats-ramadan-card{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.2);border-radius:.8rem;padding:.75rem .7rem;text-align:center}.stats-ramadan-value{font-size:1rem;font-weight:700;color:rgba(255,255,255,.92)}.stats-ramadan-label{margin-top:.2rem;font-size:.62rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.05em}.stats-footer-text{font-size:.66rem;margin-top:.35rem}.stats-empty,.stats-footer-text{text-align:center;color:rgba(255,255,255,.5)}.stats-empty{padding:2.5rem 1rem}.stats-empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.stats-empty-text{font-size:.8rem;line-height:1.4}.sheet-container--changelog{max-width:26rem;max-height:90vh;padding-bottom:1.5rem;overflow-x:hidden;touch-action:pan-y}.changelog-list{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:.5rem}.changelog-version-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem}.changelog-version-badge{display:inline-flex;align-items:center;padding:.2rem .625rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.03em;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.12)}.changelog-version-badge--latest{background:hsl(var(--primary)/.2);color:hsl(var(--primary));border-color:hsl(var(--primary)/.35)}.changelog-version-current-label{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(74,222,128,.12);color:#4ade80;border:1px solid rgba(74,222,128,.22)}.changelog-version-date{margin-left:auto;font-size:.68rem;color:rgba(255,255,255,.38)}.changelog-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);border-radius:.875rem;padding:.75rem .875rem;display:flex;flex-direction:column;gap:.75rem}.changelog-section{display:flex;flex-direction:column;gap:.375rem}.changelog-section-label{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:.4rem;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;width:fit-content}.changelog-section-label--added{background:rgba(74,222,128,.12);color:#4ade80}.changelog-section-label--changed{background:rgba(96,165,250,.12);color:#60a5fa}.changelog-section-label--fixed{background:rgba(251,191,36,.12);color:#fbbf24}.changelog-section-label--removed{background:rgba(248,113,113,.12);color:#f87171}.changelog-items{display:flex;flex-direction:column;gap:.3rem;padding-left:.25rem}.changelog-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:rgba(255,255,255,.72);line-height:1.45;word-break:break-word}.changelog-item-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.35);flex-shrink:0;margin-top:.55rem}.sky-view-bottom>.shawwal-chip{padding:.68rem .92rem;font-size:.72rem;font-weight:600;line-height:1.35}.sky-view-bottom>.shawwal-chip--arafat{background:linear-gradient(180deg,hsl(142 60% 45%/.18),rgba(255,255,255,.05));border-color:hsl(142 60% 45%/.3)}.sky-view-bottom>.shawwal-chip--arafat-done{background:linear-gradient(180deg,hsl(142 60% 45%/.22),rgba(255,255,255,.06));border-color:hsl(142 60% 45%/.36)}.shawwal-chip--shawwal{justify-content:space-between;width:100%;border:1px solid hsl(38 85% 58%/.3);background:linear-gradient(180deg,hsl(38 85% 58%/.18),rgba(255,255,255,.05));color:rgba(255,245,201,.94)}.shawwal-chip--shawwal:hover{background:linear-gradient(180deg,hsl(38 85% 58%/.24),rgba(255,255,255,.07))}.shawwal-chip--fasted{border-color:hsl(142 60% 45%/.34);color:rgba(220,252,231,.96)}@media (min-width:1280px){.stats-completion-pct{font-size:3rem}.stats-completion-sub{font-size:.85rem;margin-bottom:.7rem}.stats-bar-track{height:6px;border-radius:3px}.stats-period-toggle{margin-bottom:1.25rem}.stats-period-btn{padding:.4rem 1rem;font-size:.8rem}.stats-streak{padding:.9rem 1.15rem;border-radius:1rem;margin-bottom:1.25rem}.stats-streak-value{font-size:1.4rem}.stats-streak-label{font-size:.74rem}.stats-streak-best-val{font-size:.92rem}.stats-overview-grid{gap:.75rem;margin-bottom:1.25rem}.stats-overview-card{padding:1rem .85rem;border-radius:1rem}.stats-overview-value{font-size:1.3rem}.stats-overview-label{font-size:.7rem;margin-top:.3rem}.stats-duo{gap:.65rem;margin-bottom:.5rem}.stats-duo-card{padding:.85rem 1rem;border-radius:.9rem}.stats-duo-value{font-size:1.3rem}.stats-duo-label{font-size:.7rem}.stats-insight-grid{gap:.65rem;margin-bottom:.5rem}.stats-insight-card{padding:1rem 1.1rem;border-radius:1rem}.stats-insight-title{font-size:.68rem}.stats-insight-value{font-size:.88rem}.stats-section-title{font-size:.74rem;margin-bottom:.6rem;margin-top:.5rem}.stats-prayer-bars{gap:.5rem;margin-bottom:.75rem}.stats-prayer-row{grid-template-columns:5.5rem 1fr 2.5rem;gap:.65rem}.stats-prayer-name{font-size:.82rem}.stats-prayer-bar-track{height:6px;border-radius:3px}.stats-prayer-pct{font-size:.72rem}.stats-trend{height:80px;gap:.85rem;margin-bottom:.4rem}.stats-trend-col{max-width:3.5rem}.stats-trend-label{font-size:.62rem}.stats-trend-val{font-size:.68rem}.stats-ramadan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.stats-ramadan-card{padding:.9rem .8rem;border-radius:1rem}.stats-ramadan-value{font-size:1.15rem}.stats-ramadan-label{font-size:.68rem}.stats-footer-text{font-size:.72rem;margin-top:.5rem}.stats-empty{padding:3rem 1.5rem}.stats-empty-text{font-size:.88rem}.changelog-item{font-size:.84rem}.changelog-version-badge{font-size:.76rem}.changelog-card{padding:.9rem 1.1rem;border-radius:1rem}}.sky-atmosphere-root{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.sky-atmosphere-sun-glow{position:absolute;inset:0;opacity:0;background:radial-gradient(120% 85% at 50% -8%,rgba(255,255,255,.22) 0,rgba(255,255,255,.06) 35%,transparent 62%);transition:opacity 2.5s ease}[data-phase=afternoon] .sky-atmosphere-sun-glow,[data-phase=morning] .sky-atmosphere-sun-glow,[data-phase=noon] .sky-atmosphere-sun-glow{opacity:1}[data-phase=afternoon] .sky-atmosphere-sun-glow{background:radial-gradient(115% 80% at 52% -5%,rgba(255,220,160,.35) 0,rgba(255,200,120,.12) 38%,transparent 65%)}[data-sky-variant=fajr-early] .sky-atmosphere-sun-glow,[data-sky-variant=fajr-late] .sky-atmosphere-sun-glow,[data-sky-variant=sunset-early] .sky-atmosphere-sun-glow,[data-sky-variant=sunset-late] .sky-atmosphere-sun-glow{opacity:.85;background:radial-gradient(130% 100% at 18% 102%,rgba(255,180,120,.45) 0,rgba(255,140,100,.15) 42%,transparent 70%)}[data-sky-variant=fajr-late] .sky-atmosphere-sun-glow{background:radial-gradient(125% 95% at 82% 98%,rgba(255,210,160,.4) 0,rgba(200,220,255,.12) 45%,transparent 72%)}[data-sky-variant=sunset-late] .sky-atmosphere-sun-glow{background:radial-gradient(130% 100% at 85% 100%,rgba(180,100,140,.25) 0,rgba(80,60,120,.2) 38%,rgba(30,40,80,.08) 58%,transparent 78%)}.sky-atmosphere-horizon{position:absolute;inset:0;opacity:0;background:linear-gradient(180deg,transparent,transparent 48%,rgba(255,255,255,.06) 78%,rgba(255,255,255,.12));transition:opacity 2.5s ease}[data-phase=morning] .sky-atmosphere-horizon,[data-phase=noon] .sky-atmosphere-horizon{opacity:1;background:linear-gradient(180deg,transparent,transparent 52%,rgba(255,245,220,.18) 82%,rgba(230,210,180,.28))}[data-phase=afternoon] .sky-atmosphere-horizon{opacity:1;background:linear-gradient(180deg,transparent,transparent 50%,rgba(255,200,150,.22) 80%,rgba(220,120,80,.2))}[data-phase=fajr] .sky-atmosphere-horizon,[data-sky-variant=fajr-early] .sky-atmosphere-horizon,[data-sky-variant=fajr-late] .sky-atmosphere-horizon{opacity:.75;background:linear-gradient(180deg,transparent,transparent 55%,rgba(200,180,160,.35) 88%,rgba(180,150,130,.45))}[data-phase=sunset] .sky-atmosphere-horizon,[data-sky-variant=sunset-early] .sky-atmosphere-horizon,[data-sky-variant=sunset-late] .sky-atmosphere-horizon{opacity:.9;background:linear-gradient(180deg,transparent,transparent 45%,rgba(120,60,80,.25) 75%,rgba(60,40,70,.4))}.sky-atmosphere-milky{position:absolute;inset:-15% -20%;opacity:0;transform:rotate(-32deg);background:linear-gradient(90deg,transparent,rgba(200,210,255,.04) 38%,rgba(220,225,255,.09) 50%,rgba(200,210,255,.05) 62%,transparent);filter:blur(28px);animation:sky-milky-drift 140s ease-in-out infinite alternate;transition:opacity 3s ease}[data-phase=isha] .sky-atmosphere-milky,[data-phase=night] .sky-atmosphere-milky{opacity:1}[data-sky-variant=sunset-late] .sky-atmosphere-milky{opacity:.35}@keyframes sky-milky-drift{0%{transform:rotate(-32deg) translateX(-2%)}to{transform:rotate(-30deg) translateX(2%)}}.sky-atmosphere-vignette{position:absolute;inset:0;opacity:.42;background:radial-gradient(ellipse 85% 70% at 50% 45%,transparent 0,transparent 55%,rgba(0,0,0,.22) 100%);transition:opacity 2.5s ease}[data-phase=morning] .sky-atmosphere-vignette,[data-phase=noon] .sky-atmosphere-vignette{opacity:.28;background:radial-gradient(ellipse 90% 75% at 50% 42%,transparent 0,transparent 50%,rgba(0,40,80,.18) 100%)}[data-phase=afternoon] .sky-atmosphere-vignette{opacity:.32}[data-phase=fajr] .sky-atmosphere-vignette,[data-sky-variant=fajr-early] .sky-atmosphere-vignette,[data-sky-variant=fajr-late] .sky-atmosphere-vignette{opacity:.38}.sky-atmosphere-noise{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:sky-noise-shift .5s steps(2) infinite}[data-phase=morning] .sky-atmosphere-noise,[data-phase=noon] .sky-atmosphere-noise{opacity:.05}@keyframes sky-noise-shift{0%{transform:translate(0)}25%{transform:translate(-1.2%,.8%)}50%{transform:translate(.6%,-.4%)}75%{transform:translate(-.4%,-.6%)}to{transform:translate(0)}}.sky-atmosphere-accent-wash{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(100% 80% at 50% 100%,hsl(var(--gold)/.14) 0,hsl(var(--gold)/.05) 45%,transparent 72%);transition:opacity 2.5s ease}.sky-atmosphere-root[data-sky-accent=gold] .sky-atmosphere-accent-wash,.sky-atmosphere-root[data-sky-accent=ramadan] .sky-atmosphere-accent-wash{opacity:1}[data-phase=isha] .sky-atmosphere-root[data-sky-accent=ramadan] .sky-atmosphere-accent-wash,[data-phase=night] .sky-atmosphere-root[data-sky-accent=ramadan] .sky-atmosphere-accent-wash{background:radial-gradient(110% 90% at 50% 85%,hsl(var(--gold)/.08) 0,transparent 55%)}@media (prefers-reduced-motion:reduce){.sky-atmosphere-milky{animation:none}.sky-atmosphere-noise{animation:none;opacity:.03}}.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:2.4rem;--sky-countdown-colon-size:1.78rem;--sky-countdown-label-size:0.62rem;--sky-countdown-unit-gap:1.65rem;--sky-countdown-unit-size:0.52rem;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-height:0;overflow:hidden;transition:background 2s ease;color:hsl(var(--sky-star))}.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-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}.sky-view-city{font-family:var(--font-amiri,serif);font-size:1.2rem;font-weight:700;color:hsl(var(--sky-star)/.9)}.sky-view-date{border-radius:999px;padding:.15rem .5rem;background:hsl(var(--sky-star)/.12);border:1px solid hsl(var(--sky-star)/.1);font-size:.7rem;font-weight:500;color:hsl(var(--sky-star)/.5);letter-spacing:.02em;text-transform:capitalize}.sky-view-date,.sky-view-hijri{display:inline-flex;align-self:flex-start}.sky-view-hijri{font-family:var(--font-amiri,serif);border-radius:999px;padding:.15rem .55rem;background:hsl(var(--sky-sun)/.18);border:1px solid hsl(var(--sky-sun)/.2);font-size:.65rem;color:hsl(var(--sky-sun)/.55)}.sky-view-header-actions{gap:.4rem}.sky-view-icon-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:hsl(var(--sky-star)/.08);border:1px solid hsl(var(--sky-star)/.12);color:hsl(var(--sky-star)/.62);cursor:pointer;transition:background .2s,color .2s,transform .1s}.sky-view-icon-btn:hover{background:hsl(var(--sky-star)/.16);color:hsl(var(--sky-star)/.9)}.sky-view-icon-btn:active{transform:scale(.95)}.sky-view-current-prayer{position:relative;z-index:var(--z-widget);font-size:.7rem;color:hsl(var(--sky-star)/.4);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-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-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:hsl(var(--sky-star)/.5)}.sky-view-countdown-name{font-family:var(--font-amiri,serif);font-size:1.85rem;font-weight:700;color:hsl(var(--sky-star))}.sky-view-countdown-time{font-family:var(--font-space-mono,monospace);font-size:.7rem;color:hsl(var(--sky-star)/.5)}.sky-view-countdown-digits{display:flex;align-items:baseline;gap:.15rem;margin-top:.35rem}.sky-view-digit{display:inline-block;inline-size:1ch;text-align:center;font-family:var(--font-space-mono,monospace);font-size:2.6rem;font-weight:700;color:hsl(var(--sky-star));font-variant-numeric:tabular-nums}.sky-view-colon{font-family:var(--font-space-mono,monospace);font-size:2rem;font-weight:700;color:hsl(var(--sky-sun)/.4)}.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}}.sky-view-countdown-units{display:flex;gap:2.5rem;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:hsl(var(--sky-star)/.35)}.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--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--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:.58rem;font-weight:700;padding:.15rem .45rem;border-radius:.35rem;cursor:pointer;display:flex;align-items:center;gap:.2rem;transition:opacity .15s,transform .1s;line-height:1.2}.context-bar-btn:active{transform:scale(.95)}.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:.65rem;padding:0 1rem max(.35rem,env(safe-area-inset-bottom));margin-top:auto;flex-shrink:0;width:100%;max-width:26rem}.sky-times-card{width:100%;background:rgba(0,0,0,.45);border-radius:1rem;box-shadow:inset 0 1px 1px hsl(var(--sky-star)/.06);overflow:hidden}.sky-view-container[data-phase=afternoon] .sky-times-card,.sky-view-container[data-phase=morning] .sky-times-card,.sky-view-container[data-phase=noon] .sky-times-card{background:rgba(0,0,0,.42);border-color:rgba(255,255,255,.18)}.sky-view-container[data-phase=fajr] .sky-times-card,.sky-view-container[data-phase=sunset] .sky-times-card{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.15)}.sky-view-container[data-phase=isha] .sky-times-card,.sky-view-container[data-phase=night] .sky-times-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09)}.sky-view-container[data-phase=afternoon] .sky-times-strip-cell,.sky-view-container[data-phase=morning] .sky-times-strip-cell,.sky-view-container[data-phase=noon] .sky-times-strip-cell{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.sky-view-container[data-phase=afternoon] .sky-times-strip-cell--active,.sky-view-container[data-phase=morning] .sky-times-strip-cell--active,.sky-view-container[data-phase=noon] .sky-times-strip-cell--active{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.26)}.sky-view-container[data-phase=afternoon] .sky-times-strip-cell--next,.sky-view-container[data-phase=morning] .sky-times-strip-cell--next,.sky-view-container[data-phase=noon] .sky-times-strip-cell--next{background:hsl(var(--sky-sun)/.14);border-color:hsl(var(--sky-sun)/.32)}.sky-view-container[data-phase=afternoon] .sky-times-strip-name,.sky-view-container[data-phase=morning] .sky-times-strip-name,.sky-view-container[data-phase=noon] .sky-times-strip-name{color:rgba(255,255,255,.65)}.sky-view-container[data-phase=afternoon] .sky-times-strip-time,.sky-view-container[data-phase=morning] .sky-times-strip-time,.sky-view-container[data-phase=noon] .sky-times-strip-time{color:rgba(255,255,255,.72)}.sky-times-strip{display:flex;align-items:stretch;width:100%;padding:.55rem .5rem;background:transparent;border:none;cursor:pointer;color:inherit;gap:.15rem}.sky-times-strip-cell{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex:1;padding:.3rem .2rem;border-radius:6px}.sky-times-strip-cell--active{animation:stripActiveBreath 3s ease-in-out infinite;will-change:opacity}@keyframes stripActiveBreath{0%,to{opacity:.85}50%{opacity:1}}.sky-times-strip-cell--next{background:hsl(var(--sky-sun)/.15);position:relative}.sky-times-strip-cell--next:before{content:"";position:absolute;top:3px;right:3px;width:4px;height:4px;border-radius:50%;background:hsl(var(--sky-sun)/.8);animation:stripNextDotPulse 2s ease-in-out infinite;will-change:opacity,transform}@keyframes stripNextDotPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.sky-times-strip-name{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.5);white-space:nowrap}.sky-times-strip-cell--active .sky-times-strip-name,.sky-times-strip-cell--next .sky-times-strip-name{color:rgba(255,255,255,.85)}.sky-times-strip-time{font-family:var(--font-space-mono,monospace);font-size:.7rem;font-weight:600;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums}.sky-times-strip-cell--active .sky-times-strip-time{color:rgba(255,255,255,.9)}.sky-times-strip-cell--next .sky-times-strip-time{color:hsl(var(--sky-sun)/.9)}.sky-times-divider{height:1px;background:rgba(255,255,255,.08)}.sky-times-grid{display:grid;grid-template-columns:repeat(3,1fr)}.sky-times-cell{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .25rem;border-bottom:1px solid rgba(255,255,255,.06);transition:background .2s}.sky-times-cell:nth-child(3n+1),.sky-times-cell:nth-child(3n+2){border-right:1px solid rgba(255,255,255,.06)}.sky-times-cell:nth-last-child(-n+3){border-bottom:none}.sky-times-cell-active{background:hsl(var(--sky-sun)/.12)}.sky-times-cell-next{background:rgba(255,255,255,.06)}.sky-times-cell-name{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.45)}.sky-times-cell-active .sky-times-cell-name{color:hsl(var(--sky-sun)/.7)}.sky-times-cell-next .sky-times-cell-name{color:rgba(255,255,255,.65)}.sky-times-cell-time{font-family:var(--font-space-mono,monospace);font-size:.95rem;font-weight:700;color:rgba(255,255,255,.85);font-variant-numeric:tabular-nums}.sky-times-cell-active .sky-times-cell-time{color:hsl(var(--sky-sun))}.sky-times-footer{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}.sky-times-sunnah{display:flex;gap:.75rem}.sky-times-sunnah-item{display:flex;flex-direction:column;gap:0}.sky-times-sunnah-label{font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(147,130,220,.6)}.sky-times-sunnah-time{font-family:var(--font-space-mono,monospace);font-size:.7rem;font-weight:600;color:rgba(147,130,220,.85)}.sky-times-more-btn{display:flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:9999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.55);font-size:.65rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.sky-times-more-btn:hover{background:rgba(255,255,255,.14);color:rgba(255,255,255,.75)}.sky-view-special-chip{display:flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:9999px;background:hsl(var(--sky-sun)/.15);border:1px solid hsl(var(--sky-sun)/.25);color:hsl(var(--sky-sun));font-size:.7rem;font-weight:600;cursor:pointer;transition:background .2s}.sky-view-special-chip:hover{background:hsl(var(--sky-sun)/.25)}.sky-view-special-dot{width:6px;height:6px;border-radius:50%;background:hsl(var(--sky-sun));animation:sky-twinkle 2s ease-in-out infinite alternate}@media (min-width:1024px){.sky-view-arc-wrapper{max-width:500px}.sky-view-digit{font-size:3rem}.sky-view-colon,.sky-view-countdown-name{font-size:2rem}.sky-view-bottom{max-width:32rem}.sky-times-cell{padding:.75rem .5rem}.sky-times-cell-time{font-size:1rem}.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:2rem;--sky-countdown-colon-size:1.6rem}.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:0 10px 24px rgba(0,0,0,.18)}.sky-view-date,.sky-view-hijri{align-self:auto;padding:.24rem .65rem;border-radius:999px;border-color:rgba(255,255,255,.14);font-size:.66rem;font-weight:600}.sky-view-date{background:rgba(255,255,255,.12);color:rgba(255,255,255,.76)}.sky-view-hijri{background:hsl(var(--sky-sun)/.14)}.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:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.78);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-arc-time-label{fill:hsl(var(--sky-star)/.32)}.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}.sky-view-countdown-label{font-size:var(--sky-countdown-label-size);letter-spacing:.2em;color:rgba(255,255,255,.62)}.sky-view-countdown-name{font-size:2.05rem;line-height:1}.sky-view-countdown-digits{margin-top:.28rem;gap:.18rem}.sky-view-digit{font-size:var(--sky-countdown-digit-size);text-shadow:0 10px 26px rgba(0,0,0,.18)}.sky-view-colon{font-size:var(--sky-countdown-colon-size);color:hsl(var(--sky-sun)/.5)}.sky-view-countdown-units{gap:var(--sky-countdown-unit-gap);margin-top:.18rem;font-size:var(--sky-countdown-unit-size);letter-spacing:.18em;color:rgba(255,255,255,.42)}.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;padding-inline:1rem}.sky-times-card{background:rgba(10,14,34,.32);border:1px solid rgba(255,255,255,.12);border-radius:1.15rem;box-shadow:0 20px 36px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.06)}.sky-times-strip{padding:.55rem .55rem .65rem;gap:.24rem}.sky-times-strip-cell{padding:.42rem .25rem;border-radius:.8rem;border:1px solid transparent;background:rgba(255,255,255,.02)}.sky-times-strip-cell--active{animation:none;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16)}.sky-times-strip-cell--next{border-color:hsl(var(--sky-sun)/.22)}.sky-times-strip-cell--next:before{animation:none}.sky-times-strip-name{font-size:.56rem;letter-spacing:.08em}.sky-times-strip-time{font-size:.74rem}.sky-view-special-chip{width:100%;justify-content:center;padding:.56rem .9rem;border-radius:1rem;background:linear-gradient(180deg,hsl(var(--sky-sun)/.18) 0,hsl(var(--sky-sun)/.1) 100%);border-color:hsl(var(--sky-sun)/.22);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:wrap}.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:rgba(255,255,255,.64)}.sky-view-hijri{padding:.16rem .55rem;font-size:.63rem;border:1px solid hsl(var(--sky-sun)/.18);background:hsl(var(--sky-sun)/.12);color:hsl(var(--sky-sun)/.82)}.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:rgba(255,255,255,.8)}.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:hsl(var(--sky-star)/.38)}.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:linear-gradient(180deg,rgba(255,255,255,0.13),rgba(255,255,255,0.055));--sky-support-border:rgba(255,255,255,0.14);--sky-support-shadow:0 18px 36px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.05);--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:linear-gradient(180deg,rgba(0,0,0,0.08),rgba(0,0,0,0.04));--sky-support-border:rgba(0,0,0,0.1);--sky-support-shadow:0 18px 36px rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,0.12)}.sky-view-container[data-phase=sunset]{--sky-support-bg:linear-gradient(180deg,rgba(0,0,0,0.14),rgba(0,0,0,0.06));--sky-support-border:rgba(255,255,255,0.16)}.sky-view-bottom{gap:.58rem}.sky-view-bottom>:is(.ramadan-fast-card,.quran-widget,.shawwal-card,.sky-times-card){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);overflow:hidden}.sky-view-bottom>:is(.ramadan-fast-card,.quran-widget,.shawwal-card,.sky-times-card):before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 18%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.18) 82%,transparent);pointer-events:none}.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 14px 28px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.04)}.sky-view-bottom>.sky-view-special-chip{background:linear-gradient(180deg,rgba(234,179,8,.18),rgba(255,255,255,.06))}.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)}.quran-widget-progress-track,.shawwal-card-dots{margin-bottom:.45rem}.quran-widget-quick-add{gap:.38rem}.quran-widget-add-btn{min-height:2rem;border-radius:.72rem}.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-prayer-strip-pad-y:0.55rem;--sky-prayer-name-size:0.56rem;--sky-prayer-time-size:0.74rem;--sky-context-font-size:0.62rem;--sky-context-meta-size:0.56rem}.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:2rem;--sky-countdown-colon-size:1.52rem;--sky-countdown-label-size:0.56rem;--sky-countdown-unit-gap:1.3rem;--sky-countdown-unit-size:0.48rem;--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-prayer-strip-pad-y:0.5rem;--sky-prayer-name-size:0.53rem;--sky-prayer-time-size:0.7rem;--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:1.75rem;--sky-countdown-colon-size:1.32rem;--sky-countdown-label-size:0.52rem;--sky-countdown-unit-gap:1.05rem;--sky-countdown-unit-size:0.44rem;--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-prayer-strip-pad-y:0.44rem;--sky-prayer-name-size:0.5rem;--sky-prayer-time-size:0.66rem;--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-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:linear-gradient(180deg,rgba(59,130,246,.2),rgba(255,255,255,.06));border-color:rgba(96,165,250,.3);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{min-height:1.75rem;padding-inline:.44rem}.sky-times-strip{padding-top:var(--sky-prayer-strip-pad-y);padding-bottom:calc(var(--sky-prayer-strip-pad-y) + .1rem)}.sky-times-strip-name{font-size:var(--sky-prayer-name-size)}.sky-times-strip-time{font-size:var(--sky-prayer-time-size)}.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}}.sheet-backdrop{position:fixed;inset:0;z-index:var(--z-sheet);background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;animation:sheet-fade-in .2s ease}@keyframes sheet-fade-in{0%{opacity:0}to{opacity:1}}.sheet-container{width:100%;max-width:28rem;max-height:85vh;overflow-y:auto;background:rgba(8,14,40,.92);border:1px solid rgba(255,255,255,.12);box-shadow:0 -8px 32px rgba(0,0,0,.2);border-radius:1.5rem 1.5rem 0 0;padding:.5rem 1rem 2rem;color:rgba(255,255,255,.92);animation:sheet-slide-up .3s cubic-bezier(.32,.72,0,1)}[data-phase=morning] .sheet-container,[data-phase=noon] .sheet-container{background:rgba(0,30,80,.9);border-color:rgba(255,255,255,.15)}[data-phase=afternoon] .sheet-container{background:rgba(15,25,70,.9);border-color:rgba(255,255,255,.14)}[data-phase=fajr] .sheet-container{background:rgba(20,18,60,.92);border-color:rgba(255,255,255,.12)}[data-phase=sunset] .sheet-container{background:rgba(40,10,50,.92);border-color:rgba(255,200,150,.12)}[data-phase=isha] .sheet-container,[data-phase=night] .sheet-container{background:rgba(4,6,25,.94);border-color:rgba(255,255,255,.1)}.sheet-container--calendar{max-width:72rem;max-height:90vh;padding-inline:1rem}.sheet-container--settings{max-height:90vh;display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.settings-tab-bar{display:flex;gap:.25rem;padding:.25rem;border-radius:.75rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);margin-bottom:.75rem;flex-shrink:0}.settings-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .25rem;border-radius:.6rem;font-size:.75rem;font-weight:500;font-family:var(--font-amiri,serif);color:rgba(255,255,255,.5);border:none;background:transparent;cursor:pointer;transition:all .15s}.settings-tab-btn--active{background:rgba(255,255,255,.12);color:rgba(255,255,255,.95);box-shadow:0 1px 4px rgba(0,0,0,.25);border-bottom:2px solid hsl(var(--primary))}.settings-content{flex:1;overflow-y:auto;padding-bottom:1.5rem}.settings-section-list{display:flex;flex-direction:column}.settings-section{padding:.875rem 1rem;border-radius:1rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.settings-section--muted{opacity:.8}.settings-section--danger{color:hsl(var(--destructive));border-color:rgba(220,50,50,.15);background:rgba(220,50,50,.05);font-weight:600;color:rgba(255,255,255,.9)}.settings-section-hint{font-size:.75rem;color:rgba(255,255,255,.45);margin-top:.2rem;line-height:1.4}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.settings-row--btn{width:100%;padding:.6rem .75rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);cursor:pointer;text-align:left;transition:border-color .15s}.settings-row--btn:hover{border-color:hsl(var(--primary)/.5)}.settings-row--active{border-color:hsl(var(--primary)/.6);background:hsl(var(--primary)/.12)}.settings-row--sub{padding:.5rem .5rem .5rem 1rem;border-left:2px solid rgba(255,255,255,.1)}.settings-stepper{display:flex;align-items:center;justify-content:space-between;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);padding:.4rem .75rem}.settings-stepper-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:rgba(255,255,255,.88);font-size:1rem;cursor:pointer;transition:all .15s}.settings-stepper-btn:hover{border-color:hsl(var(--primary)/.5);background:rgba(255,255,255,.14)}.settings-stepper-value{display:flex;flex-direction:column;align-items:center;gap:.1rem;color:rgba(255,255,255,.9)}.settings-pill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.settings-pill-grid--wrap{display:flex;flex-wrap:wrap;gap:.4rem}.settings-pill{padding:.45rem .5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:center}.settings-pill:hover{border-color:hsl(var(--primary)/.5);background:rgba(255,255,255,.12)}.settings-pill--active{border-color:hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.settings-toggle{position:relative;width:2.75rem;height:1.5rem;border-radius:9999px;border:none;background:rgba(255,255,255,.18);cursor:pointer;transition:background .2s ease,box-shadow .2s ease;flex-shrink:0}.settings-toggle--on{background:hsl(var(--primary));box-shadow:0 0 8px hsl(var(--primary)/.35)}.settings-toggle--sm{width:2rem;height:1.125rem}.settings-toggle-thumb{position:absolute;top:.25rem;left:.25rem;width:1rem;height:1rem;border-radius:9999px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}.settings-toggle--on .settings-toggle-thumb{transform:translateX(1.25rem)}.settings-toggle--sm .settings-toggle-thumb{width:.75rem;height:.75rem;top:.1875rem;left:.1875rem}.settings-toggle--sm.settings-toggle--on .settings-toggle-thumb{transform:translateX(.875rem)}.settings-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .875rem;border-radius:.6rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid transparent}.settings-action-btn--primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.settings-action-btn--primary:hover{opacity:.9}.settings-action-btn--outline{background:transparent;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.85)}.settings-action-btn--outline:hover{background:rgba(255,255,255,.1)}.settings-action-btn--danger{background:transparent;border-color:hsl(var(--destructive)/.4);color:hsl(var(--destructive));width:100%}.settings-action-btn--danger:hover{background:hsl(var(--destructive)/.1)}.settings-action-btn--danger:disabled{opacity:.5;cursor:not-allowed}.settings-input{width:100%;border-radius:.5rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);padding:.5rem .75rem;font-size:.875rem;color:rgba(255,255,255,.9);outline:none;transition:border-color .15s}.settings-input::placeholder{color:rgba(255,255,255,.35)}.settings-input:focus{border-color:hsl(var(--primary)/.7)}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle-bar{display:flex;justify-content:center;padding:.6rem 0 .25rem}.sheet-handle{width:2.5rem;height:4px;border-radius:2px;background:rgba(255,255,255,.2)}.sheet-header{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding-bottom:1rem}.sheet-title{font-family:var(--font-amiri,serif);font-size:1.25rem;font-weight:700;color:rgba(255,255,255,.95);letter-spacing:.02em}.sheet-subtitle{font-size:.75rem;color:rgba(255,255,255,.45);text-align:center}.sheet-header-dates{display:flex;flex-direction:column;align-items:center;gap:.1rem}.sheet-header-gregorian{font-size:.75rem;color:rgba(255,255,255,.45)}.sheet-header-hijri{font-size:.68rem;color:hsl(var(--sky-sun)/.65);font-style:italic}.sheet-list{display:flex;flex-direction:column;gap:.3rem}.sheet-row{display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;border-radius:.9rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);transition:background .2s,border-color .2s,transform .15s}.sheet-row--past{opacity:.4}.sheet-row--active{background:rgba(255,255,255,.12);border-color:hsl(var(--primary)/.45)}.sheet-row--next{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)}.sheet-row--sunnah{background:rgba(255,255,255,.03)}.sheet-row-icon-wrap{width:2rem;height:2rem;border-radius:.5rem;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sheet-row-icon-wrap--active{background:hsl(var(--primary)/.2)}.sheet-row-icon-wrap--next{background:rgba(255,255,255,.08)}.sheet-row-svg-icon{width:1rem;height:1rem;color:rgba(255,255,255,.45)}.sheet-row--active .sheet-row-svg-icon{color:hsl(var(--sky-sun))}.sheet-row--next .sheet-row-svg-icon{color:rgba(255,255,255,.75)}.sheet-row-body{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.sheet-row-name{font-size:.88rem;font-weight:500;color:rgba(255,255,255,.8)}.sheet-row--past .sheet-row-name{color:rgba(255,255,255,.5)}.sheet-row--active .sheet-row-name{color:rgba(255,255,255,.95);font-weight:600}.sheet-row-next-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.4)}.sheet-row-time{font-family:var(--font-space-mono,monospace);font-size:.88rem;font-weight:600;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums;flex-shrink:0}.sheet-row-time--active{color:hsl(var(--primary));font-size:.95rem}.sheet-row-check{width:.9rem;height:.9rem;color:rgba(255,255,255,.35);flex-shrink:0}.sheet-checkbox{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.35rem;background:transparent;color:rgba(255,255,255,.4);cursor:pointer;flex-shrink:0;transition:color .2s,background .2s;border:none;padding:0}.sheet-checkbox:active{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9)}.sheet-row-check-spacer{width:1.5rem;flex-shrink:0}.sheet-status-badge{display:flex;align-items:center;gap:.15rem;font-size:.6rem;font-weight:700;padding:.1rem .35rem;border-radius:.35rem;flex-shrink:0;letter-spacing:.02em;animation:statusBadgePopIn .3s ease-out}@keyframes statusBadgePopIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.sheet-status-label{line-height:1}.sheet-status--jamaah{background:hsl(var(--status-jamaah)/.15);color:hsl(var(--status-jamaah));border:1px solid hsl(var(--status-jamaah)/.25)}.sheet-status--sam{background:hsl(var(--status-prayed)/.12);color:hsl(var(--status-prayed));border:1px solid hsl(var(--status-prayed)/.25)}.sheet-status--missed{background:hsl(var(--status-missed)/.1);color:hsl(var(--status-missed));border:1px solid hsl(var(--status-missed)/.2)}.sheet-row-main{display:flex;align-items:center;gap:.7rem;width:100%}.sheet-row:has(.sheet-row-main){flex-direction:column;gap:0}.sheet-row--logged.sheet-row--past{opacity:.55}.sheet-row--logged.sheet-row--active{opacity:.75}.sheet-row-expand{display:flex;align-items:center;gap:.35rem;padding-top:.45rem;margin-top:.35rem;border-top:1px solid rgba(255,255,255,.1);width:100%;justify-content:center;animation:sheetExpandIn .2s ease-out}@keyframes sheetExpandIn{0%{opacity:0;max-height:0;padding-top:0;margin-top:0}to{opacity:1;max-height:3rem;padding-top:.45rem;margin-top:.35rem}}.sheet-expand-btn{font-size:.7rem;font-weight:600;padding:.25rem .55rem;border-radius:.4rem;cursor:pointer;display:flex;align-items:center;gap:.2rem;transition:opacity .15s,transform .1s}.sheet-expand-btn:active{transform:scale(.95)}.sheet-expand-btn--jamaah{background:hsl(var(--status-jamaah)/.15);color:hsl(var(--status-jamaah));border:1px solid hsl(var(--status-jamaah)/.3)}.sheet-expand-btn--sam{background:hsl(var(--status-prayed)/.15);color:hsl(var(--status-prayed));border:1px solid hsl(var(--status-prayed)/.3)}.sheet-expand-btn--missed{background:hsl(var(--status-missed)/.1);color:hsl(var(--status-missed));border:1px solid hsl(var(--status-missed)/.2)}.sheet-expand-btn--cancel{background:transparent;color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.12);padding:.25rem;margin-left:auto}.sheet-row-active-dot{width:7px;height:7px;border-radius:9999px;background:hsl(var(--sky-sun));flex-shrink:0;box-shadow:0 0 6px hsl(var(--sky-sun)/.7)}.sheet-divider{height:1px;margin:.4rem 0}.sheet-close-btn,.sheet-divider{background:rgba(255,255,255,.08)}.sheet-close-btn{display:block;width:100%;margin-top:1.25rem;padding:.75rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.85);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.sheet-close-btn:hover{background:rgba(255,255,255,.14)}.sheet-close-btn:active{transform:scale(.98)}.sheet-container{max-height:min(90vh,52rem);border-radius:1.75rem 1.75rem 0 0;padding:.65rem 1rem 1.4rem;box-shadow:0 -18px 48px rgba(0,0,0,.22)}.sheet-container--settings{padding-bottom:.35rem}.sheet-handle-bar{padding:.35rem 0 .45rem}.sheet-handle{width:3rem;background:rgba(255,255,255,.24)}.sheet-header{gap:.3rem;padding:.1rem 0 .95rem}.sheet-title{font-size:1.32rem;letter-spacing:.01em}.sheet-subtitle{max-width:24rem;font-size:.72rem;line-height:1.45;color:rgba(255,255,255,.54)}.settings-tab-bar{margin-bottom:.9rem;padding:.3rem;border-radius:.95rem;background:rgba(255,255,255,.05)}.settings-tab-btn{min-height:2.7rem;border-radius:.75rem}.settings-content{padding-bottom:1.1rem}.settings-section-list{gap:.65rem}.calendar-top-grid{display:grid;gap:.75rem}.calendar-actions-card,.calendar-empty-card,.calendar-nav-card,.calendar-table-shell{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);border-radius:1rem}.calendar-actions-card{padding:.85rem}.calendar-action-grid{display:grid;grid-template-columns:1fr;gap:.55rem}.calendar-actions-hint{margin-top:.55rem;font-size:.76rem;line-height:1.45;color:rgba(255,255,255,.52)}.calendar-nav-card{padding:.8rem .85rem}.calendar-nav-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem}.calendar-nav-title{text-align:center;font-family:var(--font-amiri,serif);font-size:1.05rem;font-weight:700;color:rgba(255,255,255,.94)}.calendar-nav-meta-row{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.75rem;flex-wrap:wrap}.calendar-nav-meta{font-size:.72rem;color:rgba(255,255,255,.5)}.calendar-empty-card{padding:2rem 1.25rem}.calendar-mobile-card{border-radius:1rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.sheet-close-btn{margin-top:1rem;border-radius:1rem;background:rgba(255,255,255,.07)}@media (min-width:640px){.calendar-top-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}.calendar-action-grid{grid-template-columns:1fr 1fr}}@media (min-width:1280px){.sheet-backdrop{align-items:center;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sheet-container{border-radius:1.75rem;max-height:80vh;max-width:38rem;padding:.75rem 1.5rem 1.75rem;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(8,14,40,.78);border:1px solid rgba(255,255,255,.12);box-shadow:0 32px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.08);animation:sheet-scale-in .3s cubic-bezier(.32,.72,0,1)}[data-phase=morning] .sheet-container,[data-phase=noon] .sheet-container{background:rgba(0,30,80,.72);border-color:rgba(255,255,255,.15)}[data-phase=afternoon] .sheet-container{background:rgba(15,25,70,.74)}[data-phase=fajr] .sheet-container{background:rgba(20,18,60,.76)}[data-phase=sunset] .sheet-container{background:rgba(40,10,50,.76)}[data-phase=isha] .sheet-container,[data-phase=night] .sheet-container{background:rgba(4,6,25,.8)}.sheet-container--calendar{max-width:58rem}.sheet-container--changelog{max-width:36rem}.sheet-container--settings{display:grid;grid-template-columns:10.5rem 1fr;grid-template-rows:auto 1fr;max-width:48rem;max-height:75vh;padding:1rem 1.75rem 1rem 1.25rem;column-gap:0}.sheet-container--settings>.sheet-handle-bar{grid-column:1/-1}.sheet-container--settings>.sheet-header{grid-column:1/-1;padding-bottom:.85rem}.sheet-container--settings>.settings-tab-bar{grid-row:2;grid-column:1;flex-direction:column;align-self:start;margin-bottom:0;padding:.35rem;gap:.25rem;border-radius:.85rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.settings-tab-btn{min-height:2.6rem;font-size:.78rem;gap:.5rem;border-radius:.7rem;justify-content:flex-start;padding:.5rem .65rem}.settings-tab-btn--active{border-bottom:none;border-left:2px solid hsl(var(--primary))}.sheet-container--settings>.settings-content{grid-row:2;grid-column:2;border-left:1px solid rgba(255,255,255,.07);padding-left:1.25rem;margin-left:.75rem;padding-bottom:.5rem}.settings-section-list{gap:.75rem}.settings-section{padding:1rem 1.25rem;border-radius:1.1rem}.settings-pill{padding:.5rem .6rem;font-size:.75rem}.settings-row--btn{padding:.7rem .85rem;border-radius:.85rem}.settings-stepper{padding:.5rem .85rem}.sheet-container--stats{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;row-gap:0;max-width:44rem;padding:.75rem 1.75rem 1.5rem;overflow-y:auto}.sheet-container--stats>.sheet-close-btn,.sheet-container--stats>.sheet-handle-bar,.sheet-container--stats>.sheet-header,.sheet-container--stats>.stats-completion,.sheet-container--stats>.stats-empty,.sheet-container--stats>.stats-footer-text,.sheet-container--stats>.stats-overview-grid,.sheet-container--stats>.stats-period-toggle{grid-column:1/-1}.sheet-row{padding:.85rem 1rem;gap:.85rem}.sheet-row-icon-wrap{width:2.25rem;height:2.25rem;border-radius:.6rem}.sheet-row-name,.sheet-row-time{font-size:.92rem}.sheet-row-time--active{font-size:1rem}.sheet-list{gap:.4rem}.sheet-handle-bar{padding:.15rem 0}.sheet-handle{opacity:0;height:0;padding:0}.sheet-header{padding:.25rem 0 1.1rem}.sheet-title{font-size:1.5rem;letter-spacing:.01em;text-shadow:0 1px 8px rgba(0,0,0,.2)}.sheet-subtitle{font-size:.8rem;max-width:30rem;color:rgba(255,255,255,.5)}.calendar-nav-title{font-size:1.15rem}.calendar-actions-card{padding:1rem}.calendar-nav-card{padding:.9rem 1rem}.sheet-close-btn{max-width:20rem;margin-left:auto;margin-right:auto;border-radius:1.1rem;padding:.8rem;font-size:.88rem}@keyframes sheet-scale-in{0%{opacity:0;transform:scale(.96) translateY(8px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}}