:root{color-scheme:dark;--bg:#0d151d;--card:#15222e;--ink:#e4edf2;--muted:#a3b7c5;--accent:#73dbbb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:24px}.brand{font-size:24px;font-weight:750;text-decoration:none;letter-spacing:.08em}.brand span{font-size:16px;color:var(--muted);letter-spacing:0}h1{font-size:32px}h2{font-size:23px}h3{font-size:18px}section{background:var(--card);border:1px solid #304554;border-radius:12px;padding:24px;margin-bottom:24px}p,footer{color:var(--muted)}a{color:var(--accent)}form{display:grid;gap:12px;margin:16px 0}label{display:grid;gap:5px}input,select,textarea,button{font:inherit;border:1px solid #547083;border-radius:6px;padding:10px;background:#0d1923;color:var(--ink);max-width:100%}button{cursor:pointer;border-color:var(--accent);width:fit-content;padding:8px 16px}button:hover{background:#254b45}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.check{display:flex;align-items:center;gap:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 ui-monospace,monospace}article{border-top:1px solid #365163;margin-top:12px;padding:12px 0;overflow-wrap:anywhere}article button{margin:4px}#messages{max-height:600px;overflow:auto}[hidden]{display:none!important}#status{font-weight:650;color:var(--accent)}@media(min-width:800px){#connect-form{grid-template-columns:1fr auto auto;align-items:end}#agent{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}#agent section:last-child{grid-column:1/-1}}@media(max-width:420px){header,main,footer{padding:12px}section{padding:16px}h1{font-size:27px}}