:root{color-scheme:dark;font-family:system-ui,sans-serif;line-height:1.6;background:#0d1a28;color:#edf4fa}body{margin:0}main{max-width:760px;margin:auto;padding:2rem 1.25rem 4rem}h1{font-size:2rem;line-height:1.2}h2{font-size:1.3rem}a{color:#9bdcff}section{margin:1.7rem 0;padding:1.3rem;border:1px solid #526574;border-radius:12px}label{display:block;margin-top:1rem}input,select,button{box-sizing:border-box;font:inherit;max-width:100%;border-radius:6px;border:1px solid #718493}input,select{display:block;width:100%;padding:.7rem;background:#172838;color:inherit}button{margin-top:.9rem;padding:.7rem 1rem;background:#bce7d0;color:#10231c;cursor:pointer}button:disabled{opacity:.5;cursor:default}.buttons{display:flex;gap:.6rem;flex-wrap:wrap}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem}#status{border-left:4px solid #bce7d0;padding:.7rem 1rem}*:focus-visible{outline:3px solid #ffd487;outline-offset:3px}[hidden]{display:none!important}