Clean up reality check empty state

Author: Codex

reality-check.js

@@ -76,21 +76,26 @@
 
   function runChecks() {
     const text = normalize(input.value);
+    const hasText = text.trim().length > 0;
     const results = checks.map((check) => ({
       ...check,
-      passed: text.length > 0 && check.terms.some((term) => text.includes(term))
+      passed: hasText && check.terms.some((term) => text.includes(term))
     }));
     const score = results.filter((item) => item.passed).length;
-    scoreEl.textContent = `${score}/${checks.length}`;
-    verdictEl.textContent = verdict(score, text.length);
+    scoreEl.textContent = hasText ? `${score}/${checks.length}` : "Start";
+    verdictEl.textContent = verdict(score, hasText);
     renderAiLink();
-    resultsEl.innerHTML = results.map((item) => `
-      <article class="${item.passed ? "pass" : "miss"}">
-        <span>${item.passed ? "Keyword found" : "Not found"}</span>
+    resultsEl.innerHTML = results.map((item) => {
+      const state = hasText ? (item.passed ? "pass" : "miss") : "neutral";
+      const label = hasText ? (item.passed ? "Keyword found" : "Not found") : "Question";
+      return `
+      <article class="${state}">
+        <span>${label}</span>
         <strong>${item.label}</strong>
         <p>${item.question}</p>
       </article>
-    `).join("");
+    `;
+    }).join("");
   }
 
   function redTeamPrompt() {
@@ -112,8 +117,8 @@
     aiLink.href = url.pathname + url.search;
   }
 
-  function verdict(score, length) {
-    if (!length) return "Paste a pitch to start.";
+  function verdict(score, hasText) {
+    if (!hasText) return "Paste a pitch to start.";
     if (score <= 2) return "Keyword scan: few product basics found.";
     if (score <= 5) return "Keyword scan: partial coverage only.";
     if (score <= 7) return "Keyword scan: most basics mentioned.";

styles.css

@@ -2256,7 +2256,7 @@ blockquote {
   margin-bottom: 14px;
 }
 
-.pitch-score span {
+.pitch-score > span {
   display: inline-flex;
   width: 64px;
   height: 64px;
@@ -2275,6 +2275,10 @@ blockquote {
   line-height: 1.18;
 }
 
+.pitch-score strong > span {
+  display: block;
+}
+
 .pitch-score small {
   display: block;
   margin-top: 4px;
@@ -2313,6 +2317,10 @@ blockquote {
   border-color: rgba(217, 155, 69, .28);
 }
 
+.pitch-check-grid article.neutral {
+  border-color: rgba(255, 255, 255, .1);
+}
+
 .pitch-check-grid span,
 .reality-grid span {
   display: block;
@@ -2328,6 +2336,10 @@ blockquote {
   color: var(--pink);
 }
 
+.pitch-check-grid .neutral span {
+  color: var(--muted);
+}
+
 .pitch-check-grid strong,
 .reality-grid h3,
 .field-study-grid h3 {