diff --git a/web/index.html b/web/index.html
index 44def6c..4403bcc 100644
--- a/web/index.html
+++ b/web/index.html
@@ -3,12 +3,18 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover, interactive-widget=resizes-content" />
+    <meta name="description" content="Sybil chat and search workspace" />
+    <meta name="application-name" content="Sybil" />
     <meta name="theme-color" content="#0f172a" />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
     <meta name="apple-mobile-web-app-title" content="Sybil" />
+    <meta name="format-detection" content="telephone=no" />
     <link rel="manifest" href="/manifest.webmanifest" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32.png" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/icons/icon-192.png" />
     <link rel="search" type="application/opensearchdescription+xml" title="Sybil Search" href="/opensearch.xml" />
     <title>Sybil</title>
   </head>
diff --git a/web/public/icons/apple-touch-icon.png b/web/public/icons/apple-touch-icon.png
new file mode 100644
index 0000000..545a68d
Binary files /dev/null and b/web/public/icons/apple-touch-icon.png differ
diff --git a/web/public/icons/favicon-32.png b/web/public/icons/favicon-32.png
new file mode 100644
index 0000000..8bc9ac2
Binary files /dev/null and b/web/public/icons/favicon-32.png differ
diff --git a/web/public/icons/icon-192.png b/web/public/icons/icon-192.png
new file mode 100644
index 0000000..fc6dc3b
Binary files /dev/null and b/web/public/icons/icon-192.png differ
diff --git a/web/public/icons/icon-512.png b/web/public/icons/icon-512.png
new file mode 100644
index 0000000..d00da9b
Binary files /dev/null and b/web/public/icons/icon-512.png differ
diff --git a/web/public/icons/icon-maskable-512.png b/web/public/icons/icon-maskable-512.png
new file mode 100644
index 0000000..d00da9b
Binary files /dev/null and b/web/public/icons/icon-maskable-512.png differ
diff --git a/web/public/manifest.webmanifest b/web/public/manifest.webmanifest
index 608b37f..d03acaa 100644
--- a/web/public/manifest.webmanifest
+++ b/web/public/manifest.webmanifest
@@ -1,9 +1,32 @@
 {
+  "id": "/",
   "name": "Sybil",
   "short_name": "Sybil",
+  "description": "Sybil chat and search workspace",
   "start_url": "/",
   "scope": "/",
-  "display": "standalone",
-  "background_color": "#ffffff",
-  "theme_color": "#0f172a"
+  "display": "fullscreen",
+  "display_override": ["fullscreen", "standalone"],
+  "background_color": "#0b0718",
+  "theme_color": "#0f172a",
+  "icons": [
+    {
+      "src": "/icons/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/icons/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/icons/icon-maskable-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
 }
diff --git a/web/public/sw.js b/web/public/sw.js
new file mode 100644
index 0000000..43b1ad6
--- /dev/null
+++ b/web/public/sw.js
@@ -0,0 +1,12 @@
+self.addEventListener("install", () => {
+  self.skipWaiting();
+});
+
+self.addEventListener("activate", (event) => {
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener("fetch", (event) => {
+  if (event.request.mode !== "navigate") return;
+  event.respondWith(fetch(event.request));
+});
diff --git a/web/src/App.tsx b/web/src/App.tsx
index fa9951a..3a9d5fa 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -2617,7 +2617,7 @@ export default function App() {
   }
 
   return (
-    <div className="app-grid-surface h-full p-0 md:p-2">
+    <div className="app-grid-surface app-safe-frame h-full">
       <div className="flex h-full w-full overflow-hidden bg-transparent md:gap-2">
         {isMobileSidebarOpen ? (
           <button
diff --git a/web/src/components/auth/auth-screen.tsx b/web/src/components/auth/auth-screen.tsx
index d5dbb34..0a0fa53 100644
--- a/web/src/components/auth/auth-screen.tsx
+++ b/web/src/components/auth/auth-screen.tsx
@@ -12,7 +12,7 @@ type Props = {
 
 export function AuthScreen({ authTokenInput, setAuthTokenInput, isSigningIn, authError, onSignIn }: Props) {
   return (
-    <div className="app-grid-surface flex h-full items-center justify-center p-4">
+    <div className="app-grid-surface app-safe-pad flex h-full items-center justify-center">
       <div className="glass-panel w-full max-w-md rounded-2xl border border-violet-300/18 p-6">
         <div className="mb-6">
           <div className="sybil-wordmark bg-[linear-gradient(90deg,#ff8df8,#9a6dff_54%,#67dfff)] bg-clip-text text-3xl text-transparent">
diff --git a/web/src/index.css b/web/src/index.css
index 1bb24a0..3b329f8 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -14,6 +14,10 @@
 
 :root {
   color-scheme: dark;
+  --safe-area-top: env(safe-area-inset-top, 0px);
+  --safe-area-right: env(safe-area-inset-right, 0px);
+  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
+  --safe-area-left: env(safe-area-inset-left, 0px);
   --background: 235 45% 4%;
   --foreground: 258 36% 96%;
   --muted: 246 30% 13%;
@@ -40,6 +44,15 @@ html,
 body,
 #app {
   height: 100%;
+  width: 100%;
+}
+
+@supports (height: 100dvh) {
+  html,
+  body,
+  #app {
+    height: 100dvh;
+  }
 }
 
 body {
@@ -49,6 +62,8 @@ body {
     linear-gradient(90deg, hsl(187 92% 49% / 0.08), transparent 24%, hsl(264 92% 59% / 0.12) 74%, transparent),
     linear-gradient(180deg, hsl(250 60% 16% / 0.68), hsl(235 45% 4%) 48%, hsl(235 54% 3%));
   font-family: "Inter", "Avenir Next", "Segoe UI", sans-serif;
+  overflow: hidden;
+  overscroll-behavior: none;
 }
 
 button,
@@ -78,6 +93,44 @@ textarea {
   background-size: 48px 48px;
 }
 
+.app-safe-frame {
+  padding: var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left);
+}
+
+.app-safe-pad {
+  padding:
+    max(1rem, var(--safe-area-top))
+    max(1rem, var(--safe-area-right))
+    max(1rem, var(--safe-area-bottom))
+    max(1rem, var(--safe-area-left));
+}
+
+.app-search-safe-pad {
+  padding:
+    max(1.5rem, var(--safe-area-top))
+    max(0.75rem, var(--safe-area-right))
+    max(1.5rem, var(--safe-area-bottom))
+    max(0.75rem, var(--safe-area-left));
+}
+
+@media (min-width: 768px) {
+  .app-safe-frame {
+    padding:
+      max(0.5rem, var(--safe-area-top))
+      max(0.5rem, var(--safe-area-right))
+      max(0.5rem, var(--safe-area-bottom))
+      max(0.5rem, var(--safe-area-left));
+  }
+
+  .app-search-safe-pad {
+    padding:
+      max(1.5rem, var(--safe-area-top))
+      max(1.5rem, var(--safe-area-right))
+      max(1.5rem, var(--safe-area-bottom))
+      max(1.5rem, var(--safe-area-left));
+  }
+}
+
 .glass-panel {
   background:
     linear-gradient(180deg, hsl(243 42% 12% / 0.88), hsl(236 48% 5% / 0.92)),
diff --git a/web/src/main.tsx b/web/src/main.tsx
index 2fe65ee..f32c597 100644
--- a/web/src/main.tsx
+++ b/web/src/main.tsx
@@ -1,5 +1,8 @@
 import { render } from "preact";
 import { RootRouter } from "@/root-router";
+import { registerServiceWorker } from "@/pwa";
 import "./index.css";
 
+registerServiceWorker();
+
 render(<RootRouter />, document.getElementById("app")!);
diff --git a/web/src/pages/search-route-page.tsx b/web/src/pages/search-route-page.tsx
index ac87519..6daa900 100644
--- a/web/src/pages/search-route-page.tsx
+++ b/web/src/pages/search-route-page.tsx
@@ -252,7 +252,7 @@ export default function SearchRoutePage() {
   }
 
   return (
-    <div className="h-full overflow-y-auto px-3 py-6 md:px-6">
+    <div className="app-search-safe-pad h-full overflow-y-auto">
       <div className="mx-auto w-full max-w-4xl space-y-5">
         <form
           className="flex items-center gap-2 rounded-xl border bg-background p-2 shadow-sm"
diff --git a/web/src/pwa.ts b/web/src/pwa.ts
new file mode 100644
index 0000000..05dce79
--- /dev/null
+++ b/web/src/pwa.ts
@@ -0,0 +1,9 @@
+export function registerServiceWorker() {
+  if (!import.meta.env.PROD || !("serviceWorker" in navigator)) return;
+
+  window.addEventListener("load", () => {
+    void navigator.serviceWorker.register("/sw.js").catch((error: unknown) => {
+      console.warn("Sybil service worker registration failed", error);
+    });
+  });
+}
diff --git a/web/tsconfig.tsbuildinfo b/web/tsconfig.tsbuildinfo
index 409faae..2e8287a 100644
--- a/web/tsconfig.tsbuildinfo
+++ b/web/tsconfig.tsbuildinfo
@@ -1 +1 @@
-{"root":["./src/app.tsx","./src/main.tsx","./src/root-router.tsx","./src/vite-env.d.ts","./src/components/sybil-character.tsx","./src/components/auth/auth-screen.tsx","./src/components/chat/chat-attachment-list.tsx","./src/components/chat/chat-messages-panel.tsx","./src/components/markdown/markdown-content.tsx","./src/components/search/search-results-panel.tsx","./src/components/ui/button.tsx","./src/components/ui/input.tsx","./src/components/ui/scroll-area.tsx","./src/components/ui/separator.tsx","./src/components/ui/textarea.tsx","./src/hooks/use-session-auth.ts","./src/lib/api.ts","./src/lib/utils.ts","./src/pages/search-route-page.tsx"],"version":"5.9.3"}
\ No newline at end of file
+{"root":["./src/App.tsx","./src/main.tsx","./src/pwa.ts","./src/root-router.tsx","./src/vite-env.d.ts","./src/components/sybil-character.tsx","./src/components/auth/auth-screen.tsx","./src/components/chat/chat-attachment-list.tsx","./src/components/chat/chat-messages-panel.tsx","./src/components/markdown/markdown-content.tsx","./src/components/search/search-results-panel.tsx","./src/components/ui/button.tsx","./src/components/ui/input.tsx","./src/components/ui/scroll-area.tsx","./src/components/ui/separator.tsx","./src/components/ui/textarea.tsx","./src/hooks/use-session-auth.ts","./src/lib/api.ts","./src/lib/utils.ts","./src/pages/search-route-page.tsx"],"version":"5.9.3"}
\ No newline at end of file
