.topbar-mobile-search { display: none; }

@media (max-width: 899px) {
  body:not(.is-landing):not(.is-auth):not(.is-registering) { background: #f1f4f6; }
  .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .topbar {
    min-height: 68px; border: 0; background: #f1f4f6;
    padding-inline: 20px;
  }
  .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .brand-copy { display: none; }
  .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .topbar-user {
    display: inline-flex; align-items: center; gap: 9px; min-width: 0; padding: 0;
    margin-right: auto; background: transparent; border: 0;
  }
  .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .topbar-user > span {
    width: 42px; height: 42px; border-radius: 50%; overflow: hidden;
  }
  .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .topbar-user strong {
    display: block; overflow: hidden; max-width: 180px; text-overflow: ellipsis;
    white-space: nowrap; color: #14222d; font-size: 15px; font-weight: 650;
  }
  .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .topbar-mobile-search {
    display: grid; place-items: center; flex: 0 0 42px; height: 42px;
    border: 0; border-radius: 14px; background: #fff; color: #172c3b;
  }
  .topbar-mobile-search svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
  .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .views {
    background: #f1f4f6; padding: 12px 18px 118px;
  }
  .mobile-home-search-row { display: none; margin-top: 0; margin-bottom: 18px; gap: 10px; grid-template-columns: minmax(0,1fr) 48px; }
  body.mobile-search-open .mobile-home-search-row { display: grid; }
  .mobile-home-search-row .mobile-discovery-search { min-height: 48px; border: 0; border-radius: 16px; background: #fff; box-shadow: 0 2px 6px #14283804; }
  .mobile-discovery-search input { font-size: 13px; }
  .mobile-home-search-row .mobile-filter-button { width: 48px; height: 48px; border: 0; border-radius: 16px; background: #101820; color: #fff; }
  .mobile-home-tabs { margin-top: 4px; gap: 8px; }
  .mobile-home-tabs > button { min-height: 66px; padding: 0; gap: 6px; grid-template-rows: 40px auto; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 10px; font-weight: 550; color: #71818d; }
  .mobile-home-tabs > button > span { width: 40px; height: 40px; border-radius: 14px; background: #e5ebee; color: #627684; }
  .mobile-home-tabs > button:nth-child(1) > span { background: #dfeaff; color: #316ad1; }
  .mobile-home-tabs > button:nth-child(2) > span { background: #fff0d9; color: #ba741b; }
  .mobile-home-tabs > button:nth-child(3) > span { background: #dff4ed; color: #26866d; }
  .mobile-home-tabs > button:nth-child(4) > span { background: #fce8e7; color: #bb6059; }
  .mobile-home-tabs > button.is-active { color: #172c3b; border: 0; box-shadow: none; background: transparent; }
  .mobile-home-tabs > button.is-active > span { box-shadow: 0 5px 12px #21364b18; }
  .mobile-home-tabs svg { width: 20px; height: 20px; }
  .mobile-home-feed { margin-top: 24px; }
  .mobile-home-feed-head { margin-bottom: 14px; }
  .mobile-home-feed-head h2 { font-size: 17px; font-weight: 600; }
  .mobile-home-content { gap: 20px; }
  .mobile-home-person { border: 0; border-radius: 22px; background: #fff; box-shadow: 0 8px 24px #273f5009; }
  .mobile-home-swipe-surface { border-radius: inherit; background: #fff; }
  .mobile-home-person-main { position: relative; display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 16px; align-items: center; width: 100%; padding: 24px 20px 20px; text-align: left; background: #e5edf2; min-height: 166px; }
  .mobile-home-person-main .mobile-home-avatar { width: 88px; height: 104px; border-radius: 16px; background: #c6d9e6; color: #285775; font-size: 28px; font-weight: 500; box-shadow: inset 0 0 0 1px #fff8; }
  .mobile-home-person-copy > strong { font-size: 22px; line-height: 1.12; font-weight: 650; color: #101820; }
  .mobile-home-person-copy > small { margin-top: 7px; white-space: normal; font-size: 11px; line-height: 1.4; color: #526774; }
  .person-location { font-size: 10px; color: #526774; margin-top: 8px; }
  .mobile-home-person-main .mobile-home-match { position: absolute; top: 12px; right: 12px; display: flex; gap: 4px; align-items: center; min-width: 0; padding: 6px 8px; border-radius: 20px; color: #234f6b; background: #ffffffcc; backdrop-filter: blur(12px); }
  .mobile-home-match strong { font-size: 12px; }
  .mobile-home-match small { display: none; }
  .mobile-home-person-main .mobile-home-arrow { display: none; }
  .person-request { padding: 20px 20px 8px; }
  .person-request > small { color: #367fbe; font-size: 10px; font-weight: 650; }
  .person-request p { margin: 7px 0; color: #14222d; font-size: 17px; line-height: 1.4; font-weight: 550; }
  .person-request > span { display: block; color: #7a8994; font-size: 12px; line-height: 1.45; }
  .mobile-home-card-actions { display: grid; grid-template-columns: 1fr 1.3fr; gap: 10px; border: 0; padding: 16px 20px 20px; background: #fff; }
  .mobile-home-card-actions button { min-height: 48px; padding: 10px; border: 0; border-radius: 24px; background: #f0f3f5; color: #61717d; box-shadow: none; font-size: 12px; }
  .mobile-home-card-actions button + button { border: 0; color: #fff; background: #367fbe; box-shadow: 0 5px 12px #367fbe20; }
  .mobile-home-card-actions svg { width: 19px; height: 19px; }
  .has-portrait .mobile-home-person-main { min-height: 320px; display: flex; align-items: flex-end; padding: 22px; isolation: isolate; overflow: hidden; }
  .has-portrait .mobile-home-person-main .mobile-home-avatar { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 0; z-index: -2; }
  .has-portrait .mobile-home-avatar img { object-position: var(--photo-focus-x, 50%) var(--photo-focus-y, 30%); }
  .has-portrait .mobile-home-person-main::after { content: ''; position: absolute; inset: 35% 0 0; z-index: -1; background: linear-gradient(transparent,rgba(10,22,30,.86)); }
  .has-portrait .mobile-home-person-copy > strong { color: #fff; font-size: 26px; }
  .has-portrait .mobile-home-person-copy > small, .has-portrait .person-location { color: #e3ebef; }
  .mobile-event-card { border: 0; border-radius: 22px; box-shadow: 0 8px 24px #273f5009; }
  .mobile-event-cover { min-height: 310px; }
  .phone-shell:not(.is-auth):not(.is-landing):not(.is-registering) .bottom-nav { background: rgba(22,29,35,.88); border-radius: 28px; padding: 7px; box-shadow: 0 12px 35px #0e202c30,inset 0 1px 0 #ffffff20; }
  .phone-shell:not(.is-auth):not(.is-landing):not(.is-registering) .bottom-nav > button { border-radius: 21px; }
  .phone-shell:not(.is-auth):not(.is-landing):not(.is-registering) .bottom-nav > button.is-active { color: #fff; background: #367fbe; }
  .phone-shell:not(.is-auth):not(.is-landing):not(.is-registering) .bottom-nav > button.is-active svg { color: #fff; }
  .phone-shell:not(.is-auth):not(.is-landing):not(.is-registering) .bottom-nav > button[data-target="discovery"] {
    background: #367fbe; color: #fff; box-shadow: 0 3px 12px #163b5f44;
  }
  .phone-shell:not(.is-auth):not(.is-landing):not(.is-registering) .bottom-nav > button[data-target="discovery"] svg { color: #fff; }
  .messages-view { width: 100%; max-width: none; min-width: 0; margin: 0; }
  .messages-head { top: 0; min-height: 70px; padding: 10px 4px 14px; background: transparent; border: 0; }
  .messages-layout { width: 100%; height: calc(100dvh - 242px); min-height: 380px; display: block; margin: 0; overflow: hidden; border: 0; border-radius: 18px; background: #fff; }
  .thread-column { width: 100%; height: 100%; min-width: 0; border: 0; background: #fff; }
  .thread-search { width: calc(100% - 28px); margin: 14px; }
  .settings-view { width: 100%; min-width: 0; }
  .settings-workspace { width: 100%; min-width: 0; margin-top: 16px; background: #fff; border-radius: 16px; overflow: hidden; }
  .settings-tabs { width: 100%; max-width: 100%; flex-wrap: wrap; margin: 0; padding: 12px; overflow: visible; }
  .settings-panels { padding: 14px 18px 20px; }
  #support-launcher { background: #367fbe; box-shadow: 0 6px 18px #23496125; }
  button { transition: background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease; }
  .mobile-home-card-actions button:active { transform: scale(.96); }
}

@media (max-width: 899px) {
  :root[data-theme="dark"] body:not(.is-landing):not(.is-auth):not(.is-registering),
  :root[data-theme="dark"] .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .topbar,
  :root[data-theme="dark"] .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .views { background: #111a23; color: #eef4f8; }
  :root[data-theme="dark"] .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .topbar-user strong { color: #eef4f8; }
  :root[data-theme="dark"] .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .topbar-mobile-search { background: #23313d; color: #eef4f8; }
  :root[data-theme="dark"] .mobile-home-tabs > button { color: #afbdc8; }
  :root[data-theme="dark"] .mobile-home-tabs > button.is-active { color: #f5f8fb; }
  :root[data-theme="dark"] .mobile-home-feed-head h2,
  :root[data-theme="dark"] .section-head h2,
  :root[data-theme="dark"] .settings-panel > header h3 { color: #f5f8fb; }
  :root[data-theme="dark"] .mobile-home-person,
  :root[data-theme="dark"] .mobile-home-swipe-surface,
  :root[data-theme="dark"] .mobile-home-card-actions,
  :root[data-theme="dark"] .messages-layout,
  :root[data-theme="dark"] .thread-column,
  :root[data-theme="dark"] .settings-workspace,
  :root[data-theme="dark"] .mobile-home-search-row .mobile-discovery-search { background: #1d2934; color: #f5f8fb; }
  :root[data-theme="dark"] .mobile-home-person-main { background: #283c4b; }
  :root[data-theme="dark"] .mobile-home-person-copy > strong,
  :root[data-theme="dark"] .person-request p,
  :root[data-theme="dark"] .preference-row strong,
  :root[data-theme="dark"] .settings-action strong { color: #f5f8fb; }
  :root[data-theme="dark"] .mobile-home-person-copy > small,
  :root[data-theme="dark"] .person-location,
  :root[data-theme="dark"] .person-request > span { color: #b2c2cf; }
  :root[data-theme="dark"] .has-portrait .mobile-home-person-main { background: #283c4b; }
  :root[data-theme="dark"] .mobile-home-card-actions button:first-child { background: #2c3b47; color: #d9e7ee; }
  :root[data-theme="dark"] .settings-tabs { background: #1d2934; }
  :root[data-theme="dark"] .settings-tabs button { color: #bed0dc; background: #263542; border-color: #3d5060; }
  :root[data-theme="dark"] .settings-tabs button.is-active { color: #fff; background: #367fbe; }
  :root[data-theme="dark"] .settings-panels { background: #1d2934; }
  :root[data-theme="dark"] .preference-row,
  :root[data-theme="dark"] .settings-action { border-color: #3d5060; }
  :root[data-theme="dark"] .messages-head { background: #111a23; }
  :root[data-theme="dark"] .thread-search { background: #273744; border-color: #3d5060; }
}