Update Web/script.js

Web/script.js

@@ -213,9 +213,19 @@ async function analyzeAudio(blob) {
         if (data[0]?.volume === "augmented") {
           messageVolume = "The detected speech volume was low, so a volume augmentation was applied before analysis. ";
         }
-        responseBox.innerHTML = `<span style="color:red;">${messageVolume}${message}</span>`;
+        const volumeColor = "yellow";
+      let predictionColor = message.includes("Genuine") ? "green" : "red";
+
+      responseBox.innerHTML = `
+          <div style="font-size: 1.1rem; margin-bottom: 6px; color:${volumeColor};">
+              ${messageVolume}
+          </div>
+          <div style="font-size: 1.25rem; font-weight:600; color:${predictionColor};">
+              ${message}
+          </div>
+      `;
     } catch (err) {
-        responseBox.innerHTML = `<span style="color:red;">Analysis failed.</span>`;
+        responseBox.innerHTML = `<div style="font-size: 1.25rem; font-weight:600; color:red;">/!\ Analysis failed.</div>`;
         console.error(err);
     }
 }