:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101016;color:#f7f7f5;font:17px/1.65 system-ui,sans-serif}main,header,footer{max-width:900px;margin:auto;padding:24px}main{padding-bottom:64px}header a.brand{font-size:24px;font-weight:800;text-decoration:none}h1{font-size:clamp(2rem,7vw,3.7rem);line-height:1.1}h1,h2,a{color:#d9ff38}h2{font-size:1.35rem}nav{display:flex;gap:12px;flex-wrap:wrap}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d9ff38;outline-offset:4px}.notice,section,details{border:1px solid #42424e;background:#1a1a22;padding:20px;border-radius:12px;margin:18px 0}summary{cursor:pointer;font-weight:700}label{display:block;margin-top:16px}input,select,button{font:inherit;padding:12px;border-radius:8px;border:1px solid #70707c;background:#101016;color:#fff;max-width:100%}button{cursor:pointer;background:#d9ff38;color:#101016;font-weight:700;margin:12px 8px 0 0}button:disabled{opacity:.6;cursor:wait}.danger{background:#ffb6b6}p,li{overflow-wrap:anywhere}.muted{color:#b7b7c5}.skip{position:absolute;top:-100px}.skip:focus{top:0}.actions{display:flex;flex-wrap:wrap;gap:8px}#result{white-space:pre-wrap}table{border-collapse:collapse;width:100%}th,td{padding:10px;border-bottom:1px solid #555;text-align:left}code{overflow-wrap:anywhere}footer{border-top:1px solid #42424e}footer a:link{color:#d9ff38}footer a:visited{color:#6ea8ff}
