body{font-family:Arial,sans-serif;padding:10px;background-color:#f0f0f0;color:#333}#todo-form{border-radius:5px;display:flex;margin-bottom:20px}#todo-input{flex-grow:1;padding:10px;font-size:16px;border:none;border-radius:5px}button[type=submit]{padding:10px 20px;font-size:16px;border:none;border-radius:5px;background-color:#87ceeb;color:inherit}#todo-list{list-style:none;padding:0}#todo-list li{position:relative;padding:10px 10px 10px 30px;border-radius:5px;background-color:#d3d3d3;margin-bottom:10px}#todo-list li button{color:#cd2727;float:right;cursor:pointer;font-size:14px;font-weight:800;transform:translateY(-25%)}#todo-list li .star-button{-webkit-tap-highlight-color:transparent;position:absolute;top:50%;transform:translateY(-55%);left:4px;outline:0;border:none;background:0 0;font-size:20px;cursor:pointer;color:#cd2727;width:30px;height:30px;line-height:30px;padding:0}#todo-list li.starred .star-button{color:gold}#toggle-dark-mode{float:right;margin-top:-60px;padding:5px}body.dark-mode{background-color:#333;color:#f0f0f0}body.dark-mode #todo-form{background-color:#444}body.dark-mode #todo-input{background-color:#555;color:#f0f0f0}body.dark-mode button[type=submit]{background-color:#111}body.dark-mode #todo-list li{background-color:#555}