:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.app{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:400px;gap:16px}.todo{display:flex;gap:1em;align-items:center;margin-bottom:8px}.btn{margin-left:8px;border:none;border-radius:.25em;padding:.5em 1em;background-color:#6495ed;color:#fff;font-size:1em;cursor:pointer}.todo-input{border-radius:.25em;border-color:#6495ed;padding:.5em 1em;background-color:#242424;color:#fff;font-size:1em}.x-button{border:none;background-color:transparent;display:none}.x-button:hover{filter:brightness(1.5)}.todo:hover .x-button{display:block}