Fix Run Live Demo button event logic and improve dark mode text contrast

frontend/dist/index.html

@@ -7,7 +7,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
     <title>CodeBlue Context</title>
-    <script type="module" crossorigin src="/assets/index-Dv4hd6Xq.js"></script>
+    <script type="module" crossorigin src="/assets/index-BbEFA4Od.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-D1iW8Q3K.css">
   </head>
   <body>

frontend/src/App.jsx

@@ -69,7 +69,9 @@ export default function App() {
 
   // Run 5-agent orchestration with staggered UI animation
   const runOrchestration = async (targetPatient = null) => {
-    const p = targetPatient || selected;
+    // If targetPatient is an event object from a click handler, ignore it
+    const isEvent = targetPatient && targetPatient.nativeEvent;
+    const p = (targetPatient && !isEvent) ? targetPatient : selected;
     if (!p || running) return;
     setRunning(true);
     setBriefData(null);

frontend/src/Tutorial.jsx

@@ -4,10 +4,10 @@ export default function Tutorial({ onComplete }) {
   return (
     <div className="welcome-screen">
       <div className="fade-up" style={{ maxWidth: 800, width: '100%' }}>
-        <h1 style={{ fontSize: 32, fontWeight: 800, marginBottom: 10, letterSpacing: '-0.03em' }}>
+        <h1 style={{ fontSize: 32, fontWeight: 800, marginBottom: 10, letterSpacing: '-0.03em', color: '#ffffff' }}>
           How CodeBlue Context Works
         </h1>
-        <p style={{ color: 'var(--text-secondary)', fontSize: 16, marginBottom: 40 }}>
+        <p style={{ color: '#d1d5db', fontSize: 16, marginBottom: 40 }}>
           3 simple steps to transform messy clinical records into structured emergency intelligence.
         </p>
 
@@ -16,8 +16,8 @@ export default function Tutorial({ onComplete }) {
             <div style={{ padding: 12, background: 'rgba(10,132,255,0.1)', borderRadius: 10, color: 'var(--blue-accent)', display: 'inline-block', marginBottom: 16 }}>
               <FileText size={24} />
             </div>
-            <h3 style={{ fontSize: 16, fontWeight: 700, marginBottom: 8 }}>1. Upload Anything</h3>
-            <p style={{ fontSize: 13, color: 'var(--text-secondary)', lineHeight: 1.5 }}>
+            <h3 style={{ fontSize: 16, fontWeight: 700, marginBottom: 8, color: '#ffffff' }}>1. Upload Anything</h3>
+            <p style={{ fontSize: 13, color: '#a1a1aa', lineHeight: 1.5 }}>
               Doctors don't have structured JSON. Drop a raw clinical PDF, Word Doc, or photo into the dropzone. Our vision extraction system instantly parses it.
             </p>
           </div>
@@ -26,8 +26,8 @@ export default function Tutorial({ onComplete }) {
             <div style={{ padding: 12, background: 'rgba(255,45,85,0.1)', borderRadius: 10, color: 'var(--red-critical)', display: 'inline-block', marginBottom: 16 }}>
               <Cpu size={24} />
             </div>
-            <h3 style={{ fontSize: 16, fontWeight: 700, marginBottom: 8 }}>2. 5-Agent Orchestration</h3>
-            <p style={{ fontSize: 13, color: 'var(--text-secondary)', lineHeight: 1.5 }}>
+            <h3 style={{ fontSize: 16, fontWeight: 700, marginBottom: 8, color: '#ffffff' }}>2. 5-Agent Orchestration</h3>
+            <p style={{ fontSize: 13, color: '#a1a1aa', lineHeight: 1.5 }}>
               The record is passed sequentially through 5 specialized AI agents (Triage, Contraindication, Labs, Differentials, Action Protocol) to extract hidden insights.
             </p>
           </div>
@@ -36,8 +36,8 @@ export default function Tutorial({ onComplete }) {
             <div style={{ padding: 12, background: 'rgba(191,90,242,0.1)', borderRadius: 10, color: 'var(--purple-ai)', display: 'inline-block', marginBottom: 16 }}>
               <Key size={24} />
             </div>
-            <h3 style={{ fontSize: 16, fontWeight: 700, marginBottom: 8 }}>3. Provide Your Brain</h3>
-            <p style={{ fontSize: 13, color: 'var(--text-secondary)', lineHeight: 1.5 }}>
+            <h3 style={{ fontSize: 16, fontWeight: 700, marginBottom: 8, color: '#ffffff' }}>3. Provide Your Brain</h3>
+            <p style={{ fontSize: 13, color: '#a1a1aa', lineHeight: 1.5 }}>
               To bypass our hackathon server rate limits, use the "Provide API Key" button in the dashboard navbar to safely inject your own Gemini key directly from your browser.
             </p>
           </div>

frontend/src/Welcome.jsx

@@ -30,13 +30,13 @@ export default function Welcome({ onStart }) {
       {/* Title */}
       <h1 style={{
         fontSize: 42, fontWeight: 900, letterSpacing: '-0.03em',
-        background: 'linear-gradient(135deg, #f5f5f7 30%, #8e8e93)',
+        background: 'linear-gradient(135deg, #ffffff 30%, #a1a1aa)',
         WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent',
         marginBottom: 8,
       }}>
         CodeBlue Context
       </h1>
-      <p style={{ fontSize: 16, color: 'var(--text-secondary)', marginBottom: 32, maxWidth: 420, lineHeight: 1.6 }}>
+      <p style={{ fontSize: 16, color: '#d1d5db', marginBottom: 32, maxWidth: 420, lineHeight: 1.6 }}>
         Emergency clinical intelligence. Five AI agents. One life-saving brief.
       </p>