*{box-sizing:border-box}body{margin:0;font:1rem/1.6 system-ui;background:#fafafa;color:#17212b}main{max-width:48rem;margin:auto;padding:1.5rem}h1{line-height:1.25}form,.filters{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-block:1rem}label{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}input,button{font:inherit;padding:.6rem}input[type=text]{min-width:0;max-width:100%}button{cursor:pointer}li{margin-block:.5rem}input[type=checkbox]{width:1.2rem;height:1.2rem}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #3c5fba;outline-offset:3px}.error{color:#a11a26}