:root{--kp-teal: #3DD9D6;--kp-teal-dark: #2BC4C1;--kp-coral: #FF6B6B;--kp-coral-dark: #E85555;--kp-sunshine: #FFD93D;--kp-sunshine-dark: #E8C32E;--kp-lavender: #C084FC;--kp-lavender-dark: #A86BE8;--kp-mint: #88E0D0;--kp-peach: #FFF5F0;--kp-cream: #FFFBF5;--kp-snow: #FFFFFF;--kp-charcoal: #3A3A3A;--kp-slate: #6B7280;--kp-cloud: #E5E7EB;--color-primary: var(--kp-teal);--color-primary-dark: var(--kp-teal-dark);--color-accent: var(--kp-coral);--color-accent-dark: var(--kp-coral-dark);--color-warm: var(--kp-sunshine);--color-warm-dark: var(--kp-sunshine-dark);--color-magic: var(--kp-lavender);--color-magic-dark: var(--kp-lavender-dark);--color-success: var(--kp-mint);--color-bg: var(--kp-peach);--color-card: var(--kp-cream);--color-text: var(--kp-charcoal);--color-text-secondary: var(--kp-slate);--color-border: var(--kp-cloud);--font-heading: "Fredoka", "Comic Sans MS", "Chalkboard SE", sans-serif;--font-body: "Nunito", "Segoe UI", system-ui, sans-serif;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 999px;--shadow-soft: 0 4px 20px rgba(61, 217, 214, .12);--shadow-hover: 0 8px 30px rgba(61, 217, 214, .2);--shadow-card: 0 6px 24px rgba(58, 58, 58, .06);--shadow-glow-teal: 0 0 20px rgba(61, 217, 214, .35);--shadow-glow-coral: 0 0 20px rgba(255, 107, 107, .35);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--touch-min: 48px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:.02em}button{font-family:var(--font-heading);cursor:pointer;border:none;outline:none;touch-action:manipulation}a{color:inherit;text-decoration:none}input,select,textarea{font-family:var(--font-body);font-size:1rem;color:var(--color-text)}img{max-width:100%;display:block}@keyframes kp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes kp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes kp-bounce-in{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}@keyframes kp-fade-in{0%{opacity:0}to{opacity:1}}.animate-pulse{animation:kp-pulse 2.5s ease-in-out infinite}.animate-float{animation:kp-float 3s ease-in-out infinite}.animate-bounce-in{animation:kp-bounce-in .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes mascot-bounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-10px) scale(1.05)}50%{transform:translateY(0) scale(.97)}70%{transform:translateY(-4px) scale(1.02)}}@keyframes mascot-sway{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}@keyframes mascot-tilt{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.mascot-idle{animation:kp-float 3s ease-in-out infinite}.mascot-bounce{animation:mascot-bounce .6s ease-in-out 2}.mascot-sway{animation:mascot-sway .5s ease-in-out 2}.mascot-tilt{animation:mascot-tilt 1.2s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}