.teaparty-decor-reset {
  position: fixed;
  right: 18px;
  bottom: 96px;
  z-index: 60;
  min-height: 48px;
  padding: 10px 18px;
  border: 2px solid #ec407a;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff0f6, #fce4ec);
  color: #6b1a3a;
  font:
    700 15px/1.2 "Comic Sans MS",
    "Trebuchet MS",
    system-ui,
    sans-serif;
  letter-spacing: 0.02em;
  cursor: pointer;
  box-shadow:
    0 6px 14px rgba(236, 64, 122, 0.28),
    inset 0 -3px 0 rgba(236, 64, 122, 0.18);
  transition:
    transform 120ms ease,
    box-shadow 120ms ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.teaparty-decor-reset:hover {
  transform: translateY(-1px);
  box-shadow:
    0 8px 18px rgba(236, 64, 122, 0.34),
    inset 0 -3px 0 rgba(236, 64, 122, 0.22);
}

.teaparty-decor-reset:active {
  transform: translateY(1px);
  box-shadow:
    0 3px 6px rgba(236, 64, 122, 0.28),
    inset 0 -2px 0 rgba(236, 64, 122, 0.18);
}

.teaparty-decor-reset[hidden] {
  display: none;
}

canvas.teaparty-dragging {
  cursor: grabbing;
}

@media (max-width: 560px) {
  .teaparty-decor-reset {
    right: 12px;
    bottom: 84px;
    min-height: 44px;
    padding: 8px 14px;
    font-size: 14px;
  }
}