:root{--bg:#f4f5f7;--surface:#fff;--text:#1c1f24;--muted:#6b7280;--border:#e3e5e8;--on:#16a34a;--off:#9ca3af;--offline:#dc2626;--waiting:#d97706;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#111317;--surface:#1a1d23;--text:#e8eaed;--muted:#9aa0a8;--border:#2a2e36;--off:#6b7280}}*{box-sizing:border-box}body{background:var(--bg);margin:0}.page{gap:16px;max-width:560px;margin:0 auto;padding:24px 16px;display:grid}.header{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.02em;font-size:1.15rem;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.machine-name{color:var(--muted);margin:0 0 16px;font-size:.9rem}.machine{--state:var(--waiting);align-items:center;gap:16px;display:flex}.machine[data-state=on]{--state:var(--on)}.machine[data-state=off]{--state:var(--off)}.machine[data-state=offline]{--state:var(--offline)}.lamp{background:var(--state);width:56px;height:56px;box-shadow:0 0 0 6px color-mix(in srgb, var(--state) 20%, transparent);border-radius:50%;transition:background .2s,box-shadow .2s}.machine[data-state=on] .lamp{box-shadow:0 0 24px 4px color-mix(in srgb, var(--on) 55%, transparent)}.machine-label{font-size:1.8rem;font-weight:650}.facts{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 0;display:grid}.facts dt{color:var(--muted);font-size:.8rem}.facts dd{margin:4px 0 0;font-weight:600}.status{font-size:.85rem;font-weight:600}.status[data-state=connected]{color:var(--on)}.status[data-state=disconnected]{color:var(--offline)}.status[data-state=connecting]{color:var(--waiting)}.log-title{margin:0 0 12px;font-size:.95rem}.log{color:var(--muted);gap:4px;margin:0;padding:0;font-family:Cascadia Mono,Consolas,monospace;font-size:.8rem;list-style:none;display:grid}