style: align buildpulse mobile action pair

package.json

@@ -1,7 +1,7 @@
 {
   "name": "buildpulse",
   "private": true,
-  "version": "0.4.7",
+  "version": "0.4.8",
   "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.7</p>
+          <p className="eyebrow">BuildPulse v0.4.8</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

@@ -3259,3 +3259,49 @@ button.ghost,
     margin-top: 0.55rem;
   }
 }
+
+/* v0.4.8 — make the primary CTA pair feel like one instrument, not two loose buttons. */
+@media (max-width: 760px) {
+  .today-command-bar {
+    grid-template-columns: minmax(0, 1fr) 4.9rem;
+    gap: 0.36rem;
+    align-items: stretch;
+  }
+
+  .today-command-bar > button {
+    height: 2.78rem;
+  }
+
+  .today-primary-command {
+    justify-content: flex-start;
+    padding-left: 0.8rem;
+    font-size: 0.96rem;
+  }
+
+  .today-drawer-toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 0;
+    width: 100%;
+    height: 2.78rem;
+    font-size: 0.74rem;
+    border-left: 1px solid rgba(7, 17, 31, 0.24);
+  }
+
+  .today-focus-card {
+    padding-block: 0.88rem;
+  }
+
+  .today-focus-card h3 {
+    line-height: 1.08;
+  }
+
+  .focus-badges {
+    gap: 0.32rem;
+  }
+
+  .today-card-note {
+    margin-top: 0.6rem;
+  }
+}