body{padding:0;margin:0;height:100svh;background:linear-gradient(90deg,#008fad66,#0093ae66,#0098ae66 12.5%,#00a3ab66,#00ae9e66 37.5%,#00b59166,#00bb7b66 50%,#00bd7366,#00bf6a66 53.12%,#00c34d66 56.25%,#5cc30066 62.5%,#77c00066 65.62%,#81bf0066,#89be0066 68.75%,#a2bc0066 75%,#c1bc0066,#d7bf0066),linear-gradient(30deg,#0d1b0066,#14250068,#192f0069 12.5%,#1c45006c 25%,#0053036e 31.25%,#00571f6f,#005b3470,#005e4d71,#155f6872 43.75%,#40599d73,#5f48d175,#7a24ff76 62.5%,#7e2aff77,#822eff77 65.62%,#8937ff78 68.75%,#9249ff79 75%,#b17eff80);background:linear-gradient(90deg,color(xyz 0.475 0.212 3.497 / 0.4),color(xyz 0.352 0.252 2.761 / 0.4),color(xyz 0.252 0.287 2.129 / 0.4) 12.5%,color(xyz 0.116 0.343 1.151 / 0.4),color(xyz 0.058 0.385 0.494 / 0.4) 37.5%,color(xyz 0.056 0.401 0.267 / 0.4),color(xyz 0.071 0.414 0.095 / 0.4) 50%,color(xyz 0.084 0.42 0.027 / 0.4),color(xyz 0.102 0.425 -0.03 / 0.4) 56.25%,color(xyz 0.148 0.434 -0.115 / 0.4) 62.5%,color(xyz 0.176 0.438 -0.145 / 0.4),color(xyz 0.208 0.441 -0.168 / 0.4) 68.75%,color(xyz 0.281 0.447 -0.199 / 0.4) 75%,color(xyz 0.464 0.457 -0.226 / 0.4),color(xyz 0.688 0.466 -0.26 / 0.4)),linear-gradient(30deg,color(xyz -0.049 0.023 -0.262 / 0.4),color(xyz -0.018 0.022 -0.096 / 0.406),color(xyz -0.004 0.027 -0.029 / 0.413) 12.5%,color(xyz 0.007 0.05 -0.021 / 0.425) 25%,color(xyz 0.017 0.065 -0.012 / 0.432) 31.25%,color(xyz 0.025 0.072 0.006 / 0.435),color(xyz 0.037 0.079 0.037 / 0.438) 37.5%,#40599d73 50%,#5f48d175,color(xyz 0.274 0.125 0.996 / 0.464) 62.5%,color(xyz 0.327 0.128 1.23 / 0.467),color(xyz 0.386 0.13 1.492 / 0.47) 68.75%,color(xyz 0.52 0.132 2.107 / 0.476) 75%,color(xyz 1.31 0.099 5.84 / 0.502))}span,input,button{font-size:20px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{border-radius:.5rem;border:4px solid oklch(30% .1 230);outline:none;padding:1.4rem;cursor:pointer;background-color:#006d91;background-color:oklch(50% .1 230);color:#fff}.stop{background-color:#fff;background-color:oklch(100% .9 20);border:4px solid oklch(100% .6 20)}#controls{display:flex;flex-direction:column;align-items:center;padding:.7rem}#settings{display:flex;flex-direction:row;gap:.7rem;align-items:center}input{text-align:center;padding:.5rem .3rem}#buttonplace{padding:1rem}#times,#ramp,#interval{width:2rem}