:root{--navy:#0d2c4b;--green:#57b87f;--bg:#f4f6f9;--surface:#fff;--text:#16283c;--text-dim:#5b6b7d;--border:#dbe2ea;--accent:#14548c;--ok:#2e9e63;--ok-bg:#e3f4ea;--warn:#d97a1f;--warn-bg:#fdeeda;--off:#8b97a3;--off-bg:#eef1f4;--danger:#c8442c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1826;--surface:#12253a;--text:#e8eef4;--text-dim:#9db0c2;--border:#24405c;--accent:#5aa4e0;--ok:#57b87f;--ok-bg:#143526;--warn:#e89b4b;--warn-bg:#3a2a12;--off:#7a88a0;--off-bg:#1a2c3f;--danger:#e06a52}}:root[data-theme=dark]{--bg:#0b1826;--surface:#12253a;--text:#e8eef4;--text-dim:#9db0c2;--border:#24405c;--accent:#5aa4e0;--ok:#57b87f;--ok-bg:#143526;--warn:#e89b4b;--warn-bg:#3a2a12;--off:#7a88a0;--off-bg:#1a2c3f;--danger:#e06a52}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{max-width:480px;margin:0 auto;padding:0 16px 32px}header.app{justify-content:space-between;align-items:center;padding:14px 0 10px;display:flex}header.app h1{margin:0;font-size:22px}header.app h1 .ping{color:var(--green)}header.app .baseline{color:var(--text-dim);margin:2px 0 0;font-size:12px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 14px}button.icon{background:0 0;border:none;padding:6px;font-size:22px}button.primary{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:600}button.primary:disabled{opacity:.6;cursor:default}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin:10px 0;padding:14px 16px}.machine{align-items:center;gap:12px;display:flex}.machine .dot{border-radius:50%;flex:none;width:14px;height:14px}.machine .dot.locked{background:var(--ok)}.machine .dot.unlocked{background:var(--warn)}.machine .dot.offline{background:var(--off)}.machine .info{flex:1;min-width:0}.machine .name{margin:0;font-weight:600}.machine .sub{color:var(--text-dim);margin:2px 0 0;font-size:13px}.machine .status{border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.machine .status.locked{color:var(--ok);background:var(--ok-bg)}.machine .status.unlocked{color:var(--warn);background:var(--warn-bg)}.machine .status.offline{color:var(--off);background:var(--off-bg)}.machine-actions{gap:8px;margin-top:12px;display:flex}.machine-actions button{flex:1}.quip{color:var(--text-dim);margin:8px 0 0;font-size:13px;font-style:italic}.segmented{border:1px solid var(--border);border-radius:10px;display:flex;overflow:hidden}.segmented button{background:var(--surface);border:none;border-radius:0;flex:1;padding:10px 8px}.segmented button[aria-pressed=true]{background:var(--navy);color:#fff;font-weight:600}.notice{color:var(--text-dim);background:var(--off-bg);border-radius:10px;margin:8px 0;padding:10px 12px;font-size:13px}h2{margin:22px 0 8px;font-size:17px}.view p,.view li{line-height:1.5}.view a{color:var(--accent)}.empty{text-align:center;color:var(--text-dim);padding:40px 12px}