@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Comic+Neue:wght@300;400;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{color-scheme:light;color:#2d3748;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Fredoka,Comic Neue,system-ui,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;overflow:hidden}body{width:100%;min-width:320px;height:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(#a78bfa,#f9a8d4);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#8b5cf6,#ec4899)}.gradient-background{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb) 0 0/400% 400%;animation:15s infinite gradient-shift}.gradient-playful{background:linear-gradient(135deg,#84fab0,#8fd3f4,#a8edea,#fed6e3,#fbc2eb) 0 0/400% 400%;animation:20s infinite gradient-shift}.gradient-cute{background:linear-gradient(to bottom right,#ffecd2,#fcb69f,#ff9a9e,#fecfef,#ffdee9)}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes mascot-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.02)}}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes mascot-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes mascot-gentle-sway{0%,to{transform:rotate(0)translate(0)}25%{transform:rotate(2deg)translate(5px)}50%{transform:rotate(0)translate(0)}75%{transform:rotate(-2deg)translate(-5px)}}@keyframes mascot-blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes bubble-pop{0%{opacity:0;transform:scale(.8)translateY(10px)}50%{transform:scale(1.05)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes heart-beat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.2)}20%,40%{transform:scale(1.1)}}.text-shadow-fun{text-shadow:2px 2px 4px #a78bfa4d}.glow{box-shadow:0 0 20px #a78bfa80,0 0 40px #f9a8d44d}.glow-strong{box-shadow:0 0 30px #a78bfab3,0 0 60px #f9a8d480}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes loading-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.button-bounce:active{animation:.2s button-press}@keyframes button-press{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.message-slide-in{animation:.3s ease-out slide-in}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.message-slide-in-right{animation:.3s ease-out slide-in-right}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes typing-dot{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}@keyframes float-up{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100vh)rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #a78bfa66,0 0 40px #f9a8d44d}50%{box-shadow:0 0 30px #a78bfa99,0 0 60px #f9a8d480}}@keyframes wiggle-hover{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes rainbow-text{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes heart-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(0)rotate(0)}50%{opacity:1}to{transform:translate(calc(-50% + var(--distance)*cos(var(--angle))),calc(-50% + var(--distance)*sin(var(--angle))))scale(1.5)rotate(360deg);opacity:0}}.dot-pattern{background-image:radial-gradient(circle,#a78bfa14 1px,#0000 1px);background-size:20px 20px}.grid-pattern{background-image:linear-gradient(#a78bfa08 1px,#0000 1px),linear-gradient(90deg,#a78bfa08 1px,#0000 1px);background-size:40px 40px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#0000,#fff6,#0000) 0 0/1000px 100%;animation:3s linear infinite shimmer}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}