@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-gradient-to-br from-blue-50 to-blue-100 min-h-screen overflow-hidden;}}@layer components{.thought-bubble{@apply absolute bg-white rounded-3xl p-4 shadow-lg max-w-xs;animation:appear .3s ease-out}.thought-bubble:before{content:"";@apply absolute -bottom-2 left-1/2 transform -translate-x-1/2 w-4 h-4 bg-white rotate-45;}}@keyframes appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.dust-particle{position:absolute;pointer-events:none;border-radius:50%;background:rgba(139,69,19,.3);animation:dustFloat .5s ease-out forwards}@keyframes dustFloat{0%{transform:translateY(0) scale(1);opacity:.5}to{transform:translateY(-20px) scale(0);opacity:0}}.flying-trail{position:absolute;width:20px;height:20px;background:rgba(255,255,255,.3);border-radius:50%;filter:blur(5px);animation:trailFade .3s ease-out forwards}@keyframes trailFade{0%{transform:scale(1);opacity:.5}to{transform:scale(0);opacity:0}}@keyframes tiredWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.tired-animation{animation:tiredWobble .5s ease-in-out infinite}
