Kawaii Minimal

# Visual style: Kawaii Minimal

A gentle style blending Japanese kawaii culture with minimalist design. Soft pastel palettes, rounded shapes, airy whitespace, and delicate micro-interactions, ideal for lifestyle apps, children's products, and creative tools.

## Philosophy
Kawaii Minimal blends the warmth of Japanese cute culture with the restraint of Nordic minimalism.

Core principles:
- Soft pastels: using low-saturation pink, purple, blue, and yellow tones to create a gentle atmosphere
- Rounded shapes: large border-radius, circular elements, avoiding sharp edges
- Airy whitespace: ample breathing room makes the interface feel relaxed and comfortable
- Micro-interactions: delicate bounce and wiggle animations add playfulness
- Function first: cute but not cluttered, keeping information clear

## Do
- Use warm white backgrounds bg-[#FFF7ED] or bg-orange-50
- Use large rounded corners rounded-2xl rounded-3xl rounded-full
- Use soft shadows shadow-sm shadow-md (avoid dark strong shadows)
- Text uses rounded sans-serif fonts font-sans font-medium
- Buttons use pastel gradients or soft solid colors
- Cards use light borders border-pink-200 or no borders
- Interactions use bounce scaling hover:scale-105 active:scale-95
- Generous spacing p-6 p-8 gap-6 gap-8
- Add jelly-like squash and stretch to interactions for a soft, squishy feel

## Don't
- Do not use dark/black backgrounds
- Do not use sharp corners rounded-none rounded-sm
- Do not use glow/neon effects
- Do not use high-saturation fluorescent colors
- Do not use bold black borders
- Do not overcrowd information -- maintain whitespace
- Do not use stiff linear transitions -- prefer easing curves with bounce feel

## Rules for the AI
STYLE: Kawaii Minimal
TYPE: Cute minimalist pastel interface

MUST USE:
- Warm light background: bg-[#FFF7ED] or bg-orange-50
- Large rounded corners: rounded-2xl, rounded-3xl, rounded-full
- Soft shadows: shadow-sm, shadow-md (not dark/strong)
- Pastel colors: pink-300, purple-300, cyan-200, yellow-200
- Bounce interactions: hover:scale-105 active:scale-95
- Generous spacing: p-6, p-8, gap-6
- font-sans font-medium for text
- White cards with light borders

MUST AVOID:
- Dark/black backgrounds
- Sharp corners (rounded-none, rounded-sm)
- Glow/neon effects
- High saturation neon colors
- Bold black borders
- Dense information layout

Animation & Interaction Rules:
- Jelly Bounce: Hover uses squash-and-stretch (non-uniform scale-x and scale-y changes) for gummy elasticity.
- Cloud Lift: Cards can gently float upward with enhanced pastel shadows, maintaining a light, joyful floating feel.
- Squishy Press: Active uses more pronounced compression (0.90-0.95) with tightened shadows, simulating a soft squishy touch.
- Spring Easing: Prefer cubic-bezier(0.34,1.56,0.64,1) bounce rhythm, avoiding stiff linear transitions.