Feat: Add Terminal Input to UI for Human Write attempts (Reverse Captcha Demo)

public/style.css

@@ -110,7 +110,85 @@ h1 {
 }
 
 .loading {
+
     color: var(--text-secondary);
+
     text-align: center;
+
     padding: 20px;
-}
+
+}
+
+
+
+/* Terminal Input */
+
+.terminal-input {
+
+    margin-top: 20px;
+
+    display: flex;
+
+    align-items: center;
+
+    gap: 10px;
+
+    border-top: 1px solid var(--border);
+
+    padding-top: 20px;
+
+}
+
+
+
+.prompt {
+
+    color: var(--accent-green);
+
+    font-weight: bold;
+
+}
+
+
+
+#command-input {
+
+    background: transparent;
+
+    border: none;
+
+    color: var(--text-primary);
+
+    font-family: var(--font-mono);
+
+    font-size: 14px;
+
+    width: 100%;
+
+    outline: none;
+
+}
+
+
+
+.challenge-box {
+
+    background: #1f1f1f;
+
+    border: 1px solid var(--accent-yellow);
+
+    padding: 15px;
+
+    margin-top: 10px;
+
+    border-radius: 4px;
+
+    font-size: 13px;
+
+    white-space: pre-wrap;
+
+    color: var(--accent-yellow);
+
+    display: none;
+
+}