*{box-sizing:border-box;padding:0;margin:0;outline:none;-webkit-font-smoothing:antialiased}body,input,textarea{font:18px/1.2 sans-serif}#app{display:flex;justify-content:center;align-items:center;min-height:100vh}.wrap{max-width:650px;width:100%;padding:20px;border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,.1);border:1px solid #efefef;margin:auto}.text{font-size:24px}.input,input{color:#0c6;border-width:0 0 1px 0;border-bottom:1px dotted #0c6;display:inline;cursor:pointer;font-size:36px;width:auto;background:transparent}.sub-res{font-size:30px}.result,.sub-res{display:inline;color:#d32053}.result{font-size:48px}.bad{background:rgba(255,0,0,.2)}.good{background:rgba(0,255,0,.2)}