.home-screen-prompt {
  position: fixed;
  z-index: 2000;
  left: 12px;
  right: 12px;
  bottom: calc(14px + env(safe-area-inset-bottom));
  width: auto;
  max-width: 440px;
  margin-inline: auto;
  padding: 16px 18px;
  border: 1px solid color-mix(in srgb, var(--teal) 20%, var(--line));
  border-radius: 18px;
  background: color-mix(in srgb, var(--surface) 96%, var(--teal-soft));
  color: var(--text);
  box-shadow: 0 12px 36px rgb(0 0 0 / 15%);
  font-size: 13.5px;
  line-height: 1.5;
}
.home-screen-prompt strong { display: block; padding-right: 36px; font-size: 15px; line-height: 1.4; }
.home-screen-prompt p { margin: 7px 0 14px; color: var(--muted); }
.home-screen-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 9px;
  background: var(--surface-2);
  color: var(--text);
  font-size: 22px;
}
.home-screen-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.home-screen-actions button { min-height: 44px; padding: 8px 10px; border-radius: 11px; font-size: 12px; font-weight: 750; line-height: 1.3; }
.home-screen-action { border: 1px solid #08766c; background: #08766c; color: #fff; }
.home-screen-later { border: 1px solid var(--line); background: var(--surface); color: var(--text); }
.home-screen-steps { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.home-screen-steps ol { margin: 0; padding-left: 20px; }
.home-screen-steps li + li { margin-top: 4px; }
.home-screen-prompt button:focus-visible { outline: 3px solid var(--teal-dark); outline-offset: 2px; }
@media (max-width: 900px) {
  .home-screen-prompt { bottom: calc(82px + env(safe-area-inset-bottom)); }
}
@media (max-height: 620px) {
  .home-screen-prompt { max-height: 55svh; overflow-y: auto; }
}