:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #111827; color: #e5e7eb; }
body { margin: 0; } header, main { max-width: 1100px; margin: auto; padding: 1rem; }
header { display: flex; align-items: center; justify-content: space-between; }
button { margin: .25rem; padding: .5rem .7rem; border: 0; border-radius: .35rem; background: #2563eb; color: white; cursor: pointer; }
button:hover { background: #1d4ed8; } input { padding: .5rem; min-width: 15rem; }
#robots { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.robot { background: #1f2937; border-radius: .6rem; padding: 1rem; overflow-wrap: anywhere; }
.robot h2 { margin-top: 0; } .identity, .seen { color: #9ca3af; font-size: .9rem; }
pre { overflow: auto; background: #0b1220; padding: .7rem; border-radius: .35rem; white-space: pre-wrap; }
.commands { margin: .5rem 0; } .rename { margin: .7rem 0; }