<div>
<label>Фамилия: </label>
<input type="text">
</div>

div {
  position: relative;
} 

label {
  position: absolute;
}

input {
  padding-left: 80px;
}

https://learn.javascript.ru/localstorage
Направляю: есть такой объект Date. Пользователь пушит в localstorage такой объект с заданной датой (через указанное количество дней), при загрузке страницы создаётся новый объект Date с текущей датой и сверяется с той, что в localstorage.

Используй js, проверяй количество знаков в строке, в зависимости от их количества (попадания в интервал) присваивай нужный font-size. Логика у тебя теперь есть, код напиши сам, заодно поймёшь его.

Нет.

https://learn.javascript.ru/custom-elements