{
  "name": "Rhythm Trainer",
  "short_name": "Rhythm",
  "description": "Master your timing with visual rhythm feedback. Practice rhythm accuracy against a metronome with real-time beat visualization.",
  "start_url": "/",
  "scope": "/",
  "display": "standalone",
  "theme_color": "#1D9E75",
  "background_color": "#ffffff",
  "orientation": "portrait-primary",
  "icons": [
    {
      "src": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 192'%3E%3Crect width='192' height='192' fill='%231D9E75'/%3E%3Ccircle cx='96' cy='96' r='60' fill='%23ffffff'/%3E%3Ccircle cx='96' cy='96' r='30' fill='%231D9E75'/%3E%3C/svg%3E",
      "sizes": "192x192",
      "type": "image/svg+xml",
      "purpose": "any"
    },
    {
      "src": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect width='512' height='512' fill='%231D9E75'/%3E%3Ccircle cx='256' cy='256' r='150' fill='%23ffffff'/%3E%3Ccircle cx='256' cy='256' r='75' fill='%231D9E75'/%3E%3C/svg%3E",
      "sizes": "512x512",
      "type": "image/svg+xml",
      "purpose": "any maskable"
    }
  ],
  "categories": ["music", "education"],
  "screenshots": [
    {
      "src": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 720'%3E%3Crect width='540' height='720' fill='%23ffffff'/%3E%3Crect y='0' width='540' height='44' fill='%23f5f5f5'/%3E%3Ctext x='270' y='28' font-size='14' text-anchor='middle' fill='%23666'%3ERhythm Trainer%3C/text%3E%3Ccircle cx='270' cy='300' r='80' fill='%231D9E75'/%3E%3Ctext x='270' y='310' font-size='16' text-anchor='middle' fill='%23ffffff'%3ETAP%3C/text%3E%3C/svg%3E",
      "sizes": "540x720",
      "form_factor": "narrow",
      "type": "image/svg+xml"
    }
  ],
  "shortcuts": [
    {
      "name": "Start Training",
      "short_name": "Train",
      "description": "Start a rhythm training session",
      "url": "/?session=quick",
      "icons": [
        {
          "src": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect width='96' height='96' fill='%231D9E75'/%3E%3Cpolygon points='30,20 30,76 70,48' fill='%23ffffff'/%3E%3C/svg%3E",
          "sizes": "96x96",
          "type": "image/svg+xml"
        }
      ]
    }
  ]
}