@property --sky-top{syntax: "<color>"; inherits: true; initial-value: Canvas;}@property --sky-middle{syntax: "<color>"; inherits: true; initial-value: Canvas;}@property --sky-bottom{syntax: "<color>"; inherits: true; initial-value: Canvas;}@property --celestial-glow{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --celestial-position{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --celestial-intensity{syntax: "<number>"; inherits: true; initial-value: .6;}.sky-gradient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:0;background:linear-gradient(to top,var(--sky-bottom) 0%,var(--sky-middle) 40%,var(--sky-top) 100%)}.sky-gradient.ready{opacity:1;transition:opacity .12s ease-out,--sky-top 120s linear,--sky-middle 120s linear,--sky-bottom 120s linear,--celestial-glow 120s linear,--celestial-position 120s linear,--celestial-intensity 120s linear}.sky-gradient.manual-mode{transition:none!important}.sky-gradient[data-time-phase=night]{--sky-top: var(--surface-sky-top);--sky-middle: var(--surface-sky-middle);--sky-bottom: var(--surface-sky-bottom);--celestial-glow: color-mix(in srgb, var(--text-info) 15%, transparent);--celestial-intensity: .6}.sky-gradient[data-time-phase=pre-dawn]{--sky-top: var(--surface-sky-top);--sky-middle: var(--surface-sky-middle);--sky-bottom: var(--surface-sky-bottom);--celestial-glow: color-mix(in srgb, var(--text-warning) 30%, transparent);--celestial-position: 5%;--celestial-intensity: .7}.sky-gradient[data-time-phase=dawn]{--sky-top: var(--surface-sky-top);--sky-middle: var(--surface-sky-middle);--sky-bottom: var(--surface-sky-bottom);--celestial-glow: color-mix(in srgb, var(--text-warning) 50%, transparent);--celestial-intensity: .8}.sky-gradient[data-time-phase=morning]{--sky-top: var(--surface-sky-top);--sky-middle: var(--surface-sky-middle);--sky-bottom: var(--surface-sky-bottom);--celestial-glow: color-mix(in srgb, var(--text-warning) 30%, transparent);--celestial-position: 70%;--celestial-intensity: .5}.sky-gradient[data-time-phase=midday]{--sky-top: var(--surface-sky-top);--sky-middle: var(--surface-sky-middle);--sky-bottom: var(--surface-sky-bottom);--celestial-glow: color-mix(in srgb, var(--text-info) 20%, transparent);--celestial-position: 90%;--celestial-intensity: .3}.sky-gradient[data-time-phase=afternoon]{--sky-top: var(--surface-sky-top);--sky-middle: var(--surface-sky-middle);--sky-bottom: var(--surface-sky-bottom);--celestial-glow: color-mix(in srgb, var(--text-warning) 35%, transparent);--celestial-position: 75%;--celestial-intensity: .5}.sky-gradient[data-time-phase=dusk]{--sky-top: var(--surface-sky-top);--sky-middle: var(--surface-sky-middle);--sky-bottom: var(--surface-sky-bottom);--celestial-glow: color-mix(in srgb, var(--text-warning) 60%, transparent);--celestial-intensity: .8}.sky-gradient[data-time-phase=twilight]{--sky-top: var(--surface-sky-top);--sky-middle: var(--surface-sky-middle);--sky-bottom: var(--surface-sky-bottom);--celestial-glow: color-mix(in srgb, var(--text-error) 40%, transparent);--celestial-position: 10%;--celestial-intensity: .6}.sky-gradient.fast-forward{transition:--sky-top 2s ease-in-out,--sky-middle 2s ease-in-out,--sky-bottom 2s ease-in-out,--celestial-glow 2s ease-in-out,--celestial-position 2s ease-in-out,--celestial-intensity 1s ease-in-out}@media(prefers-reduced-motion:reduce){.sky-gradient{transition:none}}