<!doctype html><html><head><meta charset="utf-8"><style>
:root{
--bg:#0a0e1a; --panel:#10151f; --panel2:#0d1320; --bd:#1b2333; --bd2:#243150;
--tx:#e9edf6; --mut:#8a96b0; --dim:#5e6a82;
--g:#22e06a; --gd:#0e2a1c; --r:#ff5b7f; --rd:#2a0e16; --cy:#6cc8ff;
}
*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,'Segoe UI',Inter,sans-serif}
.mono{font-family:'JetBrains Mono','SF Mono',ui-monospace,monospace}
body{background:#05070d;padding:46px 40px;display:flex;gap:34px;align-items:flex-start}
.col{display:flex;flex-direction:column;gap:14px}
.cap{color:#9fb0cc;font-size:15px;font-weight:700;text-align:center;letter-spacing:.3px}
.cap span{color:var(--cy);font-weight:800}
/* phone */
.ph{width:332px;height:720px;background:var(--bg);border-radius:42px;border:1px solid #1c2536;
box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 0 0 7px #0c1018,inset 0 0 0 8px #1a2334;
padding:18px 16px 0;position:relative;overflow:hidden}
.notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:104px;height:26px;background:#05070d;border-radius:16px}
.sb{display:flex;justify-content:space-between;align-items:center;color:var(--tx);font-size:13px;font-weight:600;padding:2px 8px 12px}
.sb .r{display:flex;gap:6px;align-items:center;font-size:11px}
h2.scr{font-size:11px;letter-spacing:1.6px;color:var(--cy);font-weight:800;text-transform:uppercase;margin:14px 2px 9px;display:flex;align-items:center;gap:7px}
h2.scr:before{content:'';flex:0 0 4px;height:13px;background:var(--cy);border-radius:2px;box-shadow:0 0 8px var(--cy)}
.divline{height:1px;background:linear-gradient(90deg,var(--bd2),transparent);margin:4px 0 2px}
/* toggle */
.tog{display:flex;height:62px;border-radius:18px;overflow:hidden;border:1px solid var(--bd2);position:relative}
.tog>div{flex:1;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:800;letter-spacing:1px}
.tog .copy{background:linear-gradient(160deg,#10371f,#0a1d12);color:#fff;box-shadow:inset 0 0 24px rgba(34,224,106,.45);border-right:1px solid var(--bd2)}
.tog .copy b{color:var(--g);text-shadow:0 0 14px rgba(34,224,106,.9)}
.tog .fade{background:linear-gradient(160deg,#150a10,#0e0709);color:#6a5560}
.tog .swap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#0a0f1a;border:1px solid var(--bd2);display:flex;align-items:center;justify-content:center;color:#8aa;font-size:18px;z-index:2}
.slog{font-size:23px;font-weight:800;line-height:1.12;letter-spacing:-.5px;margin:16px 2px 4px}
.mech{display:flex;align-items:center;gap:8px;font-size:11.5px;background:var(--panel2);border:1px solid var(--bd);border-radius:11px;padding:9px 11px}
.mech .lab{color:var(--cy);font-weight:700;letter-spacing:.5px;font-size:9.5px}
.yes{color:var(--g);font-weight:700}.no{color:var(--r);font-weight:700}.ar{color:var(--mut)}
/* leaderboard table */
.lhead{display:grid;grid-template-columns:1.7fr .8fr .8fr .8fr .6fr;gap:6px;font-size:8.5px;color:var(--dim);padding:0 12px 6px;letter-spacing:.5px;font-weight:700}
.lrow{display:grid;grid-template-columns:1.7fr .8fr .8fr .8fr .6fr;gap:6px;align-items:center;background:var(--panel);border:1px solid var(--bd);border-radius:13px;padding:10px 12px;margin-bottom:8px}
.lrow.sel{border-color:var(--r);box-shadow:0 0 0 1px var(--r),0 6px 22px rgba(255,91,127,.22)}
.who{display:flex;align-items:center;gap:9px}
.av{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:17px;flex:0 0 34px;background:#0c1320}
.av.g{border:1px solid #22e06a66;box-shadow:0 0 10px rgba(34,224,106,.25)}
.av.r{border:1px solid #ff5b7f66;box-shadow:0 0 10px rgba(255,91,127,.25)}
.av.b{border:1px solid #6cc8ff55}.av.v{border:1px solid #9a7bff55}
.who .nm{font-size:13px;font-weight:700;line-height:1.15}
.who .id{font-size:9.5px;color:var(--dim)}
.cell{font-size:12px;font-weight:700;text-align:right}
.cell .l{display:block;font-size:7.5px;color:var(--dim);font-weight:600;letter-spacing:.3px}
.pos{color:var(--g)}.neg{color:var(--r)}.neu{color:var(--tx)}
.pill{justify-self:end;font-size:12px;font-weight:800;padding:4px 9px;border-radius:9px;background:#0c1320}
.pill.g{color:var(--g);border:1px solid #22e06a44}.pill.r{color:var(--r);border:1px solid #ff5b7f44}
/* risk band */
.rb{height:12px;border-radius:7px;background:linear-gradient(90deg,#3a1420 0%,#3a1420 20%,#123322 20%,#123322 80%,#3a1420 80%);position:relative;margin:12px 0 6px;border:1px solid var(--bd)}
.rb .knob{position:absolute;top:50%;left:74%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--g);box-shadow:0 0 14px rgba(34,224,106,.7)}
.scale{display:flex;justify-content:space-between;font-size:9.5px;color:var(--dim)}
/* bottom nav */
.nav{position:absolute;bottom:0;left:0;right:0;height:64px;background:linear-gradient(180deg,rgba(10,14,26,.4),#0a0e1a 60%);border-top:1px solid var(--bd);display:flex;align-items:center;justify-content:space-around;padding:0 18px 8px}
.nav .i{width:24px;height:24px;color:var(--dim)}
.nav .i.on{color:var(--cy)}
.nav .fab{width:46px;height:46px;border-radius:14px;background:linear-gradient(160deg,#10371f,#1a0c14);border:1px solid var(--bd2);display:flex;align-items:center;justify-content:center;font-size:18px;color:#cdd;margin-top:-16px;box-shadow:0 8px 20px rgba(0,0,0,.5)}
/* profile */
.phead{display:flex;align-items:center;gap:13px;margin:14px 2px 12px}
.phead .big{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;background:#0c1320;border:1px solid #22e06a55;box-shadow:0 0 18px rgba(34,224,106,.3)}
.phead .nm{font-size:20px;font-weight:800}.phead .id{font-size:11px;color:var(--dim)}
.edge{margin-left:auto;text-align:center}
.edge .v{font-size:22px;font-weight:800;color:var(--g)}.edge .l{font-size:8px;color:var(--dim);letter-spacing:1px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
.stat{background:var(--panel);border:1px solid var(--bd);border-radius:12px;padding:11px 12px}
.stat .l{font-size:9px;color:var(--mut);letter-spacing:.4px;margin-bottom:3px}
.stat .v{font-size:17px;font-weight:800}
.spark{height:54px;width:100%}
.honor{background:var(--panel2);border:1px solid var(--bd);border-radius:12px;padding:11px 13px;font-size:11px;color:var(--mut);line-height:1.7}
.honor b{color:var(--cy)}
.btns{display:flex;gap:10px;margin-top:13px}
.btn{flex:1;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;letter-spacing:.5px}
.btn.copy{background:linear-gradient(160deg,#10371f,#0a1d12);color:var(--g);border:1px solid #22e06a55;box-shadow:0 0 18px rgba(34,224,106,.25)}
.btn.fade{background:var(--panel);color:var(--r);border:1px solid #ff5b7f44}
/* config modal */
.field{margin-bottom:15px}
.field .l{font-size:10px;color:var(--mut);letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase;font-weight:700}
.seg{display:flex;border-radius:12px;border:1px solid var(--bd2);overflow:hidden}
.seg div{flex:1;text-align:center;padding:12px 0;font-weight:800;font-size:14px}
.seg .a{background:linear-gradient(160deg,#150a10,#0e0709);color:var(--r);box-shadow:inset 0 0 18px rgba(255,91,127,.4)}
.seg .x{color:var(--dim)}
.inp{background:var(--panel);border:1px solid var(--bd);border-radius:11px;padding:13px 14px;font-size:15px;color:var(--tx);display:flex;justify-content:space-between;align-items:center}
.inp .u{color:var(--dim);font-size:12px}
.rb2{height:38px;border-radius:11px;background:linear-gradient(90deg,#3a1420 0 20%,#123322 20% 80%,#3a1420 80%);position:relative;border:1px solid var(--bd);margin-top:4px}
.rb2 .h{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--r);box-shadow:0 0 12px rgba(255,91,127,.7)}
.note2{font-size:10.5px;color:var(--dim);margin-top:7px;line-height:1.5}
.save{height:52px;border-radius:14px;background:linear-gradient(160deg,#150a10,#1a0c14);border:1px solid #ff5b7f66;color:var(--r);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;box-shadow:0 0 20px rgba(255,91,127,.3);margin-top:6px}
/* portfolio */
.pcard{background:var(--panel);border:1px solid var(--bd);border-radius:14px;padding:12px 13px;margin-bottom:10px}
.pcard.fade{border-left:3px solid var(--r)}.pcard.copy{border-left:3px solid var(--g)}
.pc1{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.tag{font-size:8.5px;font-weight:800;padding:3px 7px;border-radius:7px;letter-spacing:.5px}
.tag.f{background:#2a0e16;color:var(--r)}.tag.c{background:#0e2a1c;color:var(--g)}
.pc1 .t{font-size:12.5px;font-weight:700;flex:1;line-height:1.2}
.pc2{display:flex;justify-content:space-between;align-items:center}
.pc2 .meta{font-size:10px;color:var(--mut)}
.pc2 .meta b{color:var(--tx)}
.pnl{font-size:16px;font-weight:800}
.xbtn{font-size:9px;color:var(--dim);border:1px solid var(--bd);border-radius:8px;padding:5px 9px;margin-left:9px}
/* settings */
.srow{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--bd);border-radius:12px;padding:13px 14px;margin-bottom:9px;font-size:13px;font-weight:600}
.srow .s{color:var(--dim);font-size:12px}
.dots{display:flex;gap:7px}
.dot{width:18px;height:18px;border-radius:50%}
.lang{display:flex;gap:6px}.lang span{font-size:11px;font-weight:800;padding:5px 11px;border-radius:8px}
.lang .on{background:#0e2a1c;color:var(--g)}.lang .of{color:var(--dim);border:1px solid var(--bd)}
</style></head><body>
<!-- ======= 1 LEADERS ======= -->
<div class="col"><div class="cap">1 · <span>Leaders</span> (INVERTED LEADERBOARD)</div>
<div class="ph"><div class="notch"></div>
<div class="sb"><span class="mono">9:41</span><span class="r mono">●●● ⌃ ▮</span></div>
<div class="tog"><div class="copy"><b>COPY</b></div><div class="fade">FADE</div><div class="swap">⇄</div></div>
<div class="slog">Two sides.<br>One market.</div>
<div class="mech"><span class="lab">MECHANIC</span><span>Leader <span class="yes">YES 0.62</span> <span class="ar">→</span> You <span class="no">NO 0.38</span></span></div>
<h2 class="scr">Inverted Leaderboard</h2>
<div class="lhead"><span>TRADER</span><span style="text-align:right">P&L</span><span style="text-align:right">7D</span><span style="text-align:right">VOL</span><span style="text-align:right">EDGE</span></div>
<div class="lrow"><div class="who"><div class="av g">🐋</div><div><div class="nm">Whale</div><div class="id mono">#102</div></div></div>
<div class="cell pos">+1.8k<span class="l">P&L</span></div><div class="cell pos">+18.7%<span class="l">7D</span></div><div class="cell neu mono">12.4M<span class="l">VOL</span></div><div class="pill g">0.81</div></div>
<div class="lrow sel"><div class="who"><div class="av r">💀</div><div><div class="nm">Reaper</div><div class="id mono">#067</div></div></div>
<div class="cell neg">−0.9k<span class="l">P&L</span></div><div class="cell neg">−11.8%<span class="l">7D</span></div><div class="cell neu mono">9.8M<span class="l">VOL</span></div><div class="pill r">0.71</div></div>
<div class="lrow"><div class="who"><div class="av v">🔮</div><div><div class="nm">Oracle</div><div class="id mono">#089</div></div></div>
<div class="cell pos">+1.3k<span class="l">P&L</span></div><div class="cell pos">+11.3%<span class="l">7D</span></div><div class="cell neu mono">7.2M<span class="l">VOL</span></div><div class="pill g">0.59</div></div>
<div class="lrow"><div class="who"><div class="av b">🤖</div><div><div class="nm">Quant</div><div class="id mono">#056</div></div></div>
<div class="cell pos">+0.9k<span class="l">P&L</span></div><div class="cell pos">+8.6%<span class="l">7D</span></div><div class="cell neu mono">5.0M<span class="l">VOL</span></div><div class="pill g">0.55</div></div>
<h2 class="scr">Risk Band · fade 0.20–0.80</h2>
<div class="rb"><div class="knob"></div></div>
<div class="scale mono"><span>0.00</span><span>0.20</span><span>0.80</span><span>1.00</span></div>
<div class="nav"><svg class="i on" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 17l6-6 4 4 8-8"/></svg>
<svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="8" r="3"/><path d="M3 20a6 6 0 0112 0M16 6a3 3 0 010 6"/></svg>
<div class="fab">⇄</div>
<svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1018 0 9 9 0 00-18 0z"/><path d="M12 3v9l6 3"/></svg>
<svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="8" r="4"/><path d="M4 21a8 8 0 0116 0"/></svg></div>
</div></div>
<!-- ======= 2 WHALE PROFILE ======= -->
<div class="col"><div class="cap">2 · <span>Whale Profile</span></div>
<div class="ph"><div class="notch"></div>
<div class="sb"><span class="mono">9:41</span><span class="r mono">●●● ⌃ ▮</span></div>
<div class="phead"><div class="big">🐋</div><div><div class="nm">Whale</div><div class="id mono">#102 · 8 mo tracked</div></div>
<div class="edge"><div class="v">0.81</div><div class="l">EDGE</div></div></div>
<div class="grid2">
<div class="stat"><div class="l">TOTAL P&L</div><div class="v pos">+$18,420</div></div>
<div class="stat"><div class="l">WIN RATE</div><div class="v neu">64%</div></div>
<div class="stat"><div class="l">MAX DRAWDOWN</div><div class="v neg">−12.3%</div></div>
<div class="stat"><div class="l">7D MOMENTUM</div><div class="v pos">+18.7%</div></div>
</div>
<h2 class="scr">Equity Curve · 90d</h2>
<svg class="spark" viewBox="0 0 300 54" preserveAspectRatio="none"><defs><linearGradient id="gf" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#22e06a" stop-opacity=".35"/><stop offset="1" stop-color="#22e06a" stop-opacity="0"/></linearGradient></defs>
<path d="M0 44 L30 40 L60 42 L90 30 L120 33 L150 22 L180 25 L210 14 L240 17 L270 9 L300 6 L300 54 L0 54Z" fill="url(#gf)"/>
<path d="M0 44 L30 40 L60 42 L90 30 L120 33 L150 22 L180 25 L210 14 L240 17 L270 9 L300 6" fill="none" stroke="#22e06a" stroke-width="2"/></svg>
<h2 class="scr">Copy Honesty</h2>
<div class="honor">Entry vs leader price gap: <b>+0.4%</b> avg<br>Copyable fills: <b>92%</b> · slippage low<br>Avg hold: <b>3.2 days</b> · 41 closed trades</div>
<div class="btns"><div class="btn copy">COPY</div><div class="btn fade">FADE ⇄</div></div>
<div class="nav"><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 17l6-6 4 4 8-8"/></svg>
<svg class="i on" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="8" r="3"/><path d="M3 20a6 6 0 0112 0M16 6a3 3 0 010 6"/></svg>
<div class="fab">⇄</div>
<svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1018 0 9 9 0 00-18 0z"/><path d="M12 3v9l6 3"/></svg>
<svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="8" r="4"/><path d="M4 21a8 8 0 0116 0"/></svg></div>
</div></div>
<!-- ======= 3 CONFIG ======= -->
<div class="col"><div class="cap">3 · <span>Copy / Fade Config</span></div>
<div class="ph"><div class="notch"></div>
<div class="sb"><span class="mono">9:41</span><span class="r mono">●●● ⌃ ▮</span></div>
<div class="slog" style="font-size:20px;margin-top:18px">Configure<br>Reaper <span class="mono" style="font-size:13px;color:var(--dim)">#067</span></div>
<div style="margin-top:18px"></div>
<div class="field"><div class="l">Direction</div>
<div class="seg"><div class="x">COPY</div><div class="a">FADE ⇄</div></div></div>
<div class="field"><div class="l">Fade risk band — skip extreme favorites</div>
<div class="rb2"><div class="h" style="left:20%"></div><div class="h" style="left:80%"></div></div>
<div class="scale mono" style="margin-top:7px"><span>0.00</span><span style="color:var(--r)">0.20</span><span style="color:var(--r)">0.80</span><span>1.00</span></div>
<div class="note2">Leader buys YES inside 0.20–0.80 → you fade the complement. Outside → ignored.</div></div>
<div class="field"><div class="l">Allocation per trade</div>
<div class="inp"><span class="mono">$ 2.00</span><span class="u">max $3 cap</span></div></div>
<div class="field"><div class="l">Max open positions</div>
<div class="inp"><span class="mono">10</span><span class="u">portfolio limit</span></div></div>
<div class="save">SAVE · START FADING ⇄</div>
<div class="nav"><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 17l6-6 4 4 8-8"/></svg>
<svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="8" r="3"/><path d="M3 20a6 6 0 0112 0M16 6a3 3 0 010 6"/></svg>
<div class="fab">⇄</div>
<svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1018 0 9 9 0 00-18 0z"/><path d="M12 3v9l6 3"/></svg>
<svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="8" r="4"/><path d="M4 21a8 8 0 0116 0"/></svg></div>
</div></div>
<!-- ======= 4 PORTFOLIO ======= -->
<div class="col"><div class="cap">4 · <span>Portfolio</span> (My Positions)</div>
<div class="ph"><div class="notch"></div>
<div class="sb"><span class="mono">9:41</span><span class="r mono">●●● ⌃ ▮</span></div>
<h2 class="scr" style="margin-top:18px">Portfolio · live</h2>
<div class="grid2" style="margin-bottom:14px">
<div class="stat"><div class="l">TOTAL VALUE</div><div class="v neu mono">$ 248.10</div></div>
<div class="stat"><div class="l">OPEN P&L</div><div class="v pos">+$31.40</div></div>
</div>
<h2 class="scr">Open · 5</h2>
<div class="pcard fade"><div class="pc1"><span class="tag f">FADE</span><span class="t">Will BTC hit $100k by Jul?</span></div>
<div class="pc2"><span class="meta">NO @ <b>0.38</b> · vs Reaper #067</span><div style="display:flex;align-items:center"><span class="pnl pos">+$8.20</span><span class="xbtn">CLOSE</span></div></div></div>
<div class="pcard copy"><div class="pc1"><span class="tag c">COPY</span><span class="t">Fed cuts rates in September?</span></div>
<div class="pc2"><span class="meta">YES @ <b>0.55</b> · vs Whale #102</span><div style="display:flex;align-items:center"><span class="pnl pos">+$14.90</span><span class="xbtn">CLOSE</span></div></div></div>
<div class="pcard fade"><div class="pc1"><span class="tag f">FADE</span><span class="t">Trump wins popular vote?</span></div>
<div class="pc2"><span class="meta">NO @ <b>0.41</b> · vs Reaper #067</span><div style="display:flex;align-items:center"><span class="pnl neg">−$2.10</span><span class="xbtn">CLOSE</span></div></div></div>
<div class="pcard copy"><div class="pc1"><span class="tag c">COPY</span><span class="t">ETH ETF approved this quarter?</span></div>
<div class="pc2"><span class="meta">YES @ <b>0.62</b> · vs Oracle #089</span><div style="display:flex;align-items:center"><span class="pnl pos">+$10.40</span><span class="xbtn">CLOSE</span></div></div></div>
<div class="nav"><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 17l6-6 4 4 8-8"/></svg>
<svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="8" r="3"/><path d="M3 20a6 6 0 0112 0M16 6a3 3 0 010 6"/></svg>
<div class="fab">⇄</div>
<svg class="i on" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1018 0 9 9 0 00-18 0z"/><path d="M12 3v9l6 3"/></svg>
<svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="8" r="4"/><path d="M4 21a8 8 0 0116 0"/></svg></div>
</div></div>
<!-- ======= 5 SETTINGS ======= -->
<div class="col"><div class="cap">5 · <span>Settings</span> / Theme</div>
<div class="ph"><div class="notch"></div>
<div class="sb"><span class="mono">9:41</span><span class="r mono">●●● ⌃ ▮</span></div>
<div class="phead" style="margin-top:18px"><div class="big" style="border-color:#6cc8ff55;box-shadow:0 0 18px rgba(108,200,255,.3);font-size:24px">⚙️</div><div><div class="nm">Settings</div><div class="id mono">rick.eth · email</div></div></div>
<h2 class="scr">Accent Theme</h2>
<div class="srow"><span>Accent color</span><div class="dots">
<div class="dot" style="background:#22e06a;box-shadow:0 0 8px #22e06a"></div><div class="dot" style="background:#ff5b7f"></div><div class="dot" style="background:#6cc8ff"></div><div class="dot" style="background:#9a7bff"></div><div class="dot" style="background:#ffb020"></div><div class="dot" style="background:#ff6a3d"></div></div></div>
<div class="srow"><span>Language</span><div class="lang"><span class="on">EN</span><span class="of">RU</span></div></div>
<h2 class="scr">Account</h2>
<div class="srow"><div><div>Trading wallet</div><div class="s mono">0x7a3f…9c21 · Safe</div></div><span class="s">›</span></div>
<div class="srow"><div><div>Builder fee</div><div class="s">0.5% taker · SZHub</div></div><span class="s">›</span></div>
<div class="srow"><div><div>Notifications</div><div class="s">Fills · resolves · leader exits</div></div><span class="s">ON</span></div>
<div class="srow" style="color:var(--r)"><span>Disconnect</span><span class="s">›</span></div>
<div class="nav"><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 17l6-6 4 4 8-8"/></svg>
<svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="8" r="3"/><path d="M3 20a6 6 0 0112 0M16 6a3 3 0 010 6"/></svg>
<div class="fab">⇄</div>
<svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1018 0 9 9 0 00-18 0z"/><path d="M12 3v9l6 3"/></svg>
<svg class="i on" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="8" r="4"/><path d="M4 21a8 8 0 0116 0"/></svg></div>
</div></div>
</body></html>