:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0f1420;color:#e8ecf4}*{box-sizing:border-box}body{margin:0}header{padding:24px 6vw;display:flex;align-items:center;gap:20px;border-bottom:1px solid #283144}.brand{font-size:24px;font-weight:800;color:#9ae6d3}.badge{margin-left:auto;border:1px solid #526272;border-radius:20px;padding:5px 12px;font-size:12px}main{max-width:760px;margin:48px auto;padding:0 24px}h1{font-size:36px;letter-spacing:-1px;margin-bottom:12px}.intro,footer{color:#a8b4c9}section{background:#192233;padding:28px;border:1px solid #2a374b;border-radius:12px;margin-top:24px}h2{margin-top:0;font-size:22px}label{display:block;margin:16px 0}input,select{display:block;margin-top:8px;width:100%;padding:12px;border:1px solid #526272;border-radius:6px;background:#101928;color:#fff;font:inherit}button{padding:11px 17px;border:0;border-radius:6px;background:#9ae6d3;color:#112323;font:inherit;font-weight:600;cursor:pointer}.secondary{background:#304159;color:#fff}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0f1420;padding:16px}footer{max-width:760px;margin:24px auto;padding:24px;font-size:13px}#status{min-height:24px;color:#9ae6d3}[hidden]{display:none!important}
