{
  "name": "css-animation.com",
  "short_name": "CSS Animation",
  "description": "A performance-first, accessibility-aware resource for mastering modern web motion — view transitions, scroll-driven animations, performance budgets, and prefers-reduced-motion.",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#FAFAFA",
  "theme_color": "#7C3AED",
  "orientation": "any",
  "lang": "en",
  "categories": ["education", "developer tools"],
  "icons": [
    {
      "src": "/assets/icons/favicon.svg",
      "type": "image/svg+xml",
      "sizes": "any",
      "purpose": "any"
    },
    {
      "src": "/assets/icons/favicon.svg",
      "type": "image/svg+xml",
      "sizes": "any",
      "purpose": "maskable"
    },
    {
      "src": "/assets/icons/icon-192.png",
      "type": "image/png",
      "sizes": "192x192",
      "purpose": "any"
    },
    {
      "src": "/assets/icons/icon-512.png",
      "type": "image/png",
      "sizes": "512x512",
      "purpose": "any"
    },
    {
      "src": "/assets/icons/maskable-icon-512.png",
      "type": "image/png",
      "sizes": "512x512",
      "purpose": "maskable"
    }
  ],
  "screenshots": [],
  "shortcuts": [
    {
      "name": "CSS Fundamentals",
      "url": "/core-css-animation-fundamentals/",
      "description": "Core CSS Animation Fundamentals"
    },
    {
      "name": "View Transitions",
      "url": "/modern-view-transitions-scroll-apis/",
      "description": "Modern View Transitions & Scroll APIs"
    },
    {
      "name": "Performance",
      "url": "/performance-budgeting-gpu-architecture/",
      "description": "Performance Budgeting & GPU Architecture"
    }
  ]
}