update and add number theory page

app/styles.css

@@ -6600,6 +6600,90 @@
       padding: 0 10px;
     }
 
+    .numbers-theory-card {
+      gap: 10px;
+    }
+
+    .numbers-theory-controls {
+      display: grid;
+      grid-template-columns: minmax(180px, 1fr) auto auto;
+      gap: 8px;
+      align-items: center;
+    }
+
+    .numbers-theory-input {
+      width: 100%;
+      min-height: 32px;
+      border-radius: 8px;
+      border: 1px solid #3f3f46;
+      background: #141420;
+      color: #e4e4e7;
+      padding: 6px 10px;
+      font-size: 13px;
+      outline: none;
+      box-sizing: border-box;
+    }
+
+    .numbers-theory-input:focus {
+      border-color: #7c3aed;
+      box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.25);
+    }
+
+    .numbers-theory-output {
+      display: grid;
+      gap: 10px;
+    }
+
+    .numbers-theory-section {
+      border: 1px solid #2f2f37;
+      border-radius: 10px;
+      background: #0f0f16;
+      padding: 10px;
+      display: grid;
+      gap: 8px;
+    }
+
+    .numbers-theory-section-heading {
+      margin: 0;
+      color: #d4d4d8;
+      font-size: 12px;
+      font-weight: 700;
+      letter-spacing: 0.04em;
+      text-transform: uppercase;
+    }
+
+    .numbers-theory-grid {
+      display: grid;
+      grid-template-columns: minmax(140px, 210px) minmax(0, 1fr);
+      gap: 6px 10px;
+      align-items: start;
+    }
+
+    .numbers-theory-label {
+      color: #a1a1aa;
+      font-size: 12px;
+      line-height: 1.35;
+      font-weight: 600;
+    }
+
+    .numbers-theory-value {
+      color: #e4e4e7;
+      font-size: 12px;
+      line-height: 1.35;
+      overflow-wrap: anywhere;
+      word-break: break-word;
+    }
+
+    @media (max-width: 980px) {
+      .numbers-theory-controls {
+        grid-template-columns: 1fr;
+      }
+
+      .numbers-theory-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
     /* ── Gods section ────────────────────────────────────────────────────── */
     #gods-section {
       height: calc(100vh - 61px);