:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0d14;--panel:#0f1420;--border:#232b3d;--text:#e6e9f0;--subtext:#8b93a7;--accent:#5fb3ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0}#app{flex-direction:column;gap:18px;max-width:1500px;margin:0 auto;padding:24px 20px 40px;display:flex}header h1{letter-spacing:-.02em;margin:0 0 4px;font-size:1.5rem}header p{color:var(--subtext);margin:0;font-size:.92rem}.controls{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.controls label{color:var(--subtext);align-items:center;gap:8px;font-size:.85rem;display:flex}.controls label.checkbox{cursor:pointer}.controls label.checkbox input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.controls select,.controls button{font:inherit;color:var(--text);border:1px solid var(--border);background:#171e2d;border-radius:6px;padding:6px 10px;font-size:.85rem}.controls button{background:var(--accent);color:#05131f;cursor:pointer;border:none;margin-left:auto;font-weight:600}.controls button:hover{filter:brightness(1.08)}.manifest-wrap{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.manifest-label{color:var(--subtext);margin-bottom:8px;font-size:.75rem}.manifest-canvas{border-radius:6px;width:100%;height:130px;display:block}.algo-headings{color:var(--subtext);gap:8px;min-width:0;font-size:.78rem;font-weight:600;display:grid}.algo-headings span{padding:0 2px}.panels{grid-template-columns:1fr;gap:8px;display:grid}.panels-grid{padding-bottom:4px;overflow-x:auto}.panel{border:1px solid var(--border);border-radius:10px;min-width:0;transition:border-color .3s,box-shadow .3s;overflow:hidden}.panel-winner{border-color:#86efac;box-shadow:0 0 0 1px #86efac,0 0 12px #86efac59}.panel canvas{width:100%;height:220px;display:block}.panel-compact canvas{min-width:200px;height:118px}.legend{color:var(--subtext);flex-wrap:wrap;gap:16px;font-size:.8rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:10px;height:10px;display:inline-block}footer{color:var(--subtext);text-align:center;margin-top:8px;font-size:.78rem}footer a{color:var(--subtext)}