:root{font-family: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}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;margin:5px}h2{margin:5px}button{border-radius:5px;border:1px solid transparent;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{box-shadow:0 8px 25px #0000004d}button:focus,button:focus-visible{box-shadow:0 8px 24px #0000004d;text-decoration:underline}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.select-button{position:relative;display:flex;align-items:center;justify-content:center;background-color:#f44034;width:60px;height:30px;border:2px solid black;border-radius:5px;margin-top:8px;overflow:hidden}.select-button.on{background-color:#4caf50}.block{position:absolute;left:0;width:30px;height:30px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:5px}.block .icon{width:16px;height:16px}@keyframes move-right{0%{transform:translate(0)}to{transform:translate(26px)}}@keyframes move-left{0%{transform:translate(30px)}to{transform:translate(0)}}.move-right{animation:move-right .3s forwards}.move-left{animation:move-left .3s forwards}#root{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#8888880b}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:680px;padding:30px;border:1px solid gray;background-color:#fff;box-shadow:0 8px 24px #0000004d}.input-part{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;margin:10px;gap:10px}.input-wrapper{position:relative;display:inline-block}.hat-icon{position:absolute;top:-30px;right:-11px;width:50px;height:50px;transform:rotate(32deg);pointer-events:none}.input-bar{box-sizing:border-box;width:600px;height:60px;padding:10px 15px;border:2px solid black;border-radius:5px;font-size:18px}.add-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:600px;height:40px;background-color:#607cb8;border:2px solid black;border-radius:5px;color:#fff;font-size:large}.option-part{display:flex;width:600px;height:40px;justify-content:space-around}.option-button{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:160px;height:40px;border:1px solid black;border-radius:5px}.list-part{display:flex;flex-direction:column;justify-content:center;align-items:start;width:600px}.list-head{font-size:29px;font-weight:600;margin:0}.edit-button{display:flex;justify-content:center;align-items:center;width:260px;height:44px;padding:10px;border:2px solid black;border-radius:5px}.delete-button{background-color:#ce0303;color:#fff;display:flex;justify-content:center;align-items:center;width:260px;height:44px;padding:10px;border:2px solid black;border-radius:5px}.cancel-button{display:flex;justify-content:center;align-items:center;width:260px;height:44px;padding:10px;border:2px solid black;border-radius:5px}.save-button{background-color:#ce0303;color:#fff;display:flex;justify-content:center;align-items:center;width:260px;height:44px;padding:10px;border:2px solid black;border-radius:5px}.list-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 0}.list-content p{padding:0;margin:0;font-size:19px}.todo-item{display:flex;justify-content:start;align-items:center;width:520px;height:44px}.item-done{text-decoration:line-through;color:gray}