.teeny-editor { 
  font-family:   'Menlo', 'Monaco', 'Lucida Console', monospace;
  font-size:     12px; 
  outline:       none; 
  height:        100vh;
  display:       block;
  overflow-y:    auto; 
  white-space:   pre-wrap;
  z-index:       1;
  font-size:     1rem;
  position:      absolute;
  color:         #bbb;
  width:         100%;
}

.teeny-editor div { 
  position: relative; 
  display:block;
}

::highlight(keywords)  { 
  color:#000; 
  background-color:rgba(255,255,255,.5); 
}

::highlight(variables) { color:#ccc }

::highlight(comments)  {
  background-color:transparent !important;
  font-style:italic !important;
  color:#aaa !important 
}

::highlight(numbers)   { color:#bbb; }
::highlight(assign)   { color:#ccc; background-color:#333 }
::highlight(single)   { color:#6cc; }
/*::highlight(operators) { color:#fff; background-color:red }*/
::highlight(delay) { color:white; }
::highlight(stop) {  color:#bbb; text-decoration:underline white solid }

/* active line highlight */
.teeny-active { background:#444 }