:root{--bg:#08090a;--surface:#111215;--control:#16171b;--raised:#1b1d22;--raised-2:#23262d;--border:#23262b;--border-faint:#1b1e22;--border-control:#343842;--rail:#343842;--fg:#e5e7eb;--strong:#f4f4f5;--secondary:#a1a1aa;--muted:#8b8f98;--dim:#676a6e;--green:#22c55e;--red:#ef4444;--blue:#3b82f6;--yellow:#eab308;--tint-priority:#312a12;--focus-halo:#1a325c;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-control)transparent}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:13px/1.5 Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}::selection{color:var(--strong);background:#29559c}:focus{outline:none}:focus-visible{box-shadow:0 0 0 1px var(--blue),0 0 0 3px var(--focus-halo);border-radius:6px}h2{color:var(--strong);margin:0;font-size:13px;font-weight:600}.meta{color:var(--muted);margin:0;font-size:12px}.spacer{flex:1}.mark{display:inline-flex;color:var(--strong);align-items: center;gap:7px;font-weight:600}.mark svg{fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.button{appearance:none;display:inline-flex;white-space:nowrap;cursor:pointer;color:var(--strong);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items: center;gap:6px;height:24px;padding:0 8px;font:600 12px/1 Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.button.primary{border-color:var(--rail);background:var(--raised);box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000080}.button.primary:hover{background:var(--raised-2)}.button.outline{border-color:var(--border-control);background:var(--control)}.button.outline:hover{background:var(--raised)}.button.ghost{color:var(--secondary)}.button.ghost:hover{color:var(--strong)}.button.danger{color:#fff;background:#dc2626}.control{appearance:none;border:1px solid var(--border-control);background:var(--control);color:var(--fg);border-radius:6px;height:30px;padding:0 10px;font:13px Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}select.control{background:var(--control)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b8f98' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 6px center/14px;padding-right:26px}.control::placeholder{color:var(--dim)}.card{border:1px solid var(--border);background:var(--surface);border-radius:8px}.card-head{display:flex;border-bottom:1px solid var(--border);align-items: center;gap:9px;height:36px;padding:0 8px 0 12px}.dot{border:1px solid var(--dim);border-radius:50%;flex:none;width:8px;height:8px}.dot.on{background:var(--green);border:0;box-shadow:0 0 0 3px #22c55e2e}.dot.asking{background:var(--yellow);border:0;box-shadow:0 0 0 3px #eab3082e}.row{display:flex;align-items: center;gap:8px}#login:not([hidden]){display:grid;place-items: center;min-height:100vh;padding:16px}.login{display:grid;gap:10px;width:min(320px,100%);padding:20px}.login .button{height:28px;font-size:13px}.topbar{position:sticky;z-index:2;display:flex;border-bottom:1px solid var(--border);background:var(--bg);align-items: center;gap:14px;height:44px;padding:0 12px 0 16px;top:0}.chips{display:flex;gap:4px}.chip{display:inline-flex;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items: center;gap:7px;height:24px;padding:0 9px;font:500 12px Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.chip[aria-pressed=true]{border-color:var(--border-control);background:var(--raised);color:var(--strong)}.layout{display:grid;grid-template-columns:minmax(0,1fr)264px;gap:12px;padding:12px}.tiles{display:grid;grid-template-columns:minmax(0,1fr);align-content: start;gap:12px}.tiles[data-count="2"],.tiles[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:1700px){.tiles[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.tile{overflow:hidden}.tile .state{font-family:Geist Mono,ui-monospace,monospace;font-size:11px}.ask:not([hidden]){display:flex;border-bottom:1px solid var(--border);background:var(--tint-priority);color:var(--yellow);align-items: center;gap:10px;padding:7px 8px 7px 12px;font-size:12px}.ask .ask-text{color:#fde68a;flex:1}.screen{position:relative;background:#000}.screen canvas{display:block;aspect-ratio:16/9;width:100%;height:auto}.screen canvas.driving{cursor:crosshair;box-shadow:inset 0 0 0 2px var(--blue)}.overlay:not([hidden]){position:absolute;display:grid;color:var(--dim);background:#08090a99;place-items: center;margin:0;font-size:12px;inset:0}.hint:not([hidden]){border-top:1px solid var(--border);padding:6px 12px}.rail{position:sticky;overflow:auto;align-self: start;max-height:calc(100vh - 68px);top:56px}.rail h2{color:var(--secondary);padding:0 2px 6px;font-weight:500}.feed{list-style:none;margin:0;padding:0;font-size:12px}.feed li{display:grid;grid-template-columns:52px 34px minmax(0,1fr);border-top:1px solid var(--border-faint);color:var(--secondary);gap:6px;padding:4px 2px}.feed time,.feed .machine{color:var(--dim);font-family:Geist Mono,ui-monospace,monospace;font-size:11px}.feed .who{color:var(--fg)}.dialog{color:var(--fg);width:min(640px,100% - 32px);padding:0}.dialog::backdrop{background:#0009}.dialog-body{display:grid;gap:12px;padding:12px}.dialog-body form .control:nth-child(2){flex:1}pre{overflow:auto;border:1px solid var(--border);background:var(--bg);white-space:pre-wrap;word-break:break-all;border-radius:6px;max-height:200px;margin:0 0 8px;padding:10px;font:12px/1.5 Geist Mono,ui-monospace,monospace}.rows{list-style:none;margin:0;padding:0}.rows li{display:flex;border-top:1px solid var(--border-faint);align-items: center;gap:10px;height:32px}.rows .machine{color:var(--dim);width:40px;font:11px Geist Mono,ui-monospace,monospace}.rows .label{color:var(--strong);flex:1}@media (max-width:960px){.layout{grid-template-columns:1fr}.tiles[data-count]{grid-template-columns:minmax(0,1fr)}.rail{position:static;max-height:none}#who{display:none}}