:root{font-family:system-ui,sans-serif;color:#191919;background:#fafaf9}:root.dark{color-scheme:dark;color:#f0f0ed;background:#1e1e1c}:root.dark a{color:#a8ccff}body{margin:0}header,main{max-width:50rem;margin-inline:auto;padding:1rem}header{display:flex;justify-content:space-between;align-items:center}button{padding:.5rem .75rem;font:inherit}li+li{margin-block-start:.5rem}header,header nav,header form{flex-wrap:wrap;gap:.75rem}header nav,header form{display:flex;align-items:center}main form{display:grid;justify-items:start;gap:.5rem}textarea{box-sizing:border-box;width:100%;font:inherit}
