.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{--bg: #0f1115;--panel: #161a22;--panel-2: #1d222c;--border: #272d39;--text: #e6e9ef;--muted: #8b94a7;--accent: #3ad17a;--accent-2: #4b8dff;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{display:grid;grid-template-columns:320px 1fr;height:100%}.sidebar{background:var(--panel);border-right:1px solid var(--border);overflow-y:auto}.viewport{position:relative;overflow:hidden}.sidebar-toggle{display:none}@media(max-width:700px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;width:min(320px,90vw);transform:translate(-100%);transition:transform .25s ease;border-right:1px solid var(--border)}.sidebar--open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#0000008c}.sidebar-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:12px;left:12px;z-index:201;width:40px;height:40px;padding:0;font-size:20px;background:var(--panel);border:1px solid var(--border);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stats{left:0;right:0;transform:none;top:60px;flex-wrap:wrap;justify-content:center;gap:6px 10px;padding:8px 10px;border-radius:0;border-left:none;border-right:none}.stat{min-width:64px}.chart-panel{left:0;right:0;transform:none;width:100%;border-radius:0;border-left:none;border-right:none;bottom:0}}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}.canvas{display:block}.panel{padding:18px 16px 28px}.panel h1{font-size:18px;margin:0}.subtitle{margin:2px 0 16px;color:var(--muted);font-size:12px}.panel h2{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:20px 0 10px}.row{display:flex;align-items:center;gap:8px;margin-bottom:6px}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 10px;cursor:pointer}button:hover{border-color:#3a4250}button.primary{background:var(--accent-2);border-color:var(--accent-2);font-weight:600}.speeds{display:flex;gap:4px;flex-wrap:wrap}button.speed{padding:6px 8px;min-width:34px}button.speed.active{border-color:var(--accent);color:var(--accent)}.slider{display:block;margin:10px 0}.slider-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:4px}.slider-value{color:var(--text);font-variant-numeric:tabular-nums}.slider input[type=range]{width:100%;accent-color:var(--accent-2)}.setup-json{width:100%;height:84px;margin-top:8px;resize:vertical;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.setup-msg{margin:6px 0 0;font-size:12px;color:var(--accent)}.hint{margin-top:22px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:12px}.chart-panel{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(560px,calc(100% - 28px));padding:10px 12px 12px;background:#161a22db;border:1px solid var(--border);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.legend{display:flex;gap:12px;font-size:11px}.legend .chip{font-weight:600}.chart-head button{padding:4px 9px;font-size:12px}.chart{width:100%}.compare{width:100%;margin-top:8px;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.compare th{text-align:right;color:var(--muted);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px}.compare th:first-child,.compare td:first-child{text-align:left}.compare td{text-align:right;padding:3px 6px;border-top:1px solid var(--border)}.u-axis{color:var(--muted)}.stats{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:10px;padding:10px 14px;background:#161a22d1;border:1px solid var(--border);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat{display:flex;flex-direction:column;align-items:center;min-width:78px}.stat-value{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}