.city-picker__overlay{background:color-mix(in srgb, var(--bg-void,#000) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:.2s ease-out city-picker-fade;position:fixed;inset:0}.city-picker__content{gap:var(--space-3,.75rem);width:min(92vw,480px);max-height:80vh;padding:var(--space-5,1.5rem);background:var(--bg-elevated,#1a1a1a);border:1px solid var(--rule);border-radius:var(--radius-lg,12px);z-index:101;flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) city-picker-pop;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes city-picker-fade{0%{opacity:0}to{opacity:1}}@keyframes city-picker-pop{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.city-picker__title{font-family:var(--font-display);font-size:var(--fs-20,20px);color:var(--ink-high);margin:0}.city-picker__hint{font-size:var(--fs-13,13px);color:var(--ink-mid);margin:0}.city-picker__input{width:100%;padding:var(--space-3,.75rem) var(--space-4,1rem);background:color-mix(in srgb, var(--bg-base) 50%, transparent);border:1px solid var(--rule);border-radius:var(--radius-md,8px);color:var(--ink-high);font-size:var(--fs-15,15px);font-family:inherit}.city-picker__input:focus-visible{outline:1px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.city-picker__list{flex-direction:column;gap:2px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.city-picker__item{width:100%;padding:var(--space-3,.75rem);border-radius:var(--radius-sm,6px);color:var(--ink-high);font-size:var(--fs-14,14px);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:baseline;font-family:inherit;display:flex}.city-picker__item:hover,.city-picker__item:focus-visible{background:color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.city-picker__item-name{font-weight:500}.city-picker__item-region{font-size:var(--fs-12,12px);color:var(--ink-low);font-variant-numeric:tabular-nums}.city-picker__empty{padding:var(--space-4,1rem);color:var(--ink-low);text-align:center;font-size:var(--fs-13,13px)}.city-picker__precise{margin-top:var(--space-2,.5rem);padding:var(--space-3,.75rem);border:1px solid var(--rule);border-radius:var(--radius-md,8px);color:var(--ink-mid);font-size:var(--fs-13,13px);cursor:pointer;background:0 0;font-family:inherit}.city-picker__precise:hover,.city-picker__precise:focus-visible{color:var(--ink-high);border-color:var(--accent);outline:none}.city-picker__close{top:var(--space-3,.75rem);right:var(--space-3,.75rem);width:32px;height:32px;color:var(--ink-mid);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:24px;line-height:1;position:absolute}.city-picker__close:hover,.city-picker__close:focus-visible{background:color-mix(in srgb, var(--ink-mid) 12%, transparent);color:var(--ink-high);outline:none}
.location-chip{align-items:baseline;gap:var(--space-2,.5rem);padding:var(--space-2,.5rem) var(--space-3,.75rem);border:1px solid var(--rule,#ffffff1f);background:color-mix(in srgb, var(--bg-elevated,#1a1a1a) 70%, transparent);font-size:var(--fs-12,12px);color:var(--ink-mid);border-radius:999px;max-width:100%;line-height:1.4;display:inline-flex}.location-chip__icon{font-size:.85em;line-height:1}.location-chip__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.location-chip__dot{opacity:.4;padding:0 .15em}.location-chip__change{color:var(--accent,currentColor);font-size:inherit;cursor:pointer;text-underline-offset:.18em;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.location-chip__change:hover,.location-chip__change:focus-visible{color:var(--ink-high);outline:none}
.sun-arc{gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--rule);background:var(--bg-surface);--phase-color:var(--graha-moon-render);flex-direction:column;display:flex}.sun-arc[data-phase=day]{--phase-color:var(--graha-sun-render)}.sun-arc__stage{width:100%;line-height:0;position:relative}.sun-arc__svg{width:100%;height:auto;display:block;overflow:visible}.sun-arc__arc-base{stroke:var(--rule);stroke-width:1.5px;fill:none;opacity:.5}.sun-arc__horizon{stroke:var(--rule);stroke-width:1px;opacity:.35}.sun-arc__arc-elapsed{stroke:var(--phase-color);stroke-width:2px;fill:none;opacity:.9}.sun-arc__arc-remaining{stroke:var(--rule);stroke-width:1.5px;fill:none;opacity:.35}.sun-arc__glyph{background:color-mix(in oklab, var(--phase-color) 30%, var(--bg-elevated));box-shadow:0 0 10px 2px color-mix(in oklab, var(--phase-color) 55%, transparent);border-radius:50%;justify-content:center;align-items:center;padding:3px;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.sun-arc__glyph-img{filter:none;display:block}:root[data-theme=dark] .sun-arc__glyph-img{filter:invert()brightness(1.6)}.sun-arc[data-phase=pre-sunrise] .sun-arc__glyph,.sun-arc[data-phase=post-sunset] .sun-arc__glyph{opacity:.9}.sun-arc__caption{align-items:center;gap:var(--space-sm);grid-template-columns:auto 1fr auto;display:grid}.sun-arc__time{font-family:var(--font-mono);flex-direction:column;gap:1px;line-height:1.1;display:flex}.sun-arc__time--rise{text-align:left}.sun-arc__time--set{text-align:right}.sun-arc__label{font-size:var(--fs-label-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-low)}.sun-arc__value{font-size:var(--fs-sm);color:var(--ink-high);font-feature-settings:"tnum"}.sun-arc__status{text-align:center;font-size:var(--fs-label-sm);color:var(--ink-mid);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:italic;overflow:hidden}@media (max-width:767px){.sun-arc{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.sun-arc__stage{max-width:220px;margin:0 auto}.sun-arc__glyph-img{width:18px;height:18px}}