:root{color-scheme:dark;--ground: #131318;--panel: #1c1c23;--line: #2b2b35;--ink: #e9e9ee;--dim: #8a8a96;--ok: #4ade80;--run: #60a5fa;--warn: #fbbf24;--bad: #f87171;--radius: 10px;--gap: 14px}*{box-sizing:border-box}body{margin:0;padding:28px clamp(16px,4vw,48px) 40px;background:var(--ground);color:var(--ink);font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}h1{margin:0;font-size:15px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.link{margin:4px 0 24px;color:var(--dim)}.link.broken{color:var(--bad)}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.label{color:var(--dim);font-size:11px;letter-spacing:.09em;text-transform:uppercase}.value{font-size:26px;font-variant-numeric:tabular-nums;line-height:1.1}.unit{margin-left:5px;font-size:13px;color:var(--dim)}#state{font-size:21px;font-weight:600}.state-READY{color:var(--ok)}.state-DRIVING{color:var(--run)}.state-LOW_BATTERY{color:var(--warn)}.state-FAILSAFE,.state-ERROR,.state-UNSPECIFIED{color:var(--bad)}.sticks{margin-top:26px;display:flex;flex-direction:column;gap:10px}.stick{display:flex;align-items:center;gap:14px}.stick .label{width:96px}.track{position:relative;flex:1;height:10px;background:var(--line);border-radius:5px}.track:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--dim);opacity:.5}.fill{position:absolute;inset-block:0;background:var(--run);border-radius:5px;transition:left 90ms linear,width 90ms linear}.number{width:52px;text-align:right;font-variant-numeric:tabular-nums}.flags{margin-top:22px;display:flex;gap:8px}.flag{padding:3px 10px;border:1px solid var(--line);border-radius:6px;color:var(--dim);font-size:12px}.flag.on{background:var(--run);border-color:var(--run);color:#10131a}#flag-estop.on{background:var(--bad);border-color:var(--bad)}footer{margin-top:30px;color:var(--dim);font-size:12px}kbd{display:inline-block;margin-right:3px;padding:1px 6px;background:var(--panel);border:1px solid var(--line);border-radius:4px;color:var(--ink)}.circuit{width:100%;height:min(60vh,560px);border:1px solid var(--line, #1e2028);border-radius:6px;background:#0a0a0a}.hint{color:#8e8e88;font-size:13px}