:root{--bg:#0b0a12;--c:#14121f;--l:#c6ff3d;--m:#ff4fd8;--t:#ece9f7;--d:#8d88a6}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 500px at 85% -10%,#ff4fd826,transparent),radial-gradient(800px 500px at -10% 10%,#c6ff3d1a,transparent),var(--bg);color:var(--t);font:15px/1.5 ui-sans-serif,system-ui,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}header,footer{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 5vw;flex-wrap:wrap}
.logo{font:800 22px ui-monospace,Menlo,monospace;letter-spacing:-.5px;display:flex;gap:10px;align-items:center}.logo i{width:22px;height:22px;background:conic-gradient(var(--l),var(--m),var(--l));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
select,input[type=search]{background:var(--c);color:var(--t);border:1px solid #2a2740;border-radius:10px;padding:9px 12px}main{padding:0 5vw 40px;max-width:1100px;margin:auto}
h1{font-size:clamp(28px,5vw,48px);line-height:1.1;margin:.4em 0;letter-spacing:-1px}h1 em{font:600 13px ui-monospace,monospace;color:var(--l);border:1px solid var(--l);border-radius:99px;padding:2px 10px;vertical-align:middle;font-style:normal}
.hero p{color:var(--d);font-family:ui-monospace,monospace}.card{background:linear-gradient(160deg,#1a172b,var(--c));border:1px solid #2a2740;border-radius:16px;padding:16px;margin:14px 0;width:100%}
table.card{border-collapse:collapse;padding:6px 16px}td{padding:11px 8px;border-bottom:1px solid #221f36}tr:last-child td{border:0}td small,.card small{display:block;color:var(--d);font:12px ui-monospace,monospace}
.pr{font:700 16px ui-monospace,monospace}.up{color:var(--l)}.dn{color:var(--m)}.sp{width:100px;height:30px}.sp polyline{fill:none;stroke:var(--l);stroke-width:1.6}
.tools{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.tools input{flex:1;min-width:200px}.rng{display:flex;gap:6px}.rng button{background:none;color:var(--d);border:1px solid #2a2740;border-radius:99px;padding:6px 14px;cursor:pointer}.rng .on{background:var(--l);color:#111;border-color:var(--l)}
.btn{background:linear-gradient(90deg,var(--l),#7dffb0);color:#101010;font-weight:700;border:0;border-radius:12px;padding:10px 18px;cursor:pointer}.btn.ghost{background:none;color:var(--t);border:1px solid #3a3658}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.stats .card{margin:0}.stats b{font:700 20px ui-monospace,monospace}
.ch{position:relative}.ch svg{width:100%;display:block}.ch line{stroke:#2a2740}.ch text{fill:var(--d);font:11px ui-monospace,monospace}.ch path{fill:none;stroke-width:2;stroke-linejoin:round}.ch #cx{stroke:var(--d);stroke-dasharray:3}
.tip{display:none;position:absolute;top:6px;left:50px;background:#0b0a12e8;border:1px solid #2a2740;border-radius:10px;padding:8px 10px;font:12px ui-monospace,monospace;pointer-events:none}.tip i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.legal{max-width:720px}.back{color:var(--d)}footer{border-top:1px solid #221f36;color:var(--d);font-size:13px}
#cb{position:fixed;left:16px;right:16px;bottom:16px;max-width:760px;margin:auto;background:#1a172b;border:1px solid var(--l);border-radius:16px;padding:14px 18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;z-index:9}#cb span{flex:1;min-width:220px}#cb a{color:var(--l);text-decoration:underline}
@media(max-width:640px){.sp{display:none}}