body{overflow-y:hidden}div.p{width:100vw;position:fixed;user-select:none;pointer-events:none;background:rgba(82,118,131,.2);height:4px;right:0;left:0;top:0}div.p:after{content:"";position:absolute;width:var(--w, 0%);background:#527683;transition:width cubic-bezier(.075,.82,.165,1) .4s;height:4px;right:0;left:0;top:0}nav{position:fixed;bottom:.5rem;right:.5rem}nav button{display:flex;align-items:center;justify-content:center;margin-top:4px;height:2.5rem;width:2.5rem;padding:0}nav svg{width:1.5rem;height:1.5rem}form{position:fixed;will-change:transform;transition:transform .4s cubic-bezier(.075,.82,.165,1);inset:0}fieldset{border:0;display:grid;font-size:1.3rem;align-content:center;justify-content:center;padding:4rem .5rem;overflow-y:scroll;margin:0 auto;height:100vh}fieldset,h1,h2,h3{width:94vw;max-width:520px}h1,h2,h3{color:#535e83;line-height:1.4}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.5rem}h3+small{position:relative;font:700 italic 75% Playfair Display;margin-bottom:-.3rem;opacity:.8}fieldset>p{font-size:1.3rem;margin-bottom:1.25rem;line-height:1.35}fieldset>input,[role=radiogroup],fieldset>textarea{margin:1rem 0;width:100%}input,textarea{font-family:inherit;background-color:transparent;outline:none;border:none}textarea{overflow-y:scroll;max-height:300px;resize:vertical}input,textarea,[role=radiogroup] label{box-shadow:#527683cc 0 0 0 var(--w, 1px) inset;transition:box-shadow .1s ease-out;padding:.6rem .8rem;color:#535e83;border-radius:4px;font-size:1.4rem;min-height:3rem}input:valid,textarea:valid,input:focus-visible,textarea:focus-visible{--w: 2px}label>svg{width:1rem;height:1rem;fill:var(--f, #527683);transition:fill .1s ease-out}[role=radiogroup]{display:grid;grid-row-gap:.5rem;row-gap:.5rem}[role=radiogroup] label{display:flex;align-items:center;justify-content:space-between;padding-left:.75rem;padding-right:1rem;user-select:none}[role=radiogroup] input{pointer-events:none;position:absolute;opacity:0;height:1px;width:1px}[role=radiogroup] input:focus+label{--w: 2px}[role=radiogroup] input:checked+label{--w: 2px;color:#fff;--f: currentColor;background-color:#527683}fieldset button{width:7rem}@media (prefers-color-scheme: dark){input,textarea,[role=radiogroup] label{color:#fff}}