:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#080709;color:#eee;font:16px/1.7 system-ui,sans-serif}main{max-width:640px;margin:0 auto;padding:40px 24px}a{color:#ff70b1;text-underline-offset:4px}h1{color:#ff1684;font-size:clamp(32px,8vw,48px);line-height:1.1}.brand{font-size:12px;letter-spacing:2px;text-decoration:none}label{display:block;margin:20px 0 6px}input,textarea{display:block;width:100%;min-width:0;background:#171017;color:#fff;border:1px solid #75616f;border-radius:6px;padding:12px;font:inherit}textarea{resize:vertical}button{background:#ff1684;color:#10030b;border:0;border-radius:6px;padding:15px 24px;font:inherit;font-weight:800;cursor:pointer}button:disabled{opacity:.6;cursor:wait}a:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:4px}.small{font-size:13px;color:#beb1bb}#preview-note{border-left:3px solid #ff1684;padding-left:12px}#status{overflow-wrap:anywhere}