:root{font-family:system-ui,sans-serif;color:#182d38;background:#f4f7f8;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:36px 20px}header{padding:12px 0 24px}h1{font-size:2.3rem;margin:.2em 0}h2{font-size:1.2rem;margin-top:0}h3{font-size:1rem}.eyebrow{color:#167078;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}section{background:white;border:1px solid #dce6e9;border-radius:14px;padding:24px;margin:18px 0}label{display:block;margin:14px 0;font-size:.9rem;font-weight:600}input{display:block;width:100%;border:1px solid #9caeb7;border-radius:6px;padding:12px;margin-top:6px;font:inherit}input:focus{outline:2px solid #167078;outline-offset:2px}button{background:#167078;color:white;border:0;border-radius:6px;padding:12px 18px;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.actions{display:flex;gap:12px;flex-wrap:wrap}#clear,#disconnect,#refresh{background:#e8eef0;color:#182d38}#notice{border-left:4px solid #167078;padding:10px 14px;background:#e4eff1}#identity{overflow-wrap:anywhere;font-family:monospace;font-size:.85rem}dl{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}dt{color:#596f78}dd{margin:0;overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;font-size:.8rem}caption{text-align:left;color:#596f78;margin:12px 0}td,th{text-align:left;border-bottom:1px solid #edf1f2;padding:8px 4px}footer{color:#596f78;font-size:.85rem;margin:24px 0}[hidden]{display:none!important}@media(max-width:450px){main{padding:20px 12px}section{padding:18px}h1{font-size:1.9rem}}