:root{--bg:#0b0e13;--panel:#121722;--panel2:#0e131c;--line:#1e2734;--ink:#e6edf3;--dim:#8b97a7;--faint:#5b6676;--green:#3fb950;--amber:#d29922;--red:#f85149;--blue:#58a6ff;--cyan:#56d4dd;--violet:#bc8cff;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}code{font-family:var(--mono);font-size:12px;color:var(--cyan)}.bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:12px 18px;background:linear-gradient(#10151f,#0d1117);border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.3px}.brand small{color:var(--faint);font-weight:400;margin-left:8px;font-family:var(--mono)}.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-family:var(--mono);font-size:12px;color:var(--dim);background:var(--panel2)}.estop{cursor:pointer;border-color:#3a1417;background:#1b0f12;color:#ffb4ad;font-weight:700}.estop.active{background:var(--red);color:#0b0e13;border-color:var(--red)}.dot{width:9px;height:9px;border-radius:50%;background:var(--faint)}.dot.live{background:var(--green);box-shadow:0 0 8px #3fb950b3}.dot.stale{background:var(--amber)}.dot.fault{background:var(--red);box-shadow:0 0 8px #f85149b3;animation:pulse 1s infinite}.dot.disconnected{background:var(--faint)}@keyframes pulse{50%{opacity:.35}}#alerts{padding:0 18px}.alert{display:flex;gap:10px;align-items:center;margin:10px 0 0;padding:9px 12px;border-radius:8px;background:#2a1215;border:1px solid #5b1d22;color:#ffb4ad;font-family:var(--mono);font-size:12.5px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;padding:18px;max-width:1400px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;border-left:3px solid var(--faint);transition:border-color .2s}.card.live{border-left-color:var(--green)}.card.stale{border-left-color:var(--amber)}.card.fault{border-left-color:var(--red)}.card.disconnected{border-left-color:var(--faint)}.chead{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.chead:hover{background:#151b27}.cname{font-weight:600;font-size:13.5px}.csrc{font-family:var(--mono);font-size:10px;color:var(--faint);border:1px solid var(--line);padding:1px 5px;border-radius:5px;text-transform:uppercase}.cmetric{margin-left:auto;font-family:var(--mono);font-size:12.5px;color:var(--dim);text-align:right;white-space:nowrap}.cage{font-family:var(--mono);font-size:10px;color:var(--faint);width:42px;text-align:right}.chev{color:var(--faint);transition:transform .2s;font-size:11px}.card.open .chev{transform:rotate(90deg)}.cinner{padding:4px 14px 16px;border-top:1px solid var(--line)}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-family:var(--mono);font-size:12px;margin-top:10px}.kv .k{color:var(--faint)}.kv .v{color:var(--ink);text-align:right}.kv .v.warn{color:var(--amber)}.kv .v.bad{color:var(--red)}.kv .v.ok{color:var(--green)}canvas{display:block;width:100%;border-radius:8px;background:var(--panel2);margin-top:10px}.row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.chip{font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:6px;background:var(--panel2);border:1px solid var(--line);color:var(--dim)}.chip.ok{color:var(--green);border-color:#16351f}.chip.bad{color:var(--red);border-color:#3a1417;background:#1b0f12}.bars{display:flex;gap:6px;margin-top:10px}.barwrap{flex:1;text-align:center;font-family:var(--mono);font-size:10px;color:var(--faint)}.bar-o{height:64px;background:var(--panel2);border-radius:6px;border:1px solid var(--line);position:relative;overflow:hidden;margin-bottom:4px}.bar-f{position:absolute;bottom:0;left:0;right:0;background:var(--green);transition:height .2s,background .2s}.log{margin-top:10px;max-height:200px;overflow:auto;font-family:var(--mono);font-size:11.5px;line-height:1.55}.log div{padding:2px 0;border-bottom:1px solid #161d29;color:var(--dim)}.log .t{color:var(--faint)}.log .intent{color:var(--cyan)}.log .cmd{color:var(--violet)}.log .ok{color:var(--green)}.log .err{color:var(--red)}.note{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:10px}.dpad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"ul up ur" "left stop right" "dl down dr";gap:8px;margin-top:12px;max-width:240px;margin-left:auto;margin-right:auto}.dpad .d{font-family:var(--mono);font-size:18px;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:14px 0;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .1s,border-color .1s}.dpad .d:hover{background:#151b27}.dpad .d:active{background:var(--blue);border-color:var(--blue);color:#0b0e13}.dpad .up{grid-area:up}.dpad .down{grid-area:down}.dpad .left{grid-area:left}.dpad .right{grid-area:right}.dpad .ul{grid-area:ul}.dpad .ur{grid-area:ur}.dpad .dl{grid-area:dl}.dpad .dr{grid-area:dr}.dpad .ul,.dpad .ur,.dpad .dl,.dpad .dr{color:var(--violet);font-size:20px}.dpad .ul:active,.dpad .ur:active,.dpad .dl:active,.dpad .dr:active{background:var(--violet);border-color:var(--violet);color:#0b0e13}.dpad .stop{grid-area:stop;color:var(--red);font-size:14px}.dpad .stop:active{background:var(--red);border-color:var(--red);color:#0b0e13}.row .chip{cursor:pointer}.hint{font-size:11.5px;color:var(--faint);padding:10px 18px 28px;text-align:center;max-width:1400px;margin:0 auto}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px 26px;text-align:center}.login-brand{font-weight:700;letter-spacing:.3px;font-size:18px}.login-brand small{display:block;color:var(--faint);font-weight:400;margin-top:3px;font-family:var(--mono);font-size:11px}.login-card h1{font-size:18px;margin:18px 0 4px}.login-lead{color:var(--dim);font-size:12.5px;margin:0 0 18px}.login-notice{font-family:var(--mono);font-size:12px;padding:8px 10px;border-radius:8px;margin-bottom:12px;text-align:left}.login-notice.err{background:#2a1215;border:1px solid #5b1d22;color:#ffb4ad}.login-notice.ok{background:#0f2417;border:1px solid #1d5b32;color:#9ff0bb}.login-gbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px;border-radius:9px;border:1px solid var(--line);background:#fff;color:#1f2328;font-weight:600;font-size:13.5px;cursor:pointer}.login-gbtn:hover{background:#f1f3f5}.login-divider{margin:16px 0;color:var(--faint);font-size:11px;font-family:var(--mono);display:flex;align-items:center;gap:10px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.login-stack{display:flex;flex-direction:column;gap:12px;text-align:left;margin-top:6px}.login-field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dim)}.login-field input{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px;color:var(--ink);font-size:14px;width:100%}.login-field input:focus{outline:none;border-color:var(--blue)}.pw-wrap{position:relative;display:flex}.pw-wrap input{flex:1;padding-right:40px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--faint);cursor:pointer;padding:6px;display:flex}.pw-toggle:hover{color:var(--ink)}.login-btn{padding:11px;border-radius:9px;border:1px solid var(--blue);background:var(--blue);color:#0b0e13;font-weight:700;font-size:13.5px;cursor:pointer}.login-btn:disabled{opacity:.55;cursor:default}.login-link{background:none;border:0;color:var(--blue);font-size:12.5px;cursor:pointer;padding:6px}.login-link:hover{text-decoration:underline}