:root{font:16px system-ui;color:#e6edf3;background:#10151d}body{margin:0}main{max-width:1000px;margin:3rem auto;padding:0 1.5rem}h1{font-size:2.5rem}h2{margin-top:2.5rem}label{display:inline-block;margin:.5rem}input,button{font:inherit;padding:.65rem;border:1px solid #526176;border-radius:6px;background:#202b3b;color:inherit}button{cursor:pointer;margin:.3rem}button:hover{background:#354963}article,details{padding:1rem;background:#192230;border:1px solid #354054;border-radius:8px;margin:1rem 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#192230;padding:1rem}#notice{color:#f7c873;min-height:1.5rem}small{color:#b2bfd1}a{color:#9acbff}