diff --git a/icons/icon-192.png b/icons/icon-192.png
new file mode 100644
index 0000000..7347e2d
Binary files /dev/null and b/icons/icon-192.png differ
diff --git a/icons/icon-512.png b/icons/icon-512.png
new file mode 100644
index 0000000..bf588a0
Binary files /dev/null and b/icons/icon-512.png differ
diff --git a/index.html b/index.html
index 6713936..5d9694b 100644
--- a/index.html
+++ b/index.html
@@ -3,9 +3,21 @@
 
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
     <title>STFU</title>
-    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='0.9em' font-size='90'>🤫</text></svg>">
+
+    <!-- PWA Meta Tags -->
+    <meta name="description" content="Delayed auditory feedback tool to disrupt speech">
+    <meta name="theme-color" content="#000000">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <meta name="apple-mobile-web-app-title" content="STFU">
+
+    <!-- Manifest & Icons -->
+    <link rel="manifest" href="manifest.json">
+    <link rel="apple-touch-icon" href="icons/icon-192.png">
+    <link rel="icon"
+        href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='0.9em' font-size='90'>🤫</text></svg>">
     <style>
         body {
             margin: 0;
@@ -56,6 +68,13 @@
             gainNode.connect(audioContext.destination);
             document.querySelector('.hint').style.display = 'none';
         }, { once: true });
+
+        // Register Service Worker
+        if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.register('/sw.js')
+                .then(() => console.log('SW registered'))
+                .catch((err) => console.log('SW registration failed:', err));
+        }
     </script>
 </body>
 
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..ebfc244
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,24 @@
+{
+  "name": "STFU - Shut Them Up",
+  "short_name": "STFU",
+  "description": "Delayed auditory feedback tool to disrupt speech",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#000000",
+  "theme_color": "#000000",
+  "orientation": "portrait",
+  "icons": [
+    {
+      "src": "icons/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "icons/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ]
+}
diff --git a/sw.js b/sw.js
new file mode 100644
index 0000000..b911933
--- /dev/null
+++ b/sw.js
@@ -0,0 +1,37 @@
+const CACHE_NAME = 'stfu-v1';
+const ASSETS = [
+  '/',
+  '/index.html',
+  '/manifest.json',
+  '/icons/icon-192.png',
+  '/icons/icon-512.png'
+];
+
+// Install - cache all assets
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME)
+      .then((cache) => cache.addAll(ASSETS))
+      .then(() => self.skipWaiting())
+  );
+});
+
+// Activate - clean up old caches
+self.addEventListener('activate', (event) => {
+  event.waitUntil(
+    caches.keys().then((keys) => {
+      return Promise.all(
+        keys.filter((key) => key !== CACHE_NAME)
+            .map((key) => caches.delete(key))
+      );
+    }).then(() => self.clients.claim())
+  );
+});
+
+// Fetch - serve from cache, fallback to network
+self.addEventListener('fetch', (event) => {
+  event.respondWith(
+    caches.match(event.request)
+      .then((response) => response || fetch(event.request))
+  );
+});
