:root{--dark-00: #00000000;--dark-10: #00000010;--dark-20: #00000020;--dark-30: #00000030;--dark-40: #00000040;--dark-50: #00000050;--dark-60: #00000060;--dark-70: #00000070;--dark-80: #00000080;--dark-90: #00000090;--light-00: #FFFFFFFF;--light-10: #FFFFFF10;--light-20: #FFFFFF20;--light-30: #FFFFFF30;--light-40: #FFFFFF40;--light-50: #FFFFFF50;--light-60: #FFFFFF60;--light-70: #FFFFFF70;--light-80: #FFFFFF80;--light-90: #FFFFFF90;--unit-02: .2rem;--unit-04: .4rem;--unit-08: .8rem;--unit-12: 1.2rem;--unit-16: 1.6rem;--unit-20: 2rem;--unit-24: 2.4rem;--unit-28: 2.8rem;--unit-32: 3.2rem;--unit-36: 3.6rem;--unit-40: 4rem;--unit-44: 4.4rem;--unit-48: 4.8rem;--unit-56: 5.6rem;--unit-60: 6rem;--unit-64: 6.4rem;--unit-72: 7.2rem;--unit-80: 8rem;--unit-88: 8.8rem;--unit-96: 9.6rem;--unit-100: 10rem;--unit-200: 20rem;--unit-300: 30rem;--unit-400: 40rem;--unit-500: 50rem;--unit-600: 60rem;--unit-700: 70rem;--unit-800: 80rem}h1,h2,h3,h4,p,a,span,button,label{font-weight:300;font-family:monospace;font-weight:200;font-size:var(--unit-12)}@media (min-width: 1024px){h1,h2,h3,h4,p,a,span,button,label{font-size:var(--unit-20)}}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;transition:all .3s ease}html{font-size:62%}a{color:var(--light-60);text-decoration:none}a:hover{color:var(--light-00);cursor:pointer}li{list-style:none}section,footer{display:flex;gap:2rem}body{background:#000;color:gray;display:flex;flex-direction:column;height:100svh;justify-content:center;overflow:hidden;width:100svw}nav{display:flex;justify-content:space-between;padding:var(--unit-20)}nav a{color:var(--light-00)}form{display:flex;flex-direction:column;gap:var(--unit-20);overflow-y:auto}form input{border:1px solid rgba(255,255,255,.1254901961);background:none;color:#fff;font-family:monospace}form input[type=radio],form input[type=checkbox]{cursor:pointer}form input[type=submit]{border:none}form input:focus-visible{outline:1px solid white;background:none}form input,form button{padding:1rem}form footer{display:flex;gap:var(--unit-16)}.btn,.btn-secondary,.btn-primary{border-radius:var(--unit-24);color:#fff;cursor:pointer;padding:var(--unit-16) var(--unit-24);text-align:center;width:100%}.btn-primary{background:var(--light-10)}.btn-primary:hover{background:var(--light-20)}.btn-secondary{background:transparent;border:1px solid var(--light-20)}.btn-secondary:hover{border-color:var(--light-30)}@media (min-width: 1024px){.btn,.btn-primary,.btn-secondary{min-width:var(--unit-200);width:fit-content}}main{display:flex;flex-direction:column;height:100%;gap:var(--unit-20);justify-content:flex-end;padding:var(--unit-20);width:100%}input,label{cursor:pointer}input[type=submit]{background:var(--light-20);border-radius:var(--unit-24);color:#fff;cursor:pointer;min-width:var(--unit-200);padding:var(--unit-16) var(--unit-32);text-align:center;width:fit-content}input[type=submit]:hover{background:var(--light-10)}textarea{background:var(--light-20);border:none;border-radius:var(--unit-24);color:#fff;cursor:pointer;height:var(--unit-48);padding:var(--unit-16) var(--unit-32);resize:none;width:100%}textarea:hover{background:var(--light-10)}textarea:focus-visible{outline:0}@media (min-width: 1024px){textarea{min-width:var(--unit-400)}}