.email-and-plant { position: relative; display: inline-flex; align-items: center; gap: 14px; }
.twitter-link { display: inline-flex; flex: none; color: inherit; opacity: .6; padding: 6px; margin: -6px; transition: opacity .15s ease; }
.twitter-link:hover { opacity: 1; }
.footer-divider { width: 1px; height: 12px; background: currentColor; opacity: .25; flex: none; }
.twitter-link svg { display: block; width: 15px; height: 15px; }
#little-plant {
  position: absolute;
  left: calc(100% + 8px);
  bottom: calc(-1 * max(22px, env(safe-area-inset-bottom)));
  width: 44px;
  height: max(44px, calc(var(--plant-height, 25px) + 10px));
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition: height .35s ease;
}
.plant-growth, .plant-breeze {
  position: absolute;
  inset: 0;
  display: block;
  transform-origin: 50% 100%;
  pointer-events: none;
}
.plant-breeze { animation: plant-breeze 5s ease-in-out infinite alternate; }
.plant-sketch {
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0;
  object-fit: fill;
  user-select: none;
  -webkit-user-drag: none;
  opacity: 0;
  transform: scaleY(.9);
  transition: opacity .18s ease, transform .45s cubic-bezier(.2, .8, .2, 1);
}
.plant-sketch.is-current { opacity: 1; transform: scaleY(1); }
#little-plant:focus-visible { outline: 1px dashed var(--footer-ink); outline-offset: 4px; border-radius: 8px; }
@keyframes plant-breeze {
  from { transform: rotate(-1.5deg); }
  to { transform: rotate(1.5deg); }
}
@media (prefers-reduced-motion: reduce) {
  #little-plant, .plant-sketch { transition: none; }
  .plant-breeze { animation: none; }
}