Style: Claymorphism. Type: General. Keywords: Soft 3D, chunky, playful, toy-like, bubbly, thick borders (3-4px), double shadows, rounded (16-24px). Primary Colors: Pastel: Soft Peach #FDBCB4, Baby Blue #ADD8E6, Mint #98FF98, Lilac #E6E6FA, light BG. Secondary Colors: Soft gradients (pastel-to-pastel), light/dark variations (20-30%), gradient subtle. Effects & Animation: Inner+outer shadows (subtle, no hard lines), soft press (200ms ease-out), fluffy elements, smooth transitions. Best For: Educational apps, children's apps, SaaS platforms, creative tools, fun-focused, onboarding, casual games. Do Not Use For: Formal corporate, professional services, data-critical, serious/medical, legal apps, finance. Light Mode: ✓ Full. Dark Mode: ◐ Partial. Performance: ⚡ Good. Accessibility: ⚠ Ensure 4.5:1. Mobile-Friendly: ✓ High. Conversion-Focused: ✓ High. Framework Compatibility: Tailwind 9/10, CSS-in-JS 9/10. Era/Origin: 2020s Modern. Complexity: Medium. AI Prompt Keywords: Design a playful, toy-like interface with soft 3D, chunky elements, bubbly aesthetic, rounded edges (16-24px), thick borders (3-4px), double shadows (inner + outer), pastel colors, smooth animations. Perfect for children's apps and creative tools.. CSS/Technical: border-radius: 16-24px, border: 3-4px solid, box-shadow: inset -2px -2px 8px, 4px 4px 8px, background: pastel-gradient, animation: soft bounce (cubic-bezier 0.34, 1.56). Implementation Checklist: ☐ Border-radius 16-24px, ☐ Thick borders 3-4px, ☐ Double shadows (inner+outer), ☐ Pastel colors used, ☐ Soft bounce animations, ☐ Playful interactions. Design System Variables: --border-radius: 20px, --border-width: 3-4px, --shadow-inner: inset -2px -2px 8px, --shadow-outer: 4px 4px 8px, --color-palette: pastels, --animation: bounce.