/* Keep the empty Today action consistent across desktop and mobile. */
html body .app-shell #homeMemoryOfDay button.today-empty-action[data-today-empty-action="create"],
html body main.app-shell #homeMemoryOfDay button.today-empty-action[data-today-empty-action="create"] {
  border: 1px solid rgba(94, 225, 187, 0.28) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: #07837b !important;
  background-image: linear-gradient(135deg, #084c5d 0%, #07837b 58%, #17a472 100%) !important;
  box-shadow: 0 12px 24px rgba(7, 101, 91, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

@media (max-width: 900px) {
  html body .app-shell #homeMemoryOfDay button.today-empty-action[data-today-empty-action="create"],
  html body main.app-shell #homeMemoryOfDay button.today-empty-action[data-today-empty-action="create"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    min-height: 44px !important;
    padding: 10px 16px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color: #07837b !important;
    background-image: linear-gradient(135deg, #084c5d 0%, #07837b 58%, #17a472 100%) !important;
  }
}