body{color:#fff;background-color:#252525;margin:0;font-family:Inter,Avenir,Helvetica,Arial,sans-serif}.content{margin:20px}select{width:50px;height:25px;font-size:16px}.content h1{font-size:3.6rem;font-weight:700}.content p{opacity:.5;font-size:1.2rem;font-weight:400}.message{flex-wrap:wrap;gap:10px;display:flex}.message div{text-align:center;border:1px solid gray;padding:3px}#codes,.help{flex-wrap:wrap;gap:5px;padding:10px;font-size:10px;display:flex}:-webkit-any(#codes,.help) div{text-align:center;border:1px solid gray;padding:3px}:-moz-any(#codes,.help) div{text-align:center;border:1px solid gray;padding:3px}:is(#codes,.help) div{text-align:center;border:1px solid gray;padding:3px}#chart{flex-wrap:nowrap;row-gap:10px;width:calc(100vw - 50);height:6px;padding:10px;display:flex}#chart div{background-color:#ccc;height:6px;display:flex}#chart #padding{background-color:#0000;flex-grow:1;display:flex}