body{font-family:system-ui,sans-serif;background:#111;color:#e8e8e8;margin:0}
main{max-width:640px;margin:2rem auto;padding:0 1rem}
label{display:block;margin:.8rem 0}
input{display:block;width:100%;padding:.5rem;margin-top:.25rem;box-sizing:border-box}
button{padding:.5rem 1rem;cursor:pointer;margin:.25rem 0}
.danger{background:#a22;color:#fff;border:0}
.err{color:#ff8a8a}.note{color:#9fd39f}.right{text-align:right}
pre,code{background:#222;padding:.2rem .4rem;overflow-x:auto}
a{color:#8ab4ff}
details{margin:.5rem 0}summary{cursor:pointer;color:#8ab4ff}
ul{margin:.3rem 0;padding-left:1.2rem}li{margin:.2rem 0}