:root{color-scheme:dark;color:#e6ebf5;background:#0f141d;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.container{width:min(100% - 2rem,42rem);margin:3rem auto;padding:2rem;background:#161d29;border:1px solid #2a3444;border-radius:.75rem}form{display:grid;gap:1rem}label{display:grid;gap:.35rem;font-weight:600}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;padding:.65rem;border:1px solid #3d4a5f;border-radius:.4rem;background:#0f141d;color:inherit}textarea{min-height:6rem;resize:vertical}button{width:fit-content;padding:.65rem 1rem;border:0;border-radius:.4rem;background:#3b82f6;color:#fff;cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f7b955;outline-offset:2px}.message{min-height:1.5rem;color:#ff8a9a}.message.success{color:#4ade80}.lead{color:#c7d2e3}.note{color:#9fb0c9;font-size:.9rem}.note code{background:#0f141d;border:1px solid #2a3444;border-radius:.25rem;padding:.05rem .3rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:#0f141d;border:1px solid #2a3444;border-radius:.4rem}section{margin-top:1.5rem}@media (max-width: 36rem){.container{width:100%;margin:0;min-height:100vh;border:0;border-radius:0}}