feat(web): hide Chatwoot launcher bubble on mobile

Floating launcher covered content on small screens. Bubble is hidden
below 768px via injected CSS; programmatic openChatwoot() callers
(subscription page, onboarding modal) still open the fullscreen widget.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

apps/web/src/lib/chatwoot.ts

@@ -68,6 +68,15 @@ export function initChatwoot(): void {
     _pending = [];
   });
 
+  // Hide the floating launcher bubble on mobile — it covers content on small
+  // screens. The widget itself stays functional: openChatwoot() (subscription
+  // page, onboarding modal) still opens it fullscreen with its own close button.
+  const style = document.createElement("style");
+  style.id = "chatwoot-mobile-hide";
+  style.textContent =
+    "@media (max-width: 767px) { .woot--bubble-holder { display: none !important; } }";
+  document.head.appendChild(style);
+
   const script = document.createElement("script");
   script.id = "chatwoot-sdk";
   script.src = `${BASE_URL}/packs/js/sdk.js`;