Keep view mode across tabs and speed up recommendation pipeline

templates/projects.html

@@ -123,10 +123,10 @@
         color: #363b44;
         font-size: 13px;
         font-weight: 700;
-        background: rgba(255, 255, 255, 0.9);
-        border: 1px solid var(--line);
-        border-radius: 10px;
-        padding: 6px 10px;
+        background: transparent;
+        border: 0;
+        border-radius: 0;
+        padding: 0;
         line-height: 1.3;
     }
 
@@ -2298,6 +2298,34 @@
         font-size: 12px;
     }
 
+    body[data-view-mode="dual"] .overview-row {
+        grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
+        gap: 12px;
+    }
+
+    body[data-view-mode="dual"] .metric-grid {
+        grid-template-columns: 1fr;
+        gap: 8px;
+    }
+
+    body[data-view-mode="dual"] .metric-note-grid {
+        gap: 10px;
+    }
+
+    body[data-view-mode="dual"] .chart-stage {
+        padding: 12px;
+    }
+
+    body[data-view-mode="dual"] .chart-svg {
+        min-height: 300px;
+    }
+
+    body[data-view-mode="dual"] .analysis-shell,
+    body[data-view-mode="dual"] .analysis-main,
+    body[data-view-mode="dual"] .analysis-content {
+        gap: 12px;
+    }
+
     @media (max-width: 1180px) {
         .overview-row,
         .analysis-toolbar,