style: declutter buildpulse mobile header

package.json

@@ -1,7 +1,7 @@
 {
   "name": "buildpulse",
   "private": true,
-  "version": "0.4.6",
+  "version": "0.4.7",
   "type": "module",
   "scripts": {
     "api": "node --env-file=../.env server/index.mjs",

src/App.tsx

@@ -1580,7 +1580,7 @@ function App() {
     <div className="app-shell">
       <header className="mobile-shell-header card">
         <div>
-          <p className="eyebrow">BuildPulse v0.4.6</p>
+          <p className="eyebrow">BuildPulse v0.4.7</p>
           <h1>BuildPulse</h1>
           <p className="hero-goal compact-goal">
             <strong>Current goal:</strong> {appState.project.current_goal || 'Classify new ideas before they become work.'}

src/index.css

@@ -3230,3 +3230,32 @@ button.ghost,
     flex: 0 0 auto;
   }
 }
+
+/* v0.4.7 — stop wasting the first screen on a squeezed goal sentence. */
+@media (max-width: 760px) {
+  .mobile-shell-header.card {
+    align-items: center;
+    min-height: 2.55rem;
+  }
+
+  .compact-goal {
+    display: none;
+  }
+
+  .tab-bar {
+    margin-top: 0.22rem;
+  }
+
+  .today-card > .section-heading {
+    padding-top: 0.32rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .today-card .section-heading h2 {
+    font-size: clamp(0.98rem, 5vw, 1.08rem);
+  }
+
+  .today-command-bar {
+    margin-top: 0.55rem;
+  }
+}