:root{--fg:#000;--bg:#fff;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--measure:64ch}@media (prefers-color-scheme:dark){:root{--fg:#fff;--bg:#000}}*,:before,:after{box-sizing:border-box;border-radius:0}html{font-family:var(--mono);color:var(--fg);background:var(--bg);-webkit-text-size-adjust:100%;font-size:15px;line-height:1.5}body{margin:0;padding:2rem 1rem 4rem}main{max-width:var(--measure);margin:0 auto}h1,h2,h3{margin:0 0 1rem;font-size:1rem;font-weight:700}h1{text-transform:uppercase}p,ul,ol{margin:0 0 1rem}ol,ul{padding-left:3ch}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}hr{border:0;border-top:1px solid var(--fg);margin:2rem 0}section{margin-bottom:2rem}header,footer{max-width:var(--measure);margin:0 auto}header{margin-bottom:3rem}footer{border-top:1px solid var(--fg);margin-top:3rem;padding-top:1rem}form{flex-wrap:wrap;gap:0;display:flex}input,button{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--fg);appearance:none;outline:none;margin:0;padding:.5rem .75rem}input{flex:20ch;min-width:0}input:focus{outline:1px solid var(--fg);outline-offset:-2px}button{cursor:pointer;border-left:0}button:hover,button:focus-visible{color:var(--bg);background:var(--fg)}button:disabled{cursor:default;opacity:.5}@media (max-width:30rem){input{flex-basis:100%}button{border-left:1px solid var(--fg);border-top:0;width:100%}}[role=status]{margin-top:.5rem}pre{border:1px solid var(--fg);margin:0 0 1rem;padding:1rem;overflow-x:auto}.muted{opacity:.6}