:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;background:#101724;color:#e8edf5}body{margin:0}main{max-width:1100px;margin:48px auto;padding:0 24px 64px}h1{font-size:2rem;letter-spacing:-.03em}h2{margin-top:40px;font-size:1.25rem}a{color:#9ec5ff}p{max-width:800px;color:#bac9dd}table{border-collapse:collapse;width:100%;margin:16px 0;display:block;overflow:auto}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid #334155;white-space:nowrap}th{color:#9aacbf;font-size:.85rem}button,input{font:inherit;border:1px solid #42536b;border-radius:8px;padding:9px 12px;color:inherit;background:#1b293d}button{cursor:pointer;background:#254e82;margin:3px}button:hover{background:#3266a9}input{max-width:90%;margin:6px}label{display:inline-block;margin:8px 0}#status{min-height:24px;color:#a6dab9}code{background:#1b293d;border-radius:6px;padding:3px 7px}main>p:first-of-type{font-size:1.15rem}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #8abfff;outline-offset:3px}@media(max-width:600px){main{margin-top:24px;padding:0 16px 40px}h1{font-size:1.6rem}th,td{padding:9px}}