:root{--bg:#050505;--fg:#fff;--dim:#a0a0a0;--card:rgba(20,20,20,.55);--line:rgba(255,255,255,.08);--acc:#00f2ff;--acc2:#bc00ff;--on-acc:#001416;--green:#00ff88;--red:#ff3366;--radius:20px;--font:'Plus Jakarta Sans',sans-serif;--font-m:'JetBrains Mono',monospace}
[data-theme=light]{--bg:#f3f5fa;--fg:#0a0e1a;--dim:#5a6478;--card:#fff;--line:rgba(0,0,0,.09);--acc:#0066ff;--on-acc:#fff;--green:#00a86b;--red:#e0245e}
body{background:radial-gradient(800px 500px at 90% -5%,color-mix(in srgb,var(--acc2) 22%,transparent),transparent),radial-gradient(700px 500px at 0 20%,color-mix(in srgb,var(--acc) 14%,transparent),transparent),var(--bg)}
.sim{background:#ffb02022;color:#ffb020;text-align:center;font-size:.76rem;padding:6px 12px;border-bottom:1px solid #ffb02044;font-family:var(--font-m)}
.nav{position:sticky;top:0;z-index:700;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:14px;height:68px;flex-wrap:wrap}.logo{letter-spacing:.12em;font-weight:300}.logo b{font-weight:800;color:var(--acc)}
#tabs{display:flex;gap:4px}#tabs button{padding:8px 16px;border-radius:99px;color:var(--dim);font-weight:500}#tabs button.on{background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--acc)}.nr{display:flex;gap:8px;align-items:center}.lang{font-size:.78rem;opacity:.5}.lang[aria-pressed=true]{opacity:1;color:var(--acc)}
main{padding:24px 0 80px}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:16px;padding:28px}
.big{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800;letter-spacing:-.04em;font-family:var(--font-m)}.pnl{font-family:var(--font-m);font-size:.95rem}.up{color:var(--green)}.dn{color:var(--red)}
.acts{display:flex;gap:10px;flex-wrap:wrap}.g2{display:grid;grid-template-columns:1.7fr 1fr;gap:14px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.ex{grid-template-columns:1fr 1fr}
.ch{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px;flex-wrap:wrap}.card h3{font-size:1rem;font-weight:600;margin-bottom:12px}.ch h3{margin:0}.px{font-size:2rem;font-weight:800;font-family:var(--font-m)}
.ctr{display:flex;gap:8px;flex-wrap:wrap}.seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{padding:6px 12px;font-size:.8rem;color:var(--dim)}.seg [aria-pressed=true]{background:var(--acc);color:var(--on-acc)}
#chart{width:100%;height:320px;cursor:crosshair}
.as{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px 8px;border-radius:12px;cursor:pointer;transition:.2s;width:100%;text-align:left}.as:hover,.as.on{background:color-mix(in srgb,var(--acc) 10%,transparent)}.as .ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff}.as b{display:block}.as small{color:var(--dim)}.as .r{text-align:right;font-family:var(--font-m);font-size:.9rem}.star{color:var(--dim);margin-right:4px}.star.on{color:#ffcc00}
.conv{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.conv .inp{flex:1;min-width:70px}.cv-o{font-size:1.4rem;font-family:var(--font-m);margin-top:14px;color:var(--acc)}
.al{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;font-size:.88rem;font-family:var(--font-m)}.al li{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:10px;background:var(--line)}
.fee{display:grid;gap:6px;font-family:var(--font-m);font-size:.9rem}.fee div{display:flex;justify-content:space-between}
.alloc{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.alloc ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.alloc li{display:flex;gap:10px;align-items:center;font-size:.9rem}.alloc li i{width:10px;height:10px;border-radius:50%}
.sum{font-family:var(--font-m);font-size:.88rem;display:grid;gap:6px;margin-top:14px;color:var(--dim)}.sum div{display:flex;justify-content:space-between}.sum b{color:var(--fg)}
.book{display:grid;gap:3px;font-family:var(--font-m);font-size:.82rem}.book div{display:grid;grid-template-columns:1fr 1fr 1fr;position:relative;padding:3px 6px}.book i{position:absolute;right:0;top:0;bottom:0;opacity:.14}.book .a i{background:var(--red)}.book .b i{background:var(--green)}.book .a span:first-child{color:var(--red)}.book .b span:first-child{color:var(--green)}.book span:nth-child(n+2){text-align:right}.book .mid{font-size:1.1rem;font-weight:800;padding:8px 6px;text-align:center;display:block}
.sec-l{list-style:none;margin:0;padding:0;display:grid;gap:12px}.sec-l li{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ring{margin:14px 0}.ring b{font-size:2.2rem}.ring::before{background:color-mix(in srgb,var(--bg) 90%,#fff)}
.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.st{font-size:.78rem;border:1px solid var(--line);border-radius:99px;padding:5px 12px;color:var(--green);font-family:var(--font-m)}
.foot{border-top:1px solid var(--line);padding:24px 0;color:var(--dim);font-size:.85rem}.foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.wl{font-family:var(--font-m);font-size:.82rem;display:grid;gap:10px;margin:14px 0}.wl code{background:var(--line);padding:3px 8px;border-radius:8px;word-break:break-all}
@media(max-width:900px){.g2,.g3,.ex{grid-template-columns:1fr}#tabs{order:3;width:100%;overflow:auto}}