body {
    padding: 15px;
    background-color: #252526;
    color: #ffffff;
}

textarea {
    background-color: #1e1e1e;
}

input {
    color: #ffffff;
    background-color: #1e1e1e;
}

.twrap {
    position: relative;/*new*/
  }
  .twrap textarea {
    -webkit-appearance: none;
    border: 1px solid #aaa;
    border-radius: 0;
    box-sizing: border-box;
    font-size: .8rem;
    margin: 0;
    padding: 0 .25em;
    resize: none;
  }
  .twrap pre {
    left: 0;/*new*/
    margin: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;/*new*/
    top: 0;/*new*/
  }
  .twrap pre code {
    border: 1px solid transparent;
    box-sizing: border-box;
    font-size: .8rem;
    margin: 0;
    padding: 0 .25em;
    white-space: pre-wrap;
    word-break: break-all;
  }
  
  .twrap {
    position: relative;
  }
  .twrap textarea {
    -webkit-appearance: none;
    border: 1px solid #aaa;
    border-radius: 0;
    box-sizing: border-box;
    font-size: .8rem;
    height: 100%;/*new*/
    margin: 0;
    padding: 0 .25em;
    resize: none;
  }
  .twrap pre {
    height: 100%;/*new*/
    left: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
  }
  .twrap pre code {
    border: 1px solid transparent;
    box-sizing: border-box;
    font-size: .8rem;
    height: 100%;/*new*/
    margin: 0;
    padding: 0 .25em;
    white-space: pre-wrap;
    word-break: break-all;
  }
  .twrap pre code.resizing {
    height: unset;/*new*/
  }
  
  .twrap {
    position: relative;
  }
  .twrap textarea {
    -webkit-appearance: none;
    border: 1px solid #aaa;
    border-radius: 0;
    box-sizing: border-box;
    caret-color: #000;/*new*/
    color: transparent;/*new*/
    font-family: monospace;/*new*/
    font-size: .8rem;
    height: 100%;
    margin: 0;
    padding: 0 .25em;
    resize: none;
  }
  .twrap pre {
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
  }
  .twrap pre code {
    background: transparent;/*new*/
    border: 1px solid transparent;
    box-sizing: border-box;
    font-family: monospace;/*new*/
    font-size: .8rem;
    height: 100%;
    margin: 0;
    padding: 0 .25em;
    white-space: pre-wrap;
    word-break: break-all;
  }
  .twrap pre code.resizing {
    height: unset;
  }
  .twrap pre code span {
    font-weight: normal;
  }