:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.container{display:flex;gap:3em;margin:0 5vw}#controls{width:30vw;display:flex;flex-direction:column;justify-content:center}.control-group{padding:2em;display:flex;gap:2em}.btn{font-size:3em;border:2px solid var(--color);outline:none;background-color:transparent;background-repeat:no-repeat;color:var(--color);width:100%;--color: lime;cursor:pointer}label{font-size:3em;--color: lime;color:var(--color);border:2px solid var(--color)}label:has(input:checked){color:#242424;background-color:#0f0}.btn:hover,label:hover{--color: white}.del:hover{--color: red}text,input,label,button{-webkit-user-select:none;user-select:none}input[type=checkbox]{display:none}