style: lighter inline code, black system bars for the installed app

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/src/lib/markdown.tsx

@@ -86,7 +86,7 @@ function renderInlineTokens(text: string, options?: InlineMarkdownOptions): Reac
       }
     } else if (token.startsWith('`') && token.endsWith('`')) {
       elements.push(
-        <code key={key} className="px-1.5 py-0.5 rounded bg-code text-main font-mono text-[0.9em] border border-border/50">
+        <code key={key} className="px-1.5 py-0.5 rounded bg-main/[0.12] text-main font-mono text-[0.9em]">
           {token.slice(1, -1)}
         </code>
       );

frontend/src/lib/theme.ts

@@ -157,8 +157,8 @@ function applyToDocument(themeId: ThemeId, customCss: string | null): void {
   syncThemeColorMeta();
 }
 
-// The status bar (theme-color) starts blue for the splash screen; once the app runs it follows the
-// active theme's background so it blends with the header.
+// The status bar (theme-color) starts black (like the Android navigation bar of the installed app,
+// which only takes the manifest colour); once the app runs it follows the theme's background.
 function syncThemeColorMeta(): void {
   const meta = document.querySelector('meta[name="theme-color"]');
   if (!meta || typeof requestAnimationFrame === 'undefined') return;