*{box-sizing:border-box}body{font-family:sans-serif;line-height:1.2em}h1{text-align:center;margin-block:1em}form,form>*:not(datalist):not(div.result){width:100%;display:flex;flex-direction:column;gap:.5em;align-items:stretch}input[type=text],input[type=date]{display:block;outline:none;--red:hsla(0, 25%, 70%, .562);border:2px solid gray;border-radius:.25rem;padding:.5rem}input[type=text]:invalid:not(:focus):not(:placeholder-shown),input[type=date]:invalid:not(:focus):not(:placeholder-shown){border:2px solid var(--red);background-color:var(--red)}input[type=submit],button{cursor:pointer;padding:.5rem;font-size:1.2em}input[type=radio]{margin-inline:0}