:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 600px){body{flex-direction:column;justify-content:center;align-items:center}.flex-on-mob{display:flex;flex-direction:row}.main{margin-top:0!important}.x{display:block!important}.app{padding:0rem!important;align-items:flex-start!important;min-height:90svh}input{margin-bottom:10px}.input-holder{display:flex;flex-direction:column!important;width:70%;min-width:150px;bottom:0;z-index:999}.todos{min-width:100%;max-height:350px!important;margin-right:0!important}h1{font-size:2em}button{width:100%;padding:.5em}input{width:calc(100% - 2.4em)}}.container{width:90%}a{font-weight:500;color:#646cff;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#000}h1{font-size:3.2em;line-height:1.1}button{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;cursor:pointer;transition:border-color .25s;border:1px solid #404040}.duck-holder{min-height:200px;display:flex;align-items:end;justify-content:center;margin-bottom:30px;position:absolute;top:0}.duck{filter:invert(1);transition:transform 5s ease,left .1s ease,right 0s ease}.duck.walking{animation:lookaround 5s forwards}.duck.idle{animation:idle 2s infinite}.duck.picking{animation:picking 1s forwards}.duck.left{transform:scaleX(-1)}@keyframes lookaround{0%{transform:scaleX(1)}24%{transform:scaleX(1)}25%{transform:scaleX(-1)}49%{transform:scaleX(-1)}50%{transform:scaleX(1)}74%{transform:scaleX(1)}75%{transform:scaleX(-1)}99%{transform:scaleX(-1)}to{transform:scaleX(1)}}@keyframes idle{0%{transform:rotate(0)}50%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes picking{0%,to{transform:translateY(0)}10%,30%,50%,70%{transform:translateY(-8px)}20%,40%,60%{transform:translateY(8px)}80%{transform:translateY(6.4px)}90%{transform:translateY(-6.4px)}}.todos{display:flex;flex-direction:column;justify-content:flex-start;align-items:start;max-height:250px!important;overflow-y:auto;border:2px solid white;min-width:300px;padding:1rem;scrollbar-width:thin;gap:10px}.todos::-webkit-scrollbar{width:8px}.todos::-webkit-scrollbar-thumb{background-color:#646cff;border-radius:4px}.todos::-webkit-scrollbar-track{background-color:#333}.todo-wrapper{display:flex;flex-direction:row;gap:10px;align-items:center;cursor:pointer}.todo-wrapper:hover .x{display:block}.x{display:none;cursor:pointer}.todo{display:flex;flex-direction:row;cursor:pointer;text-align:center;background-color:#fff;padding-left:2px;padding-right:2px}.todo-text{color:#000}p{margin:0;color:#fff}.logo{position:absolute;top:0;left:10px}input{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;transition:border-color .25s;border:1px solid #404040;margin-right:10px}input:focus{outline:none}.input-holder{position:fixed;padding:1rem;background-color:#fff;bottom:50px;display:flex;flex-direction:row}.insentiviser{color:gray;font-size:10px;font-style:italic;margin-top:4px;text-align:left}.crt-effect{filter:contrast(120%) brightness(.8) saturate(120%) hue-rotate(1deg) blur(.5px)}.main{margin-top:-200px;z-index:9}.app{display:flex;justify-content:center;align-items:center;padding:5rem}a{color:inherit;text-decoration:none}.cirlc{width:8px;height:8px;border:1px solid white}.select{width:8px;height:8px}small-color-icon{width:8px;height:8px}.green{border:1px solid #ff0000}.red{border:1px solid #00ff00}.red{border:1px solid white}input[type=color]::-webkit-color-swatch{border:none}#root{max-width:1280px;margin:0 auto;text-align:center}