*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background-color:#d3d3d3;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;align-items:center;justify-content:center}.app-container{display:flex;flex-direction:column;gap:25px;padding:25px;background-color:#fff;border-radius:10px}.error{color:red;font-size:14px;text-align:center;margin-bottom:5px}.form-container{display:flex;flex-direction:column;gap:12px;max-width:300px;width:100%}.input-container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:5px}.input-bar{padding:8px 12px;border-radius:20px;text-align:center;width:100%}textarea.input-bar{resize:none}.submit-button{padding:10px;border-radius:50px;background-color:orange;border:none;color:#fff;font-size:15px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.submit-button:hover{opacity:.85;transform:scale(1.03)}.list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:10px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:10px;gap:10px;background-color:#f3f3f3;border-radius:8px}.item-content{display:flex;flex-direction:column;gap:4px}.item-controls{display:flex;align-items:center;gap:8px}.item-controls button{cursor:pointer}.check-done{text-decoration:line-through;opacity:.6}