:root{--color-sun-yellow: #FFB703;--color-sun-yellow-light: #FFF3D6;--color-coral: #FB8500;--color-coral-light: #FFEAD9;--color-sky-blue: #219EBC;--color-sky-blue-light: #E0F2FE;--color-deep-blue: #023047;--color-mint-green: #2EC4B6;--color-mint-green-light: #E6FBF8;--color-violet-fun: #8338EC;--color-violet-light: #F3EBFF;--color-pink-blush: #FF006E;--color-pink-light: #FFE5EE;--bg-app: #FFFDF9;--bg-surface: #FFFFFF;--bg-surface-soft: #F8F9FD;--bg-card: #FFFFFF;--text-main: #1E293B;--text-muted: #64748B;--text-white: #FFFFFF;--shadow-sm: 0 4px 0 rgba(15, 23, 42, .08);--shadow-md: 0 8px 0 rgba(15, 23, 42, .1);--shadow-lg: 0 12px 0 rgba(15, 23, 42, .12);--shadow-elevated: 0 20px 30px -10px rgba(15, 23, 42, .15);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--font-display: "Fredoka", cursive, system-ui, -apple-system, sans-serif;--font-body: "Quicksand", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow-x:hidden;background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-body);font-weight:600;line-height:1.5;user-select:none;-webkit-user-select:none;touch-action:manipulation}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--text-main);line-height:1.25}button{font-family:var(--font-display);cursor:pointer;border:none;outline:none;background:transparent;transition:all .15s cubic-bezier(.34,1.56,.64,1)}button:active{transform:translateY(4px)}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseGently{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes starPop{0%{transform:scale(.6) rotate(-15deg);opacity:0}80%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes wobbleSoft{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.animate-float{animation:floatGentle 3s ease-in-out infinite}.animate-pulse-gentle{animation:pulseGently 2.4s ease-in-out infinite}.animate-pop{animation:starPop .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-wobble{animation:wobbleSoft .45s ease-in-out}.bubbly-card{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:3px solid rgba(0,0,0,.05);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.bubbly-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.bubbly-card:active{transform:translateY(4px);box-shadow:var(--shadow-sm)}