:root{font:16px/1.6 system-ui,sans-serif;color:#17283c;background:#f3f6fa;color-scheme:light}body{margin:0}main{max-width:680px;margin:7vh auto;padding:32px;background:white;border:1px solid #dce4ed;border-radius:16px;box-shadow:0 12px 36px #1936530d}h1{font-size:3rem;margin:.15em 0}.eyebrow{font-size:.75rem;letter-spacing:.14em;color:#5b6c82}.state{display:flex;justify-content:space-between;gap:16px;background:#eef4fa;padding:18px;border-radius:10px}#power{font-weight:700}#observed,.note{font-size:.85rem;color:#56677a}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}button{padding:11px 17px;border:1px solid #bed0e2;border-radius:7px;background:#f7fafc;color:#17283c;font:inherit;cursor:pointer}button:hover:enabled{background:#e8f1fa}button:disabled{opacity:.45;cursor:not-allowed}.destructive{border-color:#d9b7b4;color:#923c33}#message{color:#923c33;white-space:pre-wrap}dialog{max-width:480px;padding:28px;border:1px solid #cbd7e4;border-radius:12px}dialog::backdrop{background:#17283c70}label{display:block;margin:14px 0}input:not([type=checkbox]){display:block;width:95%;padding:9px;font:inherit;border:1px solid #bed0e2;border-radius:6px}[hidden]{display:none!important}@media(max-width:740px){main{margin:16px;padding:24px}.state{flex-direction:column}}