.benchmark-scatter-theme{--line:#2b3b53;--radius:12px;--panel:#0f1828;--muted:#aebbd0;--mint:#8ad4c0;--lavender:#9caeff}.scatter-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:18px;overflow-x:auto}.scatter-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:4px;font-size:11px;display:flex}.scatter-legend span{align-items:center;gap:7px;display:inline-flex}.legend-dot{background:var(--mint);border-radius:50%;width:8px;height:8px}.legend-app{border:1.5px solid var(--lavender);width:8px;height:8px;transform:rotate(45deg)}.scatter-card svg{width:100%;min-width:630px;height:auto;display:block}.scatter-card svg text{fill:var(--muted);font-family:inherit;font-size:12px}.scatter-card svg a text{fill:#dce5f5;font-size:12px}.grid-line{stroke:#2b354a;stroke-dasharray:3 6}.point-label-link{stroke:var(--muted);stroke-opacity:.45;stroke-width:1px;vector-effect:non-scaling-stroke}.model-dot{fill:var(--mint);stroke:var(--panel);stroke-width:2px}.app-dot{fill:var(--panel);stroke:var(--lavender);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(--muted);stroke-width:1.5px}@media (max-width:760px){.scatter-card{padding:12px}.scatter-legend{gap:16px}}