*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#1a1a2e;color:#eee}.container{max-width:640px;margin:0 auto;padding:1.5rem}h1{margin-top:0}.error{color:#f88}form div{margin-bottom:1rem}label{display:block;margin-bottom:.25rem}input{width:100%;padding:.5rem;font-size:1rem}button{padding:.5rem 1rem;font-size:1rem;cursor:pointer}section{margin-top:2rem;padding-top:1rem;border-top:1px solid #333}section h2{margin-top:0}pre{background:#0f0f1a;padding:.5rem;overflow:auto}ul{list-style:none;padding-left:0}li{margin-bottom:.5rem}a{color:#7af}a:visited{color:#a7f}