:root{--bg: #020617;--surface: #020617;--surface-elevated: #020617;--panel: #020617;--border-subtle: #1f2933;--accent: #4f46e5;--accent-soft: rgba(99, 102, 241, .12);--text-main: #e5e7eb;--text-muted: #ced6e4;--red: #f97373;--blue: #38bdf8}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#020617 0,#020617 55%,#020617);color:var(--text-main)}.app-root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:900px;margin:0 auto;padding:1.5rem 1.25rem 2rem}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem 1rem;background:#0f172ad9;border-radius:.75rem;border:1px solid rgba(148,163,184,.35)}.controls label{font-size:.9rem;color:var(--text-muted)}select,button{font:inherit;padding:.35rem .7rem;border-radius:.5rem;border:1px solid var(--border-subtle);background:#0f172ae6;color:var(--text-main)}select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{cursor:pointer;background:var(--accent);color:#fdfdfd;font-weight:500;padding-inline:.85rem;display:inline-flex;align-items:center;gap:.25rem}button:hover{background:#4338ca}button:active{background:#3730a3}.canvas{display:block;margin:0 auto;border-radius:.75rem;border:1px solid rgba(15,23,42,.9);background:radial-gradient(circle at top,#020617 0,#020617 60%,#020617);box-shadow:0 18px 45px #000000b3,0 0 0 1px #0f172ae6}.hint{display:block;margin:.25rem auto .5rem;text-align:center;font-size:.9rem;font-weight:1000;color:var(--text-muted)}.stats{margin-top:1rem;padding:.75rem 1rem;border-radius:.75rem;background:#0f172ad9;border:1px solid rgba(148,163,184,.35);font-size:.9rem;line-height:1.4;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem}.stats-card{border-radius:.75rem;padding:.6rem .75rem .7rem;border:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at top left,#0f172af2,#0f172ad9)}.stats-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.stats-class-name{text-transform:capitalize;font-weight:500}.stats-count{font-size:.8rem;color:var(--text-muted)}.dot{width:10px;height:10px;border-radius:999px;margin-right:.35rem}.dot-red{background:var(--red)}.dot-blue{background:var(--blue)}.stats-empty{font-size:.8rem;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.axis-col{border-radius:.6rem;padding:.35rem .45rem .4rem;background:#0f172ae6;border:1px dashed rgba(148,163,184,.35)}.axis-label{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.15rem}.metric-row{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted)}.metric-label{text-transform:lowercase}.metric-value{font-variant-numeric:tabular-nums;color:var(--text-main)}@media(max-width:600px){.controls{align-items:flex-start}.hint{margin:.25rem auto .5rem;text-align:center}.canvas{width:100%;height:auto}}