:root{color-scheme:dark}body{margin:0;background:#111827;color:#f3f4f6;font:16px/1.65 system-ui,sans-serif}main{max-width:760px;margin:auto;padding:24px}a{color:#9be4d0}h1,h2{line-height:1.3}section{border:1px solid #506073;border-radius:14px;padding:20px;margin:22px 0}label{display:block;margin:10px 0}input:not([type=checkbox]){box-sizing:border-box;max-width:100%;width:100%;padding:10px;background:#1e293b;color:white;border:1px solid #8ea2b8;border-radius:6px}button{padding:12px;margin:8px 8px 8px 0;font:inherit;border:1px solid #8ea2b8;border-radius:6px}button:disabled{opacity:.65;cursor:not-allowed}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}li{margin-bottom:12px}:focus-visible{outline:3px solid #7ce6ba;outline-offset:3px}