html, body {
  margin:0;
  padding:0;
  background:#ffffff;
  color:#111;
  font-family: Arial, sans-serif;
  height:100%;
}

.wrap{
  height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  max-width:700px;
  margin:auto;
}

h1{
  margin-bottom:20px;
  font-size:34px;
}

textarea{
  width:100%;
  height:220px;
  background:#ffffff;
  border:1px solid #e5e5e5;
  color:#111;
  padding:18px;
  font-size:18px;
  border-radius:12px;
}

button{
  margin-top:15px;
  padding:12px 20px;
  background:#111;
  color:#fff;
  border:none;
  border-radius:999px;
  cursor:pointer;
}

.output{
  margin-top:20px;
  width:100%;
  padding:15px;
  border:1px solid #e5e5e5;
  border-radius:12px;
  display:none;
}

.viral{
  margin-top:10px;
  display:none;
  gap:10px;
}