:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; }
main { padding: 18px; max-width: 520px; }
h1 { font-size: 19px; margin: 0 0 14px; }
p { font-size: 14px; line-height: 1.55; }
button { background: #0675ff; color: #fff; border: 0; border-radius: 7px; padding: 11px 15px; font: inherit; font-size: 14px; cursor: pointer; margin: 0 5px 10px 0; }
button:disabled { opacity: .5; cursor: default; }
#connect { background: #465368; }
#preview { white-space: pre-wrap; }
#status[data-error="true"] { color: light-dark(#a61b1b, #ffaaaa); }
summary { cursor: pointer; font-size: 13px; margin-top: 14px; }