.day-field{pointer-events:none;isolation:isolate;contain:paint;position:absolute;inset:0;overflow:hidden}.df-layer{position:absolute;inset:0;overflow:hidden}.df-layer[data-entering]{animation:df-in 1.5s var(--ease-glide,cubic-bezier(.65, 0, .35, 1)) both}@keyframes df-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.df-blob{filter:blur(70px);opacity:.9;border-radius:50%;position:absolute}.df-shape{aspect-ratio:1;width:min(130vw,1000px);height:auto;position:absolute;top:50%;right:-18%;overflow:visible;transform:translateY(-58%)}.df-moon{aspect-ratio:1;object-fit:cover;opacity:.9;border-radius:50%;width:min(105vw,820px);height:auto;position:absolute;top:50%;right:-12%;transform:translateY(-50%)}.df-grain{opacity:.08;mix-blend-mode:soft-light;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.df-turn{transform-box:fill-box;transform-origin:50%;animation:180s linear both df-turn}@keyframes df-turn{0%{transform:rotate(0)}to{transform:rotate(14deg)}}@media (prefers-reduced-motion:reduce){.df-layer[data-entering],.df-turn{animation:none}}
