html{--black1: #1B1B1B;--black2: #232323;--white3: #535353;--white2: #959595;--white1: #F2F2F1;--blue: #4555CF;--pink: #BA58A7}html *{font-family:sans-serif;color:var(--white1);background-color:var(--black1);font-size:1em}body{margin:0}button{background-color:var(--black1);border:1px solid var(--white3);width:100%;border-radius:1em;display:flex;justify-content:center;align-items:center;gap:.5em}button:hover{background-color:var(--black2);transition:background-color .2s;cursor:pointer}button:disabled{color:var(--white3);border:1px dashed var(--white3)}button:disabled:hover{background-color:var(--black1);cursor:not-allowed;transition:none}.selected{border-color:var(--white1)}input[type=checkbox]{min-width:1em;min-height:1em;accent-color:var(--blue);border:1px solid var(--white3)}button,input,select{min-width:5em;padding:.8em}input,select{border-radius:.5em;border:1px solid var(--white2)}.hidden{display:none}