.color-swatch.svelte-1g3c3un{position:relative}.color-swatch.svelte-1g3c3un:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:1rem;background:linear-gradient(135deg,#ffffff80,#0000001a);opacity:0;transition:opacity .3s ease;pointer-events:none}.color-swatch.svelte-1g3c3un:hover:before{opacity:1}.color-option-card.svelte-19a9fyg{transform-origin:center}.color-option-card.svelte-19a9fyg:not(.correct):not(.incorrect):hover{transform:scale(1.05)}.color-option-card.svelte-19a9fyg:active{transform:scale(.98)}.color-option-card.correct.svelte-19a9fyg{animation:svelte-19a9fyg-glow-green .5s ease-in-out}.color-option-card.incorrect.svelte-19a9fyg{animation:svelte-19a9fyg-shake .5s ease-in-out}@keyframes svelte-19a9fyg-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes svelte-19a9fyg-glow-green{0%{box-shadow:0 0 5px #22c55e80}50%{box-shadow:0 0 20px #22c55ecc,0 0 30px #22c55e99}to{box-shadow:0 0 5px #22c55e80}}@keyframes svelte-19a9fyg-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce.svelte-19a9fyg{animation:svelte-19a9fyg-bounce .6s ease-in-out infinite}@keyframes svelte-6k8roc-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.space-y-8,.space-y-6{animation:svelte-6k8roc-fadeIn .5s ease-out}.feedback-card.svelte-6k8roc{animation:svelte-6k8roc-fadeIn .6s ease-out}@keyframes svelte-6k8roc-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.bg-gradient-to-br{transition:all .3s ease}.bg-gradient-to-br:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}[style*="width:"]{transition:width .5s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.95)}.w-10.h-10{transition:all .2s ease}.w-10.h-10:hover{transform:scale(1.1)}