:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;background-color:#f5f0e8;color:#000}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem}h1{font-size:4rem;margin-bottom:2.5rem;font-family:libre}p{color:#605f5f}.input-form{padding:2rem;border-radius:8px;font-size:1.5rem;border-color:#fff}.task-submit{padding:2rem;border-color:#fff;border-radius:8px;font-size:1.5rem}ul{list-style-type:none;font-size:2rem}.checkbox-wrapper{display:flex;align-items:center;gap:.6rem;cursor:pointer}.checkbox-wrapper input[type=checkbox]{display:none}.custom-checkbox{width:18px;height:18px;border:2px solid #7a6c5d;border-radius:4px;background-color:transparent;position:relative;flex-shrink:0}.checkbox-wrapper input[type=checkbox]:checked+.custom-checkbox:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #7a6c5d;border-width:0 2px 2px 0;transform:rotate(45deg)}.task-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;border-bottom:1px solid #eee;position:relative}.delete-button{height:32px;border:2px solid #7a6c5d;border-radius:4px;background-color:transparent}