body{margin:0;font-family:system-ui,sans-serif;font-size:14px;line-height:1.5em}main{max-width:900px;margin:0 auto;padding:6px 12px}header{border-bottom:1px solid #ddd;padding:6px 0}nav,form,li,section>div{flex-wrap:wrap;gap:8px;display:flex}form{flex-direction:column}label{flex-direction:column;gap:4px;display:flex}input,textarea,button,a{font:inherit}a{color:inherit}textarea{resize:none;font-family:monospace;overflow:hidden}button.clear{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}button.clear:hover{background-color:#eee}ul{padding-left:0}li{flex-wrap:nowrap;margin-bottom:8px}pre,article{white-space:pre-wrap;border:1px solid #ddd;padding:12px;overflow:auto}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}