body {
  background: black;
  color: #33ff66;
  font-family: monospace;
  text-align: center;
}

.crt {
  max-width: 600px;
  margin: auto;
  padding: 20px;
  border: 2px solid #33ff66;
  box-shadow: 0 0 20px #33ff66;
}

textarea {
  width: 100%;
  height: 120px;
  background: #000;
  color: #33ff66;
  border: 1px solid #33ff66;
}

button, select {
  margin: 5px;
  padding: 10px;
  background: black;
  color: #33ff66;
  border: 1px solid #33ff66;
  cursor: pointer;
}

#output {
  margin-top: 20px;
  padding: 10px;
  border-top: 1px dashed #33ff66;
}

/* subtle glitch */
h1 {
  text-shadow: 2px 0 red, -2px 0 blue;
  animation: flicker 2s infinite;
}

@keyframes flicker {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}