:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:#11121b;color:#ececf6}*{box-sizing:border-box}body{margin:0;padding:24px 18px}main{max-width:560px;margin:0 auto}.brand{font-size:26px;font-weight:800;text-decoration:none;color:#b39dff}.brand span{color:#d6f678}h1{font-size:32px;margin-bottom:8px}p{line-height:1.55;color:#bfc1d2}a{color:#b9a5ff}label{display:block;margin:24px 0 8px;font-weight:600}textarea,select{width:100%;resize:vertical;border:1px solid #53546c;border-radius:14px;background:#202131;color:#fff;font:inherit;padding:16px;font-size:18px}select{font-size:16px}button{font:inherit;border:1px solid #53546c;border-radius:12px;padding:13px 16px;background:#292a3d;color:#fff;cursor:pointer}button:disabled{opacity:.45;cursor:default}#send,#connect{background:#7050de;border-color:#7050de}.actions{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}#send{flex:1}section{margin-top:28px;padding:20px;border:1px solid #38394e;border-radius:18px;background:#1b1c2a}section h2{margin-top:0;font-size:20px}#result{min-height:26px;color:#d6f678}.small{font-size:13px}[hidden]{display:none!important}