/* The first-use invitation and completion summary already offer the next action.
   Do not float a duplicate add control across the planet or its explanation. */
.app:has(.hp-welcome) .floating-add,
.app:has(.finish-summary) .floating-add { display: none; }

/* On an established home, keep the shortcut compact and to one side. */
.app .floating-add {
  position: fixed;
  left: auto;
  right: max(18px, calc((100vw - 620px) / 2 + 18px));
  bottom: max(18px, env(safe-area-inset-bottom));
  transform: none;
  width: 54px;
  height: 54px;
  z-index: 25;
  color: #fff;
  background: linear-gradient(140deg, #099b8c, #147eaa);
  border: 1px solid #e9fff499;
  box-shadow: 0 8px 22px #0b3d4b4d;
}
.app .floating-add:focus-visible { outline: 3px solid #41bda8; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .app .floating-add { transition: none; }
}