*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:#0f1117;color:#e8e8e8;padding:24px;min-height:100vh}h1{font-size:1.6rem;font-weight:700;letter-spacing:.02em;margin-bottom:4px}.subtitle{color:#888;font-size:.9rem;margin-bottom:20px}.layout{display:flex;flex-direction:column;gap:12px;max-width:660px}canvas{border-radius:8px;display:block;width:100%;height:auto;background:#1a1d27}.stats{display:flex;gap:8px;flex-wrap:wrap}.stat-box{flex:1 1 90px;background:#1a1d27;border:1px solid #2a2d3a;border-radius:8px;padding:10px 14px}.stat-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.stat-value{font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums;color:#7ecfff}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}button{background:#2563eb;color:#fff;border:none;border-radius:6px;padding:8px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}button:hover{background:#1d4ed8}button:disabled{background:#374151;color:#888;cursor:default}#btn-reset{background:#374151}#btn-reset:hover{background:#4b5563}label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#aaa}input[type=range]{width:120px;accent-color:#2563eb}#speed-label{min-width:110px;color:#7ecfff;font-variant-numeric:tabular-nums}.status{font-size:.82rem;color:#666;min-height:1.2em}