:root{color-scheme:dark;font:16px system-ui;background:#0e1720;color:#edf3fa}body{margin:0}main{max-width:920px;margin:auto;padding:28px}h1{font-size:2rem}h2{margin-top:24px}.badge{color:#ffd38c;font-weight:bold}label{display:block;margin:12px 0}input,textarea,button{font:inherit;padding:10px;border:1px solid #698197;border-radius:6px;background:#172737;color:inherit}input,textarea{display:block;box-sizing:border-box;width:100%;max-width:650px;margin-top:6px}button{cursor:pointer;margin:6px 3px 6px 0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffc261}button:disabled{opacity:.5}article{border:1px solid #44596d;padding:12px;margin:14px 0;border-radius:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#172737;padding:16px}small{display:block;color:#b6cadc}[hidden]{display:none!important}