@media (max-width: 760px) {
  .flow-shell:has(.mobile-nav) > .topbar .avatar-small { display: none; }
  .topbar {
    height: 62px;
    padding: 0 18px;
  }
  .avatar-small span {
    display: none;
  }
  .avatar-small.incomplete-account span {
    display: inline;
  }
  main {
    padding: 14px 18px 86px;
  }
  .landing {
    padding: 38px 22px;
    display: block;
  }
  .landing h1 {
    font-size: 43px;
  }
  .preview-card {
    min-height: 410px;
    margin-top: 60px;
    padding: 36px 22px;
    border-radius: 34px;
  }
  .reveal-pill {
    margin-top: 38px;
  }
  .field-row {
    grid-template-columns: 1fr;
  }
  .choice-grid.three {
    grid-template-columns: 1fr;
  }
  .home-grid {
    padding-top: 28px;
    display: block;
  }
  .home-grid > * {
    margin-bottom: 16px;
  }
  .welcome h1 {
    font-size: 42px;
  }
  .match-card {
    padding: 22px;
    display: block;
  }
  .match-visual {
    width: 118px;
    height: 118px;
    margin: 0 auto 25px;
    border-radius: 50%;
    font-size: 42px;
  }
  .twin-summary {
    min-height: 210px;
  }
  .spark {
    margin-bottom: 22px;
  }
  .bottom-nav {
    bottom: max(8px, env(safe-area-inset-bottom));
  }
  .chat-page {
    height: calc(100dvh - 76px);
    padding: 0 14px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .chat-head {
    min-height: 66px;
  }
  .message {
    max-width: 84%;
  }
  .like-row {
    flex-wrap: wrap;
  }
  .like-row .text-button {
    min-height: 36px;
  }
  .share-check {
    font-size: 9px;
  }
  .reveal-card {
    grid-template-columns: 64px 1fr;
  }
  .reveal-card img {
    width: 64px;
    height: 75px;
  }
  .list-page {
    padding-top: 28px;
  }
  .list-page > h1 {
    font-size: 40px;
  }
  .room-list {
    padding: 7px 14px;
    border-radius: 24px;
  }
  .room-card {
    grid-template-columns: 46px minmax(0, 1fr) auto;
  }
  .room-card img {
    width: 46px;
    height: 46px;
  }
  .form-page {
    padding-top: 24px;
  }
}

@media (max-width: 360px) {
  main {
    padding-left: 14px;
    padding-right: 14px;
  }
  .landing h1,
  .welcome h1 {
    font-size: 36px;
  }
  .preview-card {
    min-height: 360px;
  }
  .chat-head small {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .test-jump {
    display: none;
  }
}