*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a14;--panel-bg:#12121f;--panel-border:#1e1e3a;--accent:#4ade80;--accent-dim:#22c55e;--text:#e2e8f0;--text-muted:#64748b;--alive-color:#4ade80;--dead-color:#0f172a;--grid-color:#1e293b;--danger:#f87171;--info:#60a5fa}body,html{height:100%;background:var(--bg);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}body,button,html{color:var(--text)}button{cursor:pointer;border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:6px;padding:6px 12px;transition:background .15s,border-color .15s}button:hover{background:#1e2035;border-color:var(--accent)}button.active,button[data-active=true]{border-color:var(--accent);color:var(--accent)}button.danger:hover{border-color:var(--danger);color:var(--danger)}input[type=range]{accent-color:var(--accent)}input[type=number]{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);border-radius:4px;padding:4px 8px;width:64px;text-align:center}label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;padding:16px}.pill{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;background:var(--panel-border)}.pill.online{background:#14532d;color:var(--accent)}.pill.offline{background:#450a0a;color:var(--danger)}