Trade always option

static/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Safe Choices - Prediction Market Simulation</title>
-    <link rel="stylesheet" href="/static/styles.css?v=11">
+    <link rel="stylesheet" href="/static/styles.css?v=12">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <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">
@@ -223,6 +223,7 @@
                                 <option value="0.02">Conservative</option>
                                 <option value="0.04" selected>Moderate</option>
                                 <option value="0.06">Aggressive</option>
+                                <option value="1.0">Every Possible Day</option>
                             </select>
                         </div>
 
@@ -545,6 +546,6 @@
         </div>
     </main>
 
-    <script src="/static/script.js?v=11"></script>
+    <script src="/static/script.js?v=12"></script>
 </body>
 </html>

static/styles.css

@@ -346,22 +346,22 @@ body {
 /* ===== PARAMETERS ===== */
 .params-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
-    gap: 20px;
+    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+    gap: 12px;
     margin-bottom: 24px;
 }
 
 .param-group {
     display: flex;
     flex-direction: column;
-    gap: 8px;
+    gap: 6px;
 }
 
 .param-label {
     display: flex;
     align-items: center;
-    gap: 6px;
-    font-size: 12px;
+    gap: 4px;
+    font-size: 11px;
     font-weight: 500;
     color: var(--text-secondary);
 }
@@ -421,12 +421,12 @@ body {
 
 .param-input {
     width: 100%;
-    padding: 10px 14px;
+    padding: 8px 10px;
     background: var(--bg-base);
     border: 1px solid var(--border);
     border-radius: var(--radius-sm);
     color: var(--text-primary);
-    font-size: 14px;
+    font-size: 13px;
     font-weight: 500;
     font-family: var(--font);
     transition: all 0.2s;
@@ -439,13 +439,13 @@ body {
 }
 
 .param-input-wrap .param-input {
-    padding-right: 44px;
+    padding-right: 36px;
 }
 
 .param-unit {
     position: absolute;
-    right: 12px;
-    font-size: 12px;
+    right: 8px;
+    font-size: 11px;
     color: var(--text-muted);
     pointer-events: none;
 }
@@ -453,10 +453,10 @@ body {
 .param-select {
     cursor: pointer;
     appearance: none;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
-    background-position: right 12px center;
-    padding-right: 36px;
+    background-position: right 8px center;
+    padding-right: 28px;
 }
 
 .custom-target-input {