:root{--bg:#fafaf9;--fg:#1c1917;--muted:#78716c;--line:#e7e5e4;--panel:#fff;--accent:#2563eb;--good:#16a34a;--bad:#dc2626}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1c1917;--fg:#f5f5f4;--muted:#a8a29e;--line:#44403c;--panel:#292524;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1c1917;--fg:#f5f5f4;--muted:#a8a29e;--line:#44403c;--panel:#292524;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);padding-left:max(0px, env(safe-area-inset-left,0px));padding-right:max(0px, env(safe-area-inset-right,0px));margin:0;font:14px/1.45 system-ui,-apple-system,sans-serif}header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px 16px;display:flex}header h1{margin:0;font-size:17px}nav{flex-wrap:wrap;gap:4px;display:flex}nav button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;padding:6px 10px}nav button.on{background:var(--panel);color:var(--fg);box-shadow:0 0 0 1px var(--line)}#model-status,.muted{color:var(--muted)}.tab{padding:0 16px 24px;display:none}.tab.on{display:block}.hint{color:var(--muted);max-width:900px}.controls{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:10px;display:flex}.controls label{color:var(--muted);align-items:center;gap:6px;display:flex}input[type=number]{width:72px}input,select,button{font:inherit}button{border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer;border-radius:6px;padding:5px 12px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}canvas{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:100%;display:block}.stage{cursor:crosshair;height:60vh}.speed{height:20vh;margin-top:10px}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:8px;display:flex}.legend i{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.grid.five{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid figure{margin:0}.grid figcaption{color:var(--muted);min-height:1em;margin-top:4px;font-size:12px}.cell{height:220px}.cell.tall{height:360px}.hist{height:140px;margin-top:8px}.pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pair>div{flex-direction:column;gap:8px;display:flex}.pair h3{margin:0;font-size:14px;font-weight:600}.score{font-weight:600}@media (max-width:640px){.pair{grid-template-columns:1fr}}