Earnings pane: Trace a payment card sits at the top

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

public/my.html

@@ -675,6 +675,16 @@
       </div>
 
       <div class="pane" id="pane-earnings" hidden>
+        <div class="card" id="traceCard" style="margin-bottom:14px">
+          <h3>Trace a payment</h3>
+          <p class="muted small" style="margin:0 0 8px">Wondering why someone did or did not get paid on a purchase? Enter a member number or username (yourself, anyone up to 3 levels below you, or your own uplines) and every purchase they were part of is laid out tier by tier: who was paid, who was skipped and why.</p>
+          <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center">
+            <input id="trWho" placeholder="member # or @username" style="max-width:260px" autocomplete="off">
+            <button class="btn small" id="trGo" type="button">Trace</button>
+            <span class="muted small" id="trMsg"></span>
+          </div>
+          <div id="trOut" style="margin-top:10px"></div>
+        </div>
         <div id="activityArea" hidden>
           <div class="grid c2">
             <div class="card">
@@ -693,16 +703,6 @@
             <div class="feed" id="buyFeed"><div class="row muted">Nothing yet.</div></div>
           </div>
         </div>
-        <div class="card" id="traceCard">
-          <h3>Trace a payment</h3>
-          <p class="muted small" style="margin:0 0 8px">Wondering why someone did or did not get paid on a purchase? Enter a member number or username (yourself, anyone up to 3 levels below you, or your own uplines) and every purchase they were part of is laid out tier by tier: who was paid, who was skipped and why.</p>
-          <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center">
-            <input id="trWho" placeholder="member # or @username" style="max-width:260px" autocomplete="off">
-            <button class="btn small" id="trGo" type="button">Trace</button>
-            <span class="muted small" id="trMsg"></span>
-          </div>
-          <div id="trOut" style="margin-top:10px"></div>
-        </div>
         <div class="card" id="earnGate" hidden>
           <h3>Your on-chain history starts with payouts</h3>
           <p class="muted small">Once payouts are switched on, every payment, referral event, and purchase in