:root{color-scheme:light dark}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0B0B1E;color:#fff}
main{max-width:42rem;margin:0 auto;padding:2rem 1.25rem 3rem}
a{color:#B9B3FF}
h1{font-size:1.8rem;line-height:1.25}
.draft{border:1px dashed #F5C26B;color:#F5C26B;border-radius:.5rem;padding:.5rem .75rem;font-weight:600}
nav{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;font-size:.95rem}
form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}
label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}
input{font:inherit;padding:.7rem .8rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.06);color:inherit}
button{font:inherit;font-weight:600;padding:.85rem 1rem;border-radius:.75rem;border:0;background:#5B50F0;color:#fff;cursor:pointer}
.error{border:1px solid #FF8A8A;color:#FF8A8A;border-radius:.5rem;padding:.5rem .75rem}
small,footer{opacity:.75;font-size:.85rem}