*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;color:#4f4f4f}.todo{width:358px;padding:40px 25px;background-color:#fff;border:1px solid #d1d1d1;border-radius:8px}.todo__title{font-size:20px;font-weight:700}.todo__subtitle{margin-top:10px;margin-bottom:20px;font-size:14px}.todo__form{display:grid;gap:16px}.todo__editor{display:flex;gap:8px}.todo__input{width:100%;height:44px;padding:13.5px 16px;font-size:14px;color:#4f4f4f;border:1px solid #4f4f4f;border-radius:8px}.todo__input::placeholder{color:#acacac}.todo__button{width:77px;color:#fff;background-color:#4f4f4f;border-radius:8px;flex-shrink:0;border:none}.todo__list{display:flex;flex-direction:column;gap:16px;max-height:284px;margin-top:16px;overflow:auto}.todo__item{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 15px;background-color:#35383e0d;border:1px solid #4f4f4f;border-radius:8px;flex-shrink:0;font-size:15px}.todo__item--empty{text-align:center}.todo__item--empty .todo__text--empty{width:100%}.todo__item--complete label{text-decoration:line-through}.todo__checkbox-group{display:flex;align-items:center;gap:8px;width:220px}.todo__checkbox{appearance:none;width:24px;height:24px;border:1px solid #4f4f4f;border-radius:5px;background-color:#fff}.todo__checkbox:checked{background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='14'%20viewBox='0%200%2018%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.75%209.25L15.75%200.25L18%202.5L9%2011.5L6.75%209.25ZM4.5%2011.5L6.75%209.25L2.25%204.75L0%207L4.5%2011.5Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.75%209.25L15.75%200.25L18%202.5L9%2011.5L6.75%209.25ZM4.5%2011.5L6.75%209.25L2.25%204.75L0%207L4.5%2011.5Z'%20fill='black'/%3e%3cpath%20d='M4.5%2011.5L6.75%2013.75L9%2011.5L6.75%209.25L4.5%2011.5Z'%20fill='white'/%3e%3cpath%20d='M4.5%2011.5L6.75%2013.75L9%2011.5L6.75%209.25L4.5%2011.5Z'%20fill='black'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}.todo__modify-input{width:220px;height:24px}.todo__button-group{display:flex;gap:8px}.todo__action-button{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid #4f4f4f;border-radius:4px}