:root{--bg1:#0b1a3d;--bg2:#050b1c;--tx:#eaf0fb;--mut:#96a6c4;--line:rgba(96,165,250,.22);--blue:#3b82f6;--bluef:rgba(59,130,246,.30);
--grn:#00d68f;--grnf:rgba(0,214,143,.28);--red:#ff5c7a;--track:rgba(255,255,255,.07);--dot:#fff;--chip:rgba(59,130,246,.14)}
.light{--bg1:#ffffff;--bg2:#eef3fc;--tx:#0b1324;--mut:#5b6b86;--line:#d6dfee;--blue:#2563eb;--bluef:rgba(37,99,235,.18);
--grn:#059669;--grnf:rgba(5,150,105,.18);--red:#dc2626;--track:#e5ebf6;--dot:#0b1324;--chip:rgba(37,99,235,.08)}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:transparent}
body{font-family:Manrope,Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--tx);-webkit-font-smoothing:antialiased}
.w{background:linear-gradient(170deg,var(--bg1),var(--bg2));border:1px solid var(--line);border-radius:16px;padding:16px 18px 14px;overflow:hidden;min-width:260px}
.w.mini{padding:10px 14px;border-radius:12px}
a{color:inherit;text-decoration:none}
.ld{height:120px;border-radius:10px;background:var(--track);animation:p 1.2s ease-in-out infinite}
@keyframes p{50%{opacity:.5}}
.hd{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mut)}
.lg{width:24px;height:24px;border-radius:50%;border:2px solid var(--blue);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:9px;color:var(--tx);flex:none}
.hd b{color:var(--tx);font-weight:800;font-size:13px;letter-spacing:.3px}
.chip{margin-left:auto;font-size:11px;font-weight:700;color:var(--blue);background:var(--chip);border:1px solid var(--blue);border-radius:99px;padding:2px 9px;white-space:nowrap}
.r1{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:12px}
.nm{font-size:22px;font-weight:800;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nm small{font-size:13px;color:var(--mut);font-weight:600;margin-left:6px}
.px{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.r2{display:flex;justify-content:space-between;gap:10px;margin-top:4px;font-size:12px;color:var(--mut)}
.st{font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap}
.st i{width:8px;height:8px;border-radius:50%;background:currentColor;display:block}
.st.in50{color:var(--grn)}.st.in80{color:var(--blue)}.st.out80{color:var(--red)}
.sc{position:relative;height:26px;margin:16px 0 14px;border-radius:99px;background:var(--track)}
.sc .b80{position:absolute;top:0;bottom:0;border-radius:99px;background:var(--bluef);border:1.5px solid var(--blue)}
.sc .b50{position:absolute;top:5px;bottom:5px;border-radius:99px;background:var(--grnf);border:1.5px solid var(--grn)}
.sc .pth{position:absolute;bottom:-8px;height:3px;border-radius:2px;background:var(--mut)}
.sc .pth.out{background:var(--red)}
.sc .s0{position:absolute;top:-5px;bottom:-5px;width:0;border-left:1.5px dashed var(--mut)}
.sc .dt{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--dot);border:2.5px solid var(--blue);box-shadow:0 0 12px rgba(59,130,246,.7);transition:left .6s}
.lgd{display:grid;grid-template-columns:auto 1fr auto;gap:6px 8px;align-items:center;font-size:12.5px}
.lgd .k{width:10px;height:10px;border-radius:3px}.k80{background:var(--blue)}.k50{background:var(--grn)}
.lgd .l{color:var(--mut)}.lgd .v{font-weight:800;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.pr{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:11.5px;color:var(--mut);display:flex;justify-content:space-between;gap:8px}
.pr b{color:var(--tx);white-space:nowrap}
.pg{height:3px;border-radius:2px;background:var(--track);margin-top:6px;overflow:hidden}.pg i{display:block;height:100%;background:var(--blue)}
.ft{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font-size:11px;color:var(--mut)}
.ft a{color:var(--blue);font-weight:700;white-space:nowrap}
.ft a:hover{text-decoration:underline}
/* mini */
.mi{display:flex;align-items:center;gap:12px}
.mi .c{font-weight:800;font-size:15px;white-space:nowrap}
.mi .px{font-size:15px}
.mi .sc{flex:1;margin:0;height:14px;min-width:70px}.mi .sc .b50{top:3px;bottom:3px}.mi .sc .dt{width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-width:2px}
.mi .sc .pth,.mi .sc .s0{display:none}
.mi .rg{font-size:11.5px;color:var(--mut);white-space:nowrap;font-variant-numeric:tabular-nums}
.mi .rg b{color:var(--blue)}
.mi .lg{width:22px;height:22px}
@media(max-width:420px){.mi .rg{display:none}}
/* list */
.ls{margin-top:10px}
.ls a{display:grid;grid-template-columns:76px 1fr 96px;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.ls a:first-child{border-top:0}
.ls .c{font-weight:800;font-size:13.5px}.ls .c small{display:block;font-size:10.5px;color:var(--mut);font-weight:600}
.ls .sc{margin:0;height:12px}.ls .sc .b50{top:2px;bottom:2px}.ls .sc .dt{width:10px;height:10px;margin:-5px 0 0 -5px;border-width:2px}
.ls .sc .pth,.ls .sc .s0{display:none}
.ls .px{font-size:13px;text-align:right}.ls .px small{display:block;font-size:10.5px;font-weight:700}
.ls .px small.in50{color:var(--grn)}.ls .px small.in80{color:var(--blue)}.ls .px small.out80{color:var(--red)}
.err{font-size:13px;color:var(--mut);padding:20px 0;text-align:center}
.ls .mid{display:block;min-width:0}.ls .mid small{display:block;text-align:center;font-size:10.5px;color:var(--mut);margin-top:4px;white-space:nowrap;font-variant-numeric:tabular-nums}