:root{font:15px/1.6 system-ui,sans-serif;color:#e6f4ef;background:#102730;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:60px auto;padding:0 24px 60px}.eyebrow{color:#f1cc80;letter-spacing:2px;font-size:12px}h1{font-size:36px;line-height:1.2;margin:12px 0}h2{font-size:20px}.intro,.footnote{color:#a8c5c3}.footnote{font-size:12px;margin-top:32px}button,.button,select{font:inherit;border:1px solid #527c81;border-radius:8px;padding:9px 14px;background:#24565b;color:#fff4d7}button,.button{cursor:pointer}.button{display:inline-block;text-decoration:none}button:hover,.button:hover{background:#327177}button:disabled{opacity:.5;cursor:default}select{display:block;width:100%;margin:6px 0 14px;background:#163640}label{font-weight:600}fieldset{border:1px solid #42636a;border-radius:10px;padding:16px 20px;margin:24px 0}legend{color:#f1cc80;padding:0 8px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.message{border-left:3px solid #f1cc80;padding:10px 16px;background:#1b4249;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}#status{color:#ffda94}#connection{color:#94e1cf}[hidden]{display:none!important}