:root {
  --bp:#00D4AA;--bs:#1A56F0;--bg:#F5A623;--bd:#F0455A;--bsu:#00C076;
  --b0:#0B0E17;--b1:#111520;--b2:#161B2A;--b3:#1C2235;--b4:#232A3E;
  --t0:#EEF0F8;--t1:#8A93B2;--t2:#4E5878;--ti:#0B0E17;
  --bo:rgba(255,255,255,.055);--bm:rgba(255,255,255,.10);
  --bp-t:var(--bp);--risk-lo:#00C076;--risk-mid:#F5A623;--risk-hi:#F0455A;--risk-info:#5B8FFF;--c-up:#00C076;--c-dn:#F0455A;
  --fu:'Plus Jakarta Sans',sans-serif;--fm:'IBM Plex Mono',monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:#07090F;font-family:var(--fu);color:var(--t0);min-height:100vh;
  display:flex;flex-direction:column;align-items:center;padding:48px 24px 80px;
  -webkit-font-smoothing:antialiased}

.pb{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:40px;width:100%;max-width:390px;position:relative}
.pm{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.pn{font-size:22px;font-weight:800;letter-spacing:-.5px}
.pn span{background:linear-gradient(90deg,#00D4AA,#1A56F0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pv{font-size:11px;color:var(--t2);font-family:var(--fm);letter-spacing:1px;margin-top:2px}
.dw{position:relative;width:390px;max-width:calc(100vw - 48px);filter:drop-shadow(0 40px 80px rgba(0,0,0,.7))}
.df{background:linear-gradient(160deg,#1c2030 0%,#0c0f1a 100%);border-radius:41.5px;border:1.5px solid rgba(255,255,255,.13);overflow:hidden;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 60px 120px rgba(0,0,0,.6),0 0 60px rgba(0,212,170,.05)}
.df::before{content:'';position:absolute;right:-3px;top:120px;width:3px;height:70px;background:rgba(255,255,255,.08);border-radius:0 1.5px 1.5px 0}
.df::after{content:'';position:absolute;left:-3px;top:100px;width:3px;height:44px;background:rgba(255,255,255,.08);border-radius:1.5px 0 0 1.5px;box-shadow:0 56px 0 rgba(255,255,255,.08)}
.di{width:120px;height:34px;background:#000;border-radius:14.5px;position:absolute;left:50%;transform:translateX(-50%);top:6px;z-index:20;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none}
.dic{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#1a1a3a,#070710);border:1px solid #1a1a2e}
.sc{background:linear-gradient(180deg,#0b0f1c 0%,#080c16 100%);height:760px;max-height:760px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.sbar{display:flex;justify-content:space-between;align-items:center;padding:10px 31px 4px 49px;font-size:12px;font-weight:600;flex-shrink:0;position:relative;height:50px}
.sbt{font-size:14.9px;font-weight:700;letter-spacing:-.3px}
.sbi{display:flex;gap:6px;align-items:center}
.sbs{display:flex;gap:2px;align-items:flex-end}
.sbs span{width:3px;background:var(--t0);border-radius:1px;opacity:.85}
.bat{width:25px;height:13px;border:1.2px solid rgba(255,255,255,.55);border-radius:3px;position:relative;overflow:visible}
.bat::after{content:'';position:absolute;right:-3.5px;top:50%;transform:translateY(-50%);width:2.5px;height:5px;background:rgba(255,255,255,.55);border-radius:0 1.5px 1.5px 0}
.batf{position:absolute;left:1px;top:1px;bottom:1px;width:72%;background:var(--bsu);border-radius:1px}
.tp{display:none;flex:1;flex-direction:column;overflow:hidden;animation:pi .28s cubic-bezier(.22,1,.36,1);min-height:0}
.tp.active{display:flex}
@keyframes pi{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.sa{flex:1;overflow-y:auto;scrollbar-width:none;padding-bottom:8px;min-height:0}
.sa::-webkit-scrollbar{display:none}
.sh{padding:10px 24px 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
.st{font-size:22px;font-weight:800;letter-spacing:-.6px}
.ia{width:36px;height:36px;border-radius:8px;background:var(--b3);border:1px solid var(--bo);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;position:relative}
.ia:hover{background:var(--b4)}
.ia svg{width:16px;height:16px;opacity:.7;stroke:var(--t0);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sl{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--t2);padding:0 24px;margin:14px 0 10px}
.bg2{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.3px;padding:3px 8px;border-radius:16px}
.bgs{background:rgba(0,192,118,.12);color:var(--bsu)}
.bgw{background:rgba(245,166,35,.12);color:var(--bg)}
.bgd{background:rgba(240,69,90,.12);color:var(--bd)}
.bgt{background:rgba(0,212,170,.12);color:var(--bp-t)}
.bgb{background:rgba(26,86,240,.12);color:#5B8FFF}
.pos{color:var(--bsu)}.neg{color:var(--bd)}