@font-face{font-display:swap;font-family:"Damion";font-style:normal;font-weight:400;src:local("Damion"),url(/fonts/damion.ttf)format("truetype")}*{box-sizing:border-box;margin:0;padding:0}a{cursor:pointer;text-decoration:underline}body{background-color:#f7f7ed;font-family:"Damion",cursive;font-size:1.2em;line-height:1.6;margin:0 auto;max-width:80ch;padding:0 1em}button{background-color:#e5e6b3;border:1px solid #000;border-radius:0.2em;cursor:pointer;font-family:inherit;font-size:inherit;line-height:1;padding:0.2em 0.4em}button:hover{background-color:#ebebc2}button:active{background-color:#d1d175}button:disabled{background-color:#ccc}footer{margin:1em 0;text-align:center}form>div+div{margin-top:0.5em}h1{line-height:1;margin:0.5em 0}input{border:1px solid #000;border-radius:0.2em;display:block;font-family:sans-serif;font-size:inherit;padding:.6em .6em .4em;width:100%}label{display:block}nav li{list-style:none}pre{background-color:#eee;border:1px solid #000;border-radius:0.2em;padding:0.2em 0.4em 0.1em}td,th{padding:.1em .4em}
.bg-darken{background-color:rgba(0,0,0,.5)}.error{color:hsl(0,80%,40%)}.error input,input.error,pre.error{background-color:hsl(0,60%,80%);border-color:hsl(0,90%,50%);color:#000}.flex{display:flex}.fs-italic{font-style:italic}.gap-1{gap:1ch}.modal-enter{animation:modal-enter .2s 1}@keyframes modal-enter{0%{position:relative;top:-50px}100%{position:relative;top:0px}}.modal-bg-enter{animation:modal-bg-enter .2s 1}@keyframes modal-bg-enter{0%{opacity:0}100%{opacity:1}}.mt-0{margin-top:0}.mt-1{margin-top:0.5em}.p-1{padding:1em}button.red{background-color:hsl(0,70%,50%);color:#fff}button.red:hover{background-color:hsl(0,70%,60%)}button.red:active{background-color:hsl(0,70%,40%)}button.red:disabled{background-color:hsl(0,30%,50%)}