Update about page and condense modifiers

static/style.css

@@ -762,6 +762,50 @@ body.menu-open {
     font-size: 0.95rem;
 }
 
+.af-calculator-page input[type="text"],
+.af-calculator-page input[type="number"],
+.af-calculator-page select,
+.af-calculator-page textarea {
+    background: rgba(15, 23, 42, 0.7);
+    color: #f8fafc;
+    border: 1px solid rgba(148, 163, 184, 0.3);
+}
+
+.af-details {
+    margin-top: 12px;
+    padding: 12px 16px;
+    border-radius: 16px;
+    border: 1px solid rgba(148, 163, 184, 0.25);
+    background: rgba(2, 6, 23, 0.6);
+}
+
+.af-details summary {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    cursor: pointer;
+    font-weight: 600;
+    color: #e2e8f0;
+    list-style: none;
+}
+
+.af-details summary::-webkit-details-marker {
+    display: none;
+}
+
+.af-details summary::before {
+    content: "▸";
+    transition: transform 0.2s ease;
+}
+
+.af-details[open] summary::before {
+    transform: rotate(90deg);
+}
+
+.af-details .af-modifier-subset {
+    margin-top: 12px;
+}
+
 .af-form input:focus,
 .af-form select:focus,
 .af-form textarea:focus,