body{margin:0;font-family:system-ui,sans-serif;background:var(--bg,#f5f6f1);color:var(--text,#1d1f1a)}
main{max-width:26rem;margin:12vh auto;padding:0 16px}
h1{font-size:1.6rem;margin:0 0 .5rem}p{line-height:1.5}
.button,button{display:block;box-sizing:border-box;width:100%;padding:.8rem 1rem;margin:.6rem 0;border-radius:.6rem;border:1px solid #c9ccc0;background:#fff;color:inherit;font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}
.primary{background:#1d1f1a;color:#fff;border-color:#1d1f1a}
input{box-sizing:border-box;width:100%;padding:.75rem;border-radius:.6rem;border:1px solid #c9ccc0;font:inherit}
label{display:block;margin-top:1.4rem;font-weight:600}.note{color:#5b5f54;font-size:.9rem}.error{color:#a3261b}.ok{color:#2d6a2f}
@media (prefers-color-scheme:dark){body{background:#151612;color:#ecede6}.button,button,input{background:#22241e;color:#ecede6;border-color:#44473d}.primary{background:#ecede6;color:#151612}.note{color:#a9ad9f}}