body{font-family:PingFang SC,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#fdf2f8,#faf5ff,#eef2ff)}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.option-circle{transition:all .2s ease}.option-circle:hover{transform:scale(1.1)}.option-circle.selected{background-color:#a855f7;border-color:#7c3aed;color:#fff;transform:scale(1.1)}.btn-primary{transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #a685ff66}.btn-primary:active{transform:translateY(0)}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.progress-bar{transition:width .3s ease}.dimension-bar{transition:width .5s ease-out}.radar-area{transition:d .8s ease-out}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.optionFlash{animation:optionFlash .4s ease-out}@keyframes optionFlash{0%{background-color:#a855f74d}to{background-color:transparent}}