/* ci_scatter.css (23 Oct 2026): shared Called It bubble chart (static/ci_scatter.js). Neon #78F059 up, red #ff4d6d down, violet #a259ff accents. */
.cisc{position:relative;font-variant-numeric:tabular-nums}
.cisc-yt,.cisc-xt{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--ci-muted,#958fa8)}
.cisc-yt{margin:0 0 6px}.cisc-xt{text-align:center;margin:2px 0 0 48px}
.cisc-wrap{display:flex;align-items:stretch}
.cisc-yl{position:relative;width:48px;flex:none;font-size:11px;color:var(--ci-muted,#958fa8)}
.cisc-yi{position:absolute;top:12px;bottom:12px;left:0;right:0}.cisc-yl span{position:absolute;right:8px;transform:translateY(-50%);white-space:nowrap}
.cisc-yl span.z{color:#d9d3e8;font-weight:600}
.cisc-pl{position:relative;flex:1;min-width:0;height:260px;border-left:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,transparent 50%,rgba(120,240,89,.03) 50%)}
.cisc-in{position:absolute;inset:12px 14px}
.cisc-g{position:absolute;left:-14px;right:-14px;border-top:1px solid rgba(255,255,255,.05)}
.cisc-g.z{border-top:1px dashed rgba(255,255,255,.28)}
.cisc-v50{position:absolute;left:50%;top:-12px;bottom:-12px;border-left:1px dashed rgba(255,255,255,.2)}
.cisc-q{position:absolute;left:calc(50% + 6px);top:-8px;font-size:10.5px;color:var(--ci-muted,#958fa8);pointer-events:none}
.cisc-ln{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.cisc-ln line{stroke:rgba(233,228,245,.6);stroke-width:1}
.cisc-d{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid;box-sizing:border-box;transition:transform .12s,box-shadow .12s;z-index:1;outline:none}
.cisc-d.up{background:rgba(120,240,89,.22);border-color:#78F059}
.cisc-d.dn{background:rgba(255,77,109,.22);border-color:#ff4d6d}
.cisc-d:hover,.cisc-d:focus-visible,.cisc-d.on{transform:translate(-50%,-50%) scale(1.35);z-index:5;box-shadow:0 0 0 3px rgba(162,89,255,.45)}
.cisc-d.up.on,.cisc-d.up:hover{background:rgba(120,240,89,.55)}.cisc-d.dn.on,.cisc-d.dn:hover{background:rgba(255,77,109,.55)}
.cisc-lbs{position:absolute;inset:0;pointer-events:none}
.cisc-lb{position:absolute;box-sizing:border-box;padding:0 5px;white-space:nowrap;overflow:hidden;color:#e9e4f5;background:rgba(20,12,30,.82);border-radius:5px;border:1px solid rgba(255,255,255,.08);z-index:3}
.cisc-lb.up{border-color:rgba(120,240,89,.35)}.cisc-lb.dn{border-color:rgba(255,77,109,.3)}.cisc-lb.on{border-color:#a259ff;color:#fff}
.cisc-ax{position:relative;height:18px;margin:6px 14px 0 62px;font-size:11px;color:var(--ci-muted,#958fa8)}
.cisc-ax span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.cisc-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;font-size:11.5px;color:var(--ci-muted,#958fa8)}
.cisc-key span{display:inline-flex;align-items:center;gap:6px}
.cisc-key i{display:inline-block;width:10px;height:10px;border-radius:50%;border:1.5px solid}
.cisc-key i.up{background:rgba(120,240,89,.22);border-color:#78F059}.cisc-key i.dn{background:rgba(255,77,109,.22);border-color:#ff4d6d}
.cisc-key i.sz{width:16px;height:16px;border-color:#a259ff;background:rgba(162,89,255,.18)}
.cisc-key .mut{opacity:.8}
.cisc-tt{position:absolute;z-index:20;min-width:190px;max-width:260px;padding:10px 12px;border-radius:12px;background:#1b1328;border:1px solid rgba(162,89,255,.45);box-shadow:0 12px 30px -10px rgba(0,0,0,.7);font-size:12px;color:#e9e4f5;pointer-events:none}
.cisc-tt[hidden]{display:none}
.cisc-tt>b{font-size:13px}.cisc-tt .rk{display:block;font-size:11px;color:var(--ci-muted,#958fa8);margin:1px 0 6px}
.cisc-tt .g{display:grid;grid-template-columns:1fr auto;gap:3px 14px;margin-bottom:8px}.cisc-tt .g span{color:var(--ci-muted,#a39dba)}
.cisc .up{color:#78F059}.cisc .dn{color:#ff4d6d}
.cisc-d.up,.cisc-d.dn{color:inherit}
.cisc-vs{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;font-style:normal;white-space:nowrap}
.cisc-vs.up{background:rgba(120,240,89,.16);color:#78F059;border:1px solid rgba(120,240,89,.4)}
.cisc-vs.dn{background:rgba(255,77,109,.14);color:#ff4d6d;border:1px solid rgba(255,77,109,.4)}
.cisc-ls{margin:14px 0 0;border-top:1px solid rgba(255,255,255,.06);padding-top:8px;display:grid;grid-template-columns:minmax(0,1fr)}
.cisc-lh,.cisc-r{display:grid;grid-template-columns:22px minmax(0,1fr) 64px 84px 96px;gap:10px;align-items:start;padding:4px 6px}
.cisc-lh{align-items:end}.cisc-r>*{min-width:0}.cisc-r .ht,.cisc-r b,.cisc-r em{font-variant-numeric:tabular-nums;white-space:nowrap;line-height:20px}
.cisc-lh{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ci-muted,#958fa8)}
.cisc-lh span:nth-child(n+3){text-align:right}
.cisc-r{font-size:12.5px;color:#e9e4f5;text-decoration:none;border-radius:8px}
.cisc-r:hover,.cisc-r.on{background:rgba(162,89,255,.12)}
.cisc-r .k{color:var(--ci-muted,#958fa8);font-size:11px}
.cisc-r .nm{overflow-wrap:anywhere;font-weight:600;line-height:1.25}
.cisc-r .ht,.cisc-r b{text-align:right}.cisc-r em{justify-self:end}
.cisc-r .cisc-vs{font-size:11px;padding:0 7px;line-height:18px;max-width:100%;box-sizing:border-box}
@media (max-width:700px){
 .cisc-pl{height:240px}.cisc-yl{width:42px}.cisc-xt{margin-left:42px}.cisc-ax{margin-left:56px}
 .cisc-lh,.cisc-r{grid-template-columns:16px minmax(0,1fr) 36px 60px 66px;gap:5px;padding:4px 2px}
 .cisc-r .vsb{display:none}.cisc-r .cisc-vs{padding:2px 6px}.cisc-lh{font-size:10px;letter-spacing:.02em}
 .cisc-r{font-size:12px}.cisc-key{font-size:11px;gap:6px 12px}
}