Fix referral commission: fixed 10%, removed editable input

index.html

@@ -76,6 +76,17 @@
     text-transform: uppercase;
     letter-spacing: 0.5px;
   }
+  .control-group .fixed-value {
+    font-size: 1.1rem;
+    font-weight: 600;
+    color: var(--green);
+    padding: 8px 0;
+  }
+  .control-group .fixed-value .note {
+    font-size: 0.7rem;
+    font-weight: 400;
+    color: var(--text-muted);
+  }
   .control-group input, .control-group select {
     background: var(--bg);
     border: 1px solid var(--border);
@@ -308,7 +319,8 @@
   </div>
   <div class="control-group">
     <label>Your referral commission</label>
-    <input type="number" id="commissionPct" value="10" min="0" max="100" step="0.5">
+    <div class="fixed-value">10% <span class="note">(fixed, not variable)</span></div>
+    <input type="hidden" id="commissionPct" value="10">
   </div>
   <div class="control-group">
     <label>You gift up to level</label>
@@ -370,7 +382,7 @@
           <th class="num">Cycles</th>
           <th>Timeline</th>
           <th class="num">Their Payout/Cycle</th>
-          <th class="num referral-col">Your Cut/Cycle</th>
+          <th class="num referral-col">Your 10% Cut/Cycle</th>
           <th class="num">Cumulative to You</th>
         </tr>
       </thead>
@@ -396,7 +408,7 @@
           <th>Month</th>
           <th>Active Phase</th>
           <th class="num">Their Profit This Month</th>
-          <th class="num referral-col">Your Commission This Month</th>
+          <th class="num referral-col">Your 10% Commission/Month</th>
           <th class="num">Your Cumulative</th>
         </tr>
       </thead>