.celestial-theme-transition{position:fixed;inset:0;z-index:100;overflow:hidden;pointer-events:none}.celestial-theme-transition--to-day{background:radial-gradient(circle at 50% 82%,rgba(250,204,21,.25),transparent 30%),linear-gradient(180deg,#17131d,#2a1b3d 52%,#f5f1e8);animation:celestial-sky-brighten .98s cubic-bezier(.22,1,.36,1) forwards}.celestial-theme-transition--to-night{background:radial-gradient(circle at 50% 28%,rgba(250,204,21,.22),transparent 28%),linear-gradient(180deg,#f5f1e8,#f4dca2 40%,#2a1b3d 74%,#17131d);animation:celestial-sky-darken .98s cubic-bezier(.22,1,.36,1) forwards}.celestial-theme-transition__wash{position:absolute;inset:0;opacity:0}.celestial-theme-transition--to-day .celestial-theme-transition__wash{background:#f5f1e8;animation:celestial-day-wash-in .98s cubic-bezier(.22,1,.36,1) forwards}.celestial-theme-transition--to-night .celestial-theme-transition__wash{background:#17131d;animation:celestial-night-wash-in .98s cubic-bezier(.22,1,.36,1) forwards}.celestial-theme-transition__body{position:absolute;left:50%;width:112px;height:112px;transform:translateX(-50%);border:4px solid #17131d;background:#fff2b8;box-shadow:0 0 0 4px #facc15,0 0 56px rgba(250,204,21,.62),0 0 112px rgba(245,241,232,.55);image-rendering:pixelated}.celestial-theme-transition--to-day .celestial-theme-transition__body{bottom:-132px;animation:celestial-body-rise .98s cubic-bezier(.22,1,.36,1) forwards}.celestial-theme-transition--to-night .celestial-theme-transition__body{bottom:58%;animation:celestial-body-set .98s cubic-bezier(.22,1,.36,1) forwards}.celestial-theme-transition__pixel{position:absolute;width:12px;height:12px;background:#e5c873}.celestial-theme-transition__pixel--a{top:20px;left:24px;box-shadow:12px 0 #e5c873,0 12px #e5c873}.celestial-theme-transition__pixel--b{top:34px;right:22px;width:18px;height:18px}.celestial-theme-transition__pixel--c{right:34px;bottom:26px;box-shadow:12px 12px #e5c873}.celestial-theme-transition__pixel--d{left:36px;bottom:20px;width:10px;height:10px}.celestial-theme-transition__horizon{position:absolute;right:0;bottom:0;left:0;height:34%}.celestial-theme-transition--to-day .celestial-theme-transition__horizon{background:linear-gradient(180deg,transparent,rgba(245,241,232,.86) 22%,#f5f1e8),repeating-linear-gradient(0deg,rgba(47,41,56,.12) 0 2px,transparent 2px 9px);transform:translateY(32%);animation:celestial-horizon-rise .98s cubic-bezier(.22,1,.36,1) forwards}.celestial-theme-transition--to-night .celestial-theme-transition__horizon{background:linear-gradient(180deg,transparent,rgba(23,19,29,.72) 24%,#17131d),repeating-linear-gradient(0deg,rgba(250,204,21,.12) 0 2px,transparent 2px 9px);transform:translateY(0);animation:celestial-horizon-fall .98s cubic-bezier(.22,1,.36,1) forwards}@keyframes celestial-body-rise{0%{bottom:-132px;opacity:.72}68%{bottom:50%;opacity:1}to{bottom:58%;opacity:.18}}@keyframes celestial-body-set{0%{bottom:58%;opacity:.86}42%{bottom:38%;opacity:1}to{bottom:-132px;opacity:.16}}@keyframes celestial-sky-brighten{0%{opacity:1}78%{opacity:1}to{opacity:.98}}@keyframes celestial-sky-darken{0%{opacity:1}78%{opacity:1}to{opacity:.98}}@keyframes celestial-day-wash-in{0%,55%{opacity:0}to{opacity:.96}}@keyframes celestial-night-wash-in{0%,55%{opacity:0}to{opacity:.92}}@keyframes celestial-horizon-rise{0%{transform:translateY(32%)}to{transform:translateY(0)}}@keyframes celestial-horizon-fall{0%{transform:translateY(0)}to{transform:translateY(18%)}}@media (max-width:640px){.celestial-theme-transition__body{width:88px;height:88px}}@media (prefers-reduced-motion:reduce){.celestial-theme-transition{display:none}}