body{color:#1a1d23;background:#f4f5f7;margin:0;font-family:system-ui,sans-serif}main{box-sizing:border-box;background:#fff;border:1px solid #d8dce3;border-radius:8px;max-width:24rem;margin:4rem auto;padding:2rem}main.home{max-width:40rem}h1{margin:0 0 1.25rem;font-size:1.5rem}h2{margin:0 0 .75rem;font-size:1.1rem}.toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.toolbar p{margin:0}section{margin-top:1.5rem}ul{margin:0;padding:0;list-style:none}li{border-top:1px solid #e4e7ec;gap:.2rem;padding:.65rem 0;display:grid}.meta{color:#5c6570;word-break:break-all;font-size:.875rem}.empty{color:#5c6570;margin:0}form{display:grid}label{gap:.35rem;margin-bottom:1rem;display:grid}input{font:inherit;border:1px solid #c5cad3;border-radius:4px;padding:.5rem .65rem}button{font:inherit;color:#fff;cursor:pointer;background:#1f4fd8;border:0;border-radius:4px;justify-self:start;padding:.55rem 1rem}button:disabled{opacity:.6;cursor:default}.error{color:#9b1c1c;margin:0 0 1rem}