:root{--pastel-cream:#FFF8F0;--pastel-cream-dark:#FFF0E0;--pastel-lavender:#E8E0F0;--pastel-lavender-dark:#D8D0E8;--pastel-mint:#E0F5E8;--pastel-peach:#FFE8D8;--pastel-sky:#E0F0FF;--pastel-pink:#FFE0F0;--night-deep:#1A1A2E;--night-purple:#2D2B55;--night-soft:#3D3B65;--night-glow:#4D4B75;--star-gold:#FFD700;--star-gold-glow:rgba(255,215,0,0.4);--moon-silver:#E8E8F0;--cta-primary:#FF8A65;--cta-primary-hover:#FF7043;--cta-primary-glow:rgba(255,138,101,0.4);--cta-secondary:#7C4DFF;--cta-secondary-hover:#651FFF;--cta-listen:#9C6ADE;--cta-create:#FFB74D;--success:#81C784;--warning:#FFD54F;--error-soft:#FFAB91;--text-dark:#2D2B55;--text-medium:#5D5B85;--text-light:#8D8BB5;--text-on-dark:#FFFFFF;--text-on-dark-muted:rgba(255,255,255,0.7);--card-white:#FFFFFF;--card-cream:#FFFAF5;--card-shadow:rgba(45,43,85,0.08);--card-shadow-hover:rgba(45,43,85,0.15);--font-display:var(--font-fredoka),"Fredoka One",cursive;--font-body:var(--font-nunito),"Nunito",sans-serif;--font-playful:var(--font-comic-neue),"Comic Neue",cursive;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:16px;--radius-md:24px;--radius-lg:32px;--radius-xl:48px;--radius-2xl:64px;--radius-full:9999px;--shadow-sm:0 4px 12px var(--card-shadow);--shadow-md:0 8px 24px var(--card-shadow);--shadow-lg:0 16px 48px var(--card-shadow);--shadow-glow-gold:0 0 24px var(--star-gold-glow);--shadow-glow-cta:0 8px 24px var(--cta-primary-glow);--transition-fast:150ms ease-out;--transition-base:300ms ease-out;--transition-slow:500ms ease-out;--transition-bounce:500ms cubic-bezier(0.34,1.56,0.64,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-popover:400;--z-tooltip:500;--z-mascot:600}.night-mode,[data-theme=night]{--pastel-cream:var(--night-deep);--pastel-lavender:var(--night-purple);--card-white:var(--night-soft);--card-cream:var(--night-purple);--text-dark:var(--text-on-dark);--text-medium:var(--text-on-dark-muted);--card-shadow:rgba(0,0,0,0.3)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(1deg)}75%{transform:translateY(-4px) rotate(-1deg)}}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 8px 24px var(--cta-primary-glow)}50%{transform:scale(1.02);box-shadow:0 12px 32px var(--cta-primary-glow)}}@keyframes twinkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes sparkle{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}@keyframes cloud-drift{0%{transform:translateX(-100%)}to{transform:translateX(100vw)}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes page-flip{0%{transform:perspective(1000px) rotateY(0deg);opacity:1}50%{transform:perspective(1000px) rotateY(-90deg);opacity:.5}to{transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--star-gold-glow)}50%{box-shadow:0 0 40px var(--star-gold-glow)}}@keyframes loading-dot{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.animate-float{animation:float 6s ease-in-out infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-twinkle{animation:twinkle 2s ease-in-out infinite}.animate-sway{animation:sway 4s ease-in-out infinite}.animate-bounce-in{animation:bounce-in .6s cubic-bezier(.34,1.56,.64,1)}.animate-fade-up{animation:fade-up .5s ease-out}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.2s}.stagger-children>:nth-child(4){animation-delay:.3s}.stagger-children>:nth-child(5){animation-delay:.4s}.transition-all-fast{transition:all var(--transition-fast)}.transition-all-base{transition:all var(--transition-base)}.transition-all-slow{transition:all var(--transition-slow)}.transition-bounce{transition:transform var(--transition-bounce)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-scale:active{transform:scale(.98)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}