@unocss-reset;body{font-family:Fredoka,sans-serif;background:#fff;min-height:100vh;position:relative;margin:0}.bubbles{position:fixed;width:100%;height:100%;overflow:hidden;top:0;left:0;pointer-events:none;z-index:0}.bubble{position:absolute;bottom:-100px;background:radial-gradient(circle,#ffffff80,#ffffff1a);border-radius:50%;animation:float-up 15s infinite}@keyframes float-up{to{transform:translateY(calc(-100vh - 100px)) rotate(360deg);opacity:0}}.cartoon-key{position:relative;background:linear-gradient(180deg,#fff,#f0f0f0);border:3px solid transparent;background-clip:padding-box;box-shadow:0 8px #0000001a,0 10px 20px #0003;transition:all .1s ease}.cartoon-key:active{transform:translateY(4px);box-shadow:0 4px #0000001a,0 5px 10px #0003}.cartoon-key.correct{background:linear-gradient(180deg,#1dd1a1,#55efc4);animation:bounce-happy .5s ease}.cartoon-key.wrong{background:linear-gradient(180deg,#ff6b6b,#ee5252);animation:shake-no .5s ease}@keyframes bounce-happy{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-5deg)}75%{transform:scale(1.2) rotate(5deg)}}@keyframes shake-no{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.paper-card{position:relative;background:#fff;box-shadow:0 1px 1px #00000026,0 10px 0 -5px #eee,0 10px 1px -4px #00000026,0 20px 0 -10px #eee,0 20px 1px -9px #00000026}.star-rating .star{transition:all .3s ease}.star-rating .star.filled{animation:star-pop .5s ease}@keyframes star-pop{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.3) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}a{text-decoration:none;color:inherit;transition:all .3s ease}a:hover{text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff6b9d80}50%{box-shadow:0 0 40px #ff6b9dcc}}@keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes jello{0%,to{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}.animate-wiggle{animation:wiggle .5s ease-in-out infinite}.animate-bounce-soft{animation:bounce-soft 1s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 3s linear infinite}.animate-jello{animation:jello 1s ease-in-out}.animate-rainbow{background:linear-gradient(90deg,#ff6b9d,#feca57,#48dbfb,#1dd1a1,#9b59b6,#ff6b9d);background-size:200% 200%;animation:rainbow 3s ease infinite}