:root{color:#1c2024;background:#f6f7f9;font-family:system-ui,sans-serif}body{margin:0}header{color:#fff;background:#1c2024;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}header a,header button{color:#fff}header .grow{flex:1}main{max-width:60rem;margin:1rem auto;padding:0 1rem}h1,h2{font-weight:600}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #e3e6ea;padding:.4rem .6rem}section{background:#fff;border:1px solid #e3e6ea;border-radius:6px;margin:1rem 0;padding:.6rem 1rem}pre{background:#f0f2f5;padding:.5rem;overflow:auto}input{min-width:16rem;margin:.3rem 0 .8rem;padding:.4rem;display:block}button{cursor:pointer;padding:.35rem .8rem}.badge{border-radius:1rem;padding:.1rem .5rem;font-size:.85em}.connected{background:#cdeed5}.disconnected{background:#e3e6ea}.revoked{background:#f5c9c9}.unread{color:#8a5a00;font-style:italic}.error{color:#a40000}.confirm{background:#fff4d6;border-radius:4px;margin-top:.4rem;padding:.5rem}