({"&":"&amp;","<":"&lt;",">":"&gt;","\\"":"&quot;","'":"&#39;"}[c]))}
  function uid(){return Math.random().toString(36).slice(2,9)}
  function n2(v,d){return isFinite(v)?Number(v).toLocaleString(undefined,{maximumFractionDigits:d??2}):"-"}

  // --- State ---
  var DEFAULT = {
    settings:{fiat:"usd",refreshSec:60,manualPriceMode:true},
    portfolio:[
      {id:"bitcoin",symbol:"BTC",units:0.5,cost_basis_total:15000,trailing:{enabled:true,trailPct:25,highest:0}},
      {id:"ethereum",symbol:"ETH",units:6,cost_basis_total:12000,trailing:{enabled:false,trailPct:25,highest:0}},
      {id:"solana",symbol:"SOL",units:120,cost_basis_total:10000,trailing:{enabled:false,trailPct:30,highest:0}}
    ],
    customPrices:{},
    ladders:{
      bitcoin:[{id:uid(),type:"percent_gain",value:100,sell_pct:10,note:"Double from basis",done:false}],
      ethereum:[{id:uid(),type:"price_above",value:6000,sell_pct:10,note:"Round target",done:false}],
      solana:[{id:uid(),type:"price_above",value:400,sell_pct:10,note:"Psych level",done:false}]
    },
    dat:[], // {ticker,shares,price,marketCap,btc,eth,otherUSD,targets:[{id,type,value,sell_pct,done}]}
    activity:[]
  };
  var S = load();
  var prices = {}; // {id:{usd,chg}}
  var active = "dashboard";
  var timer=null;

  function load(){ try{ var r=localStorage.getItem("cryptoExit_v1"); return r?Object.assign(structuredClone(DEFAULT), JSON.parse(r)):structuredClone(DEFAULT);}catch(e){return structuredClone(DEFAULT)}}
  function save(){ localStorage.setItem("cryptoExit_v1", JSON.stringify(S)); }

  // --- Utils ---
  function cpu(a){return a.units? (a.cost_basis_total/a.units):0}
  function price(id){ return S.settings.manualPriceMode ? Number(S.customPrices[id]||0)||0 : (prices[id]&&prices[id].usd)||0 }
  function value(a){return price(a.id)*a.units}
  function pval(){return S.portfolio.reduce((t,a)=>t+value(a),0)}

  // --- View ---
  var tabs=[["dashboard","Dashboard"],["portfolio","Portfolio"],["ladders","Ladders"],["dat","DAT & mNAV"],["settings","Settings"],["help","Help"]];
  function renderTabs(){
    var t=document.getElementById("tabs");
    t.innerHTML=tabs.map(([id,label])=>'<button class="tab '+(active===id?"active":"")+'" data-id="'+id+'">'+label+"</button>").join("");
    [].forEach.call(t.querySelectorAll(".tab"),b=>b.onclick=function(){active=b.dataset.id; render()});
  }
  function render(){
    renderTabs();
    var v=document.getElementById("view");
    if(active==="dashboard") v.innerHTML=viewDash();
    if(active==="portfolio") v.innerHTML=viewPortfolio();
    if(active==="ladders") v.innerHTML=viewLadders();
    if(active==="dat") v.innerHTML=viewDAT();
    if(active==="settings") v.innerHTML=viewSettings();
    if(active==="help") v.innerHTML=viewHelp();
    wire();
  }

  function viewDash(){
    return '<div class="grid two">'+
      '<div class="card"><h3>Overview</h3>'+
      '<div class="kpi"><div class="pill">Portfolio: <b>$'+n2(pval(),2)+'</b></div><div class="pill">Assets: <b>'+S.portfolio.length+
      '</b></div><div class="pill">Mode: <b>'+(S.settings.manualPriceMode?"Manual":"Live")+'</b></div></div><div class="hr"></div>'+
      '<table><thead><tr><th>Asset</th><th>Price</th><th>Units</th><th>Value</th><th>Basis/Unit</th><th>P/L</th></tr></thead><tbody>'+
      S.portfolio.map(a=>{
        var px=price(a.id), val=value(a), basis=cpu(a), pl=val-a.cost_basis_total;
        return '<tr><td class="mono">'+esc(a.symbol)+'</td><td>$'+n2(px,2)+'</td><td>'+n2(a.units,6)+'</td><td>$'+n2(val,2)+'</td><td>$'+n2(basis,2)+'</td><td>'+(pl>=0?'<span class="flag ok">':'<span class="flag sell">')+'$'+n2(pl,2)+'</span></td></tr>';
      }).join("")+'</tbody></table></div>'+
      '<div class="card"><h3>Triggered & Pending</h3>'+
      '<div class="row" style="margin-bottom:8px"><button class="btn ok" id="check">Check Now</button><button class="btn" id="exp">Export</button><label class="muted small">Import <input type="file" id="imp" accept=".json"></label></div>'+
      '<table><thead><tr><th>Status</th><th>Message</th><th>Action</th></tr></thead><tbody>'+pendingRows()+'</tbody></table></div>'+
      '</div>';
  }
  function pendingRows(){
    var rows=[];
    S.portfolio.forEach(a=>{
      var arr=S.ladders[a.id]||[], px=price(a.id), basis=cpu(a);
      arr.forEach(s=>{
        if(s.done) return;
        var hit=false,rule="";
        if(s.type==="price_above"){ hit=px>=s.value; rule="Price ≥ $"+n2(s.value,2); }
        if(s.type==="percent_gain"){ var g=basis?((px/basis-1)*100):0; hit=g>=s.value; rule="Gain ≥ "+n2(s.value,0)+"% (now "+n2(g,1)+"%)"; }
        rows.push("<tr><td>"+(hit?'<span class="flag hit">HIT</span>':'<span class="flag">Pending</span>')+
          "</td><td><b>"+esc(a.symbol)+"</b> — "+rule+" → <b>Sell "+n2(s.sell_pct,2)+"%</b> "+(s.note?'<span class="muted">('+esc(s.note)+")</span>":"")+
          '</td><td class="row" style="justify-content:flex-end">'+(hit?'<button class="btn warn mark" data-asset="'+esc(a.id)+'" data-step="'+esc(s.id)+'">Mark Done</button>':"")+"</td></tr>");
      });
      if(a.trailing && a.trailing.enabled && a.trailing.highest>0){
        var th=a.trailing.highest*(1-(a.trailing.trailPct||25)/100), hitT=price(a.id)<=th && price(a.id)>0;
        rows.push("<tr><td>"+(hitT?'<span class="flag sell">SELL</span>':'<span class="flag">Guard</span>')+
          "</td><td><b>"+esc(a.symbol)+"</b> — Trailing stop $"+n2(th)+" (trail "+(a.trailing.trailPct||25)+"% from $"+n2(a.trailing.highest)+")</td><td class=\"row\" style=\"justify-content:flex-end\">"+
          (hitT?'<button class="btn danger reset" data-id="'+esc(a.id)+'">Reset High</button>':"")+"</td></tr>");
      }
    });
    // DAT targets (simple)
    S.dat.forEach(d=>{
      var btc=prices.bitcoin?prices.bitcoin.usd:0, eth=prices.ethereum?prices.ethereum.usd:0;
      var treas=(d.btc||0)*btc+(d.eth||0)*eth+(d.otherUSD||0);
      var mnav=treas>0?(d.marketCap||0)/treas:0;
      (d.targets||[]).forEach(t=>{
        if(t.done)return;
        var cond=t.type==="mnav_above"? mnav>=t.value : (mnav>0 && mnav<=t.value);
        rows.push("<tr><td>"+(cond?'<span class="flag hit">HIT</span>':'<span class="flag">Pending</span>')+
        "</td><td><b>"+esc(d.ticker)+"</b> — mNAV "+(mnav?mnav.toFixed(2):"-")+" "+(t.type==="mnav_above"?"≥":"≤")+" "+t.value+"x → Sell "+t.sell_pct+"%</td>"+
        '<td class="row" style="justify-content:flex-end">'+(cond?'<button class="btn warn mark-dat" data-t="'+esc(d.ticker)+'" data-id="'+esc(t.id)+'">Mark Done</button>':"")+"</td></tr>");
      });
    });
    return rows.join("")||'<tr><td colspan="3" class="muted">No pending items.</td></tr>';
  }

  function viewPortfolio(){
    return '<div class="grid two">'+
      '<div class="card"><h3>Your Holdings</h3>'+
      '<table><thead><tr><th>Symbol</th><th>CoinGecko ID</th><th>Units</th><th>Cost Basis Total $</th><th>Price</th><th>Value</th><th></th></tr></thead><tbody>'+
      S.portfolio.map((a,i)=>'<tr>'+
        '<td><input value="'+esc(a.symbol)+'" data-i="'+i+'" data-k="symbol" class="pf"></td>'+
        '<td><input value="'+esc(a.id)+'" data-i="'+i+'" data-k="id" class="pf mono"></td>'+
        '<td><input type="number" step="any" value="'+a.units+'" data-i="'+i+'" data-k="units" class="pf"></td>'+
        '<td><input type="number" step="any" value="'+a.cost_basis_total+'" data-i="'+i+'" data-k="cost_basis_total" class="pf"></td>'+
        '<td>$'+n2(price(a.id),2)+'</td><td>$'+n2(value(a),2)+'</td>'+
        '<td><button class="btn danger del" data-i="'+i+'">✕</button></td></tr>'+
        '<tr><td colspan="7"><div class="row">'+
          '<label class="muted small"><input type="checkbox" class="trail-en" data-i="'+i+'" '+(a.trailing&&a.trailing.enabled?"checked":"")+'> Trailing stop</label>'+
          '<label class="muted small">Trail % <input type="number" class="trail-pct" data-i="'+i+'" value="'+(a.trailing?a.trailing.trailPct:25)+'" style="width:90px"></label>'+
          '<span class="muted small">Highest: $'+n2((a.trailing&&a.trailing.highest)||0)+'</span>'+
          '<button class="btn reset" data-id="'+esc(a.id)+'">Reset Highest</button>'+
        '</div></td></tr>').join("")+
      '</tbody></table>'+
      '<div class="row" style="margin-top:8px"><input placeholder="Symbol (e.g. BTC)" id="newSym" style="width:140px"><input placeholder="CoinGecko ID (e.g. bitcoin)" id="newId" style="width:220px"><input type="number" step="any" placeholder="Units" id="newUnits" style="width:110px"><input type="number" step="any" placeholder="Cost Basis Total $" id="newCost" style="width:170px"><button class="btn ok" id="add">Add Asset</button></div>'+
      '</div>'+
      '<div class="card"><h3>Manual Price Mode</h3>'+
      '<label class="muted small"><input type="checkbox" id="manual" '+(S.settings.manualPriceMode?"checked":"")+'> Use manual prices only</label>'+
      '<div class="hr"></div>'+
      '<table><thead><tr><th>Asset</th><th>Manual Price ($)</th></tr></thead><tbody>'+
      S.portfolio.map(a=>'<tr><td>'+esc(a.symbol)+' <span class="muted">('+esc(a.id)+')</span></td><td><input type="number" step="any" value="'+(S.customPrices[a.id]??"")+'" class="mp" data-id="'+esc(a.id)+'"></td></tr>').join("")+
      '</tbody></table>'+
      '<div class="hr"></div><button class="btn" id="recalc">Recalculate</button>'+
      '<div class="muted small">Enable live prices later in Settings if your template allows fetch.</div>'+
      '</div></div>';
  }

  function viewLadders(){
    return '<div class="card"><h3>Profit Steps</h3>'+
    S.portfolio.map(a=>{
      var ladd=S.ladders[a.id]||[], basis=cpu(a);
      return '<div class="hr"></div><div class="row"><div class="pill"><b>'+esc(a.symbol)+'</b> — Basis/Unit $'+n2(basis,2)+'</div></div>'+
      '<table><thead><tr><th>Type</th><th>Target</th><th>Sell %</th><th>Note</th><th>Status</th><th></th></tr></thead><tbody>'+
      ladd.map(s=>{
        var hit = isHit(a,s);
        return "<tr>"+
          '<td><select class="lad" data-a="'+esc(a.id)+'" data-id="'+esc(s.id)+'" data-k="type"><option value="price_above" '+(s.type==="price_above"?"selected":"")+'>Price Above</option><option value="percent_gain" '+(s.type==="percent_gain"?"selected":"")+'>% Gain</option></select></td>'+
          '<td><input type="number" step="any" class="lad" data-a="'+esc(a.id)+'" data-id="'+esc(s.id)+'" data-k="value" value="'+s.value+'"></td>'+
          '<td><input type="number" step="any" class="lad" data-a="'+esc(a.id)+'" data-id="'+esc(s.id)+'" data-k="sell_pct" value="'+s.sell_pct+'"></td>'+
          '<td><input class="lad" data-a="'+esc(a.id)+'" data-id="'+esc(s.id)+'" data-k="note" value="'+esc(s.note||"")+'"></td>'+
          '<td>'+(s.done?'<span class="flag ok">Done</span>':(hit?'<span class="flag hit">HIT</span>':'<span class="flag">Pending</span>'))+'</td>'+
          '<td class="row" style="justify-content:flex-end">'+(!s.done && hit?'<button class="btn warn mark" data-asset="'+esc(a.id)+'" data-step="'+esc(s.id)+'">Mark Done</button>':"")+' <button class="btn danger del-step" data-a="'+esc(a.id)+'" data-id="'+esc(s.id)+'">✕</button></td>'+
        "</tr>";
      }).join("")+
      '<tr><td><select id="nt_'+esc(a.id)+'"><option value="price_above">Price Above</option><option value="percent_gain">% Gain</option></select></td>'+
      '<td><input type="number" step="any" id="nv_'+esc(a.id)+'" placeholder="120000 or 200"></td>'+
      '<td><input type="number" step="any" id="np_'+esc(a.id)+'" value="10" placeholder="Sell %"></td>'+
      '<td><input id="nn_'+esc(a.id)+'" placeholder="Note (opt)"></td><td></td>'+
      '<td class="row" style="justify-content:flex-end"><button class="btn ok add-step" data-a="'+esc(a.id)+'">Add Step</button></td></tr>'+
      "</tbody></table>";
    }).join("")+'</div>';
  }

  function isHit(a,s){
    var px=price(a.id), basis=cpu(a);
    if(s.type==="price_above") return px>0 && px>=Number(s.value);
    if(s.type==="percent_gain"){ var g=basis?((px/basis-1)*100):0; return px>0 && g>=Number(s.value); }
    return false;
  }

  function viewDAT(){
    return '<div class="grid two">'+
      '<div class="card"><h3>DAT / mNAV (manual)</h3>'+
      '<table><thead><tr><th>Ticker</th><th>Shares</th><th>Price</th><th>Market Cap</th><th>BTC</th><th>ETH</th><th>Other $</th><th>mNAV</th><th></th></tr></thead><tbody>'+
      (S.dat.length? S.dat.map((d,i)=>{ var btc=prices.bitcoin?prices.bitcoin.usd:0, eth=prices.ethereum?prices.ethereum.usd:0, tv=(d.btc||0)*btc+(d.eth||0)*eth+(d.otherUSD||0), mnav=tv>0?(d.marketCap||0)/tv:0;
        return '<tr>'+
          '<td><input value="'+esc(d.ticker||"")+'" data-i="'+i+'" data-k="ticker" class="dat"></td>'+
          '<td><input type="number" step="any" value="'+(d.shares||0)+'" data-i="'+i+'" data-k="shares" class="dat"></td>'+
          '<td><input type="number" step="any" value="'+(d.price||0)+'" data-i="'+i+'" data-k="price" class="dat"></td>'+
          '<td><input type="number" step="any" value="'+(d.marketCap||0)+'" data-i="'+i+'" data-k="marketCap" class="dat"></td>'+
          '<td><input type="number" step="any" value="'+(d.btc||0)+'" data-i="'+i+'" data-k="btc" class="dat"></td>'+
          '<td><input type="number" step="any" value="'+(d.eth||0)+'" data-i="'+i+'" data-k="eth" class="dat"></td>'+
          '<td><input type="number" step="any" value="'+(d.otherUSD||0)+'" data-i="'+i+'" data-k="otherUSD" class="dat"></td>'+
          '<td>'+(mnav?mnav.toFixed(2):"-")+'x</td>'+
          '<td><button class="btn danger del-dat" data-i="'+i+'">✕</button></td>'+
        '</tr>';
      }).join("") : '<tr><td colspan="9" class="muted">Add DAT tickers below.</td></tr>')+
      '</tbody></table>'+
      '<div class="row" style="margin-top:8px"><input placeholder="Ticker (e.g. MSTR)" id="newDT"><input type="number" step="any" placeholder="Shares" id="newDS" style="width:110px"><input type="number" step="any" placeholder="Price" id="newDP" style="width:110px"><button class="btn ok" id="addDAT">Add DAT</button></div>'+
      '</div>'+
      '<div class="card"><h3>Notes</h3><div class="muted small">mNAV = Market Cap ÷ (BTC×price + ETH×price + other USD). Prices come from Live mode if enabled, else 0.</div></div>'+
    '</div>';
  }

  function viewSettings(){
    return '<div class="grid two">'+
      '<div class="card"><h3>App Settings</h3>'+
      '<div class="row"><label>Refresh (sec) <input type="number" id="ref" value="'+(S.settings.refreshSec||60)+'" style="width:120px"></label>'+
      '<label>Fiat <select disabled><option>USD</option></select></label></div>'+
      '<div class="hr"></div><div class="row"><button class="btn" id="reset">Factory Reset</button><button class="btn" id="dump">Copy JSON</button></div>'+
      '<div class="muted small">Manual mode avoids template CSP issues. Turn on Live prices below if allowed.</div></div>'+
      '<div class="card"><h3>Data</h3><div class="row"><button class="btn" id="exp2">Export</button><label class="muted small">Import <input type="file" id="imp2" accept=".json"></label></div>'+
      '<div class="hr"></div><label class="muted small"><input type="checkbox" id="live" '+(S.settings.manualPriceMode?"":"checked")+'> Enable Live Prices (CoinGecko)</label>'+
      '<div class="muted small">If nothing updates after enabling, your template blocks fetch; keep Manual ON.</div>'+
      '</div></div>';
  }

  function viewHelp(){
    return '<div class="grid two">'+
      '<div class="card"><h3>Quick Start</h3><ol class="small"><li>Set coins, units, and cost basis in <b>Portfolio</b>.</li><li>Add <b>Price Above</b> or <b>% Gain</b> steps in <b>Ladders</b>.</li><li>Use <b>Dashboard</b> to see hits and mark steps done.</li></ol></div>'+
      '<div class="card"><h3>Troubleshooting</h3><ul class="small"><li>This iframe version runs even if inline scripts are blocked.</li><li>Leave Manual prices ON if live fetch is restricted.</li></ul></div>'+
    '</div>';
  }

  // --- Wire / Events ---
  function wire(){
    var v=document.getElementById("view");
    var e=v.querySelector("#check"); if(e) e.onclick=function(){ render(); };
    var exp=v.querySelector("#exp"); if(exp) exp.onclick=exportJSON;
    var imp=v.querySelector("#imp"); if(imp) imp.onchange=importJSON;

    // portfolio
    [].forEach.call(v.querySelectorAll(".pf"), inp=>{
      inp.onchange=function(){ var i=+inp.dataset.i,k=inp.dataset.k,val=inp.value; if(k==="units"||k==="cost_basis_total") val=Number(val||0); S.portfolio[i][k]=val; S.portfolio[i].trailing=S.portfolio[i].trailing||{enabled:false,trailPct:25,highest:0}; save(); render(); };
    });
    [].forEach.call(v.querySelectorAll(".trail-en"), cb=>{
      cb.onchange=function(){ var a=S.portfolio[+cb.dataset.i]; a.trailing=a.trailing||{enabled:false,trailPct:25,highest:0}; a.trailing.enabled=cb.checked; save(); render(); };
    });
    [].forEach.call(v.querySelectorAll(".trail-pct"), inp=>{
      inp.onchange=function(){ var a=S.portfolio[+inp.dataset.i]; a.trailing=a.trailing||{enabled:false,trailPct:25,highest:0}; a.trailing.trailPct=Number(inp.value||25); save(); render(); };
    });
    [].forEach.call(v.querySelectorAll(".del"), b=>{
      b.onclick=function(){ var i=+b.dataset.i, id=S.portfolio[i].id; S.portfolio.splice(i,1); delete S.ladders[id]; save(); render(); };
    });
    var add=v.querySelector("#add"); if(add) add.onclick=function(){
      var sym=(v.querySelector("#newSym").value||"").toUpperCase().trim();
      var id=(v.querySelector("#newId").value||"").trim();
      var u=Number(v.querySelector("#newUnits").value||0);
      var c=Number(v.querySelector("#newCost").value||0);
      if(!sym||!id){ alert("Provide symbol and CoinGecko ID"); return; }
      S.portfolio.push({id:id,symbol:sym,units:u,cost_basis_total:c,trailing:{enabled:false,trailPct:25,highest:0}});
      S.ladders[id]=S.ladders[id]||[];
      save(); render();
    });
    [].forEach.call(v.querySelectorAll(".mp"), inp=>{
      inp.onchange=function(){ S.customPrices[inp.dataset.id]=Number(inp.value||0); save(); render(); };
    });
    var rec=v.querySelector("#recalc"); if(rec) rec.onclick=function(){ render(); };
    var man=v.querySelector("#manual"); if(man) man.onchange=function(){ S.settings.manualPriceMode=man.checked; if(!S.settings.manualPriceMode){ startLive(); } else { stopLive(); } save(); render(); };

    // ladders
    [].forEach.call(v.querySelectorAll(".lad"), inp=>{
      inp.onchange=function(){
        var a=inp.dataset.a; var id=inp.dataset.id; var k=inp.dataset.k;
        var arr=S.ladders[a]||[]; var s=arr.find(x=>x.id===id); if(!s) return;
        s[k]= (k==="sell_pct"||k==="value") ? Number(inp.value||0) : inp.value; save(); render();
      };
    });
    [].forEach.call(v.querySelectorAll(".add-step"), btn=>{
      btn.onclick=function(){
        var a=btn.dataset.a, t=v.querySelector("#nt_"+a).value, val=Number(v.querySelector("#nv_"+a).value||0), pct=Number(v.querySelector("#np_"+a).value||0), note=v.querySelector("#nn_"+a).value||"";
        if(!val||!pct){ alert("Enter target and sell %"); return; }
        (S.ladders[a]=S.ladders[a]||[]).push({id:uid(),type:t,value:val,sell_pct:pct,note:note,done:false}); save(); render();
      }
    });
    [].forEach.call(v.querySelectorAll(".del-step"), b=>{
      b.onclick=function(){ var a=b.dataset.a, id=b.dataset.id; var arr=S.ladders[a]||[]; var i=arr.findIndex(x=>x.id===id); if(i>-1) arr.splice(i,1); save(); render(); };
    });
    [].forEach.call(v.querySelectorAll(".mark"), b=>{ b.onclick=function(){ var a=b.dataset.asset, id=b.dataset.step; var arr=S.ladders[a]||[]; var s=arr.find(x=>x.id===id); if(s){ s.done=true; save(); render(); } }; });
    [].forEach.call(v.querySelectorAll(".reset"), b=>{ b.onclick=function(){ var id=b.dataset.id; var a=S.portfolio.find(x=>x.id===id); if(a){ a.trailing.highest=price(id)||0; S.activity.unshift({id:uid(),ts:new Date().toLocaleString(),text:a.symbol+": reset highest to $"+n2(a.trailing.highest)}); save(); render(); } }; });

    // DAT
    var addD=v.querySelector("#addDAT"); if(addD) addD.onclick=function(){
      var t=(v.querySelector("#newDT").value||"").toUpperCase().trim(), s=Number(v.querySelector("#newDS").value||0), p=Number(v.querySelector("#newDP").value||0);
      if(!t){ alert("Ticker required"); return; }
      S.dat.push({ticker:t,shares:s,price:p,marketCap:0,btc:0,eth:0,otherUSD:0,targets:[]}); save(); render();
    });
    [].forEach.call(v.querySelectorAll(".dat"), inp=>{
      inp.onchange=function(){ var i=+inp.dataset.i, k=inp.dataset.k, val=(/shares|price|marketCap|btc|eth|otherUSD/.test(k)?Number(inp.value||0):inp.value); S.dat[i][k]=val; save(); render(); };
    });
    [].forEach.call(v.querySelectorAll(".del-dat"), b=>{ b.onclick=function(){ var i=+b.dataset.i; S.dat.splice(i,1); save(); render(); } });

    // settings
    var ref=v.querySelector("#ref"); if(ref) ref.onchange=function(){ S.settings.refreshSec=Math.max(10, Number(ref.value||60)); save(); if(!S.settings.manualPriceMode){ startLive(); } };
    var rst=v.querySelector("#reset"); if(rst) rst.onclick=function(){ if(confirm("Reset everything?")){ localStorage.removeItem("cryptoExit_v1"); S=structuredClone(DEFAULT); stopLive(); prices={}; save(); render(); } };
    var dump=v.querySelector("#dump"); if(dump) dump.onclick=function(){ navigator.clipboard.writeText(JSON.stringify(S,null,2)).then(()=>alert("Copied JSON")); };
    var exp2=v.querySelector("#exp2"); if(exp2) exp2.onclick=exportJSON;
    var imp2=v.querySelector("#imp2"); if(imp2) imp2.onchange=importJSON;
    var live=v.querySelector("#live"); if(live) live.onchange=function(){ S.settings.manualPriceMode=!live.checked; save(); if(live.checked){ startLive(); } else { stopLive(); } render(); };
  }

  // --- Live prices (optional) ---
  function startLive(){ stopLive(); fetchPrices(); timer=setInterval(fetchPrices, (S.settings.refreshSec||60)*1000); }
  function stopLive(){ if(timer){ clearInterval(timer); timer=null; } }
  function fetchPrices(){
    try{
      var ids=S.portfolio.map(a=>a.id).filter((v,i,a)=>a.indexOf(v)===i); if(!ids.length) return;
      var url="https://api.coingecko.com/api/v3/simple/price?ids="+encodeURIComponent(ids.join(","))+"&vs_currencies=usd&include_24hr_change=true";
      fetch(url,{headers:{"accept":"application/json"}}).then(r=>r.json()).then(d=>{
        prices={}; for(var k in d){ prices[k]={usd:d[k].usd,chg:d[k].usd_24h_change}; }
        // trailing highs
        S.portfolio.forEach(a=>{ if(a.trailing&&a.trailing.enabled){ var cur=prices[a.id]&&prices[a.id].usd||0; if(cur>0 && (!a.trailing.highest || cur>a.trailing.highest)){ a.trailing.highest=cur; }});
        save(); render();
      }).catch(()=>showErr("Live price fetch failed. Keep using Manual Mode."));
    }catch(e){ showErr("Live price fetch blocked by CSP. Use Manual Mode."); }
  }

  // --- Import/Export ---
  function exportJSON(){
    var blob=new Blob([JSON.stringify(S,null,2)],{type:"application/json"});
    var url=URL.createObjectURL(blob); var a=document.createElement("a"); a.href=url; a.download="crypto-exit-plan.json"; a.click(); setTimeout(()=>URL.revokeObjectURL(url),500);
  }
  function importJSON(ev){
    var f=ev.target.files[0]; if(!f) return; var r=new FileReader();
    r.onload=function(){ try{ var o=JSON.parse(r.result); S=Object.assign(structuredClone(DEFAULT),o); save(); render(); }catch(e){ alert("Invalid JSON"); } };
    r.readAsText(f);
  }

  function showErr(msg){ var e=document.getElementById("err"); e.style.display="block"; e.textContent=msg; }

  // init
  window.addEventListener("error", e=>showErr("JS Error: "+(e.message||"unknown")));
  window.addEventListener("unhandledrejection", e=>showErr("Promise Error: "+(e.reason&& (e.reason.message||e.reason))));
  render();
})();
</script>
</body></html>'>

<div style="padding:12px;border:1px solid #000;border-radius:12px;background:#0c0f14;color:#e7eef8">Enable JavaScript to use the Crypto Exit Strategy app.</div>