*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#111;--border:#222;--nav-bg:rgba(16, 16, 16, 0.78);--nav-border:#2a2a2a;--ws:#00c2ff;--wt:#ff6b35;--muted:#444;--text:#e8e8e8;--sub:#666}body{background:var(--bg);color:var(--text);font-family:ibm plex sans,sans-serif;font-weight:300;cursor:none;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:88px 24px 48px;gap:32px}#grid-bg,#lights-bg{position:fixed;inset:0;pointer-events:none;z-index:0}#lights-bg{mix-blend-mode:screen}#self{position:fixed;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);pointer-events:none;z-index:20;box-shadow:0 0 0 1.5px rgba(255,255,255,.25),0 0 12px rgba(255,255,255,.4)}#self::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(255,255,255,.15);border-radius:50%}.top-nav,header,.config,.config-row,.buttons,.status,.stats-grid,.chart-wrap{position:relative;z-index:5}.top-nav{position:fixed;top:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:6px;border:1px solid var(--nav-border);border-radius:999px;background:var(--nav-bg);backdrop-filter:blur(12px);z-index:10}.nav-link{text-decoration:none;color:var(--sub);border:1px solid transparent;border-radius:999px;padding:8px 14px;font-family:dm mono,monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;transition:color .15s,border-color .15s,background .15s}.nav-link:hover{color:var(--text);border-color:#333}.nav-link.active{color:var(--text);border-color:#3a3a3a;background:#1a1a1a}header{text-align:center}h1{font-family:ibm plex mono,monospace;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}h1 span.ws{color:var(--ws)}h1 span.vs{color:var(--muted);margin:0 .4em}h1 span.wt{color:var(--wt)}.config{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%;max-width:720px}.config label{display:flex;flex-direction:column;gap:6px;font-family:ibm plex mono,monospace;font-size:.7rem;color:var(--sub);text-transform:uppercase;letter-spacing:.1em;flex:1;min-width:160px}.config input{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:ibm plex mono,monospace;font-size:.8rem;padding:8px 12px;outline:none;transition:border-color .15s}.config input:focus{border-color:var(--muted)}.config-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.config-row label{font-family:ibm plex mono,monospace;font-size:.7rem;color:var(--sub);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.config-row input[type=number]{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:ibm plex mono,monospace;font-size:.8rem;padding:6px 10px;width:70px;outline:none}button{font-family:ibm plex mono,monospace;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;padding:10px 28px;border:1px solid;cursor:pointer;transition:background .15s,color .15s}#btnRun{background:0 0;border-color:var(--text);color:var(--text)}#btnRun:hover:not(:disabled){background:var(--text);color:var(--bg)}#btnRun:disabled{opacity:.3;cursor:not-allowed}#btnStop{background:0 0;border-color:#f44;color:#f44;display:none}#btnStop:hover{background:#f44;color:var(--bg)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);width:100%;max-width:720px;border:1px solid var(--border)}.stat-panel{background:var(--surface);padding:24px;display:flex;flex-direction:column;gap:16px}.stat-panel h2{font-family:ibm plex mono,monospace;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em}.stat-panel.ws h2{color:var(--ws)}.stat-panel.wt h2{color:var(--wt)}.big-num{font-family:ibm plex mono,monospace;font-size:clamp(2rem,6vw,3.5rem);font-weight:600;line-height:1}.stat-panel.ws .big-num{color:var(--ws)}.stat-panel.wt .big-num{color:var(--wt)}.big-num span{font-size:.35em;color:var(--sub);vertical-align:baseline;margin-left:4px}.sub-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.sub-stat{display:flex;flex-direction:column;gap:3px}.sub-stat .label{font-family:ibm plex mono,monospace;font-size:.6rem;color:var(--sub);text-transform:uppercase;letter-spacing:.1em}.sub-stat .val{font-family:ibm plex mono,monospace;font-size:.85rem;color:var(--text)}.chart-wrap{width:100%;max-width:720px;background:var(--surface);border:1px solid var(--border);padding:20px;position:relative}.chart-label{font-family:ibm plex mono,monospace;font-size:.65rem;color:var(--sub);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.chart-wrap canvas{width:100%;height:140px;display:block}.status{font-family:ibm plex mono,monospace;font-size:.7rem;color:var(--sub);text-align:center;min-height:1.2em;letter-spacing:.05em}.status.error{color:#f44}.status.ok{color:#4f8}.legend{display:flex;gap:20px;justify-content:flex-end;margin-bottom:8px}.legend-item{display:flex;align-items:center;gap:6px;font-family:ibm plex mono,monospace;font-size:.65rem;color:var(--sub);text-transform:uppercase;letter-spacing:.08em}.legend-dot{width:8px;height:8px;border-radius:50%}.buttons{display:flex;gap:12px}@media(max-width:640px){body{padding-top:78px}.top-nav{top:14px}.nav-link{padding:7px 10px;font-size:.58rem}}@media(hover:none){body{cursor:auto}#self{display:none}}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{display:none}