:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#202724;background:#fafbfa;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:640px;margin:12vh auto;padding:24px}.brand{color:#28724c;font-weight:700}h1{letter-spacing:-1px;margin:24px 0 12px;font-size:40px}h2{margin:0 0 18px;font-size:18px}p{line-height:1.6}section{background:#fff;border:1px solid #dce2dd;border-radius:12px;margin:28px 0;padding:24px}.status{align-items:center;gap:10px;display:flex}.dot{background:#8b918d;border-radius:50%;width:8px;height:8px}.connected .dot{background:#28724c}.unavailable .dot{background:#b14b32}.hint{color:#626b65;font-size:14px}button{color:inherit;font:inherit;cursor:pointer;background:#f6f8f6;border:1px solid #cdd5cf;border-radius:6px;padding:10px 16px}button:hover:not(:disabled){background:#eaf0eb}button:disabled{opacity:.6;cursor:wait}button:focus-visible{outline-offset:3px;outline:3px solid #28724c}