.benchmark-scatter-theme{--line:#a2bfe62e;--radius:14px;--panel:#0f1828eb;--muted:#a6b4cb;--mint:#8ad4c0;--lavender:#9caeff}.scatter-card{--scatter-ionwarp:var(--router-blue,#88abff);--scatter-app:#b7c3d8;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:20px 22px 14px;overflow-x:auto;box-shadow:0 24px 70px #0000001f}.scatter-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 24px;margin-bottom:8px;font-size:12px;display:flex}.scatter-legend .muted{opacity:.85;margin-left:auto;font-size:11px}.scatter-legend span{align-items:center;gap:7px;display:inline-flex}.legend-dot{background:var(--scatter-ionwarp);width:10px;height:10px;box-shadow:0 0 10px color-mix(in srgb, var(--scatter-ionwarp) 60%, transparent);border-radius:50%}.legend-app{background:color-mix(in srgb, var(--scatter-app) 25%, transparent);border:1.5px solid var(--scatter-app);width:9px;height:9px;transform:rotate(45deg)}.legend-range{border-inline:1.5px solid color-mix(in srgb, var(--scatter-app) 60%, transparent);background:linear-gradient(color-mix(in srgb, var(--scatter-app) 60%, transparent) 0 0) center / 100% 1.5px no-repeat;width:22px;height:9px;margin-left:6px}.scatter-card svg{width:100%;min-width:630px;height:auto;display:block}.scatter-card svg text{fill:var(--muted);font-variant-numeric:tabular-nums;font-family:inherit;font-size:12px}.scatter-card svg .axis-title{letter-spacing:.04em;opacity:.8;font-size:11px}.scatter-card svg a text{fill:#e6edff;paint-order:stroke;stroke:#0b1220;stroke-width:4px;stroke-linejoin:round;font-size:12px;font-weight:500}.grid-line{stroke:#a2bfe61a;stroke-width:1px;vector-effect:non-scaling-stroke}.grid-line-x{stroke-dasharray:2 5}.point-label-link{stroke:var(--muted);stroke-opacity:.45;stroke-width:1px;vector-effect:non-scaling-stroke}.model-dot{fill:var(--scatter-ionwarp);stroke:#0b1220;stroke-width:2px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--scatter-ionwarp) 55%, transparent))}.app-dot{fill:color-mix(in srgb, var(--scatter-app) 22%, #0b1220);stroke:var(--scatter-app);stroke-width:2px}.scatter-card svg a:hover text,.scatter-card svg a:focus text{fill:#fff}.scatter-card svg a:hover .model-dot,.scatter-card svg a:focus .model-dot,.scatter-card svg a:hover .app-dot,.scatter-card svg a:focus .app-dot{stroke:#fff;stroke-width:3px}.app-range{fill:none;stroke:var(--scatter-app);stroke-opacity:.5;stroke-width:1.5px;vector-effect:non-scaling-stroke}@media (max-width:760px){.scatter-card{padding:12px}.scatter-legend{gap:8px 16px}.scatter-legend .muted{margin-left:0}}
