/* ========================================================================== 
   Yondr Visual QA Cleanup Layer
   --------------------------------------------------------------------------
   Purpose:
   - Keep small visual hotfixes out of the main Concept 8C design-system file.
   - Load after yonder-8c.css so it can safely override specific UI issues.
   - Preserve the main theme CSS files while making future QA easier.

   Sections:
   01. Mobile headline and text wrapping
   02. Profile action rail cleanup
   ========================================================================== */

/*
  Yondr Visual QA Step 2: Mobile headline and text-wrapping cleanup
  Loaded after the Concept 8C stylesheet so it can safely override mobile sizing
  without replacing the larger design-system file.
*/
.y8c-home-page h1,
.y8c-home-page h2,
.y8c-home-page h3,
.y8c-home-page .btn,
.y8c-home-page .y8c-kicker,
.y8c-home-page .y8c-trust-row span,
.y8c-home-page .y8c-trust-row small,
.y8c-home-page .y8c-home-stats span,
.y8c-home-page .y8c-home-mobile-tabs span,
.y8c-home-page .y8c-destination-card,
.y8c-home-page .y8c-hero-primary,
.y8c-home-page .y8c-hero-secondary {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.y8c-hero-copy h1 {
  max-width: 620px;
  text-wrap: balance;
}

.y8c-hero-copy h1 strong {
  display: inline-block;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .y8c-hero-copy {
    max-width: calc(100% - 154px);
    min-width: 0;
  }

  .y8c-hero-copy h1 {
    max-width: 210px;
    font-size: clamp(29px, 8.2vw, 34px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
    margin: 10px 0 8px !important;
  }

  .y8c-hero-copy h1 strong {
    display: block;
    white-space: nowrap;
  }

  .y8c-hero-copy p {
    max-width: 205px !important;
  }

  .y8c-hero-actions {
    max-width: 214px;
  }

  .y8c-hero-primary,
  .y8c-hero-secondary {
    white-space: nowrap;
    min-width: max-content;
  }

  .y8c-trust-row {
    grid-template-columns: repeat(3, minmax(96px, 1fr)) !important;
    gap: 8px !important;
  }

  .y8c-trust-row > div {
    min-width: 96px;
  }

  .y8c-trust-row span {
    font-size: 10.5px !important;
    line-height: 1.18 !important;
  }

  .y8c-trust-row small {
    font-size: 8.5px !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 420px) {
  .y8c-hero-copy {
    max-width: calc(100% - 132px);
  }

  .y8c-hero-copy h1 {
    max-width: 188px;
    font-size: clamp(27px, 7.8vw, 31px) !important;
    letter-spacing: -.038em !important;
  }

  .y8c-hero-copy p {
    max-width: 184px !important;
    font-size: 12.5px !important;
  }

  .y8c-hero-actions {
    max-width: 188px;
    gap: 7px !important;
  }

  .y8c-hero-primary,
  .y8c-hero-secondary {
    height: 39px !important;
    line-height: 39px !important;
    padding: 0 11px !important;
    border-radius: 14px !important;
    font-size: 11.5px !important;
  }

  .y8c-hero-visual {
    right: 4px !important;
    top: 86px !important;
    width: 148px !important;
    transform: scale(.9) !important;
    transform-origin: top right !important;
  }

  .y8c-trust-row {
    margin-top: 148px !important;
  }
}

@media (max-width: 360px) {
  .y8c-hero-copy h1 {
    max-width: 168px;
    font-size: 26px !important;
  }

  .y8c-hero-copy p,
  .y8c-hero-actions {
    max-width: 168px !important;
  }

  .y8c-hero-visual {
    width: 132px !important;
    top: 91px !important;
    transform: scale(.84) !important;
  }

  .y8c-trust-row {
    grid-template-columns: repeat(3, minmax(88px, 1fr)) !important;
    margin-top: 136px !important;
  }

  .y8c-trust-row > div {
    min-width: 88px;
  }
}


/* ========================================================================== 
   Yondr Visual QA Step 3 — Profile Action Rail Cleanup
   Purpose: make mobile profile actions feel intentional instead of crowded.
   -------------------------------------------------------------------------- */

/* Give the media card/action tray a cleaner shared rhythm on all screens. */
.y8c-profile-page .dt_user_pro_info {
  isolation: isolate;
  flex-wrap: wrap;
  align-items: center;
}

.y8c-profile-page .dt_user_pro_info .btn {
  flex: 0 0 auto;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.y8c-profile-page .dt_user_pro_info .btn:hover,
.y8c-profile-page .dt_user_pro_info .btn:focus {
  transform: translateY(-2px);
  box-shadow: 0 20px 44px rgba(29,31,68,.16) !important;
}

/* Make call actions read as intentional product actions, not leftover icons. */
.y8c-profile-page .dt_user_pro_info .js-yonder-call[data-yonder-call-type="video"] {
  background: var(--y8c-gradient) !important;
  color: #fff !important;
  border-color: rgba(108,59,255,.18) !important;
}

.y8c-profile-page .dt_user_pro_info .js-yonder-call[data-yonder-call-type="audio"] {
  background: #fff !important;
  color: var(--y8c-primary) !important;
}

.y8c-profile-page .dt_user_pro_info .js-yonder-call svg path {
  fill: currentColor !important;
}

/* Mobile: stop the action rail from floating over the page while scrolling. */
@media (max-width: 768px) {
  .y8c-profile-page .to_user_media {
    overflow: visible !important;
  }

  .y8c-profile-page .y8c-profile-gallery {
    margin-bottom: 10px !important;
  }

  .y8c-profile-page .dt_user_pro_info {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 8px auto 6px !important;
    padding: 8px 10px !important;
    width: max-content !important;
    max-width: calc(100vw - 44px) !important;
    min-height: 64px;
    gap: 8px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(255,255,255,.95) !important;
    box-shadow: 0 18px 42px rgba(29,31,68,.14) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    overflow: hidden;
  }

  /* Keep the primary profile actions visible on mobile. */
  .y8c-profile-page .dt_user_pro_info #like_btn,
  .y8c-profile-page .dt_user_pro_info #btn_open_private_conversation,
  .y8c-profile-page .dt_user_pro_info .js-yonder-call {
    display: inline-flex !important;
  }

  /* Move secondary/noisy actions out of the mobile visual rail for now. */
  .y8c-profile-page .dt_user_pro_info a[data-ajax-post="/profile/open_gift_model"],
  .y8c-profile-page .dt_user_pro_info #dislike_btn,
  .y8c-profile-page .dt_user_pro_info #btn_add_friend,
  .y8c-profile-page .dt_user_pro_info #btn_delete_friend,
  .y8c-profile-page .dt_user_pro_info a[title="Friend request sent"],
  .y8c-profile-page .dt_user_pro_info a[title="Friend request received"] {
    display: none !important;
  }

  .y8c-profile-page .dt_user_pro_info .btn {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    line-height: 52px !important;
    border-radius: 18px !important;
    margin: 0 !important;
    box-shadow: 0 12px 28px rgba(29,31,68,.11) !important;
  }

  .y8c-profile-page .dt_user_pro_info .btn svg {
    width: 22px !important;
    height: 22px !important;
  }

  .y8c-profile-page .dt_user_pro_info #btn_open_private_conversation {
    background: rgba(108,59,255,.08) !important;
    color: var(--y8c-primary) !important;
  }

  .y8c-profile-page .dt_user_pro_info #btn_open_private_conversation svg path {
    fill: currentColor !important;
  }
}

@media (max-width: 420px) {
  .y8c-profile-page .dt_user_pro_info {
    gap: 7px !important;
    padding: 7px 8px !important;
    border-radius: 22px !important;
  }

  .y8c-profile-page .dt_user_pro_info .btn {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 17px !important;
  }

  .y8c-profile-page .dt_user_pro_info .btn svg {
    width: 21px !important;
    height: 21px !important;
  }
}

/* ========================================================================== 
   Yondr Final Visual QA Cleanup Pass
   --------------------------------------------------------------------------
   Purpose: last-mile polish after the step-by-step visual cleanup.
   This layer fixes layout rhythm, overflow, z-index order, mobile spacing,
   button consistency, app-shell behavior, and cross-page alignment without
   changing backend behavior, calls logic, or the skipped logo assets.
   ========================================================================== */

/* 01. Prevent accidental horizontal scrolling and mid-word UI breaks. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.y8c-home-page,
.y8c-discover-page,
.y8c-profile-page,
.y8c-mobile-screen,
.yonder_global_explorer,
.yonder_match_modes,
.yonder_destination_chips,
.y8c-mobile-scroll,
.y8c-destination-strip {
  max-width: 100%;
}

.y8c-home-page *,
.y8c-discover-page *,
.y8c-profile-page *,
.yonder-call-shell *,
.to_sidebar_mini *,
.yonder_app_tabbar * {
  box-sizing: border-box;
}

.y8c-home-page h1,
.y8c-home-page h2,
.y8c-home-page h3,
.y8c-discover-page h1,
.y8c-discover-page h2,
.y8c-discover-page h3,
.y8c-profile-page h1,
.y8c-profile-page h2,
.y8c-profile-page h3,
.y8c-card,
.y8c-chip,
.btn,
.btn-large,
.yc-btn,
.yc-control,
.yonder_mini_label {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

/* 02. Normalize the 8C surface language after all previous patches. */
.y8c-card,
.y8c-card-strong,
.y8c-search-panel,
.y8c-final-card,
.y8c-why-card,
.y8c-how-grid > div,
.y8c-story-card,
.yonder_global_explorer,
.yonder_match_card,
.y8c-profile-page .card,
.y8c-profile-page .to_usr_info_things,
.y8c-profile-page .yonder_profile_abroad,
.y8c-profile-page .yonder_profile_abroad_card {
  border-radius: 26px !important;
  border-color: rgba(96,102,155,.14) !important;
  box-shadow: 0 18px 50px rgba(29,31,68,.08) !important;
}

.y8c-card:hover,
.y8c-why-card:hover,
.y8c-destination-card:hover,
.yonder_match_card:hover,
.dt_home_match_user:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 62px rgba(29,31,68,.12) !important;
}

/* 03. Inputs, selects, and buttons should feel like one product. */
.y8c-home-page input,
.y8c-home-page select,
.y8c-discover-page input,
.y8c-discover-page select,
.y8c-profile-page input,
.y8c-profile-page select,
.y8c-profile-page textarea,
.yonder_global_explorer input,
.yonder_global_explorer select {
  max-width: 100%;
  border-radius: 17px !important;
}

.y8c-home-page .btn,
.y8c-discover-page .btn,
.y8c-profile-page .btn,
.yonder_global_explorer .btn,
.yc-btn,
.yc-control {
  white-space: nowrap !important;
  text-align: center;
}

/* 04. Clean fixed-layer stacking order. */
.yonder-call-shell {
  z-index: 100200 !important;
}

.yonder-call-toast,
.yc-toast,
body .yonder-call-toast {
  z-index: 100150 !important;
}

.yonder-call-incoming,
.yonder-call-incoming-sheet,
.yc-incoming-sheet {
  z-index: 100120 !important;
}

.to_sidebar {
  z-index: 10000 !important;
}

.to_sidebar_mini,
.yonder_app_tabbar {
  z-index: 9600 !important;
}

body .cc-window,
body .cc-banner,
body .cc-floating {
  z-index: 9300 !important;
}

/* 05. Final call screen polish: no cramped controls, stable video display. */
.yonder-call-card {
  max-height: calc(100vh - 28px);
}

.yonder-call-media video {
  display: block;
}

.yonder-call-panel h2,
.yonder-call-panel p,
.yc-status,
.yc-call-help {
  max-width: 100%;
}

.yonder-call-controls {
  align-items: center;
  justify-content: center;
}

.yc-control,
.yc-btn {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.yc-control:focus-visible,
.yc-btn:focus-visible,
.to_sidebar_mini li a:focus-visible,
.yonder_app_tabbar li a:focus-visible {
  outline: 3px solid rgba(108,59,255,.28) !important;
  outline-offset: 2px;
}

/* 06. Profile page final alignment. */
.y8c-profile-page .to_user_stats,
.y8c-profile-page .to_usr_info_things,
.y8c-profile-page .dt_profile_info,
.y8c-profile-page .yonder_profile_abroad_grid {
  min-width: 0;
}

.y8c-profile-page .to_user_stats > div,
.y8c-profile-page .yonder_profile_abroad_card,
.y8c-profile-page .dt_profile_info {
  overflow: hidden;
}

.y8c-profile-page .dt_profile_info p,
.y8c-profile-page .yonder_profile_abroad_card p,
.y8c-profile-page .yonder_profile_abroad_card span {
  overflow-wrap: break-word;
}

.y8c-profile-page .dt_user_pro_info .btn svg,
.y8c-profile-page .dt_user_pro_info .btn img {
  display: block;
}

/* 07. Discover/match card final rhythm. */
.yonder_match_modes,
.yonder_destination_chips,
.y8c-mobile-scroll,
.y8c-destination-strip {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.yonder_match_modes::-webkit-scrollbar,
.yonder_destination_chips::-webkit-scrollbar,
.y8c-mobile-scroll::-webkit-scrollbar,
.y8c-destination-strip::-webkit-scrollbar {
  display: none;
}

.dt_home_match_user,
.to_small_usr,
.yonder_match_card {
  overflow: hidden !important;
}

.dt_home_match_user img,
.to_small_usr img,
.y8c-destination-card img,
.y8c-profile-page img {
  max-width: 100%;
}

/* 08. Cookie banner final behavior. */
body .cc-window {
  max-width: min(520px, calc(100vw - 24px)) !important;
}

body .cc-window .cc-message {
  line-height: 1.35 !important;
}

/* 09. Mobile app-shell final corrections. */
@media (max-width: 992px) {
  body,
  body > #container,
  .y8c-mobile-screen,
  .y8c-profile-page,
  .y8c-home-page,
  .y8c-discover-page {
    min-width: 0 !important;
  }

  .container,
  .nav-wrapper.container,
  .y8c-home-page .container,
  .y8c-discover-page .container,
  .y8c-profile-page .container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .y8c-home-section,
  .y8c-home-hero,
  .y8c-discover-page,
  .y8c-profile-page {
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
  }

  .y8c-hero-shell,
  .y8c-search-panel,
  .yonder_global_explorer,
  .y8c-profile-page .to_user_media,
  .y8c-profile-page .to_usr_info_things,
  .y8c-profile-page .card {
    border-radius: 24px !important;
  }

  .y8c-home-page .row,
  .y8c-discover-page .row,
  .y8c-profile-page .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .y8c-home-page .row .col,
  .y8c-discover-page .row .col,
  .y8c-profile-page .row .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .to_sidebar_mini,
  .yonder_app_tabbar {
    will-change: transform;
  }

  .to_sidebar_mini li a,
  .yonder_app_tabbar li a {
    user-select: none;
  }

  body .cc-window,
  body .cc-window.cc-banner,
  body .cc-window.cc-floating {
    max-width: none !important;
    bottom: calc(86px + env(safe-area-inset-bottom,0px)) !important;
  }
}

@media (max-width: 760px) {
  .yonder-call-shell {
    padding: 10px !important;
    align-items: stretch !important;
  }

  .yonder-call-card {
    width: 100% !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 20px) !important;
    border-radius: 28px !important;
  }

  .yonder-call-media {
    min-height: 43dvh !important;
  }

  .yonder-call-panel {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .yc-call-stage {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .yc-call-stage span,
  .yc-media-badge,
  .yc-control span,
  .yc-btn {
    white-space: nowrap !important;
  }

  .yonder-call-toast,
  .yc-toast,
  body .yonder-call-toast {
    left: 12px !important;
    right: 12px !important;
    bottom: calc(88px + env(safe-area-inset-bottom,0px)) !important;
    width: auto !important;
    max-width: none !important;
  }
}

@media (max-width: 420px) {
  .y8c-home-section,
  .y8c-home-hero,
  .y8c-discover-page,
  .y8c-profile-page {
    padding-left: max(10px, env(safe-area-inset-left)) !important;
    padding-right: max(10px, env(safe-area-inset-right)) !important;
  }

  .y8c-card,
  .y8c-card-strong,
  .y8c-search-panel,
  .yonder_global_explorer,
  .y8c-profile-page .card,
  .y8c-profile-page .to_usr_info_things,
  .y8c-profile-page .yonder_profile_abroad,
  .y8c-profile-page .yonder_profile_abroad_card {
    border-radius: 22px !important;
  }

  .yc-call-stage span {
    font-size: 9.25px !important;
    letter-spacing: .02em !important;
  }

  .yc-media-badge {
    max-width: 100%;
  }
}

/* Yondr Credit Link Open Hotfix
   Keeps the existing /credit page reachable from header, dropdown, sidebar, modals,
   and any Buy Credits button even when AJAX navigation or overlays interfere. */
a[data-ajax="/credit"],
a[href$="/credit"],
.header_credits a,
.header_credits_mobi a,
.to_sidebar a[data-ajax="/credit"] {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative;
}

.dropdown-content,
#user_dropdown {
  z-index: 10100 !important;
}


/* Step 12 menu containment removed in Step 21C.
   The older mobile z-index / body lock rules conflicted with the new menu reset.
   Credits/Pro link styling above is preserved; menu behavior is now owned by Step 21C. */
.yondr-menu-sheet-head { display: none; }
.yondr-menu-close {
  appearance: none;
  border: 0;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(108, 59, 255, .10);
  color: var(--y8c-ink, #171a3d);
  font-size: 26px;
  line-height: 1;
  font-weight: 800;
  cursor: pointer;
}

/* Money pages shared shell. */
.yondr-money-hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 26px !important;
  padding: 58px 0 52px !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(141, 180, 255, .38), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(108, 59, 255, .34), transparent 26%),
    linear-gradient(135deg, #111634 0%, #2b2d72 46%, #6c3bff 100%) !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,.14);
}

.yondr-money-hero:after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -130px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(255,255,255,.10);
  pointer-events: none;
}

.yondr-money-hero .container {
  position: relative;
  z-index: 1;
}

.yondr-money-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.20);
  color: rgba(255,255,255,.92);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.yondr-money-hero h2 {
  max-width: 800px;
  margin: 16px 0 10px !important;
  color: #fff !important;
  font-size: clamp(32px, 5vw, 62px) !important;
  line-height: .98 !important;
  letter-spacing: -.06em !important;
  font-weight: 950 !important;
}

.yondr-money-hero p {
  max-width: 680px;
  margin: 0 0 24px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 700;
}

.yondr-money-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.yondr-money-switch a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 999px;
  color: rgba(255,255,255,.80) !important;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.yondr-money-switch a.active,
.yondr-money-switch a:hover {
  background: #fff;
  color: #3420a8 !important;
  box-shadow: 0 16px 36px rgba(5, 8, 34, .18);
}

.yondr-money-page.dt_sections {
  margin-top: -34px;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.yondr-money-page .credit_bln,
.yondr-money-page .dt_pro_features,
.yondr-money-page .dt_choose_pro,
.yondr-money-page .credit_pln,
.yondr-money-page .credit_ftr,
.yondr-money-page .qd_daily_creds,
.yondr-money-page .pay_using {
  border-radius: 30px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(108, 59, 255, .10) !important;
  box-shadow: 0 22px 60px rgba(29, 31, 68, .08) !important;
  overflow: hidden;
}

.yondr-money-page .credit_bln {
  margin-bottom: 18px;
  padding: 26px !important;
  background:
    linear-gradient(135deg, rgba(108,59,255,.10), rgba(141,180,255,.12)),
    rgba(255,255,255,.94) !important;
}

.yondr-money-page .credit_bln > div {
  display: flex;
  align-items: center;
  gap: 16px;
}

.yondr-money-page .credit_bln svg {
  width: 54px;
  height: 54px;
  padding: 14px;
  flex: 0 0 auto;
  color: #fff;
  border-radius: 20px;
  background: linear-gradient(135deg, #6c3bff, #3b82f6);
  box-shadow: 0 18px 42px rgba(108, 59, 255, .25);
}

.yondr-money-page .credit_bln h2,
.yondr-money-page .credit_pln h2,
.yondr-money-page .dt_pro_features h2,
.yondr-money-page .dt_choose_pro h2 {
  margin: 0 0 18px !important;
  color: var(--y8c-ink, #171a3d) !important;
  font-size: 26px !important;
  line-height: 1.06 !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
}

.yondr-money-page .credit_bln p {
  margin: 4px 0 0 !important;
  color: var(--y8c-muted, #6e7395) !important;
  font-weight: 850;
}

.yondr-money-page .credit_bln p span {
  color: var(--y8c-ink, #171a3d);
  font-size: 32px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.yondr-money-page .border_hr {
  display: none !important;
}

.yondr-money-page .credit_pln,
.yondr-money-page .dt_choose_pro,
.yondr-money-page .dt_pro_features,
.yondr-money-page .credit_ftr,
.yondr-money-page .qd_daily_creds {
  padding: 26px !important;
  margin-bottom: 22px !important;
}

.yondr-money-page .dt_plans,
.yondr-money-page .dt_pro_plans {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px !important;
  align-items: stretch !important;
}

.yondr-money-page .dt_pro_plans {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.yondr-money-page .dt_plans p,
.yondr-money-page .dt_pro_plans > div {
  margin: 0 !important;
  width: 100% !important;
}

.yondr-money-page .dt_plans input,
.yondr-money-page .dt_pro_plans input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.yondr-money-page .dt_plans label,
.yondr-money-page .dt_pro_plans label .pln_name {
  position: relative;
  min-height: 210px;
  height: 100%;
  padding: 22px !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 13px;
  border-radius: 26px !important;
  background: linear-gradient(180deg, #fff, #f7f8ff) !important;
  border: 1px solid rgba(108, 59, 255, .12) !important;
  box-shadow: 0 16px 42px rgba(29,31,68,.06) !important;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.yondr-money-page .dt_plans label:before,
.yondr-money-page .dt_plans label:after,
.yondr-money-page .dt_pro_plans label .pln_name:before,
.yondr-money-page .dt_pro_plans label .pln_name:after {
  display: none !important;
}

.yondr-money-page .dt_plans input:checked + label,
.yondr-money-page .dt_pro_plans input:checked + .pln_name {
  border-color: rgba(108, 59, 255, .46) !important;
  box-shadow: 0 24px 58px rgba(108, 59, 255, .17) !important;
  transform: translateY(-2px);
}

.yondr-money-page .dt_plans input:checked + label:after,
.yondr-money-page .dt_pro_plans input:checked + .pln_name:after {
  content: "Selected";
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-flex !important;
  min-height: 26px;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #6c3bff, #3b82f6);
  color: #fff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.yondr-money-page .dt_plans img {
  max-width: 82px !important;
  height: 82px !important;
  object-fit: contain;
  margin: 8px 0 !important;
}

.yondr-money-page .dt_plans .title,
.yondr-money-page .dt_pro_plans .duration {
  color: var(--y8c-ink, #171a3d) !important;
  font-size: 17px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: -.03em;
}

.yondr-money-page .dt_plans b {
  color: var(--y8c-muted, #6e7395) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.yondr-money-page .dt_plans b svg,
.yondr-money-page .dt_pro_plans svg {
  width: 22px !important;
  height: 22px !important;
  color: #6c3bff !important;
  margin: 0 7px 0 0 !important;
}

.yondr-money-page .dt_plans .amount,
.yondr-money-page .dt_pro_plans .price {
  color: var(--y8c-ink, #171a3d) !important;
  font-size: 28px !important;
  font-weight: 950 !important;
  letter-spacing: -.05em;
}

.yondr-money-page .pln_popular {
  position: absolute !important;
  top: 14px;
  right: 14px;
  min-height: 26px;
  display: inline-flex !important;
  align-items: center;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 129, 80, .12) !important;
  color: #c65b25 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.yondr-money-page .pay_using {
  margin-top: 18px !important;
  padding: 22px !important;
}

.yondr-money-page .pay_using.hidden {
  display: block !important;
}

.yondr-money-page .pay_using > p.bold {
  color: var(--y8c-ink, #171a3d);
  font-size: 16px;
  font-weight: 950;
  letter-spacing: -.02em;
}

.yondr-money-page .credit_ftr {
  list-style: none !important;
}

.yondr-money-page .credit_ftr p {
  margin: 0 0 16px !important;
  color: var(--y8c-ink, #171a3d) !important;
  font-size: 20px;
  font-weight: 950;
  letter-spacing: -.03em;
}

.yondr-money-page .credit_ftr li,
.yondr-money-page .dt_pro_features .valign-wrapper,
.yondr-money-page .qd_daily_creds p {
  min-height: 48px;
  margin: 0 0 10px !important;
  padding: 12px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-radius: 18px !important;
  background: rgba(108, 59, 255, .055) !important;
  color: var(--y8c-ink-2, #34395f) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.yondr-money-page .credit_ftr li svg,
.yondr-money-page .dt_pro_features .valign-wrapper svg,
.yondr-money-page .qd_daily_creds svg {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 auto;
  color: #6c3bff !important;
}

.yondr-money-page .dt_pro_features .row {
  margin: 0 !important;
}

.yondr-money-page .dt_pro_features .col {
  padding: 0 8px !important;
}

@media (max-width: 992px) {
  .yondr-money-hero {
    padding: 38px 0 58px !important;
  }

  .yondr-money-page.dt_sections {
    margin-top: -42px;
  }

  .yondr-money-page .dt_plans,
  .yondr-money-page .dt_pro_plans {
    grid-template-columns: 1fr !important;
  }

  .yondr-money-page .dt_plans label,
  .yondr-money-page .dt_pro_plans label .pln_name {
    min-height: 154px;
  }

  .yondr-money-switch {
    width: 100%;
  }

  .yondr-money-switch a {
    flex: 1 1 0;
    padding: 0 10px;
  }
}

@media (max-width: 420px) {
  .yondr-money-hero h2 {
    font-size: 34px !important;
  }

  .yondr-money-hero p {
    font-size: 14px !important;
  }

  .yondr-money-page .credit_bln,
  .yondr-money-page .credit_pln,
  .yondr-money-page .dt_choose_pro,
  .yondr-money-page .dt_pro_features,
  .yondr-money-page .credit_ftr,
  .yondr-money-page .qd_daily_creds,
  .yondr-money-page .pay_using {
    border-radius: 24px !important;
    padding: 20px !important;
  }
}


/* Step 13 — Money page refinement: direct Pro links + mature credit packs. */
a.yondr-money-direct-link,
a[data-ajax="/pro"],
a[href$="/pro"],
a[data-ajax="/credit"],
a[href$="/credit"] {
  pointer-events: auto !important;
  cursor: pointer !important;
}

.yondr-credit-page .dt_plans label.yondr-credit-pack-card {
  min-height: 184px;
  padding: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(108, 59, 255, .10), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f6f7ff 100%) !important;
}

.yondr-credit-page .dt_plans label.yondr-credit-pack-card img,
.yondr-credit-page .dt_plans label img {
  display: none !important;
}

.yondr-credit-pack-code {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(108, 59, 255, .08);
  color: #5d35db;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.yondr-credit-page .dt_plans .title {
  margin-top: 4px !important;
  font-size: 20px !important;
  letter-spacing: -.045em !important;
}

.yondr-credit-page .dt_plans b {
  margin-top: auto;
  display: inline-flex !important;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(22, 25, 60, .055);
  color: var(--y8c-ink-2, #34395f) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.yondr-credit-page .dt_plans b svg {
  display: none !important;
}

.yondr-credit-page .dt_plans .amount {
  align-self: flex-start;
  padding-top: 2px;
}

.yondr-credit-page .credit_ftr li,
.yondr-credit-page .qd_daily_creds p {
  background: rgba(22, 25, 60, .045) !important;
}

.yondr-credit-page .credit_ftr li svg,
.yondr-credit-page .qd_daily_creds svg {
  color: #5d35db !important;
}

@media (max-width: 992px) {
  .yondr-credit-page .dt_plans label.yondr-credit-pack-card {
    min-height: 142px;
  }
}

body.night-mode .yondr-credit-page .dt_plans label.yondr-credit-pack-card,
body[data-theme="dark"] .yondr-credit-page .dt_plans label.yondr-credit-pack-card,
html[data-theme="dark"] .yondr-credit-page .dt_plans label.yondr-credit-pack-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(141, 180, 255, .12), transparent 34%),
    linear-gradient(180deg, rgba(23, 26, 61, .96) 0%, rgba(16, 20, 48, .98) 100%) !important;
}

body.night-mode .yondr-credit-pack-code,
body[data-theme="dark"] .yondr-credit-pack-code,
html[data-theme="dark"] .yondr-credit-pack-code {
  background: rgba(141, 180, 255, .12);
  color: #b9c9ff;
}

body.night-mode .yondr-credit-page .dt_plans b,
body[data-theme="dark"] .yondr-credit-page .dt_plans b,
html[data-theme="dark"] .yondr-credit-page .dt_plans b {
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.78) !important;
}

.yondr-pro-current-status {
  margin: 0 0 22px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(108,59,255,.10), rgba(59,130,246,.10)), #fff;
  border: 1px solid rgba(108, 59, 255, .14);
  box-shadow: 0 18px 44px rgba(29,31,68,.07);
}

.yondr-pro-current-status strong {
  color: var(--y8c-ink, #171a3d);
  font-size: 16px;
  font-weight: 950;
  letter-spacing: -.025em;
}

.yondr-pro-current-status span {
  color: var(--y8c-muted, #6e7395);
  font-size: 13px;
  font-weight: 800;
  text-align: right;
}

@media (max-width: 675px) {
  .yondr-pro-current-status {
    align-items: flex-start;
    flex-direction: column;
  }
  .yondr-pro-current-status span {
    text-align: left;
  }
}

body.night-mode .yondr-pro-current-status,
body[data-theme="dark"] .yondr-pro-current-status,
html[data-theme="dark"] .yondr-pro-current-status {
  background: linear-gradient(135deg, rgba(141,180,255,.12), rgba(108,59,255,.12)), rgba(18,22,52,.96);
  border-color: rgba(141,180,255,.16);
}

body.night-mode .yondr-pro-current-status strong,
body[data-theme="dark"] .yondr-pro-current-status strong,
html[data-theme="dark"] .yondr-pro-current-status strong {
  color: rgba(255,255,255,.94);
}

body.night-mode .yondr-pro-current-status span,
body[data-theme="dark"] .yondr-pro-current-status span,
html[data-theme="dark"] .yondr-pro-current-status span {
  color: rgba(255,255,255,.68);
}


/* Step 14: Ready to Meet settings */
.yonder_ready_settings_panel .yonder_settings_header h5{margin-bottom:8px}
.yonder_ready_preview{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid rgba(115,91,255,.16);border-radius:22px;background:linear-gradient(135deg,rgba(117,88,255,.10),rgba(49,143,255,.08));box-shadow:0 18px 45px rgba(35,42,92,.08);margin:14px 0 18px}
.yonder_ready_preview_icon{width:46px;height:46px;border-radius:18px;display:grid;place-items:center;background:#fff;color:#6b46ff;box-shadow:0 12px 30px rgba(96,76,255,.16);font-size:22px;flex:0 0 auto}
.yonder_ready_preview strong{display:block;color:#101438;font-size:16px;line-height:1.2;margin-bottom:4px}
.yonder_ready_preview span{display:block;color:#747995;font-size:13px;line-height:1.45}
.yonder_ready_options_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 14px}
.yonder_ready_option{display:block;margin:0;cursor:pointer}
.yonder_ready_option input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}
.yonder_ready_option_body{min-height:132px;display:flex;flex-direction:column;gap:7px;padding:16px;border-radius:22px;border:1px solid rgba(18,24,58,.09);background:#fff;box-shadow:0 16px 36px rgba(23,31,70,.07);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.yonder_ready_option_body i{width:40px;height:40px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(116,80,255,.12),rgba(64,149,255,.10));font-style:normal;font-size:20px}
.yonder_ready_option_body strong{color:#101438;font-size:15px;line-height:1.15}
.yonder_ready_option_body small{color:#7b809b;font-size:12px;line-height:1.35}
.yonder_ready_option input[type="checkbox"]:checked + .yonder_ready_option_body{border-color:rgba(107,70,255,.42);background:linear-gradient(135deg,rgba(119,84,255,.12),rgba(49,143,255,.08));box-shadow:0 18px 42px rgba(86,72,255,.14)}
.yonder_ready_policy_note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:rgba(16,20,56,.045);color:#6f748e;font-size:13px;line-height:1.45}
.yonder_ready_policy_note strong{color:#101438;min-width:150px}
.yonder-ready-badge{background:linear-gradient(135deg,#7456ff,#2f8cff)!important;color:#fff!important;border-color:transparent!important}
@media(max-width:768px){.yonder_ready_options_grid{grid-template-columns:1fr}.yonder_ready_option_body{min-height:auto}.yonder_ready_policy_note{display:block}.yonder_ready_policy_note strong{display:block;margin-bottom:4px;min-width:0}}
body.night_mode .yonder_ready_preview,body.night_mode .yonder_ready_option_body,body.night_mode .yonder_ready_policy_note{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}
body.night_mode .yonder_ready_preview strong,body.night_mode .yonder_ready_option_body strong,body.night_mode .yonder_ready_policy_note strong{color:#fff}
body.night_mode .yonder_ready_preview span,body.night_mode .yonder_ready_option_body small,body.night_mode .yonder_ready_policy_note{color:rgba(255,255,255,.72)}

/* Step 15: Ready to Meet display + Pro gating foundation */
.yonder_match_mode.yonder_ready_filter {
    border-color: rgba(105, 71, 255, 0.22);
    background: linear-gradient(135deg, rgba(105, 71, 255, 0.08), rgba(42, 130, 255, 0.08));
    color: #4a3f8f;
}

.yonder_match_mode.yonder_ready_filter.active,
.yonder_match_mode.yonder_ready_filter:focus {
    background: linear-gradient(135deg, #7047ff, #2f80ff);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 12px 28px rgba(88, 95, 230, 0.25);
}

.yonder_match_badges span.ready,
.yonder_small_badges span.ready,
.yonder_hot_badges span.ready,
.yonder_sidebar_global span.ready {
    background: linear-gradient(135deg, rgba(108, 76, 255, 0.95), rgba(47, 128, 255, 0.95)) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 8px 18px rgba(91, 87, 230, 0.22);
}

.yonder_ready_connect_panel {
    margin-top: 18px;
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255,255,255,0.98), rgba(246,248,255,0.98));
    border: 1px solid rgba(92, 104, 170, 0.13);
    box-shadow: 0 18px 38px rgba(31, 42, 80, 0.10);
}

.yonder_ready_connect_head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.yonder_ready_connect_head span {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(135deg, #7047ff, #2f80ff);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;
}

.yonder_ready_connect_head strong {
    display: block;
    color: #161a34;
    font-size: 18px;
    line-height: 1.15;
}

.yonder_ready_connect_head p {
    margin: 6px 0 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.4;
}

.yonder_ready_connect_head em {
    flex: 0 0 auto;
    font-style: normal;
    padding: 7px 10px;
    border-radius: 999px;
    color: #5647a8;
    background: rgba(108, 76, 255, 0.10);
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.yonder_ready_connect_actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.yonder_ready_connect_actions a {
    display: flex;
    min-height: 94px;
    padding: 12px 10px;
    border-radius: 18px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    text-align: center;
    color: #22264b;
    background: #ffffff;
    border: 1px solid rgba(91, 98, 144, 0.12);
    box-shadow: 0 10px 22px rgba(31, 42, 80, 0.07);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.yonder_ready_connect_actions a:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(70, 84, 150, 0.13);
    border-color: rgba(105, 71, 255, 0.22);
}

.yonder_ready_connect_actions a span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(108, 76, 255, 0.13), rgba(47, 128, 255, 0.13));
    font-size: 16px;
}

.yonder_ready_connect_actions a strong {
    color: #1b2142;
    font-size: 12px;
    line-height: 1.15;
    font-weight: 900;
}

.yonder_ready_connect_actions a small {
    color: #7a8298;
    font-size: 10px;
    line-height: 1.15;
    font-weight: 700;
}

.yonder_ready_connect_panel.is-locked .yonder_ready_connect_actions a:not(.js-yonder-ready-open-chat) {
    opacity: .58;
}

.yonder_ready_connect_panel.is-locked .yonder_ready_connect_head em {
    color: #a06300;
    background: rgba(255, 184, 77, 0.15);
}

@media (max-width: 700px) {
    .yonder_ready_connect_panel {
        border-radius: 22px;
        padding: 15px;
    }
    .yonder_ready_connect_head {
        flex-direction: column;
        gap: 8px;
    }
    .yonder_ready_connect_actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .yonder_ready_connect_actions a {
        min-height: 86px;
    }
}

body.dt_night_mode .yonder_match_mode.yonder_ready_filter,
body.night_mode .yonder_match_mode.yonder_ready_filter {
    background: rgba(118, 95, 255, 0.14);
    color: #dcd7ff;
    border-color: rgba(180, 172, 255, 0.20);
}

body.dt_night_mode .yonder_ready_connect_panel,
body.night_mode .yonder_ready_connect_panel {
    background: linear-gradient(145deg, rgba(27, 30, 55, 0.98), rgba(19, 22, 42, 0.98));
    border-color: rgba(177, 186, 255, 0.14);
    box-shadow: 0 18px 40px rgba(0,0,0,0.30);
}

body.dt_night_mode .yonder_ready_connect_head strong,
body.night_mode .yonder_ready_connect_head strong,
body.dt_night_mode .yonder_ready_connect_actions a strong,
body.night_mode .yonder_ready_connect_actions a strong {
    color: #ffffff;
}

body.dt_night_mode .yonder_ready_connect_head p,
body.night_mode .yonder_ready_connect_head p,
body.dt_night_mode .yonder_ready_connect_actions a small,
body.night_mode .yonder_ready_connect_actions a small {
    color: #b8bed4;
}

body.dt_night_mode .yonder_ready_connect_actions a,
body.night_mode .yonder_ready_connect_actions a {
    background: rgba(255,255,255,0.06);
    color: #ffffff;
    border-color: rgba(255,255,255,0.10);
}


/* Step 16 — Ready to Meet Voice Intro recorder */
.yondr_voice_intro_overlay {
  position: fixed;
  inset: 0;
  z-index: 10080;
  display: none;
  align-items: flex-end;
  justify-content: center;
  padding: 18px;
}
.yondr_voice_intro_overlay.open { display: flex; }
.yondr_voice_intro_backdrop {
  position: absolute;
  inset: 0;
  background: rgba(18, 23, 45, 0.48);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.yondr_voice_intro_card {
  position: relative;
  z-index: 2;
  width: min(440px, 100%);
  border-radius: 30px 30px 24px 24px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,248,255,0.98));
  box-shadow: 0 28px 80px rgba(34, 38, 82, 0.28);
  border: 1px solid rgba(111, 96, 255, 0.16);
  padding: 22px;
  color: #222642;
}
.yondr_voice_intro_x {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: rgba(34, 38, 82, 0.07);
  color: #252a46;
  font-size: 24px;
  line-height: 30px;
}
.yondr_voice_intro_head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-right: 34px;
}
.yondr_voice_intro_head > span {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, #7757ff, #2f8cff);
  color: #fff;
  box-shadow: 0 12px 26px rgba(80, 105, 255, 0.24);
}
.yondr_voice_intro_head strong {
  display: block;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.02em;
}
.yondr_voice_intro_head p {
  margin: 3px 0 0;
  color: rgba(34, 38, 82, 0.68);
  font-size: 13px;
  line-height: 1.35;
}
.yondr_voice_intro_timer {
  margin: 22px auto 10px;
  width: max-content;
  min-width: 96px;
  text-align: center;
  border-radius: 999px;
  padding: 10px 18px;
  background: rgba(111, 96, 255, 0.10);
  color: #5948df;
  font-weight: 900;
  font-size: 24px;
  letter-spacing: -0.03em;
}
.yondr_voice_intro_wave {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.yondr_voice_intro_wave i {
  width: 8px;
  height: 18px;
  border-radius: 99px;
  display: block;
  background: linear-gradient(180deg, #7757ff, #2f8cff);
  opacity: 0.45;
}
.yondr_voice_intro_wave i:nth-child(2) { height: 34px; }
.yondr_voice_intro_wave i:nth-child(3) { height: 54px; }
.yondr_voice_intro_wave i:nth-child(4) { height: 30px; }
.yondr_voice_intro_wave i:nth-child(5) { height: 44px; }
.yondr_voice_intro_overlay.is-recording .yondr_voice_intro_wave i {
  animation: yondrVoicePulse 0.76s ease-in-out infinite alternate;
  opacity: 0.95;
}
.yondr_voice_intro_overlay.is-recording .yondr_voice_intro_wave i:nth-child(2) { animation-delay: .08s; }
.yondr_voice_intro_overlay.is-recording .yondr_voice_intro_wave i:nth-child(3) { animation-delay: .16s; }
.yondr_voice_intro_overlay.is-recording .yondr_voice_intro_wave i:nth-child(4) { animation-delay: .24s; }
.yondr_voice_intro_overlay.is-recording .yondr_voice_intro_wave i:nth-child(5) { animation-delay: .32s; }
@keyframes yondrVoicePulse { from { transform: scaleY(.65); } to { transform: scaleY(1.28); } }
#yondr_voice_intro_preview {
  width: 100%;
  margin: 8px 0 10px;
}
.yondr_voice_intro_hint {
  text-align: center;
  color: rgba(34, 38, 82, 0.62);
  font-size: 13px;
  line-height: 1.4;
  margin: 0 0 16px;
}
.yondr_voice_intro_actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.yondr_voice_btn {
  min-height: 48px;
  border: 0;
  border-radius: 16px;
  font-weight: 900;
  letter-spacing: -0.01em;
}
.yondr_voice_btn.primary {
  color: #fff;
  background: linear-gradient(135deg, #7757ff, #2f8cff);
  box-shadow: 0 14px 28px rgba(69, 97, 245, 0.24);
}
.yondr_voice_btn.secondary {
  color: #394064;
  background: rgba(34, 38, 82, 0.07);
}
.yondr_voice_btn:disabled { opacity: .65; }
.yondr_voice_message {
  min-width: min(280px, 78vw);
  padding: 12px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(111, 96, 255, 0.96), rgba(47, 140, 255, 0.96)) !important;
  color: #fff !important;
}
.messages--received .yondr_voice_message {
  background: #fff !important;
  color: #252a46 !important;
  border: 1px solid rgba(111, 96, 255, 0.14);
  box-shadow: 0 12px 30px rgba(34, 38, 82, 0.10);
}
.yondr_voice_message_head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.yondr_voice_message_head span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(255,255,255,0.18);
}
.messages--received .yondr_voice_message_head span { background: rgba(111,96,255,0.10); }
.yondr_voice_message_head strong { display: block; font-size: 14px; line-height: 1.1; }
.yondr_voice_message_head small { display: block; opacity: .72; font-size: 11px; margin-top: 2px; }
.yondr_voice_message audio { width: 100%; height: 38px; }
body.night-mode .yondr_voice_intro_card,
body[data-theme="night"] .yondr_voice_intro_card,
html[data-theme="dark"] .yondr_voice_intro_card {
  background: linear-gradient(180deg, rgba(29,31,55,0.98), rgba(20,22,42,0.98));
  color: #fff;
  border-color: rgba(141, 128, 255, 0.24);
}
body.night-mode .yondr_voice_intro_head p,
body.night-mode .yondr_voice_intro_hint,
body[data-theme="night"] .yondr_voice_intro_head p,
body[data-theme="night"] .yondr_voice_intro_hint,
html[data-theme="dark"] .yondr_voice_intro_head p,
html[data-theme="dark"] .yondr_voice_intro_hint { color: rgba(255,255,255,0.68); }
body.night-mode .yondr_voice_intro_x,
body[data-theme="night"] .yondr_voice_intro_x,
html[data-theme="dark"] .yondr_voice_intro_x { background: rgba(255,255,255,0.10); color: #fff; }
body.night-mode .messages--received .yondr_voice_message,
body[data-theme="night"] .messages--received .yondr_voice_message,
html[data-theme="dark"] .messages--received .yondr_voice_message {
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.14);
}
@media (max-width: 600px) {
  .yondr_voice_intro_overlay { padding: 12px; }
  .yondr_voice_intro_card { border-radius: 28px 28px max(22px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-bottom)); padding: 20px; padding-bottom: calc(20px + env(safe-area-inset-bottom)); }
}

/* Yondr Step 17 — Voice Intro Inbox + Reply Flow */
.yondr_voice_inbox_fab{position:fixed;right:18px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:9200;border:0;border-radius:999px;padding:10px 14px 10px 12px;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7456ff,#2f8cff);color:#fff;box-shadow:0 18px 42px rgba(65,78,210,.28);font-weight:800;letter-spacing:-.01em;cursor:pointer;max-width:calc(100vw - 34px)}
.yondr_voice_inbox_fab.hide{display:none!important}.yondr_voice_inbox_fab span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18)}.yondr_voice_inbox_fab strong{font-size:13px;white-space:nowrap}.yondr_voice_inbox_fab em{min-width:20px;height:20px;border-radius:999px;background:#ff3f7a;color:#fff;font-style:normal;font-size:11px;line-height:20px;text-align:center;padding:0 5px;box-shadow:0 6px 16px rgba(255,63,122,.28)}
.yondr_voice_inbox_overlay{position:fixed;inset:0;z-index:12400;display:none}.yondr_voice_inbox_overlay.open{display:block}.yondr_voice_inbox_backdrop{position:absolute;inset:0;background:rgba(9,12,31,.48);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.yondr_voice_inbox_card{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(520px,calc(100vw - 20px));max-height:min(76vh,720px);overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 34px 100px rgba(15,23,68,.28);border:1px solid rgba(115,91,255,.14);display:flex;flex-direction:column}.yondr_voice_inbox_x{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(16,20,56,.06);color:#121638;font-size:24px;line-height:36px;cursor:pointer}.yondr_voice_inbox_head{display:flex;gap:14px;align-items:flex-start;padding:22px 58px 16px 20px;border-bottom:1px solid rgba(16,20,56,.08);background:linear-gradient(135deg,rgba(117,86,255,.10),rgba(47,140,255,.08))}.yondr_voice_inbox_head>span{width:46px;height:46px;display:grid;place-items:center;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(84,75,210,.12);font-size:22px;flex:0 0 auto}.yondr_voice_inbox_head strong{display:block;color:#101438;font-size:19px;line-height:1.15}.yondr_voice_inbox_head p{margin:4px 0 0;color:#70758e;font-size:13px;line-height:1.4}.yondr_voice_inbox_list{padding:12px;overflow:auto}.yondr_voice_inbox_loading,.yondr_voice_inbox_empty{text-align:center;padding:34px 18px;color:#757a96}.yondr_voice_inbox_empty span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:22px;background:linear-gradient(135deg,rgba(117,86,255,.14),rgba(47,140,255,.10));font-size:26px}.yondr_voice_inbox_empty strong{display:block;color:#101438;font-size:17px;margin-bottom:5px}.yondr_voice_inbox_empty p{margin:0;font-size:13px;line-height:1.45}.yondr_voice_inbox_item{display:flex;gap:12px;padding:13px;border-radius:22px;border:1px solid rgba(16,20,56,.08);background:#fff;box-shadow:0 12px 32px rgba(22,31,72,.06);margin-bottom:10px;position:relative}.yondr_voice_inbox_item.is-unread{border-color:rgba(116,86,255,.32);background:linear-gradient(135deg,rgba(117,86,255,.08),rgba(47,140,255,.05))}.yondr_voice_inbox_item.is-unread:before{content:'';position:absolute;left:8px;top:18px;width:8px;height:8px;border-radius:50%;background:#ff3f7a;box-shadow:0 0 0 5px rgba(255,63,122,.12)}.yondr_voice_inbox_avatar{width:48px;height:48px;border-radius:18px;overflow:hidden;flex:0 0 auto;margin-left:2px}.yondr_voice_inbox_avatar img{width:100%;height:100%;object-fit:cover;display:block}.yondr_voice_inbox_body{min-width:0;flex:1}.yondr_voice_inbox_top{display:flex;align-items:center;justify-content:space-between;gap:10px}.yondr_voice_inbox_top strong{font-size:14px;color:#111638;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yondr_voice_inbox_top strong b{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#2f8cff;color:#fff;font-size:10px;margin-left:3px}.yondr_voice_inbox_top span{font-size:11px;color:#8a8fa7;white-space:nowrap}.yondr_voice_inbox_body p{margin:3px 0 8px;color:#747991;font-size:12px;line-height:1.35}.yondr_voice_inbox_body p em{font-style:normal;font-weight:800;color:#7456ff;margin-left:4px}.yondr_voice_inbox_body audio{width:100%;height:36px;display:block}.yondr_voice_inbox_actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.yondr_voice_inbox_actions button,.yondr_voice_inbox_actions a{border:0;border-radius:999px;background:rgba(116,86,255,.10);color:#4d3dcb;font-size:12px;font-weight:800;padding:8px 11px;text-decoration:none;line-height:1;cursor:pointer}.yondr_voice_inbox_actions button:first-child{background:linear-gradient(135deg,#7456ff,#2f8cff);color:#fff}.yondr-voice-inbox-open{overflow:hidden}
@media(max-width:768px){.yondr_voice_inbox_fab{left:50%;right:auto;transform:translateX(-50%);bottom:calc(86px + env(safe-area-inset-bottom,0px));padding:9px 13px}.yondr_voice_inbox_card{bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100vw - 14px);max-height:82vh;border-radius:28px}.yondr_voice_inbox_head{padding:20px 54px 14px 16px}.yondr_voice_inbox_list{padding:10px}.yondr_voice_inbox_item{padding:12px;border-radius:20px}.yondr_voice_inbox_avatar{width:44px;height:44px;border-radius:16px}.yondr_voice_inbox_actions a,.yondr_voice_inbox_actions button{font-size:11px;padding:8px 10px}}
body.dt_night_mode .yondr_voice_inbox_card,body.night_mode .yondr_voice_inbox_card{background:#12162f;border-color:rgba(255,255,255,.10);box-shadow:0 34px 100px rgba(0,0,0,.42)}body.dt_night_mode .yondr_voice_inbox_head,body.night_mode .yondr_voice_inbox_head{background:linear-gradient(135deg,rgba(117,86,255,.18),rgba(47,140,255,.12));border-bottom-color:rgba(255,255,255,.10)}body.dt_night_mode .yondr_voice_inbox_x,body.night_mode .yondr_voice_inbox_x{background:rgba(255,255,255,.08);color:#fff}body.dt_night_mode .yondr_voice_inbox_head strong,body.night_mode .yondr_voice_inbox_head strong,body.dt_night_mode .yondr_voice_inbox_empty strong,body.night_mode .yondr_voice_inbox_empty strong,body.dt_night_mode .yondr_voice_inbox_top strong,body.night_mode .yondr_voice_inbox_top strong{color:#fff}body.dt_night_mode .yondr_voice_inbox_head p,body.night_mode .yondr_voice_inbox_head p,body.dt_night_mode .yondr_voice_inbox_empty,body.night_mode .yondr_voice_inbox_empty,body.dt_night_mode .yondr_voice_inbox_top span,body.night_mode .yondr_voice_inbox_top span,body.dt_night_mode .yondr_voice_inbox_body p,body.night_mode .yondr_voice_inbox_body p{color:rgba(255,255,255,.70)}body.dt_night_mode .yondr_voice_inbox_item,body.night_mode .yondr_voice_inbox_item{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10);box-shadow:none}body.dt_night_mode .yondr_voice_inbox_item.is-unread,body.night_mode .yondr_voice_inbox_item.is-unread{background:linear-gradient(135deg,rgba(117,86,255,.18),rgba(47,140,255,.10));border-color:rgba(145,127,255,.28)}body.dt_night_mode .yondr_voice_inbox_actions a,body.night_mode .yondr_voice_inbox_actions a,body.dt_night_mode .yondr_voice_inbox_actions button,body.night_mode .yondr_voice_inbox_actions button{background:rgba(255,255,255,.10);color:#dcd7ff}body.dt_night_mode .yondr_voice_inbox_actions button:first-child,body.night_mode .yondr_voice_inbox_actions button:first-child{background:linear-gradient(135deg,#8066ff,#3f9dff);color:#fff}


/* Step 19 — Ready to Meet safety controls */
.yondr_voice_inbox_actions button.muted {
  background: rgba(32, 37, 65, .07) !important;
  color: #596078 !important;
}
.yondr_voice_inbox_actions button.danger {
  background: rgba(255, 63, 122, .10) !important;
  color: #c9275d !important;
}
.yondr_voice_inbox_actions button.danger:hover,
.yondr_voice_inbox_actions button.muted:hover {
  transform: translateY(-1px);
}
.yondr_voice_inbox_item.is-removing {
  opacity: .45;
  transform: scale(.985);
}
body.dt_night_mode .yondr_voice_inbox_actions button.muted,
body.night_mode .yondr_voice_inbox_actions button.muted {
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.74) !important;
}
body.dt_night_mode .yondr_voice_inbox_actions button.danger,
body.night_mode .yondr_voice_inbox_actions button.danger {
  background: rgba(255,77,128,.14) !important;
  color: #ff8fb4 !important;
}
@media(max-width:520px){
  .yondr_voice_inbox_actions {
    gap: 7px;
  }
  .yondr_voice_inbox_actions button.danger,
  .yondr_voice_inbox_actions button.muted {
    flex: 1 1 auto;
    text-align: center;
  }
}


/* Step 18 — Ready to Meet call prompt after voice exchanges */
.yondr_ready_call_prompt_overlay {
  position: fixed;
  inset: 0;
  z-index: 10110;
  display: none;
  align-items: flex-end;
  justify-content: center;
  padding: 18px;
}
.yondr_ready_call_prompt_overlay.open { display: flex; }
.yondr_ready_call_prompt_backdrop {
  position: absolute;
  inset: 0;
  background: rgba(18, 23, 45, 0.50);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.yondr_ready_call_prompt_card {
  position: relative;
  z-index: 2;
  width: min(460px, 100%);
  border-radius: 30px 30px 24px 24px;
  padding: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,248,255,0.98));
  border: 1px solid rgba(111, 96, 255, 0.16);
  box-shadow: 0 28px 80px rgba(34, 38, 82, 0.30);
  color: #202541;
}
.yondr_ready_call_prompt_x {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: rgba(34,38,82,.07);
  color: #252a46;
  font-size: 24px;
  line-height: 30px;
}
.yondr_ready_call_prompt_head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-right: 34px;
}
.yondr_ready_call_prompt_head img {
  width: 58px;
  height: 58px;
  border-radius: 22px;
  object-fit: cover;
  background: linear-gradient(135deg,#7757ff,#2f8cff);
  box-shadow: 0 14px 28px rgba(84, 95, 230, .18);
}
.yondr_ready_call_prompt_head span {
  display: inline-flex;
  margin-bottom: 5px;
  padding: 5px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg,#7757ff,#2f8cff);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}
.yondr_ready_call_prompt_head strong {
  display: block;
  font-size: 20px;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -.03em;
}
.yondr_ready_call_prompt_head p {
  margin: 6px 0 0;
  color: rgba(32,37,65,.66);
  font-size: 13px;
  line-height: 1.38;
}
.yondr_ready_call_prompt_stats {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin: 18px 0 12px;
}
.yondr_ready_call_prompt_stats div {
  min-height: 74px;
  border-radius: 18px;
  padding: 12px 8px;
  text-align: center;
  background: rgba(111,96,255,.08);
  border: 1px solid rgba(111,96,255,.10);
}
.yondr_ready_call_prompt_stats b {
  display: block;
  color: #5a45df;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -.04em;
}
.yondr_ready_call_prompt_stats span {
  display: block;
  margin-top: 5px;
  color: rgba(32,37,65,.62);
  font-size: 11px;
  font-weight: 850;
}
.yondr_ready_call_prompt_note {
  margin: 0 0 14px;
  padding: 11px 13px;
  border-radius: 16px;
  background: rgba(24, 30, 58, .055);
  color: rgba(32,37,65,.70);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 750;
}
.yondr_ready_call_prompt_actions {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}
.yondr_ready_call_prompt_actions button {
  min-height: 48px;
  border: 0;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: -.01em;
}
.yondr_ready_call_prompt_actions .primary {
  color: #fff;
  background: linear-gradient(135deg,#7757ff,#2f8cff);
  box-shadow: 0 14px 28px rgba(69,97,245,.23);
}
.yondr_ready_call_prompt_actions .primary.video {
  background: linear-gradient(135deg,#2f8cff,#36c2ff);
}
.yondr_ready_call_prompt_actions .secondary {
  grid-column: 1 / -1;
  color: #394064;
  background: rgba(34,38,82,.075);
}
.yondr_ready_call_prompt_actions button.disabled,
.yondr_ready_call_prompt_actions button:disabled {
  opacity: .58;
  box-shadow: none;
  cursor: not-allowed;
}
@media(max-width:560px){
  .yondr_ready_call_prompt_overlay{padding:10px;}
  .yondr_ready_call_prompt_card{border-radius:26px 26px 20px 20px;padding:18px;}
  .yondr_ready_call_prompt_head strong{font-size:18px;}
}
body.dt_night_mode .yondr_ready_call_prompt_card,
body.night_mode .yondr_ready_call_prompt_card {
  background: linear-gradient(180deg, rgba(27,30,55,.98), rgba(18,22,42,.98));
  color: #fff;
  border-color: rgba(177,186,255,.16);
  box-shadow: 0 28px 80px rgba(0,0,0,.45);
}
body.dt_night_mode .yondr_ready_call_prompt_x,
body.night_mode .yondr_ready_call_prompt_x,
body.dt_night_mode .yondr_ready_call_prompt_note,
body.night_mode .yondr_ready_call_prompt_note,
body.dt_night_mode .yondr_ready_call_prompt_actions .secondary,
body.night_mode .yondr_ready_call_prompt_actions .secondary {
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.84);
}
body.dt_night_mode .yondr_ready_call_prompt_head p,
body.night_mode .yondr_ready_call_prompt_head p,
body.dt_night_mode .yondr_ready_call_prompt_stats span,
body.night_mode .yondr_ready_call_prompt_stats span {
  color: rgba(255,255,255,.68);
}
body.dt_night_mode .yondr_ready_call_prompt_stats div,
body.night_mode .yondr_ready_call_prompt_stats div {
  background: rgba(126,109,255,.12);
  border-color: rgba(177,186,255,.12);
}
body.dt_night_mode .yondr_ready_call_prompt_stats b,
body.night_mode .yondr_ready_call_prompt_stats b { color: #bdb5ff; }

/* Yondr Step 21: Message-thread safety controls only. Do not affect global header/sidebar/mobile nav. */
.message.yondr-msg-safety-enabled{position:relative;padding-right:38px!important;overflow:visible!important}
.yondr_msg_safety_toggle{position:absolute;top:6px;right:7px;width:26px;height:26px;border:0;border-radius:999px;background:rgba(15,19,40,.10);color:inherit;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;line-height:1;opacity:.72;z-index:4}
.message:hover .yondr_msg_safety_toggle,.message.is-yonder-safety-open .yondr_msg_safety_toggle{opacity:1;background:rgba(15,19,40,.18)}
.yondr_msg_safety_menu{display:none;position:absolute;right:6px;top:34px;min-width:154px;padding:7px;border-radius:14px;background:#fff;border:1px solid rgba(30,39,92,.12);box-shadow:0 14px 38px rgba(15,19,40,.18);z-index:99999}
.message.is-yonder-safety-open .yondr_msg_safety_menu{display:block}
.yondr_msg_safety_menu button{display:block;width:100%;border:0;background:transparent;color:#1d2440;text-align:left;border-radius:10px;padding:8px 9px;font-size:12px;font-weight:850;line-height:1.2}
.yondr_msg_safety_menu button:hover{background:rgba(116,86,255,.08)}
.yondr_msg_safety_menu button.danger{color:#c9275d}
.message.yondr-msg-removing{opacity:.45;transform:scale(.985)}
.messages--sent .message .yondr_msg_safety_menu,.messages.sent .message .yondr_msg_safety_menu{right:6px;left:auto}
.messages--received .message .yondr_msg_safety_menu,.messages.received .message .yondr_msg_safety_menu{right:auto;left:6px}
.messages--received .message.yondr-msg-safety-enabled,.messages.received .message.yondr-msg-safety-enabled{padding-left:38px!important;padding-right:inherit!important}
.messages--received .message .yondr_msg_safety_toggle,.messages.received .message .yondr_msg_safety_toggle{right:auto;left:7px}
body.dt_night_mode .yondr_msg_safety_menu,body.night_mode .yondr_msg_safety_menu{background:#202541;border-color:rgba(255,255,255,.10);box-shadow:0 16px 42px rgba(0,0,0,.38)}
body.dt_night_mode .yondr_msg_safety_menu button,body.night_mode .yondr_msg_safety_menu button{color:#fff}
body.dt_night_mode .yondr_msg_safety_menu button:hover,body.night_mode .yondr_msg_safety_menu button:hover{background:rgba(255,255,255,.08)}
body.dt_night_mode .yondr_msg_safety_menu button.danger,body.night_mode .yondr_msg_safety_menu button.danger{color:#ff8fb4}
@media(max-width:520px){.yondr_msg_safety_menu{min-width:146px}.yondr_msg_safety_menu button{font-size:12px;padding:8px}}


/* =========================================================
   YONDR STEP 21C — Menu Reset + Mobile Header/Chat Fix
   Scope:
   - Replaces the stacked Step 20/21 menu overrides with one clean menu system.
   - Desktop/tablet: menu open pushes header + page right; menu closed returns full width.
   - Mobile: menu opens as a clean bottom sheet and stays open until the user closes it.
   - Mobile header no longer covers chat/profile controls.
   ========================================================= */
:root {
  --yondr-shell-menu-width: 280px;
  --yondr-mobile-header-height: 55px;
}
@media (min-width: 676px) and (max-width: 1300px) {
  :root { --yondr-shell-menu-width: 230px; }
}

body.yondr-shell-menu-open,
body.yondr-shell-menu-closed {
  overflow-x: hidden !important;
}

@media (min-width: 676px) {
  body.yondr-shell-menu-open nav#nav-logged-in {
    left: var(--yondr-shell-menu-width) !important;
    right: 0 !important;
    width: calc(100% - var(--yondr-shell-menu-width)) !important;
    transition: left .24s ease, width .24s ease !important;
  }
  body.yondr-shell-menu-closed nav#nav-logged-in {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transition: left .24s ease, width .24s ease !important;
  }
  body.yondr-shell-menu-open .to_sidebar {
    width: var(--yondr-shell-menu-width) !important;
    transform: translateX(0) !important;
    transition: transform .24s ease !important;
    z-index: 80 !important;
  }
  body.yondr-shell-menu-closed .to_sidebar {
    width: var(--yondr-shell-menu-width) !important;
    transform: translateX(calc(-1 * var(--yondr-shell-menu-width) - 12px)) !important;
    transition: transform .24s ease !important;
  }
  body.yondr-shell-menu-open .to_main_cont.to_side_present,
  body.yondr-shell-menu-open footer.page_footer:not(.to_index_foot) {
    margin-left: var(--yondr-shell-menu-width) !important;
    transition: margin-left .24s ease !important;
  }
  body.yondr-shell-menu-closed .to_main_cont,
  body.yondr-shell-menu-closed footer.page_footer:not(.to_index_foot) {
    margin-left: 0 !important;
    transition: margin-left .24s ease !important;
  }
  body.yondr-shell-menu-open .sidenav_overlay,
  body.yondr-shell-menu-closed .sidenav_overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width: 675px) {
  body {
    --yondr-mobile-menu-bottom: calc(66px + env(safe-area-inset-bottom, 0px));
  }
  body nav#nav-logged-in {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9000 !important;
  }
  body.yondr-shell-menu-open {
    overflow: hidden !important;
    touch-action: none;
  }
  body.yondr-shell-menu-open .sidenav_overlay {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 10010 !important;
    background: rgba(12, 16, 40, .48) !important;
    backdrop-filter: blur(9px) !important;
    -webkit-backdrop-filter: blur(9px) !important;
    pointer-events: auto !important;
  }
  body.yondr-shell-menu-closed .sidenav_overlay,
  body:not(.yondr-shell-menu-open) .sidenav_overlay {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .to_sidebar {
    position: fixed !important;
    top: auto !important;
    left: 10px !important;
    right: 10px !important;
    bottom: var(--yondr-mobile-menu-bottom) !important;
    width: auto !important;
    height: auto !important;
    max-height: min(76dvh, 640px) !important;
    padding: 0 0 16px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(116, 86, 255, .16), transparent 34%),
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,249,255,.98)) !important;
    border: 1px solid rgba(116, 86, 255, .12) !important;
    box-shadow: 0 28px 80px rgba(15, 19, 40, .30) !important;
    z-index: 10030 !important;
    transform: translateY(calc(100% + 96px)) !important;
    transition: transform .24s cubic-bezier(.2,.8,.2,1), opacity .2s ease !important;
    opacity: .98;
  }
  body.yondr-shell-menu-open .to_sidebar {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
  body.yondr-shell-menu-closed .to_sidebar,
  body:not(.yondr-shell-menu-open) .to_sidebar {
    transform: translateY(calc(100% + 96px)) !important;
  }
  .to_sidebar .yondr-menu-sheet-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 8 !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 18px 16px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background: rgba(255,255,255,.88) !important;
    border-bottom: 1px solid rgba(116, 86, 255, .10) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }
  .yondr-menu-grabber {
    position: absolute !important;
    left: 50% !important;
    top: 7px !important;
    width: 48px !important;
    height: 5px !important;
    transform: translateX(-50%) !important;
    border-radius: 999px !important;
    background: rgba(21, 25, 52, .16) !important;
  }
  .yondr-menu-sheet-head strong {
    color: #151934 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
  }
  .yondr-menu-close {
    width: 36px !important;
    height: 36px !important;
    border-radius: 14px !important;
    background: rgba(116, 86, 255, .10) !important;
    color: #151934 !important;
    box-shadow: none !important;
  }
  .to_sidebar .home_usr_sct {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    grid-template-areas: "avatar name" "avatar action" !important;
    align-items: center !important;
    gap: 4px 12px !important;
    margin: 12px 14px 14px !important;
    padding: 12px !important;
    text-align: left !important;
    border: 1px solid rgba(116, 86, 255, .12) !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, rgba(116, 86, 255, .10), rgba(47, 140, 255, .06)) !important;
    box-shadow: 0 12px 30px rgba(30, 39, 92, .08) !important;
  }
  .to_sidebar .home_usr_sct .user_popularity_icn {
    grid-area: avatar !important;
    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;
    margin: 0 !important;
  }
  .to_sidebar .home_usr_sct .user_popularity_icn svg { display: none !important; }
  .to_sidebar .home_usr_sct .user_popularity_icn > a {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 26px rgba(21,25,52,.16) !important;
  }
  .to_sidebar .home_usr_sct .user_popularity_icn > a img { border-radius: 20px !important; }
  .to_sidebar .home_usr_sct h3 {
    grid-area: name !important;
    margin: 0 !important;
    min-width: 0 !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
  }
  .to_sidebar .home_usr_sct h3 a {
    color: #151934 !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .to_sidebar .home_usr_sct .btn {
    grid-area: action !important;
    justify-self: start !important;
    margin: 0 !important;
    height: 28px !important;
    line-height: 27px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #151934 !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
  }
  .to_sidebar .home_usr_link {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 14px !important;
    margin: 0 0 10px !important;
  }
  .to_sidebar .home_usr_link li {
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    line-height: 1 !important;
  }
  .to_sidebar .home_usr_link li.divider { display: none !important; }
  .to_sidebar .home_usr_link li a {
    width: 100% !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 10px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(116, 86, 255, .10) !important;
    background: rgba(255,255,255,.82) !important;
    color: #202541 !important;
    box-shadow: 0 8px 20px rgba(30, 39, 92, .055) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    text-transform: none !important;
    line-height: 1.15 !important;
    overflow: hidden !important;
  }
  .to_sidebar .home_usr_link li a svg,
  .to_sidebar .home_usr_link li a img {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    margin: 0 !important;
    padding: 8px !important;
    border-radius: 14px !important;
    color: #7456ff !important;
    background: rgba(116, 86, 255, .10) !important;
  }
  .to_sidebar .home_usr_link li.active a {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #7456ff, #2f8cff) !important;
    box-shadow: 0 12px 28px rgba(75, 88, 220, .22) !important;
  }
  .to_sidebar_mini {
    display: block !important;
    height: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    border-radius: 22px 22px 0 0 !important;
    box-shadow: 0 -10px 35px rgba(15,19,40,.12) !important;
    border-top: 1px solid rgba(116, 86, 255, .10) !important;
    z-index: 9400 !important;
  }
  .to_sidebar_mini li a { border-radius: 16px !important; }

  /* Keep app/header behind Messenger so chat profile/header stays clickable. */
  .dt_msg_box {
    z-index: 11200 !important;
    top: env(safe-area-inset-top, 0px) !important;
    bottom: 0 !important;
    height: calc(100dvh - env(safe-area-inset-top, 0px)) !important;
    max-height: calc(100dvh - env(safe-area-inset-top, 0px)) !important;
  }
  .dt_msg_box .modal-content,
  .dt_msg_box .modal-content .msg_chat,
  .dt_msg_box .modal-content .msg_list,
  .dt_msg_box .modal-content .msg_chat .chat_conversations {
    height: 100% !important;
  }
  .dt_msg_box .modal-content .chat_conversations .chat_header,
  .dt_msg_box .msg_header {
    position: relative !important;
    z-index: 3 !important;
    min-height: 65px !important;
    flex: 0 0 auto !important;
  }
  .dt_msg_box .modal-content .chat_conversations .chat_container,
  .dt_msg_box .msg_container {
    min-height: 0 !important;
  }
}

@media (max-width: 675px) {
  body.dt_night_mode .to_sidebar,
  body.night_mode .to_sidebar {
    background:
      radial-gradient(circle at 18% 0%, rgba(116, 86, 255, .24), transparent 34%),
      linear-gradient(180deg, rgba(24,28,52,.98), rgba(17,20,40,.98)) !important;
    border-color: rgba(255,255,255,.10) !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.50) !important;
  }
  body.dt_night_mode .to_sidebar .yondr-menu-sheet-head,
  body.night_mode .to_sidebar .yondr-menu-sheet-head {
    background: rgba(24,28,52,.88) !important;
    border-bottom-color: rgba(255,255,255,.10) !important;
  }
  body.dt_night_mode .yondr-menu-sheet-head strong,
  body.night_mode .yondr-menu-sheet-head strong,
  body.dt_night_mode .to_sidebar .home_usr_sct h3 a,
  body.night_mode .to_sidebar .home_usr_sct h3 a {
    color: #fff !important;
  }
  body.dt_night_mode .yondr-menu-close,
  body.night_mode .yondr-menu-close {
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
  }
  body.dt_night_mode .to_sidebar .home_usr_sct,
  body.night_mode .to_sidebar .home_usr_sct,
  body.dt_night_mode .to_sidebar .home_usr_link li a,
  body.night_mode .to_sidebar .home_usr_link li a {
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.90) !important;
    box-shadow: none !important;
  }
}

/* =========================================================
   YONDR STEP 21B — Registration Mobile UI / Scroll Fix
   Scope: logged-out registration/signup/auth pages only.
   Does not touch the logged-in header, sidebar, menu, nav, chat, or Ready to Meet.
   ========================================================= */

body .to_auth_page.register,
body .to_auth_page.register * {
  box-sizing: border-box;
}

/* Registration must be allowed to grow beyond the viewport. */
body .to_auth_page.register {
  min-height: 100vh !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

body .to_auth_page.register .login_page {
  min-height: 100vh !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body .to_auth_page.register .login-pagez,
body .to_auth_page.register .login-form,
body .to_auth_page.register form.register {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

@media (max-width: 890px) {
  html:has(.to_auth_page.register),
  body:has(.to_auth_page.register) {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: auto !important;
  }

  body:has(.to_auth_page.register) > #container {
    min-height: 100vh !important;
    height: auto !important;
    overflow: visible !important;
  }

  body .to_auth_page.register {
    display: block !important;
    width: 100% !important;
    min-height: 100vh !important;
    padding: 18px 14px calc(28px + env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(116, 86, 255, .14), transparent 34%),
      radial-gradient(circle at 95% 16%, rgba(47, 140, 255, .10), transparent 30%),
      linear-gradient(180deg, #f7f8ff 0%, #ffffff 46%, #f8f9ff 100%) !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  body .to_auth_page.register .login_page {
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body .to_auth_page.register .login_page:before,
  body .to_auth_page.register .login_page:after,
  body .to_auth_page.register .login_page > svg,
  body .to_auth_page.register .login_aside {
    display: none !important;
  }

  body .to_auth_page.register .login_page .header_logo {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 118px !important;
    max-width: 118px !important;
    margin: 4px auto 18px !important;
    display: block !important;
    z-index: 2 !important;
  }

  body .to_auth_page.register .login-pagez {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 24px 18px 22px !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(116, 86, 255, .10) !important;
    box-shadow: 0 18px 54px rgba(30, 39, 92, .12) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    overflow: visible !important;
  }

  body .to_auth_page.register .login-pagez h4 {
    margin: 0 0 7px !important;
    color: #151934 !important;
    font-size: clamp(28px, 8vw, 36px) !important;
    line-height: 1.04 !important;
    font-weight: 950 !important;
    letter-spacing: -.045em !important;
  }

  body .to_auth_page.register .login-pagez > p,
  body .to_auth_page.register .login-form > p:first-of-type {
    margin: 0 0 22px !important;
    color: rgba(21, 25, 52, .68) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body .to_auth_page.register .row.r_margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .to_auth_page.register .row.r_margin > .col,
  body .to_auth_page.register .row.r_margin > .col.s6,
  body .to_auth_page.register .row.r_margin > .col.xs12 {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    left: auto !important;
    right: auto !important;
  }

  body .to_auth_page.register .to_mat_input {
    margin: 0 0 13px !important;
  }

  body .to_auth_page.register .to_mat_input label {
    color: rgba(21, 25, 52, .62) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: -.01em !important;
  }

  body .to_auth_page.register .to_mat_input input.browser-default,
  body .to_auth_page.register input[type="text"],
  body .to_auth_page.register input[type="email"],
  body .to_auth_page.register input[type="password"] {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(116, 86, 255, .14) !important;
    border-radius: 18px !important;
    background: #f7f8ff !important;
    color: #151934 !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    box-shadow: none !important;
    outline: none !important;
  }

  body .to_auth_page.register .to_mat_input input.browser-default:focus,
  body .to_auth_page.register input[type="text"]:focus,
  body .to_auth_page.register input[type="email"]:focus,
  body .to_auth_page.register input[type="password"]:focus {
    border-color: rgba(116, 86, 255, .42) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(116, 86, 255, .10) !important;
  }

  body .to_auth_page.register .form-group,
  body .to_auth_page.register .g-recaptcha {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body .to_auth_page.register .terms_check {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 4px 0 18px !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: rgba(116, 86, 255, .06) !important;
    color: rgba(21, 25, 52, .78) !important;
  }

  body .to_auth_page.register .terms_check [type="checkbox"]+span:not(.lever) {
    min-height: 22px !important;
    height: auto !important;
    padding-left: 30px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body .to_auth_page.register .terms_check a {
    color: #5d45d8 !important;
    font-weight: 900 !important;
  }

  body .to_auth_page.register .dt_login_footer {
    margin: 0 !important;
    padding: 0 !important;
  }

  body .to_auth_page.register .login-pagez .btn.btn_primary,
  body .to_auth_page.register #sign_submit {
    height: 54px !important;
    line-height: 54px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #7456ff, #2f8cff) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
    box-shadow: 0 14px 30px rgba(75, 88, 220, .24) !important;
  }

  body .to_auth_page.register .login-pagez .btn.btn_primary[disabled],
  body .to_auth_page.register #sign_submit[disabled] {
    background: #d7dbea !important;
    color: rgba(21, 25, 52, .45) !important;
    box-shadow: none !important;
  }

  body .to_auth_page.register .to_altr_auth_opt,
  body .to_auth_page.register .login-pagez .to_altr_auth_opt {
    display: block !important;
    margin: 17px 0 0 !important;
    color: rgba(21, 25, 52, .68) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    text-align: center !important;
  }

  body .to_auth_page.register .to_altr_auth_opt a {
    color: #5d45d8 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
  }
}

@media (max-width: 420px) {
  body .to_auth_page.register {
    padding: 12px 10px calc(22px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body .to_auth_page.register .login_page .header_logo {
    width: 104px !important;
    max-width: 104px !important;
    margin-bottom: 12px !important;
  }

  body .to_auth_page.register .login-pagez {
    padding: 21px 14px 18px !important;
    border-radius: 24px !important;
  }

  body .to_auth_page.register .to_mat_input {
    margin-bottom: 11px !important;
  }
}


/* =========================================================
   YONDR STEP 22 — Ready to Meet Center Polish
   Scope:
   - Makes the Voice Intro sheet feel like a Ready to Meet center.
   - Adds overview stats and cleaner call-prompt body behavior.
   - Does not change header/sidebar/menu/mobile nav behavior.
   ========================================================= */
.yondr_ready_center_overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  padding: 12px 12px 0;
  background: #fff;
}
.yondr_ready_center_stat {
  border-radius: 17px;
  padding: 11px 8px;
  text-align: center;
  background: rgba(116, 86, 255, .075);
  border: 1px solid rgba(116, 86, 255, .11);
  min-height: 66px;
}
.yondr_ready_center_stat b {
  display: block;
  color: #5a45df;
  font-size: 18px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.03em;
}
.yondr_ready_center_stat span {
  display: block;
  margin-top: 6px;
  color: rgba(32,37,65,.64);
  font-size: 10.5px;
  line-height: 1.15;
  font-weight: 850;
}
.yondr_ready_center_stat.is-hot {
  background: linear-gradient(135deg, rgba(255,63,122,.12), rgba(116,86,255,.08));
  border-color: rgba(255,63,122,.14);
}
.yondr_ready_center_overview.has-unread .yondr_ready_center_stat.is-hot b {
  color: #c9275d;
}
.yondr-ready-call-prompt-open {
  overflow: hidden;
}
.yondr_ready_call_prompt_actions button:not(:disabled) {
  cursor: pointer;
}
.yondr_ready_call_prompt_actions button:not(:disabled):hover {
  transform: translateY(-1px);
}
@media(max-width:520px){
  .yondr_ready_center_overview {
    padding: 10px 10px 0;
    gap: 7px;
  }
  .yondr_ready_center_stat {
    border-radius: 15px;
    min-height: 60px;
    padding: 10px 6px;
  }
  .yondr_ready_center_stat b {
    font-size: 16px;
  }
  .yondr_ready_center_stat span {
    font-size: 9.5px;
  }
}
body.dt_night_mode .yondr_ready_center_overview,
body.night_mode .yondr_ready_center_overview {
  background: #12162f;
}
body.dt_night_mode .yondr_ready_center_stat,
body.night_mode .yondr_ready_center_stat {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.10);
}
body.dt_night_mode .yondr_ready_center_stat b,
body.night_mode .yondr_ready_center_stat b {
  color: #bdb5ff;
}
body.dt_night_mode .yondr_ready_center_stat span,
body.night_mode .yondr_ready_center_stat span {
  color: rgba(255,255,255,.70);
}
body.dt_night_mode .yondr_ready_center_stat.is-hot,
body.night_mode .yondr_ready_center_stat.is-hot {
  background: linear-gradient(135deg, rgba(255,77,128,.16), rgba(126,109,255,.12));
  border-color: rgba(255,77,128,.18);
}


/* =========================================================
   YONDR STEP 23A — Onboarding / Menu Layer / Messenger Nav Hotfix
   Scope:
   - Fixes the logged-in /steps onboarding flow shown after registration.
   - Keeps every setup field and action button reachable on mobile.
   - Stops the Ready to Meet floating pill and bottom nav from covering onboarding.
   - Puts the mobile menu sheet above its overlay.
   - Keeps Messenger above the logged-in header/bottom navigator so chat buttons stay clickable.
   ========================================================= */

@media (max-width: 768px) {
  html:has(.dt_signup_steps),
  body:has(.dt_signup_steps) {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: auto !important;
    background: #f8f9ff !important;
  }

  body:has(.dt_signup_steps) {
    padding-bottom: 0 !important;
  }

  body:has(.dt_signup_steps) #container,
  body:has(.dt_signup_steps) .page-margin,
  body:has(.dt_signup_steps) .to_main_cont,
  body:has(.dt_signup_steps) .slider_container,
  body:has(.dt_signup_steps) .dt_signup_steps,
  body:has(.dt_signup_steps) .to_step_innr,
  body:has(.dt_signup_steps) .slider-ctr,
  body:has(.dt_signup_steps) .slider {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body:has(.dt_signup_steps) .slider_container {
    width: 100% !important;
    max-width: 100% !important;
    padding: calc(66px + env(safe-area-inset-top, 0px)) 10px calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 auto !important;
  }

  body:has(.dt_signup_steps) .dt_signup_steps {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
  }

  body:has(.dt_signup_steps) .wow_creads_minstp {
    margin: 0 0 12px !important;
    padding: 14px 8px 8px !important;
    position: sticky !important;
    top: 55px !important;
    z-index: 20 !important;
    background: rgba(248,249,255,.96) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  body:has(.dt_signup_steps) .steps_alerts {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 10px !important;
  }

  body:has(.dt_signup_steps) .slider-form {
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 auto 16px !important;
    padding: 18px 14px !important;
    border-radius: 26px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(116,86,255,.10) !important;
    box-shadow: 0 18px 52px rgba(30,39,92,.10) !important;
  }

  body:has(.dt_signup_steps) .slider-form.hide {
    display: none !important;
  }

  body:has(.dt_signup_steps) .choose_photo,
  body:has(.dt_signup_steps) .webcam_photo_verification,
  body:has(.dt_signup_steps) .third_slider,
  body:has(.dt_signup_steps) .forth_slider {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body:has(.dt_signup_steps) .choose_photo h6,
  body:has(.dt_signup_steps) .webcam_photo_verification h6 {
    font-size: 16px !important;
    line-height: 1.25 !important;
    margin: 0 0 6px !important;
  }

  body:has(.dt_signup_steps) .choose_photo p,
  body:has(.dt_signup_steps) .webcam_photo_verification p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 0 12px !important;
  }

  body:has(.dt_signup_steps) .dt_selct_avatar {
    width: min(180px, 48vw) !important;
    height: min(180px, 48vw) !important;
    max-width: 180px !important;
    max-height: 180px !important;
    margin: 0 auto 12px !important;
    display: flex !important;
  }

  body:has(.dt_signup_steps) .row,
  body:has(.dt_signup_steps) .row.r_margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }

  body:has(.dt_signup_steps) .row .col,
  body:has(.dt_signup_steps) .row .col.s6,
  body:has(.dt_signup_steps) .row .col.m6,
  body:has(.dt_signup_steps) .row .col.s12,
  body:has(.dt_signup_steps) .row .col.m8,
  body:has(.dt_signup_steps) .row .col.m2 {
    width: 100% !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
  }

  body:has(.dt_signup_steps) .to_mat_input {
    margin: 0 0 13px !important;
  }

  body:has(.dt_signup_steps) .to_mat_input label {
    font-size: 12px !important;
    font-weight: 850 !important;
    color: rgba(21,25,52,.62) !important;
    line-height: 1.25 !important;
  }

  body:has(.dt_signup_steps) .to_mat_input input.browser-default,
  body:has(.dt_signup_steps) .to_mat_input select.browser-default,
  body:has(.dt_signup_steps) input[type="text"],
  body:has(.dt_signup_steps) input[type="email"],
  body:has(.dt_signup_steps) select {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(116,86,255,.14) !important;
    border-radius: 18px !important;
    background-color: #f7f8ff !important;
    color: #151934 !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    box-shadow: none !important;
    outline: none !important;
  }

  body:has(.dt_signup_steps) .step_footer {
    position: sticky !important;
    bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 25 !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 10px 0 0 !important;
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.96) 35%) !important;
  }

  body:has(.dt_signup_steps) .step_footer .btn,
  body:has(.dt_signup_steps) .step_footer .btn.btn_primary {
    width: 100% !important;
    height: 52px !important;
    line-height: 52px !important;
    border-radius: 18px !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    margin: 0 !important;
  }

  body:has(.dt_signup_steps) .dt_login_footer,
  body:has(.dt_signup_steps) footer.page_footer:not(.to_index_foot) {
    margin-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body:has(.dt_signup_steps) #yondr_voice_inbox_fab,
  body:has(.dt_signup_steps) .yondr_voice_inbox_fab,
  body:has(.dt_signup_steps) #yondr_ready_mobile_home_hub {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width: 675px) {
  body.yondr-shell-menu-open .sidenav_overlay {
    z-index: 2147483000 !important;
    pointer-events: auto !important;
  }
  body.yondr-shell-menu-open .to_sidebar {
    z-index: 2147483010 !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    will-change: transform !important;
  }
  body.yondr-shell-menu-open .to_sidebar * {
    pointer-events: auto !important;
  }
  body.yondr-shell-menu-open .to_sidebar_mini {
    z-index: 2147482990 !important;
  }

  body.yondr-messenger-active nav#nav-logged-in {
    z-index: 1000 !important;
  }
  body.yondr-messenger-active .to_sidebar_mini,
  body.yondr-messenger-active #yondr_voice_inbox_fab,
  body.yondr-messenger-active .yondr_voice_inbox_fab,
  body.yondr-messenger-active #yondr_ready_mobile_home_hub {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  body.yondr-messenger-active .dt_msg_box {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    z-index: 2147482500 !important;
  }
  body.yondr-messenger-active .dt_msg_box .modal-content,
  body.yondr-messenger-active .dt_msg_box .msg_list,
  body.yondr-messenger-active .dt_msg_box .msg_chat,
  body.yondr-messenger-active .dt_msg_box .chat_conversations {
    height: 100% !important;
    max-height: 100% !important;
  }
  body.yondr-messenger-active .dt_msg_box .chat_header,
  body.yondr-messenger-active .dt_msg_box .msg_header {
    padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important;
  }
}


/* =========================================================
   YONDR STEP 23B — STREAMLINED REGISTRATION + ONBOARDING
   - Makes signup feel short and premium on desktop and mobile.
   - Turns post-registration setup into a compact essentials card.
   - Moves optional setup fields out of the forced first-run flow.
   ========================================================= */
html:has(.to_auth_page.register),
body:has(.to_auth_page.register),
html:has(.dt_signup_steps),
body:has(.dt_signup_steps) {
  height: auto !important;
  min-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

body.yondr-register-streamlined,
body.yondr-onboarding-lite,
body:has(.to_auth_page.register),
body:has(.dt_signup_steps) {
  background:
    radial-gradient(circle at top left, rgba(116,86,255,.10), transparent 34%),
    linear-gradient(135deg, #f8f9ff 0%, #ffffff 48%, #f4f1ff 100%) !important;
}

body.yondr-register-streamlined .to_auth_page.register,
body:has(.to_auth_page.register) .to_auth_page.register {
  min-height: 100dvh !important;
  height: auto !important;
  overflow: visible !important;
  display: grid !important;
  grid-template-columns: minmax(360px, 520px) minmax(320px, 1fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  background: transparent !important;
}

body.yondr-register-streamlined .to_auth_page.register .login_page,
body:has(.to_auth_page.register) .to_auth_page.register .login_page {
  min-height: 100dvh !important;
  height: auto !important;
  overflow: visible !important;
  padding: clamp(22px, 4vw, 42px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background: transparent !important;
}

body.yondr-register-streamlined .to_auth_page.register .login-pagez,
body:has(.to_auth_page.register) .to_auth_page.register .login-pagez,
body.yondr-register-streamlined .to_auth_page.register .login-form,
body:has(.to_auth_page.register) .to_auth_page.register .login-form {
  width: 100% !important;
  max-width: 460px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 auto !important;
}

body.yondr-register-streamlined .to_auth_page.register .login-form,
body:has(.to_auth_page.register) .to_auth_page.register .login-form {
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(116,86,255,.12) !important;
  border-radius: 30px !important;
  box-shadow: 0 24px 70px rgba(24,27,56,.13) !important;
  padding: clamp(22px, 4vw, 34px) !important;
}

body.yondr-register-streamlined .to_auth_page.register .login-form > h4,
body.yondr-register-streamlined .to_auth_page.register .login-form > p,
body:has(.to_auth_page.register) .to_auth_page.register .login-form > h4,
body:has(.to_auth_page.register) .to_auth_page.register .login-form > p {
  display: none !important;
}

.yondr-register-intro {
  margin: 0 0 18px !important;
}
.yondr-register-kicker {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(116,86,255,.10) !important;
  color: #6b46ff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.yondr-register-intro h2 {
  margin: 12px 0 6px !important;
  color: #151934 !important;
  font-size: clamp(28px, 4vw, 40px) !important;
  line-height: .98 !important;
  font-weight: 950 !important;
  letter-spacing: -.06em !important;
}
.yondr-register-intro p {
  margin: 0 !important;
  color: rgba(21,25,52,.66) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

body.yondr-register-streamlined .to_auth_page.register .row,
body:has(.to_auth_page.register) .to_auth_page.register .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
body.yondr-register-streamlined .to_auth_page.register .row .col,
body:has(.to_auth_page.register) .to_auth_page.register .row .col {
  width: auto !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.yondr-register-streamlined .to_auth_page.register .to_mat_input,
body:has(.to_auth_page.register) .to_auth_page.register .to_mat_input {
  margin: 0 0 12px !important;
}
body.yondr-register-streamlined .to_auth_page.register input.browser-default,
body:has(.to_auth_page.register) .to_auth_page.register input.browser-default {
  height: 52px !important;
  min-height: 52px !important;
  border-radius: 18px !important;
  background: #f7f8ff !important;
  border: 1px solid rgba(116,86,255,.14) !important;
  color: #151934 !important;
  font-size: 15px !important;
  font-weight: 780 !important;
}
body.yondr-register-streamlined .to_auth_page.register .terms_check,
body:has(.to_auth_page.register) .to_auth_page.register .terms_check {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 8px 0 16px !important;
  padding: 13px !important;
  border-radius: 18px !important;
  background: rgba(116,86,255,.055) !important;
  border: 1px solid rgba(116,86,255,.10) !important;
}
body.yondr-register-streamlined .to_auth_page.register .terms_check span,
body:has(.to_auth_page.register) .to_auth_page.register .terms_check span {
  line-height: 1.35 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  color: rgba(21,25,52,.70) !important;
}
body.yondr-register-streamlined .to_auth_page.register .dt_login_footer .btn,
body:has(.to_auth_page.register) .to_auth_page.register .dt_login_footer .btn {
  width: 100% !important;
  height: 54px !important;
  line-height: 54px !important;
  border-radius: 18px !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}
body.yondr-register-streamlined .to_auth_page.register .login_aside,
body:has(.to_auth_page.register) .to_auth_page.register .login_aside {
  min-height: 100dvh !important;
  border-radius: 36px 0 0 36px !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.38), transparent 28%),
    linear-gradient(145deg, #7456ff 0%, #5742d9 46%, #151934 100%) !important;
  overflow: hidden !important;
}
body.yondr-register-streamlined .to_auth_page.register .login_aside h2,
body.yondr-register-streamlined .to_auth_page.register .login_aside p,
body:has(.to_auth_page.register) .to_auth_page.register .login_aside h2,
body:has(.to_auth_page.register) .to_auth_page.register .login_aside p {
  color: #fff !important;
}

body.yondr-onboarding-lite .slider_container,
body:has(.dt_signup_steps) .slider_container {
  width: 100% !important;
  max-width: 1040px !important;
  min-height: 100dvh !important;
  height: auto !important;
  overflow: visible !important;
  padding: calc(84px + env(safe-area-inset-top,0px)) 18px calc(34px + env(safe-area-inset-bottom,0px)) !important;
  margin: 0 auto !important;
}
body.yondr-onboarding-lite .dt_signup_steps,
body:has(.dt_signup_steps) .dt_signup_steps {
  width: min(100%, 860px) !important;
  margin: 0 auto !important;
  max-height: none !important;
  overflow: visible !important;
}
.yondr-onboarding-intro {
  width: min(100%, 760px) !important;
  margin: 0 auto 18px !important;
  padding: 22px 24px !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(116,86,255,.10) !important;
  box-shadow: 0 18px 55px rgba(20,26,67,.10) !important;
}
.yondr-onboarding-intro span {
  display: inline-flex !important;
  min-height: 28px !important;
  align-items: center !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(116,86,255,.10) !important;
  color: #6b46ff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.yondr-onboarding-intro h1 {
  margin: 12px 0 6px !important;
  color: #151934 !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.06em !important;
}
.yondr-onboarding-intro p {
  margin: 0 !important;
  color: rgba(21,25,52,.68) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}
body.yondr-onboarding-lite .wow_creads_minstp,
body:has(.dt_signup_steps) .wow_creads_minstp {
  width: min(100%, 760px) !important;
  margin: 0 auto 14px !important;
  padding: 12px 16px !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(116,86,255,.10) !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 40px rgba(20,26,67,.08) !important;
}
body.yondr-onboarding-lite .slider-form,
body:has(.dt_signup_steps) .slider-form {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 auto 18px !important;
  padding: clamp(18px, 3.3vw, 30px) !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.95) !important;
  border: 1px solid rgba(116,86,255,.12) !important;
  box-shadow: 0 22px 64px rgba(20,26,67,.12) !important;
}
body.yondr-onboarding-lite .slider-form.hide,
body:has(.dt_signup_steps) .slider-form.hide {
  display: none !important;
}
.yondr-lite-fields-note {
  margin: 0 0 16px !important;
  padding: 14px 16px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, rgba(116,86,255,.09), rgba(93,95,147,.06)) !important;
  color: rgba(21,25,52,.74) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}
.yondr-lite-fields-note strong {
  color: #151934 !important;
  font-weight: 950 !important;
}
.yondr-lite-fields-note span {
  display: block !important;
  margin-top: 3px !important;
}
body.yondr-onboarding-lite .third_slider .row,
body:has(.dt_signup_steps) .third_slider .row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
}
body.yondr-onboarding-lite .third_slider .row .col,
body:has(.dt_signup_steps) .third_slider .row .col {
  width: auto !important;
  float: none !important;
  padding: 0 !important;
}
body.yondr-onboarding-lite .third_slider .yondr-setup-hidden-optional,
body:has(.dt_signup_steps) .third_slider .yondr-setup-hidden-optional {
  display: none !important;
}
body.yondr-onboarding-lite .third_slider .to_mat_input,
body:has(.dt_signup_steps) .third_slider .to_mat_input {
  margin: 0 0 14px !important;
}
body.yondr-onboarding-lite .third_slider input.browser-default,
body.yondr-onboarding-lite .third_slider select.browser-default,
body:has(.dt_signup_steps) .third_slider input.browser-default,
body:has(.dt_signup_steps) .third_slider select.browser-default {
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 16px !important;
  border-radius: 19px !important;
  background-color: #f7f8ff !important;
  border: 1px solid rgba(116,86,255,.14) !important;
  color: #151934 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
body.yondr-onboarding-lite .step_footer,
body:has(.dt_signup_steps) .step_footer {
  position: static !important;
  width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
body.yondr-onboarding-lite .step_footer .btn,
body:has(.dt_signup_steps) .step_footer .btn {
  width: 100% !important;
  height: 54px !important;
  line-height: 54px !important;
  border-radius: 18px !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

@media (max-width: 780px) {
  body.yondr-register-streamlined .to_auth_page.register,
  body:has(.to_auth_page.register) .to_auth_page.register {
    display: block !important;
    min-height: 100dvh !important;
    padding: 0 !important;
  }
  body.yondr-register-streamlined .to_auth_page.register .login_page,
  body:has(.to_auth_page.register) .to_auth_page.register .login_page {
    min-height: auto !important;
    padding: calc(18px + env(safe-area-inset-top,0px)) 14px calc(26px + env(safe-area-inset-bottom,0px)) !important;
  }
  body.yondr-register-streamlined .to_auth_page.register .login-form,
  body:has(.to_auth_page.register) .to_auth_page.register .login-form {
    padding: 20px 16px !important;
    border-radius: 26px !important;
  }
  body.yondr-register-streamlined .to_auth_page.register .row,
  body:has(.to_auth_page.register) .to_auth_page.register .row,
  body.yondr-onboarding-lite .third_slider .row,
  body:has(.dt_signup_steps) .third_slider .row {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  body.yondr-register-streamlined .to_auth_page.register .login_aside,
  body:has(.to_auth_page.register) .to_auth_page.register .login_aside {
    display: none !important;
  }
  body.yondr-onboarding-lite .slider_container,
  body:has(.dt_signup_steps) .slider_container {
    max-width: 100% !important;
    padding: calc(68px + env(safe-area-inset-top,0px)) 12px calc(24px + env(safe-area-inset-bottom,0px)) !important;
  }
  .yondr-onboarding-intro {
    padding: 18px 16px !important;
    border-radius: 24px !important;
    margin-bottom: 12px !important;
  }
  body.yondr-onboarding-lite .wow_creads_minstp,
  body:has(.dt_signup_steps) .wow_creads_minstp {
    position: static !important;
    top: auto !important;
    margin-bottom: 12px !important;
    padding: 10px 12px !important;
  }
  body.yondr-onboarding-lite .slider-form,
  body:has(.dt_signup_steps) .slider-form {
    padding: 18px 14px !important;
    border-radius: 24px !important;
  }
}


/* =========================================================
   YONDR STEP 23C — Birthday picker theme, header Ready button,
   menu overlay layer fix, and profile-card click recovery.
   Scope: small targeted fixes only; does not rebuild registration.
   ========================================================= */
.header_ready_to_meet { display: inline-flex !important; align-items: center !important; }
.yondr_header_ready_btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(116,86,255,.12), rgba(93,95,147,.08)) !important;
  border: 1px solid rgba(116,86,255,.16) !important;
  color: #151934 !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 26px rgba(30,39,92,.07) !important;
  text-decoration: none !important;
}
.yondr_header_ready_icon {
  width: 28px !important; height: 28px !important; border-radius: 12px !important;
  display: grid !important; place-items: center !important; background: #fff !important;
  color: #7456ff !important; box-shadow: 0 6px 14px rgba(116,86,255,.14) !important;
  font-size: 15px !important; flex: 0 0 auto !important;
}
.yondr_header_ready_copy { display: flex !important; flex-direction: column !important; gap: 1px !important; }
.yondr_header_ready_copy b { font-size: 12px !important; font-weight: 950 !important; letter-spacing: -.02em !important; color: #151934 !important; }
.yondr_header_ready_copy small { font-size: 10px !important; font-weight: 850 !important; color: #6d728d !important; text-transform: uppercase !important; letter-spacing: .04em !important; }
.yondr_header_ready_badge {
  position: absolute !important; top: -5px !important; right: -4px !important;
  min-width: 19px !important; height: 19px !important; padding: 0 5px !important;
  border-radius: 999px !important; background: #7456ff !important; color: #fff !important;
  font-size: 10px !important; font-weight: 950 !important; line-height: 19px !important;
  text-align: center !important; box-shadow: 0 8px 18px rgba(116,86,255,.28) !important;
  font-style: normal !important;
}
@media (max-width: 760px) {
  .header_home_link .header_ready_to_meet { display: block !important; }
  .yondr_header_ready_btn { min-height: 39px !important; width: 39px !important; padding: 0 !important; justify-content: center !important; }
  .yondr_header_ready_icon { width: 28px !important; height: 28px !important; background: linear-gradient(135deg,#7456ff,#5d5f93) !important; color:#fff !important; }
  .yondr_header_ready_copy { display: none !important; }
}
body.yondr-date-picker-open .to_sidebar_mini,
body.yondr-date-picker-open #yondr_voice_inbox_fab,
body.yondr-date-picker-open .yondr_voice_inbox_fab,
body.yondr-date-picker-open #yondr_ready_mobile_home_hub {
  display: none !important; visibility: hidden !important; pointer-events: none !important;
}
.datepicker-modal {
  border-radius: 28px !important; overflow: hidden !important;
  box-shadow: 0 26px 72px rgba(15,19,40,.30) !important;
  z-index: 2147483500 !important; max-height: calc(100dvh - 36px) !important;
}
.datepicker-modal .datepicker-date-display {
  background: linear-gradient(135deg,#7456ff 0%,#5d5f93 58%,#2b2d42 100%) !important;
  color: #fff !important; padding: 22px 24px !important;
}
.datepicker-modal .year-text,.datepicker-modal .date-text { color:#fff !important; }
.datepicker-modal .year-text { font-weight:850 !important; opacity:.82 !important; }
.datepicker-modal .date-text { font-weight:950 !important; letter-spacing:-.04em !important; }
.datepicker-modal .datepicker-calendar-container { background:#fff !important; color:#151934 !important; }
.datepicker-modal .select-dropdown.dropdown-trigger {
  border-radius:18px !important; background:#f5f3ff !important;
  border:1px solid rgba(116,86,255,.12) !important; color:#151934 !important;
  font-weight:900 !important; text-align:center !important;
}
.datepicker-modal .month-prev,.datepicker-modal .month-next { border-radius:999px !important; color:#5d5f93 !important; }
.datepicker-modal .month-prev:hover,.datepicker-modal .month-next:hover { background:rgba(116,86,255,.09) !important; }
.datepicker-modal .datepicker-table abbr { color:rgba(21,25,52,.45) !important; font-weight:950 !important; text-decoration:none !important; }
.datepicker-modal .datepicker-day-button { border-radius:999px !important; color:#151934 !important; font-weight:850 !important; }
.datepicker-modal .datepicker-day-button:hover { background:#eee9ff !important; }
.datepicker-modal td.is-selected .datepicker-day-button {
  background:#7456ff !important; color:#fff !important; box-shadow:0 8px 18px rgba(116,86,255,.25) !important;
}
.datepicker-modal td.is-today .datepicker-day-button { color:#7456ff !important; }
.datepicker-modal td.is-selected.is-today .datepicker-day-button { color:#fff !important; }
.datepicker-modal .datepicker-footer { padding:10px 14px 16px !important; background:#fff !important; }
.datepicker-modal .datepicker-cancel,.datepicker-modal .datepicker-clear,.datepicker-modal .datepicker-today,.datepicker-modal .datepicker-done {
  border-radius:999px !important; color:#5d5f93 !important; font-weight:950 !important;
}
.datepicker-modal .datepicker-done { background:#7456ff !important; color:#fff !important; padding:0 16px !important; }
.datepicker-modal + .modal-overlay,
body.yondr-date-picker-open .modal-overlay {
  z-index:2147483400 !important; background:rgba(12,16,40,.55) !important;
  backdrop-filter:blur(8px) !important; -webkit-backdrop-filter:blur(8px) !important;
}
@media (max-width:675px) {
  .datepicker-modal {
    width: calc(100vw - 32px) !important; max-width:440px !important;
    left:50% !important; right:auto !important; top:50% !important; bottom:auto !important;
    transform:translate(-50%,-50%) !important; margin:0 !important; border-radius:26px !important;
  }
  .datepicker-modal .datepicker-date-display { padding:20px 22px !important; }
  .datepicker-modal .date-text { font-size:38px !important; line-height:1.05 !important; }
  .datepicker-modal .datepicker-calendar-container { padding:0 8px 6px !important; }
  .datepicker-modal .datepicker-table td { padding:1px !important; }
  .datepicker-modal .datepicker-day-button { width:38px !important; height:38px !important; line-height:38px !important; }
  .datepicker-modal .datepicker-footer { display:flex !important; justify-content:flex-end !important; gap:8px !important; }
}
html body:not(.yondr-shell-menu-open) .sidenav_overlay {
  display:none !important; opacity:0 !important; visibility:hidden !important;
  pointer-events:none !important; z-index:-1 !important;
}
html body.yondr-shell-menu-open .sidenav_overlay {
  display:block !important; opacity:1 !important; visibility:visible !important;
  pointer-events:auto !important; z-index:2147483000 !important;
}
html body.yondr-shell-menu-open .to_sidebar {
  z-index:2147483200 !important; visibility:visible !important; pointer-events:auto !important;
}
html body.yondr-shell-menu-open .to_sidebar * { pointer-events:auto !important; }
.random_user_item a[href*="/@"], .to_small_usr a[href*="/@"], .dt_home_match_user a[href*="/@"],
#section_match_users a[href*="/@"], #latest_user a[href*="/@"] {
  position: relative !important; z-index: 4 !important; pointer-events: auto !important;
}


/* YONDR STEP 24 — First Contact Preferences Foundation */
.yondr-first-contact-settings,
.yondr-first-contact-profile{
  margin:18px 0;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(116,86,255,.08),rgba(93,95,147,.05));
  border:1px solid rgba(116,86,255,.14);
  box-shadow:0 18px 48px rgba(30,39,92,.07);
}
.yondr-first-contact-settings-head span,
.yondr-first-contact-profile-head span{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(116,86,255,.12);
  color:#7456ff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.yondr-first-contact-settings-head h3,
.yondr-first-contact-profile-head h3{
  margin:10px 0 5px;
  color:#111638;
  font-size:22px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.03em;
}
.yondr-first-contact-settings-head p,
.yondr-first-contact-profile-head p{
  margin:0;
  color:#6e748e;
  font-size:13px;
  line-height:1.45;
  font-weight:650;
}
.yondr-first-contact-options,
.yondr-first-contact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.yondr-first-contact-toggle,
.yondr-first-contact-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:92px;
  border:1px solid rgba(116,86,255,.12);
  border-radius:22px;
  background:#fff;
  padding:13px;
  box-shadow:0 12px 30px rgba(24,31,70,.05);
  cursor:pointer;
  text-align:left;
  width:100%;
}
.yondr-first-contact-toggle input{position:absolute;opacity:0;pointer-events:none}
.yondr-first-contact-toggle .yfc-icon,
.yondr-first-contact-card span{
  width:42px;height:42px;display:grid;place-items:center;border-radius:16px;
  background:#f3efff;color:#7456ff;font-size:20px;flex:0 0 auto;
}
.yfc-copy{min-width:0;flex:1}
.yfc-copy strong,
.yondr-first-contact-card strong{
  display:block;color:#111638;font-size:14px;font-weight:950;line-height:1.1;
}
.yfc-copy em,
.yondr-first-contact-card em{
  display:block;margin-top:4px;color:#747a94;font-size:12px;line-height:1.25;font-style:normal;font-weight:650;
}
.yfc-switch{
  width:42px;height:24px;border-radius:999px;background:#dfe1eb;position:relative;flex:0 0 auto;transition:.18s ease;
}
.yfc-switch:before{
  content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 3px 9px rgba(0,0,0,.16);transition:.18s ease;
}
.yondr-first-contact-toggle input:checked ~ .yfc-switch{background:#7456ff}
.yondr-first-contact-toggle input:checked ~ .yfc-switch:before{transform:translateX(18px)}
.yondr-first-contact-toggle:has(input:checked){
  border-color:rgba(116,86,255,.34);
  box-shadow:0 16px 34px rgba(116,86,255,.10);
}
.yondr-first-contact-extra{
  margin-top:12px;
  background:#fff;
  border:1px solid rgba(116,86,255,.12);
  border-radius:20px;
  padding:13px;
}
.yondr-first-contact-extra label{
  display:block;
  color:#111638;
  font-size:12px;
  font-weight:950;
  margin-bottom:7px;
}
.yondr-first-contact-extra input,
.yondr-first-contact-extra select{
  width:100%;
  border:1px solid rgba(93,95,147,.18)!important;
  border-radius:16px!important;
  min-height:46px!important;
  padding:0 13px!important;
  background:#fbfaff!important;
  color:#111638!important;
  box-sizing:border-box!important;
}
.yondr-first-contact-extra small{
  display:block;margin-top:8px;color:#727891;font-size:12px;line-height:1.35;
}
.yondr-first-contact-save{
  margin-top:14px;width:100%;min-height:52px;border:0;border-radius:999px;
  background:linear-gradient(135deg,#7456ff,#5d5f93);color:#fff;font-weight:950;
  box-shadow:0 18px 36px rgba(116,86,255,.20);
}
.yondr-first-contact-card{border:0}
.yondr-first-contact-card:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(116,86,255,.11)}
.yondr-first-contact-modal{position:fixed;inset:0;z-index:2147483000;display:none}
.yondr-first-contact-modal.open{display:block}
.yfc-backdrop{position:absolute;inset:0;background:rgba(10,13,33,.50);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.yfc-sheet{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto;
  border-radius:30px;background:#fff;padding:22px;border:1px solid rgba(116,86,255,.14);
  box-shadow:0 34px 100px rgba(10,13,33,.32);
}
.yfc-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;font-size:24px;background:rgba(16,20,56,.06);color:#111638}
.yfc-sheet>span{display:inline-flex;padding:7px 12px;border-radius:999px;background:#f1edff;color:#7456ff;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.yfc-sheet h3{margin:12px 0 14px;color:#111638;font-size:26px;font-weight:950;letter-spacing:-.03em}
.yfc-sheet textarea{
  width:100%;min-height:128px;border:1px solid rgba(93,95,147,.18);border-radius:20px;
  padding:14px;background:#fbfaff;color:#111638;resize:vertical;box-sizing:border-box;font-weight:650;
}
.yfc-prompt-question{margin-bottom:12px;padding:13px;border-radius:18px;background:#f4f0ff;color:#111638;font-weight:850;line-height:1.35}
.yfc-modal-note{margin:0 0 13px;color:#6f758f;font-size:14px;line-height:1.45;font-weight:650}
.yfc-sheet select{width:100%;height:48px;border-radius:16px;border:1px solid rgba(93,95,147,.18);background:#fbfaff;padding:0 12px;margin-bottom:12px}
.yfc-actions{display:flex;gap:10px;margin-top:14px}
.yfc-primary,.yfc-secondary{flex:1;border:0;border-radius:999px;min-height:48px;font-weight:950}
.yfc-primary{background:linear-gradient(135deg,#7456ff,#5d5f93);color:#fff}
.yfc-secondary{background:#f1edff;color:#5d5f93}
@media(max-width:760px){
  .yondr-first-contact-options,.yondr-first-contact-grid{grid-template-columns:1fr}
  .yondr-first-contact-settings,.yondr-first-contact-profile{border-radius:24px;padding:15px}
  .yfc-sheet{top:auto;bottom:10px;transform:translateX(-50%);border-radius:28px}
}
body.dt_night_mode .yondr-first-contact-settings,
body.night_mode .yondr-first-contact-settings,
body.dt_night_mode .yondr-first-contact-profile,
body.night_mode .yondr-first-contact-profile,
body.dt_night_mode .yfc-sheet,
body.night_mode .yfc-sheet{background:#171b35;border-color:rgba(255,255,255,.10);box-shadow:none}
body.dt_night_mode .yondr-first-contact-toggle,
body.night_mode .yondr-first-contact-toggle,
body.dt_night_mode .yondr-first-contact-card,
body.night_mode .yondr-first-contact-card,
body.dt_night_mode .yondr-first-contact-extra,
body.night_mode .yondr-first-contact-extra{background:#1d2444;border-color:rgba(255,255,255,.10);box-shadow:none}
body.dt_night_mode .yondr-first-contact-settings-head h3,
body.night_mode .yondr-first-contact-settings-head h3,
body.dt_night_mode .yondr-first-contact-profile-head h3,
body.night_mode .yondr-first-contact-profile-head h3,
body.dt_night_mode .yfc-copy strong,
body.night_mode .yfc-copy strong,
body.dt_night_mode .yondr-first-contact-card strong,
body.night_mode .yondr-first-contact-card strong,
body.dt_night_mode .yfc-sheet h3,
body.night_mode .yfc-sheet h3,
body.dt_night_mode .yondr-first-contact-extra label,
body.night_mode .yondr-first-contact-extra label{color:#fff}
body.dt_night_mode .yondr-first-contact-settings-head p,
body.night_mode .yondr-first-contact-settings-head p,
body.dt_night_mode .yondr-first-contact-profile-head p,
body.night_mode .yondr-first-contact-profile-head p,
body.dt_night_mode .yfc-copy em,
body.night_mode .yfc-copy em,
body.dt_night_mode .yondr-first-contact-card em,
body.night_mode .yondr-first-contact-card em,
body.dt_night_mode .yfc-modal-note,
body.night_mode .yfc-modal-note{color:rgba(255,255,255,.70)}


/* YONDR STEP 25 — Intro Requests backend UI */
.yondr-first-contact-settings,.yondr-first-contact-profile{margin:18px 0;padding:18px;border-radius:28px;background:linear-gradient(135deg,rgba(116,86,255,.08),rgba(93,95,147,.05));border:1px solid rgba(116,86,255,.14);box-shadow:0 18px 48px rgba(30,39,92,.07)}
.yondr-first-contact-settings-head span,.yondr-first-contact-profile-head span{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(116,86,255,.12);color:#7456ff;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.yondr-first-contact-settings-head h3,.yondr-first-contact-profile-head h3{margin:10px 0 5px;color:#111638;font-size:22px;line-height:1.1;font-weight:950;letter-spacing:-.03em}
.yondr-first-contact-settings-head p,.yondr-first-contact-profile-head p{margin:0;color:#6e748e;font-size:13px;line-height:1.45;font-weight:650}
.yondr-first-contact-options,.yondr-first-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.yondr-first-contact-toggle,.yondr-first-contact-card{position:relative;display:flex;align-items:center;gap:12px;min-height:92px;border:1px solid rgba(116,86,255,.12);border-radius:22px;background:#fff;padding:13px;box-shadow:0 12px 30px rgba(24,31,70,.05);cursor:pointer;text-align:left;width:100%}
.yondr-first-contact-toggle input{position:absolute;opacity:0;pointer-events:none}.yondr-first-contact-toggle .yfc-icon,.yondr-first-contact-card span{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:#f3efff;color:#7456ff;font-size:20px;flex:0 0 auto}.yfc-copy{min-width:0;flex:1}.yfc-copy strong,.yondr-first-contact-card strong{display:block;color:#111638;font-size:14px;font-weight:950;line-height:1.1}.yfc-copy em,.yondr-first-contact-card em{display:block;margin-top:4px;color:#747a94;font-size:12px;line-height:1.25;font-style:normal;font-weight:650}.yfc-switch{width:42px;height:24px;border-radius:999px;background:#dfe1eb;position:relative;flex:0 0 auto;transition:.18s ease}.yfc-switch:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 3px 9px rgba(0,0,0,.16);transition:.18s ease}.yondr-first-contact-toggle input:checked~.yfc-switch{background:#7456ff}.yondr-first-contact-toggle input:checked~.yfc-switch:before{transform:translateX(18px)}
.yondr-first-contact-extra{margin-top:12px;background:#fff;border:1px solid rgba(116,86,255,.12);border-radius:20px;padding:13px}.yondr-first-contact-extra label{display:block;color:#111638;font-size:12px;font-weight:950;margin-bottom:7px}.yondr-first-contact-extra input,.yondr-first-contact-extra select{width:100%;border:1px solid rgba(93,95,147,.18)!important;border-radius:16px!important;min-height:46px!important;padding:0 13px!important;background:#fbfaff!important;color:#111638!important;box-sizing:border-box!important}.yondr-first-contact-extra small{display:block;margin-top:8px;color:#727891;font-size:12px;line-height:1.35}.yondr-first-contact-save,.yondr-first-contact-requests{margin-top:14px;width:100%;min-height:52px;border-radius:999px;font-weight:950}.yondr-first-contact-save{border:0;background:linear-gradient(135deg,#7456ff,#5d5f93);color:#fff;box-shadow:0 18px 36px rgba(116,86,255,.20)}.yondr-first-contact-requests{border:1px solid rgba(116,86,255,.20);background:#fff;color:#5d5f93}.yondr-first-contact-requests b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:999px;background:#7456ff;color:#fff;font-size:11px}
.yondr-first-contact-modal,.yondr-intro-requests-sheet{position:fixed;inset:0;z-index:2147483200;display:none}.yondr-first-contact-modal.open,.yondr-intro-requests-sheet.open{display:block}.yfc-backdrop,.yfc-requests-backdrop{position:absolute;inset:0;background:rgba(10,13,33,.52);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.yfc-sheet,.yfc-requests-card{position:absolute;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 20px));max-height:min(82vh,760px);border-radius:30px;background:#fff;border:1px solid rgba(116,86,255,.14);box-shadow:0 34px 100px rgba(10,13,33,.32);overflow:auto}.yfc-sheet{top:50%;transform:translate(-50%,-50%);padding:22px}.yfc-requests-card{bottom:14px;overflow:hidden;display:flex;flex-direction:column}.yfc-close,.yfc-requests-x{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;font-size:24px;background:rgba(16,20,56,.06);color:#111638;z-index:2}.yfc-sheet>span{display:inline-flex;padding:7px 12px;border-radius:999px;background:#f1edff;color:#7456ff;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.yfc-sheet h3{margin:12px 0 14px;color:#111638;font-size:26px;font-weight:950;letter-spacing:-.03em}.yfc-sheet textarea{width:100%;min-height:128px;border:1px solid rgba(93,95,147,.18);border-radius:20px;padding:14px;background:#fbfaff;color:#111638;resize:vertical;box-sizing:border-box;font-weight:650}.yfc-prompt-question{margin-bottom:12px;padding:13px;border-radius:18px;background:#f4f0ff;color:#111638;font-weight:850;line-height:1.35}.yfc-modal-note{margin:0 0 13px;color:#6f758f;font-size:14px;line-height:1.45;font-weight:650}.yfc-actions{display:flex;gap:10px;margin-top:14px}.yfc-primary,.yfc-secondary{flex:1;border:0;border-radius:999px;min-height:48px;font-weight:950}.yfc-primary{background:linear-gradient(135deg,#7456ff,#5d5f93);color:#fff}.yfc-secondary{background:#f1edff;color:#5d5f93}
.yfc-requests-head{display:flex;gap:14px;padding:22px 58px 16px 20px;border-bottom:1px solid rgba(16,20,56,.08);background:linear-gradient(135deg,rgba(116,86,255,.10),rgba(93,95,147,.07))}.yfc-requests-head>span{width:46px;height:46px;display:grid;place-items:center;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(84,75,210,.12);font-size:22px;flex:0 0 auto}.yfc-requests-head strong{display:block;color:#111638;font-size:20px;font-weight:950;letter-spacing:-.03em;line-height:1.1}.yfc-requests-head p{margin:4px 0 0;color:#70758e;font-size:13px;line-height:1.4}.yfc-requests-list{padding:12px;overflow:auto}.yondr_intro_request_item{display:flex;gap:12px;padding:13px;border-radius:22px;border:1px solid rgba(16,20,56,.08);background:#fff;box-shadow:0 12px 32px rgba(22,31,72,.06);margin-bottom:10px}.yfc-request-avatar{width:50px;height:50px;border-radius:18px;overflow:hidden;flex:0 0 auto}.yfc-request-avatar img{width:100%;height:100%;object-fit:cover;display:block}.yfc-request-body{min-width:0;flex:1}.yfc-request-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.yfc-request-top strong{font-size:14px;color:#111638;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yfc-request-top span{font-size:11px;color:#7456ff;font-weight:950;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.yfc-request-body p{margin:6px 0 9px;color:#535b78;font-size:13px;line-height:1.45}.yfc-request-gift{display:inline-flex;margin:0 0 9px;padding:7px 10px;border-radius:999px;background:#f1edff;color:#7456ff;font-size:12px;font-weight:950}.yfc-request-actions{display:flex;flex-wrap:wrap;gap:8px}.yfc-request-actions button,.yfc-request-actions a{border:0;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;text-decoration:none;line-height:1;cursor:pointer}.yfc-request-actions .interested{background:linear-gradient(135deg,#7456ff,#5d5f93);color:#fff}.yfc-request-actions .not{background:rgba(255,63,122,.10);color:#c9275d}.yfc-request-actions a{background:rgba(93,95,147,.10);color:#4b5271}.yondr_intro_requests_empty{text-align:center;padding:34px 18px;color:#757a96}.yondr_intro_requests_empty span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:22px;background:linear-gradient(135deg,rgba(117,86,255,.14),rgba(93,95,147,.10));font-size:26px}.yondr_intro_requests_empty strong{display:block;color:#101438;font-size:17px;margin-bottom:5px}.yondr_intro_requests_empty p{margin:0;font-size:13px;line-height:1.45}
@media(max-width:760px){.yondr-first-contact-options,.yondr-first-contact-grid{grid-template-columns:1fr}.yondr-first-contact-settings,.yondr-first-contact-profile{border-radius:24px;padding:15px}.yfc-sheet{top:auto;bottom:10px;transform:translateX(-50%);border-radius:28px}.yfc-requests-card{bottom:8px;width:calc(100vw - 14px);max-height:84vh;border-radius:28px}.yfc-requests-head{padding:20px 54px 14px 16px}.yfc-request-actions button,.yfc-request-actions a{flex:1 1 auto;text-align:center}}
body.dt_night_mode .yondr-first-contact-settings,body.night_mode .yondr-first-contact-settings,body.dt_night_mode .yondr-first-contact-profile,body.night_mode .yondr-first-contact-profile,body.dt_night_mode .yfc-sheet,body.night_mode .yfc-sheet,body.dt_night_mode .yfc-requests-card,body.night_mode .yfc-requests-card,body.dt_night_mode .yondr_intro_request_item,body.night_mode .yondr_intro_request_item{background:#171b35;border-color:rgba(255,255,255,.10);box-shadow:none}
body.dt_night_mode .yondr-first-contact-settings-head h3,body.night_mode .yondr-first-contact-settings-head h3,body.dt_night_mode .yondr-first-contact-profile-head h3,body.night_mode .yondr-first-contact-profile-head h3,body.dt_night_mode .yfc-copy strong,body.night_mode .yfc-copy strong,body.dt_night_mode .yondr-first-contact-card strong,body.night_mode .yondr-first-contact-card strong,body.dt_night_mode .yfc-sheet h3,body.night_mode .yfc-sheet h3,body.dt_night_mode .yfc-requests-head strong,body.night_mode .yfc-requests-head strong,body.dt_night_mode .yfc-request-top strong,body.night_mode .yfc-request-top strong,body.dt_night_mode .yondr_intro_requests_empty strong,body.night_mode .yondr_intro_requests_empty strong{color:#fff}
body.dt_night_mode .yondr-first-contact-settings-head p,body.night_mode .yondr-first-contact-settings-head p,body.dt_night_mode .yondr-first-contact-profile-head p,body.night_mode .yondr-first-contact-profile-head p,body.dt_night_mode .yfc-copy em,body.night_mode .yfc-copy em,body.dt_night_mode .yondr-first-contact-card em,body.night_mode .yondr-first-contact-card em,body.dt_night_mode .yfc-modal-note,body.night_mode .yfc-modal-note,body.dt_night_mode .yfc-requests-head p,body.night_mode .yfc-requests-head p,body.dt_night_mode .yfc-request-body p,body.night_mode .yfc-request-body p,body.dt_night_mode .yondr_intro_requests_empty,body.night_mode .yondr_intro_requests_empty{color:rgba(255,255,255,.70)}


/* YONDR STEP 26 — First Contact Gate + Chat Unlock */
.yondr-first-contact-profile.is-pending{
  border-color:rgba(255,179,71,.34);
  background:linear-gradient(135deg,rgba(255,179,71,.10),rgba(116,86,255,.05));
}
.yondr-first-contact-profile.is-closed{
  border-color:rgba(255,63,122,.22);
  background:linear-gradient(135deg,rgba(255,63,122,.08),rgba(93,95,147,.04));
}
.yondr-first-contact-profile.is-open{
  border-color:rgba(66,190,122,.26);
  background:linear-gradient(135deg,rgba(66,190,122,.08),rgba(116,86,255,.05));
}
.yondr-fc-required .profile_user_info .message_user,
.yondr-fc-required .profile_user_info .btn-message,
.yondr-fc-required .user_profile .message_user,
.yondr-fc-required .user_profile .btn-message{
  position:relative;
}
.yondr-fc-required .profile_user_info .message_user:after,
.yondr-fc-required .profile_user_info .btn-message:after,
.yondr-fc-required .user_profile .message_user:after,
.yondr-fc-required .user_profile .btn-message:after{
  content:"First Contact required";
  position:absolute;
  left:50%;
  bottom:-30px;
  transform:translateX(-50%);
  white-space:nowrap;
  padding:6px 10px;
  border-radius:999px;
  background:#111638;
  color:#fff;
  font-size:11px;
  font-weight:900;
  pointer-events:none;
  opacity:.92;
}
.yondr-first-contact-pulse{
  animation: yondrFirstContactPulse26 1.25s ease;
}
@keyframes yondrFirstContactPulse26{
  0%{box-shadow:0 0 0 0 rgba(116,86,255,.28)}
  55%{box-shadow:0 0 0 14px rgba(116,86,255,0)}
  100%{box-shadow:0 18px 48px rgba(30,39,92,.07)}
}


/* YONDR STEP 27 — Voice Intro Bridge + Intro Request Polish */
.yondr_header_intro_btn{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  min-height:40px;
  padding:7px 11px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,198,218,.20),rgba(116,86,255,.10));
  border:1px solid rgba(116,86,255,.14);
  color:#151934!important;
  font-weight:950;
  text-decoration:none!important;
  box-shadow:0 10px 26px rgba(30,39,92,.06);
}
.yondr_header_intro_btn span{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#fff;
  color:#7456ff;
  box-shadow:0 6px 14px rgba(116,86,255,.12);
  flex:0 0 auto;
}
.yondr_header_intro_btn b{
  font-size:12px;
  line-height:1;
  letter-spacing:-.02em;
}
.yondr_header_intro_btn em{
  position:absolute;
  top:-5px;
  right:-4px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:999px;
  background:#ff3f7a;
  color:#fff;
  font-size:10px;
  font-style:normal;
  font-weight:950;
  line-height:19px;
  text-align:center;
  box-shadow:0 8px 18px rgba(255,63,122,.25);
}
.yondr_header_intro_btn.has-pending{
  background:linear-gradient(135deg,rgba(255,63,122,.16),rgba(116,86,255,.14));
  border-color:rgba(255,63,122,.20);
}
.yfc-request-audio{
  display:block;
  width:100%;
  height:38px;
  margin:8px 0 10px;
}
.yondr_intro_request_item[data-id]{
  position:relative;
}
.yondr_intro_request_item:before{
  content:"";
  position:absolute;
  left:8px;
  top:18px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#7456ff;
  box-shadow:0 0 0 5px rgba(116,86,255,.10);
}
.yondr_intro_request_item .yfc-request-avatar{
  margin-left:4px;
}
@media(max-width:760px){
  .yondr_header_intro_btn{
    min-height:38px;
    padding:6px 9px;
  }
  .yondr_header_intro_btn b{
    display:none;
  }
}
body.dt_night_mode .yondr_header_intro_btn,
body.night_mode .yondr_header_intro_btn{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.10);
  color:#fff!important;
}
body.dt_night_mode .yondr_header_intro_btn span,
body.night_mode .yondr_header_intro_btn span{
  background:rgba(255,255,255,.10);
  color:#dcd7ff;
}


/* YONDR STEP 28 — Yons Wallet + Gift Intro Hold/Refund */
.yondr_header_yons_btn{position:relative;display:inline-flex!important;align-items:center;gap:7px;min-height:40px;padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,rgba(255,215,113,.18),rgba(116,86,255,.10));border:1px solid rgba(116,86,255,.14);color:#151934!important;font-weight:950;text-decoration:none!important;box-shadow:0 10px 26px rgba(30,39,92,.06)}
.yondr_header_yons_btn span{width:26px;height:26px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#b98a00;box-shadow:0 6px 14px rgba(116,86,255,.12);font-size:14px}.yondr_header_yons_btn b{font-size:12px;line-height:1;letter-spacing:-.02em}.yondr-yons-wallet-sheet{position:fixed;inset:0;z-index:2147483300;display:none}.yondr-yons-wallet-sheet.open{display:block}.yons-backdrop{position:absolute;inset:0;background:rgba(10,13,33,.52);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.yons-card{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:min(520px,calc(100vw - 20px));max-height:min(82vh,740px);overflow:auto;border-radius:30px;background:#fff;border:1px solid rgba(116,86,255,.14);box-shadow:0 34px 100px rgba(10,13,33,.32);padding:18px}.yons-x{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;font-size:24px;background:rgba(16,20,56,.06);color:#111638;z-index:2}.yons-head{display:flex;gap:14px;align-items:flex-start;padding:4px 46px 16px 2px}.yons-head>span{width:50px;height:50px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#fff7d9,#f1edff);color:#b98a00;font-size:21px;flex:0 0 auto}.yons-head strong{display:block;color:#111638;font-size:24px;line-height:1.05;font-weight:950;letter-spacing:-.03em}.yons-head p{margin:5px 0 0;color:#6f758f;font-size:13px;line-height:1.4}.yons-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.yons-balances div{border-radius:20px;background:#f7f4ff;border:1px solid rgba(116,86,255,.10);padding:14px;text-align:center}.yons-balances b{display:block;color:#111638;font-size:28px;line-height:1;font-weight:1000}.yons-balances span{display:block;margin-top:5px;color:#747a94;font-size:12px;font-weight:850}.yons-starter{width:100%;min-height:50px;margin-top:14px;border:0;border-radius:999px;background:linear-gradient(135deg,#7456ff,#5d5f93);color:#fff;font-weight:950;box-shadow:0 16px 32px rgba(116,86,255,.18)}.yons-starter:disabled{background:#d7dae6;color:#707790;box-shadow:none}.yons-note{margin:12px 0 0;padding:12px 13px;border-radius:18px;background:#fffaf0;color:#7a6220;font-size:12px;line-height:1.4;font-weight:700}.yons-transactions{margin-top:12px;border-top:1px solid rgba(16,20,56,.08);padding-top:8px}.yons-tx{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:1px solid rgba(16,20,56,.06)}.yons-tx span{color:#565e7a;font-size:13px;font-weight:750}.yons-tx b{font-size:13px;font-weight:950}.yons-tx b.pos{color:#23a365}.yons-tx b.neg{color:#c9275d}.yons-empty{text-align:center;color:#7a819a;font-size:13px;padding:16px}.yfc-yons-balance-box{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:12px;border-radius:18px;background:#fff7da;border:1px solid rgba(185,138,0,.14)}.yfc-yons-balance-box span{color:#7a6220;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.yfc-yons-balance-box b{margin-left:auto;color:#111638;font-size:20px;font-weight:1000}.yfc-yons-balance-box button{border:0;border-radius:999px;background:#111638;color:#fff;padding:8px 11px;font-size:12px;font-weight:950}.yfc-request-gift-note{display:block;margin:-3px 0 9px;color:#7a819a;font-size:11px;font-weight:700;line-height:1.3}@media(max-width:760px){.yondr_header_yons_btn{min-height:38px;padding:6px 9px}.yons-card{bottom:8px;width:calc(100vw - 14px);border-radius:28px}.yons-balances{grid-template-columns:1fr 1fr}.yons-balances div:first-child{grid-column:1/-1}}body.dt_night_mode .yondr_header_yons_btn,body.night_mode .yondr_header_yons_btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.10);color:#fff!important}body.dt_night_mode .yondr_header_yons_btn span,body.night_mode .yondr_header_yons_btn span{background:rgba(255,255,255,.10);color:#ffe29b}body.dt_night_mode .yons-card,body.night_mode .yons-card{background:#171b35;border-color:rgba(255,255,255,.10);box-shadow:none}body.dt_night_mode .yons-head strong,body.night_mode .yons-head strong,body.dt_night_mode .yons-balances b,body.night_mode .yons-balances b{color:#fff}body.dt_night_mode .yons-head p,body.night_mode .yons-head p,body.dt_night_mode .yons-balances span,body.night_mode .yons-balances span,body.dt_night_mode .yons-tx span,body.night_mode .yons-tx span{color:rgba(255,255,255,.70)}body.dt_night_mode .yons-balances div,body.night_mode .yons-balances div,body.dt_night_mode .yfc-yons-balance-box,body.night_mode .yfc-yons-balance-box{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10)}


/* YONDR STEP 29 — Profile UI + Settings Polish */
.yondr-step29-settings{
  position:relative;
  overflow:hidden;
  padding:22px!important;
}
.yondr-step29-settings:before{
  content:"";
  position:absolute;
  right:-70px;
  top:-90px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(116,86,255,.16),rgba(116,86,255,0) 65%);
  pointer-events:none;
}
.yondr-fc-studio-summary{
  position:relative;
  z-index:1;
  display:flex;
  gap:14px;
  align-items:stretch;
  margin:16px 0;
  padding:14px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(116,86,255,.12);
  box-shadow:0 14px 34px rgba(24,31,70,.055);
}
.yondr-fc-studio-meter{
  width:118px;
  border-radius:20px;
  background:linear-gradient(135deg,#7456ff,#5d5f93);
  color:#fff;
  display:grid;
  place-items:center;
  text-align:center;
  padding:12px;
  flex:0 0 auto;
}
.yondr-fc-studio-meter b{
  display:block;
  font-size:36px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.06em;
}
.yondr-fc-studio-meter span{
  display:block;
  margin-top:4px;
  font-size:11px;
  line-height:1.15;
  font-weight:850;
  opacity:.82;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.yondr-fc-studio-copy{
  min-width:0;
  flex:1;
  padding:4px 2px;
}
.yondr-fc-studio-copy strong{
  display:block;
  color:#111638;
  font-size:18px;
  line-height:1.15;
  font-weight:950;
  letter-spacing:-.03em;
}
.yondr-fc-studio-copy p{
  margin:5px 0 10px;
  color:#69708b;
  font-size:13px;
  line-height:1.35;
  font-weight:650;
}
.yondr-fc-studio-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.yondr-fc-studio-chips span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border-radius:999px;
  background:#f2efff;
  color:#4d3dcb;
  font-size:12px;
  font-weight:900;
}
.yondr-fc-studio-chips i{
  font-style:normal;
}
.yondr-fc-studio-tip{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin:0 0 14px;
  padding:13px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,198,218,.18),rgba(116,86,255,.07));
  border:1px solid rgba(116,86,255,.10);
}
.yondr-fc-studio-tip span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#fff;
  flex:0 0 auto;
}
.yondr-fc-studio-tip p{
  margin:0;
  color:#626983;
  font-size:13px;
  line-height:1.4;
  font-weight:650;
}
.yondr-fc-studio-tip strong{
  color:#111638;
}
.yondr-step29-settings .yondr-first-contact-options{
  gap:14px;
}
.yondr-step29-settings .yondr-first-contact-toggle{
  min-height:104px;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.yondr-step29-settings .yondr-first-contact-toggle.is-enabled{
  border-color:rgba(116,86,255,.34);
  background:linear-gradient(135deg,#fff,#fbfaff);
  box-shadow:0 18px 40px rgba(116,86,255,.10);
}
.yondr-step29-settings .yondr-first-contact-toggle:hover{
  transform:translateY(-1px);
}
.yondr-step29-yons-note{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-top:12px;
  padding:12px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,198,218,.18),rgba(116,86,255,.07));
  border:1px solid rgba(116,86,255,.10);
}
.yondr-step29-yons-note>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#fff;
  flex:0 0 auto;
}
.yondr-step29-yons-note p{
  margin:0;
  flex:1;
  color:#626983;
  font-size:12px;
  line-height:1.35;
  font-weight:650;
}
.yondr-step29-yons-note strong{
  color:#111638;
}
.yondr-step29-yons-note button{
  border:0;
  border-radius:999px;
  background:#7456ff;
  color:#fff;
  font-size:12px;
  font-weight:900;
  padding:8px 12px;
  white-space:nowrap;
}
.yondr-step29-profile{
  position:relative;
  overflow:hidden;
}
.yondr-step29-profile .yondr-first-contact-profile-head h3{
  font-size:25px;
  max-width:560px;
}
.yondr-fc-profile-explainer{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:15px 0 14px;
}
.yondr-fc-profile-explainer>div{
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(116,86,255,.10);
  padding:13px;
  box-shadow:0 10px 26px rgba(24,31,70,.045);
}
.yondr-fc-profile-explainer span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#7456ff;
  color:#fff;
  font-weight:950;
  font-size:13px;
  margin-bottom:8px;
}
.yondr-fc-profile-explainer strong{
  display:block;
  color:#111638;
  font-size:13px;
  font-weight:950;
  line-height:1.15;
}
.yondr-fc-profile-explainer p{
  margin:4px 0 0;
  color:#70778f;
  font-size:12px;
  line-height:1.3;
  font-weight:650;
}
.yondr-fc-profile-status{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin:0 0 14px;
  padding:13px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(116,86,255,.10),rgba(255,198,218,.12));
  border:1px solid rgba(116,86,255,.10);
}
.yondr-fc-profile-status span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#fff;
  flex:0 0 auto;
}
.yondr-fc-profile-status p{
  margin:0;
  color:#636a84;
  font-size:13px;
  line-height:1.4;
  font-weight:650;
}
.yondr-fc-profile-status strong{
  color:#111638;
}
.yondr-step29-profile .yondr-first-contact-grid{
  gap:14px;
}
.yondr-step29-profile .yondr-first-contact-card{
  min-height:112px;
  padding-right:44px;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.yondr-step29-profile .yondr-first-contact-card:hover,
.yondr-step29-profile .yondr-first-contact-card.is-selected{
  transform:translateY(-2px);
  border-color:rgba(116,86,255,.30);
  box-shadow:0 18px 42px rgba(116,86,255,.12);
}
.yfc-card-arrow{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#f2efff;
  color:#7456ff;
  font-style:normal;
  font-weight:950;
}
.yondr-step29-composer .yfc-sheet{
  border-radius:34px;
}
.yondr-step29-composer-note{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:13px;
  margin:-2px 0 14px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(116,86,255,.10),rgba(255,198,218,.10));
  border:1px solid rgba(116,86,255,.10);
}
.yondr-step29-composer-note span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#fff;
  flex:0 0 auto;
}
.yondr-step29-composer-note p{
  margin:0;
  color:#626983;
  font-size:13px;
  line-height:1.4;
  font-weight:650;
}
.yondr-step29-composer-note strong{
  color:#111638;
}
.yondr-step29-request-guide{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  background:#fbfaff;
  border-bottom:1px solid rgba(116,86,255,.10);
}
.yondr-step29-request-guide span{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  background:#f1edff;
  color:#7456ff;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.yondr-step29-request-guide p{
  margin:0;
  color:#66708c;
  font-size:12px;
  line-height:1.35;
  font-weight:650;
}
.yondr-step29-request-guide strong{
  color:#111638;
}
.yondr-step29-request-label{
  position:absolute;
  right:12px;
  top:12px;
  padding:5px 9px;
  border-radius:999px;
  background:#f1edff;
  color:#7456ff;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.yondr-step29-requests .yondr_intro_request_item{
  padding-top:34px;
}
@media(max-width:760px){
  .yondr-step29-settings{
    padding:16px!important;
    border-radius:24px;
  }
  .yondr-fc-studio-summary{
    flex-direction:column;
    border-radius:22px;
  }
  .yondr-fc-studio-meter{
    width:auto;
    min-height:88px;
  }
  .yondr-fc-profile-explainer{
    grid-template-columns:1fr;
  }
  .yondr-step29-profile .yondr-first-contact-card{
    min-height:98px;
  }
  .yondr-step29-yons-note{
    flex-direction:column;
  }
  .yondr-step29-yons-note button{
    width:100%;
  }
  .yondr-step29-request-guide{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }
}
body.dt_night_mode .yondr-fc-studio-summary,
body.night_mode .yondr-fc-studio-summary,
body.dt_night_mode .yondr-fc-profile-explainer>div,
body.night_mode .yondr-fc-profile-explainer>div,
body.dt_night_mode .yondr-fc-profile-status,
body.night_mode .yondr-fc-profile-status,
body.dt_night_mode .yondr-step29-composer-note,
body.night_mode .yondr-step29-composer-note,
body.dt_night_mode .yondr-step29-request-guide,
body.night_mode .yondr-step29-request-guide,
body.dt_night_mode .yondr-step29-yons-note,
body.night_mode .yondr-step29-yons-note{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
  box-shadow:none;
}
body.dt_night_mode .yondr-fc-studio-copy strong,
body.night_mode .yondr-fc-studio-copy strong,
body.dt_night_mode .yondr-fc-studio-tip strong,
body.night_mode .yondr-fc-studio-tip strong,
body.dt_night_mode .yondr-step29-yons-note strong,
body.night_mode .yondr-step29-yons-note strong,
body.dt_night_mode .yondr-fc-profile-explainer strong,
body.night_mode .yondr-fc-profile-explainer strong,
body.dt_night_mode .yondr-fc-profile-status strong,
body.night_mode .yondr-fc-profile-status strong,
body.dt_night_mode .yondr-step29-composer-note strong,
body.night_mode .yondr-step29-composer-note strong,
body.dt_night_mode .yondr-step29-request-guide strong,
body.night_mode .yondr-step29-request-guide strong{
  color:#fff;
}
body.dt_night_mode .yondr-fc-studio-copy p,
body.night_mode .yondr-fc-studio-copy p,
body.dt_night_mode .yondr-fc-studio-tip p,
body.night_mode .yondr-fc-studio-tip p,
body.dt_night_mode .yondr-step29-yons-note p,
body.night_mode .yondr-step29-yons-note p,
body.dt_night_mode .yondr-fc-profile-explainer p,
body.night_mode .yondr-fc-profile-explainer p,
body.dt_night_mode .yondr-fc-profile-status p,
body.night_mode .yondr-fc-profile-status p,
body.dt_night_mode .yondr-step29-composer-note p,
body.night_mode .yondr-step29-composer-note p,
body.dt_night_mode .yondr-step29-request-guide p,
body.night_mode .yondr-step29-request-guide p{
  color:rgba(255,255,255,.70);
}


/* YONDR STEP 30 — Gift Catalog + Yons Presentation */
.yondr-gift-intro-hero30{display:flex;justify-content:space-between;gap:14px;align-items:stretch;margin:-2px 0 14px;padding:14px;border-radius:24px;background:linear-gradient(135deg,rgba(255,198,218,.22),rgba(116,86,255,.09));border:1px solid rgba(116,86,255,.12)}
.yondr-gift-intro-hero30>div{display:flex;gap:12px;align-items:flex-start;min-width:0}.yondr-gift-intro-hero30 span{width:44px;height:44px;display:grid;place-items:center;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(116,86,255,.12);font-size:22px;flex:0 0 auto}.yondr-gift-intro-hero30 strong{display:block;color:#111638;font-size:18px;font-weight:950;letter-spacing:-.03em;line-height:1.1}.yondr-gift-intro-hero30 p{margin:4px 0 0;color:#68708a;font-size:13px;line-height:1.35;font-weight:650}.yondr-gift-intro-hero30 button{border:0;border-radius:999px;padding:0 14px;min-height:44px;align-self:center;background:#111638;color:#fff;font-weight:950;white-space:nowrap;box-shadow:0 12px 28px rgba(17,22,56,.16)}
.yondr-gift-catalog30{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:13px 0}.yondr-gift-card30{position:relative;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;min-height:92px;padding:27px 13px 13px;border:1px solid rgba(116,86,255,.12);border-radius:22px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 12px 30px rgba(24,31,70,.05);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.yondr-gift-card30:hover,.yondr-gift-card30.selected{transform:translateY(-1px);border-color:rgba(116,86,255,.36);box-shadow:0 18px 42px rgba(116,86,255,.12)}.yondr-gift-card30.insufficient{opacity:.62}.yondr-gift-card30 .gift-emoji{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:#f4f0ff;font-size:21px}.yondr-gift-card30 .gift-main{min-width:0}.yondr-gift-card30 strong{display:block;color:#111638;font-size:14px;font-weight:950;line-height:1.1}.yondr-gift-card30 em{display:block;margin-top:4px;color:#70778f;font-size:12px;line-height:1.25;font-style:normal;font-weight:650}.yondr-gift-card30 .gift-price{min-width:50px;min-height:52px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#7456ff,#5d5f93);color:#fff;text-align:center}.yondr-gift-card30 .gift-price b{display:block;font-size:18px;line-height:1;font-weight:1000}.yondr-gift-card30 .gift-price small{display:block;margin-top:2px;font-size:10px;line-height:1;font-weight:900;opacity:.84}.yondr-gift-card30>i{position:absolute;left:12px;top:9px;padding:4px 8px;border-radius:999px;background:#f1edff;color:#7456ff;font-size:9px;font-style:normal;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.yondr-gift-card30>u{position:absolute;right:12px;bottom:8px;color:#c9275d;font-size:10px;font-weight:950;text-decoration:none}
.yondr-gift-preview30{display:flex;align-items:center;gap:12px;padding:13px;margin:0 0 12px;border-radius:20px;background:linear-gradient(135deg,rgba(116,86,255,.10),rgba(255,198,218,.12));border:1px solid rgba(116,86,255,.10)}.yondr-gift-preview30>span{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:#fff;font-size:22px;flex:0 0 auto}.yondr-gift-preview30>div{min-width:0;flex:1}.yondr-gift-preview30 strong{display:block;color:#111638;font-size:14px;font-weight:950}.yondr-gift-preview30 p{margin:3px 0 0;color:#6a728b;font-size:12px;line-height:1.3;font-weight:650}.yondr-gift-preview30>b{flex:0 0 auto;padding:8px 10px;border-radius:999px;font-size:11px;font-weight:950}.yondr-gift-preview30>b.ok{background:rgba(66,190,122,.13);color:#1d8f55}.yondr-gift-preview30>b.low{background:rgba(255,63,122,.12);color:#c9275d}.yfc-primary.disabled,.yfc-primary:disabled{opacity:.55!important;cursor:not-allowed!important;filter:grayscale(.25)}
.yondr-wallet30 .yons-head{padding-bottom:12px}.yondr-wallet-explain30{display:flex;align-items:flex-start;gap:12px;margin:0 16px 14px;padding:13px;border-radius:20px;background:linear-gradient(135deg,rgba(116,86,255,.10),rgba(255,198,218,.12));border:1px solid rgba(116,86,255,.10)}.yondr-wallet-explain30 span{width:36px;height:36px;display:grid;place-items:center;border-radius:14px;background:#fff;flex:0 0 auto}.yondr-wallet-explain30 p{margin:0;color:#656d87;font-size:12px;line-height:1.35;font-weight:650}.yondr-wallet-explain30 strong{color:#111638}.yondr-wallet-catalog30{margin:0 16px 14px;padding:14px;border-radius:22px;background:#fff;border:1px solid rgba(116,86,255,.10);box-shadow:0 12px 30px rgba(24,31,70,.045)}.wallet-catalog-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.wallet-catalog-head strong{color:#111638;font-size:14px;font-weight:950}.wallet-catalog-head span{color:#737991;font-size:11px;font-weight:850}.wallet-catalog-scroll{display:flex;gap:9px;overflow-x:auto;padding-bottom:3px;-webkit-overflow-scrolling:touch}.wallet-gift30{min-width:118px;border-radius:18px;background:#fbfaff;border:1px solid rgba(116,86,255,.09);padding:12px;text-align:center}.wallet-gift30 span{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 7px;border-radius:15px;background:#f1edff;font-size:20px}.wallet-gift30 strong{display:block;color:#111638;font-size:12px;line-height:1.15;font-weight:950}.wallet-gift30 em{display:block;margin-top:5px;color:#7456ff;font-size:11px;font-style:normal;font-weight:950}
@media(max-width:760px){.yondr-gift-intro-hero30{flex-direction:column;border-radius:22px}.yondr-gift-intro-hero30 button{width:100%}.yondr-gift-catalog30{grid-template-columns:1fr}.yondr-gift-card30{min-height:86px}}
body.dt_night_mode .yondr-gift-intro-hero30,body.night_mode .yondr-gift-intro-hero30,body.dt_night_mode .yondr-gift-card30,body.night_mode .yondr-gift-card30,body.dt_night_mode .yondr-gift-preview30,body.night_mode .yondr-gift-preview30,body.dt_night_mode .yondr-wallet-explain30,body.night_mode .yondr-wallet-explain30,body.dt_night_mode .yondr-wallet-catalog30,body.night_mode .yondr-wallet-catalog30,body.dt_night_mode .wallet-gift30,body.night_mode .wallet-gift30{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10);box-shadow:none}
body.dt_night_mode .yondr-gift-intro-hero30 strong,body.night_mode .yondr-gift-intro-hero30 strong,body.dt_night_mode .yondr-gift-card30 strong,body.night_mode .yondr-gift-card30 strong,body.dt_night_mode .yondr-gift-preview30 strong,body.night_mode .yondr-gift-preview30 strong,body.dt_night_mode .yondr-wallet-explain30 strong,body.night_mode .yondr-wallet-explain30 strong,body.dt_night_mode .wallet-catalog-head strong,body.night_mode .wallet-catalog-head strong,body.dt_night_mode .wallet-gift30 strong,body.night_mode .wallet-gift30 strong{color:#fff}
body.dt_night_mode .yondr-gift-intro-hero30 p,body.night_mode .yondr-gift-intro-hero30 p,body.dt_night_mode .yondr-gift-card30 em,body.night_mode .yondr-gift-card30 em,body.dt_night_mode .yondr-gift-preview30 p,body.night_mode .yondr-gift-preview30 p,body.dt_night_mode .yondr-wallet-explain30 p,body.night_mode .yondr-wallet-explain30 p,body.dt_night_mode .wallet-catalog-head span,body.night_mode .wallet-catalog-head span{color:rgba(255,255,255,.70)}


/* YONDR STEP 31 — Admin Gift Catalog Control */
.yons-admin-gifts{margin:0 16px 14px;width:calc(100% - 32px);min-height:48px;border:0;border-radius:999px;background:linear-gradient(135deg,#111638,#5d5f93);color:#fff;font-weight:950;box-shadow:0 14px 32px rgba(17,22,56,.18)}
.yondr_header_admin_gifts_btn{display:inline-grid!important;place-items:center;width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,rgba(255,198,218,.24),rgba(116,86,255,.14));border:1px solid rgba(116,86,255,.16);text-decoration:none!important;box-shadow:0 10px 26px rgba(30,39,92,.06)}
.yondr_header_admin_gifts_btn span{font-size:18px}.yondr-admin-gift-sheet{position:fixed;inset:0;z-index:2147483400;display:none}.yondr-admin-gift-sheet.open{display:block}.admin-gift-backdrop{position:absolute;inset:0;background:rgba(10,13,33,.54);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.admin-gift-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(940px,calc(100vw - 20px));max-height:min(88vh,860px);overflow:auto;border-radius:32px;background:#fff;border:1px solid rgba(116,86,255,.14);box-shadow:0 34px 100px rgba(10,13,33,.34)}.admin-gift-x{position:sticky;float:right;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;font-size:25px;background:rgba(16,20,56,.07);color:#111638;z-index:4}.admin-gift-head{display:flex;gap:14px;align-items:center;padding:22px 62px 16px 22px;background:linear-gradient(135deg,rgba(116,86,255,.12),rgba(255,198,218,.16));border-bottom:1px solid rgba(116,86,255,.10)}.admin-gift-head>span{width:50px;height:50px;display:grid;place-items:center;border-radius:20px;background:#fff;font-size:24px;box-shadow:0 12px 30px rgba(116,86,255,.10)}.admin-gift-head strong{display:block;color:#111638;font-size:24px;line-height:1.1;font-weight:950;letter-spacing:-.04em}.admin-gift-head p{margin:5px 0 0;color:#67708b;font-size:13px;line-height:1.35;font-weight:650}.admin-gift-note{display:flex;gap:12px;align-items:flex-start;margin:16px 18px 10px;padding:13px;border-radius:20px;background:#fbfaff;border:1px solid rgba(116,86,255,.10)}.admin-gift-note span{width:36px;height:36px;display:grid;place-items:center;border-radius:14px;background:#f1edff;flex:0 0 auto}.admin-gift-note p{margin:0;color:#65708a;font-size:13px;line-height:1.4;font-weight:650}.admin-gift-list{display:grid;gap:12px;padding:10px 18px 18px}.yons-admin-gift-row{position:relative;display:grid;grid-template-columns:150px 1fr 120px;gap:14px;align-items:center;padding:14px;border-radius:24px;background:#fff;border:1px solid rgba(116,86,255,.12);box-shadow:0 12px 30px rgba(24,31,70,.05)}.yons-admin-gift-row.inactive{opacity:.62}.gift-admin-preview{min-height:126px;border-radius:20px;background:linear-gradient(135deg,rgba(116,86,255,.10),rgba(255,198,218,.14));display:grid;place-items:center;text-align:center;padding:12px}.gift-admin-preview span{font-size:32px}.gift-admin-preview strong{display:block;margin-top:6px;color:#111638;font-size:14px;font-weight:950;line-height:1.15}.gift-admin-preview em{display:block;margin-top:5px;color:#7456ff;font-size:12px;font-style:normal;font-weight:950}.gift-admin-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gift-admin-fields label{display:block;color:#5f6680;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.gift-admin-fields input{width:100%;min-height:42px;margin-top:5px;border:1px solid rgba(93,95,147,.18)!important;border-radius:14px!important;background:#fbfaff!important;color:#111638!important;padding:0 10px!important;box-sizing:border-box!important;font-size:13px!important;font-weight:700!important}.gift-admin-wide{grid-column:span 2}.gift-admin-active{display:flex!important;align-items:center;gap:8px;margin-top:22px;text-transform:none!important;letter-spacing:0!important;font-size:13px!important}.gift-admin-active input{width:auto!important;min-height:auto!important;margin:0!important}.gift-admin-actions{display:grid;gap:8px}.gift-admin-actions button{border:0;border-radius:999px;min-height:40px;font-size:12px;font-weight:950}.gift-admin-actions .js-yons-admin-save{background:linear-gradient(135deg,#7456ff,#5d5f93);color:#fff}.gift-admin-actions .js-yons-admin-deactivate{background:rgba(255,63,122,.10);color:#c9275d}.admin-gift-add{margin:0 18px 20px;width:calc(100% - 36px);min-height:50px;border:1px dashed rgba(116,86,255,.35);border-radius:20px;background:#fbfaff;color:#7456ff;font-weight:950}
@media(max-width:860px){.admin-gift-card{top:auto;bottom:8px;transform:translateX(-50%);max-height:88vh;border-radius:28px}.yons-admin-gift-row{grid-template-columns:1fr}.gift-admin-preview{min-height:92px}.gift-admin-fields{grid-template-columns:1fr 1fr}.gift-admin-wide{grid-column:span 2}.gift-admin-actions{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.gift-admin-fields{grid-template-columns:1fr}.gift-admin-wide{grid-column:span 1}.gift-admin-actions{grid-template-columns:1fr}}
body.dt_night_mode .admin-gift-card,body.night_mode .admin-gift-card,body.dt_night_mode .yons-admin-gift-row,body.night_mode .yons-admin-gift-row,body.dt_night_mode .admin-gift-note,body.night_mode .admin-gift-note{background:#171b35;border-color:rgba(255,255,255,.10);box-shadow:none}body.dt_night_mode .admin-gift-head strong,body.night_mode .admin-gift-head strong,body.dt_night_mode .gift-admin-preview strong,body.night_mode .gift-admin-preview strong{color:#fff}body.dt_night_mode .admin-gift-head p,body.night_mode .admin-gift-head p,body.dt_night_mode .admin-gift-note p,body.night_mode .admin-gift-note p{color:rgba(255,255,255,.70)}


/* YONDR STEP 32 — First Contact Safety + Spam Limits */
.yondr-fc-limits32{margin:14px 0;padding:14px;border-radius:22px;background:linear-gradient(135deg,rgba(66,190,122,.10),rgba(116,86,255,.07));border:1px solid rgba(66,190,122,.16);box-shadow:0 12px 30px rgba(24,31,70,.045)}
.yfc-limits-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:12px}.yfc-limits-head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(66,190,122,.12);flex:0 0 auto}.yfc-limits-head strong{display:block;color:#111638;font-size:15px;line-height:1.15;font-weight:950}.yfc-limits-head p{margin:3px 0 0;color:#69708b;font-size:12px;line-height:1.35;font-weight:650}
.yfc-limit-row{display:grid;grid-template-columns:84px 46px 1fr;align-items:center;gap:10px;margin:8px 0}.yfc-limit-row span{color:#4f5872;font-size:12px;font-weight:850}.yfc-limit-row b{color:#111638;font-size:12px;font-weight:950;text-align:right}.yfc-limit-row i{display:block;height:8px;border-radius:999px;background:rgba(17,22,56,.08);overflow:hidden}.yfc-limit-row i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,#42be7a,#7456ff)}
.yondr-fc-profile-limit-note32{display:flex;align-items:flex-start;gap:10px;margin:12px 0;padding:12px;border-radius:20px;background:rgba(66,190,122,.10);border:1px solid rgba(66,190,122,.14)}
.yondr-fc-profile-limit-note32 span{width:34px;height:34px;display:grid;place-items:center;border-radius:14px;background:#fff;flex:0 0 auto}.yondr-fc-profile-limit-note32 p{margin:0;color:#5f687f;font-size:12px;line-height:1.35;font-weight:700}
.yfc-request-actions button.safety{background:rgba(17,22,56,.06);color:#4e5872}.yfc-request-actions button.safety.danger{background:rgba(255,63,122,.10);color:#c9275d}.yfc-request-actions button.safety:hover{filter:brightness(.96)}
@media(max-width:760px){.yfc-limit-row{grid-template-columns:76px 42px 1fr;gap:8px}.yfc-request-actions button.safety{flex:1 1 45%}}
body.dt_night_mode .yondr-fc-limits32,body.night_mode .yondr-fc-limits32,body.dt_night_mode .yondr-fc-profile-limit-note32,body.night_mode .yondr-fc-profile-limit-note32{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10);box-shadow:none}
body.dt_night_mode .yfc-limits-head strong,body.night_mode .yfc-limits-head strong,body.dt_night_mode .yfc-limit-row b,body.night_mode .yfc-limit-row b{color:#fff}
body.dt_night_mode .yfc-limits-head p,body.night_mode .yfc-limits-head p,body.dt_night_mode .yfc-limit-row span,body.night_mode .yfc-limit-row span,body.dt_night_mode .yondr-fc-profile-limit-note32 p,body.night_mode .yondr-fc-profile-limit-note32 p{color:rgba(255,255,255,.70)}
body.dt_night_mode .yfc-limit-row i,body.night_mode .yfc-limit-row i{background:rgba(255,255,255,.10)}


/* YONDR STEP 33 — Admin Editable First Contact Limits */
.yfc-admin-limits-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  min-height:48px;
  margin:10px 0 14px;
  border:1px solid rgba(66,190,122,.20);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(66,190,122,.12),rgba(116,86,255,.08));
  color:#18203f;
  font-weight:950;
}
.yfc-admin-limits-btn span{font-size:17px}.yfc-admin-limits-btn b{font-size:13px}
.yondr_header_admin_limits_btn{
  display:inline-grid!important;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:999px;
  margin-left:6px;
  background:linear-gradient(135deg,rgba(66,190,122,.15),rgba(116,86,255,.10));
  border:1px solid rgba(66,190,122,.18);
  color:#151934!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(24,31,70,.06);
}
.yondr_header_admin_limits_btn span{font-size:17px}
.yondr-admin-limits-sheet{position:fixed;inset:0;z-index:2147483400;display:none}.yondr-admin-limits-sheet.open{display:block}
.yfc-admin-limits-backdrop{position:absolute;inset:0;background:rgba(10,13,33,.54);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.yfc-admin-limits-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 22px));max-height:calc(100dvh - 30px);overflow:auto;border-radius:30px;background:#fff;border:1px solid rgba(66,190,122,.16);box-shadow:0 34px 100px rgba(10,13,33,.34)}
.yfc-admin-limits-x{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;font-size:24px;background:rgba(16,20,56,.06);color:#111638;z-index:2}
.yfc-admin-limits-head{display:flex;gap:14px;padding:22px 58px 16px 20px;background:linear-gradient(135deg,rgba(66,190,122,.12),rgba(116,86,255,.08));border-bottom:1px solid rgba(16,20,56,.08)}
.yfc-admin-limits-head>span{width:46px;height:46px;display:grid;place-items:center;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(66,190,122,.12);font-size:22px;flex:0 0 auto}
.yfc-admin-limits-head strong{display:block;color:#111638;font-size:20px;font-weight:950;letter-spacing:-.03em;line-height:1.1}.yfc-admin-limits-head p{margin:4px 0 0;color:#68708a;font-size:13px;line-height:1.35;font-weight:650}
.yfc-admin-limits-note{margin:14px 16px 0;padding:13px;border-radius:20px;background:rgba(66,190,122,.09);border:1px solid rgba(66,190,122,.14)}
.yfc-admin-limits-note strong{display:block;color:#111638;font-size:13px;font-weight:950}.yfc-admin-limits-note p{margin:4px 0 0;color:#67708a;font-size:12px;line-height:1.35;font-weight:650}
.yfc-admin-limits-grid{display:grid;gap:11px;padding:16px}.yfc-admin-limit-field{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center;padding:13px;border-radius:20px;background:#fbfaff;border:1px solid rgba(116,86,255,.10)}
.yfc-admin-limit-field span strong{display:block;color:#111638;font-size:14px;font-weight:950}.yfc-admin-limit-field span em{display:block;margin-top:4px;color:#70778f;font-size:12px;line-height:1.25;font-style:normal;font-weight:650}
.yfc-admin-limit-field input{width:100%;height:44px;border-radius:16px!important;border:1px solid rgba(93,95,147,.16)!important;background:#fff!important;color:#111638!important;font-weight:950;text-align:center;box-sizing:border-box!important}
.yfc-admin-limits-actions{display:flex;gap:10px;padding:0 16px 18px}.yfc-admin-limits-actions button{flex:1;border:0;border-radius:999px;min-height:48px;font-weight:950}.yfc-admin-limits-reset{background:#f1edff;color:#5d5f93}.yfc-admin-limits-save{background:linear-gradient(135deg,#42be7a,#7456ff);color:#fff;box-shadow:0 16px 34px rgba(66,190,122,.16)}
@media(max-width:760px){.yfc-admin-limits-card{top:auto;bottom:8px;transform:translateX(-50%);border-radius:28px}.yfc-admin-limit-field{grid-template-columns:1fr}.yfc-admin-limits-actions{flex-direction:column}.yondr_header_admin_limits_btn{width:36px;height:36px}}
body.dt_night_mode .yfc-admin-limits-btn,body.night_mode .yfc-admin-limits-btn,body.dt_night_mode .yondr_header_admin_limits_btn,body.night_mode .yondr_header_admin_limits_btn,body.dt_night_mode .yfc-admin-limits-card,body.night_mode .yfc-admin-limits-card,body.dt_night_mode .yfc-admin-limits-note,body.night_mode .yfc-admin-limits-note,body.dt_night_mode .yfc-admin-limit-field,body.night_mode .yfc-admin-limit-field{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10);box-shadow:none;color:#fff!important}
body.dt_night_mode .yfc-admin-limits-head,body.night_mode .yfc-admin-limits-head{background:linear-gradient(135deg,rgba(66,190,122,.16),rgba(116,86,255,.10));border-bottom-color:rgba(255,255,255,.10)}
body.dt_night_mode .yfc-admin-limits-head strong,body.night_mode .yfc-admin-limits-head strong,body.dt_night_mode .yfc-admin-limits-note strong,body.night_mode .yfc-admin-limits-note strong,body.dt_night_mode .yfc-admin-limit-field span strong,body.night_mode .yfc-admin-limit-field span strong{color:#fff}
body.dt_night_mode .yfc-admin-limits-head p,body.night_mode .yfc-admin-limits-head p,body.dt_night_mode .yfc-admin-limits-note p,body.night_mode .yfc-admin-limits-note p,body.dt_night_mode .yfc-admin-limit-field span em,body.night_mode .yfc-admin-limit-field span em{color:rgba(255,255,255,.70)}


/* YONDR STEP 33A — Visible Admin Limits Entry */
.yondr-admin-limits-fab33a{
  position:fixed;
  right:18px;
  bottom:92px;
  z-index:99999;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:10px 14px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#111638,#7456ff);
  color:#fff;
  box-shadow:0 18px 44px rgba(17,22,56,.24);
  cursor:pointer;
  font-weight:950;
}
.yondr-admin-limits-fab33a span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:rgba(255,255,255,.14);
}
.yondr-admin-limits-fab33a b{
  font-size:12px;
  letter-spacing:-.02em;
}
.yondr-admin-tools-panel33a{
  margin:16px auto;
  padding:16px;
  max-width:1040px;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(17,22,56,.96),rgba(116,86,255,.92));
  color:#fff;
  box-shadow:0 22px 60px rgba(17,22,56,.18);
}
.yondr-admin-tools-panel33a .yat-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:12px;
}
.yondr-admin-tools-panel33a .yat-head>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(255,255,255,.12);
  flex:0 0 auto;
}
.yondr-admin-tools-panel33a strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.03em;
}
.yondr-admin-tools-panel33a p{
  margin:4px 0 0;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.35;
  font-weight:650;
}
.yondr-admin-tools-panel33a .yat-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.yondr-admin-tools-panel33a .yat-actions button{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:center;
  text-align:left;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(255,255,255,.10);
  color:#fff;
  padding:13px;
  cursor:pointer;
}
.yondr-admin-tools-panel33a .yat-actions button>span{
  grid-row:span 2;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:rgba(255,255,255,.12);
}
.yondr-admin-tools-panel33a .yat-actions b{
  font-size:13px;
  font-weight:950;
}
.yondr-admin-tools-panel33a .yat-actions em{
  color:rgba(255,255,255,.70);
  font-size:11px;
  line-height:1.25;
  font-style:normal;
  font-weight:650;
}
.yondr-admin-cp-limits-card33a{
  margin:16px;
  padding:16px;
  border-radius:24px;
  background:linear-gradient(135deg,#111638,#7456ff);
  color:#fff;
  box-shadow:0 18px 44px rgba(17,22,56,.18);
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
}
.yondr-admin-cp-limits-card33a>div{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.yondr-admin-cp-limits-card33a span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(255,255,255,.12);
  flex:0 0 auto;
}
.yondr-admin-cp-limits-card33a strong{
  display:block;
  color:#fff;
  font-size:18px;
  font-weight:950;
}
.yondr-admin-cp-limits-card33a p{
  margin:3px 0 0;
  color:rgba(255,255,255,.72);
  font-size:13px;
  font-weight:650;
}
.yondr-admin-cp-limits-card33a button{
  border:0;
  border-radius:999px;
  background:#fff;
  color:#111638;
  padding:10px 15px;
  font-weight:950;
  white-space:nowrap;
}
.yfc-admin-limits-nav{
  font-weight:800!important;
}
@media(max-width:760px){
  .yondr-admin-limits-fab33a{
    right:12px;
    bottom:82px;
    min-height:44px;
    padding:8px 10px;
  }
  .yondr-admin-limits-fab33a b{
    display:none;
  }
  .yondr-admin-tools-panel33a{
    margin:12px;
    border-radius:22px;
  }
  .yondr-admin-tools-panel33a .yat-actions{
    grid-template-columns:1fr;
  }
  .yondr-admin-cp-limits-card33a{
    align-items:stretch;
    flex-direction:column;
    margin:12px;
  }
  .yondr-admin-cp-limits-card33a button{
    width:100%;
  }
}


/* YONDR STEP 33B — Real Link Admin Limits Fix */
.yfc-admin-limits-nav,
[data-yonder-limits-link="1"],
.yondr-admin-limits-fab33a{
  cursor:pointer!important;
}


/* YONDR STEP 33C — Native Admin Portal Location */
body .yondr-admin-limits-fab33a,
body .yondr-admin-tools-panel33a,
body .yondr-admin-cp-limits-card33a{
  display:none!important;
}


/* YONDR STEP 35 — Upgrade Prompt */
.yondr-upgrade-prompt35{position:fixed;inset:0;z-index:100000;display:none}
.yondr-upgrade-prompt35.open{display:block}
.yup35-backdrop{position:absolute;inset:0;background:rgba(8,10,24,.56);backdrop-filter:blur(5px)}
.yup35-card{position:relative;width:min(420px,calc(100vw - 32px));margin:12vh auto 0;padding:24px;border-radius:28px;background:#fff;color:#14172e;box-shadow:0 30px 100px rgba(0,0,0,.30);text-align:center}
.yup35-x{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(20,23,46,.08);font-size:22px;line-height:1;color:inherit}
.yup35-icon{width:64px;height:64px;margin:0 auto 14px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,rgba(116,86,255,.14),rgba(255,194,85,.22));font-size:30px}
.yup35-card h3{margin:0 0 8px;font-size:24px;font-weight:950;letter-spacing:-.04em}
.yup35-card p{margin:0;color:#626a80;font-size:14px;line-height:1.45;font-weight:650}
.yup35-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.yup35-primary,.yup35-secondary{min-height:44px;padding:12px 16px;border-radius:999px;text-decoration:none!important;font-weight:900;border:0;display:inline-flex;align-items:center;justify-content:center}
.yup35-primary{background:linear-gradient(135deg,#111638,#7456ff);color:#fff!important}
.yup35-secondary{background:rgba(20,23,46,.08);color:#14172e}
body.dt_night_mode .yup35-card,body.night_mode .yup35-card{background:#22242d;color:#fff}
body.dt_night_mode .yup35-card p,body.night_mode .yup35-card p{color:rgba(255,255,255,.68)}
body.dt_night_mode .yup35-secondary,body.night_mode .yup35-secondary{background:rgba(255,255,255,.10);color:#fff}


/* YONDR STEP 37 — Upgrade Package Cards */
.yondr-upgrade-prompt37 .yup37-card{
  width:min(560px,calc(100vw - 32px));
  text-align:left;
}
.yondr-upgrade-prompt37 .yup35-icon,
.yondr-upgrade-prompt37 h3,
.yondr-upgrade-prompt37 .js-yup35-message{
  text-align:center;
}
.yup37-feature-line{
  margin:14px 0;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(116,86,255,.08);
  color:#4d5570;
  text-align:center;
  font-size:13px;
  font-weight:750;
}
.yup37-feature-line strong{
  color:#111638;
}
.yup37-extra{
  display:none;
  margin:8px 0;
  color:#a03b50!important;
  text-align:center;
  font-size:12px!important;
}
.yup37-loading,
.yup37-empty{
  margin:12px 0;
  padding:16px;
  border-radius:18px;
  background:rgba(17,22,56,.05);
  text-align:center;
}
.yup37-empty strong{
  display:block;
  color:#111638;
  font-weight:900;
}
.yup37-empty p{
  margin:4px 0 0!important;
  font-size:12px!important;
}
.yup37-packages{
  display:grid;
  gap:10px;
  margin:14px 0;
}
.yup37-package{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:13px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(17,22,56,.045),rgba(116,86,255,.06));
  border:1px solid rgba(17,22,56,.08);
}
.yup37-badge{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:var(--pkg-color,#7456ff);
  color:#fff;
  flex:0 0 auto;
  box-shadow:0 12px 25px rgba(17,22,56,.12);
}
.yup37-package-main strong{
  display:block;
  color:#111638;
  font-size:15px;
  font-weight:950;
  letter-spacing:-.02em;
}
.yup37-package-main span{
  display:block;
  margin-top:3px;
  color:#5b637b;
  font-size:12px;
  font-weight:800;
}
.yup37-package-main p{
  margin:4px 0 0!important;
  color:#747b91!important;
  font-size:12px!important;
  line-height:1.35!important;
  text-align:left!important;
}
.yup37-current{
  display:inline-flex;
  margin-top:6px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(66,190,122,.12);
  color:#21945b;
  font-size:11px;
  font-style:normal;
  font-weight:900;
}
.yup37-wide{
  width:100%;
  margin-top:4px;
}
.yup37-actions{
  margin-top:12px;
}
body.dt_night_mode .yup37-feature-line,
body.night_mode .yup37-feature-line,
body.dt_night_mode .yup37-loading,
body.night_mode .yup37-loading,
body.dt_night_mode .yup37-empty,
body.night_mode .yup37-empty{
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.72);
}
body.dt_night_mode .yup37-feature-line strong,
body.night_mode .yup37-feature-line strong,
body.dt_night_mode .yup37-empty strong,
body.night_mode .yup37-empty strong,
body.dt_night_mode .yup37-package-main strong,
body.night_mode .yup37-package-main strong{
  color:#fff;
}
body.dt_night_mode .yup37-package,
body.night_mode .yup37-package{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
}
body.dt_night_mode .yup37-package-main span,
body.night_mode .yup37-package-main span,
body.dt_night_mode .yup37-package-main p,
body.night_mode .yup37-package-main p{
  color:rgba(255,255,255,.70)!important;
}


/* Yonder verified nav restore: keep the right-side user/settings avatar visible on mobile and stop Ready-to-Meet mic from replacing it. */
@media (max-width: 768px) {
  #nav-logged-in nav .header_user,
  #nav-logged-in .header_user,
  nav#nav-logged-in .header_user {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  nav#nav-logged-in .header_user > a {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    margin: 8px 4px 8px 8px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
  }
  nav#nav-logged-in .header_ready_to_meet {
    display: none !important;
  }
  nav#nav-logged-in .header_home_link .header_msg {
    display: block !important;
  }
}
.yc-focus-flash{box-shadow:0 0 0 3px rgba(116,86,255,.20),0 12px 35px rgba(24,31,70,.06)!important;transition:box-shadow .2s ease}
.yc-btn.is-loading{opacity:.75;pointer-events:none;position:relative}
.yc-btn.is-loading:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:ycSpin .7s linear infinite}@keyframes ycSpin{to{transform:rotate(360deg)}}

/* =========================================================
   YONDR READY TO MEET CENTER — Tabs + Notification Banner Fix
   Added so the new Center UI is visible even after browser/CDN cache refresh.
   ========================================================= */
#yondr_ready_mobile_home_hub {
  display: none !important;
}
#yondr_ready_mobile_home_hub.has-unread {
  display: block !important;
}
.yondr_ready_mobile_home_hub_dismiss {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: rgba(17,22,56,.08);
  color: #111638;
  font-size: 20px;
  line-height: 28px;
  z-index: 3;
  cursor: pointer;
}
.yondr_ready_home_hub_action {
  margin-right: 20px;
}
.yondr_voice_center_tabs {
  display: flex;
  gap: 8px;
  padding: 12px 14px 0;
  background: #fff;
  border-bottom: 1px solid rgba(16,20,56,.06);
  overflow-x: auto;
}
.yondr_voice_center_tab {
  position: relative;
  flex: 1 1 auto;
  min-width: 128px;
  border: 1px solid rgba(116,86,255,.14);
  background: #fff;
  color: #686e89;
  border-radius: 16px 16px 0 0;
  padding: 12px 10px 11px;
  font-size: 13px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  cursor: pointer;
}
.yondr_voice_center_tab.is-active {
  color: #7456ff;
  background: linear-gradient(135deg,rgba(116,86,255,.08),rgba(47,140,255,.04));
  border-color: rgba(116,86,255,.26);
  box-shadow: inset 0 -3px 0 #7456ff;
}
.yondr_voice_center_tab i {
  font-style: normal;
}
.yondr_voice_center_tab b {
  display: none;
  min-width: 19px;
  height: 19px;
  border-radius: 999px;
  background: #7456ff;
  color: #fff;
  font-size: 10px;
  line-height: 19px;
  text-align: center;
  padding: 0 6px;
}
.yondr_voice_center_tab.has-count b {
  display: inline-block;
}
.yondr_voice_center_panel {
  display: none;
  min-height: 220px;
  overflow: auto;
}
.yondr_voice_center_panel.is-active {
  display: block;
}
.yondr_voice_center_panel_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 14px 4px;
  color: #111638;
}
.yondr_voice_center_panel_head strong {
  font-size: 15px;
}
.yondr_voice_center_panel_head button,
.yondr_voice_center_panel_head a {
  border: 0;
  background: transparent;
  color: #7456ff;
  font-weight: 900;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}
.yondr_center_empty {
  padding: 36px 18px;
  text-align: center;
  color: #757a96;
}
.yondr_center_empty span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin: 0 auto 12px;
  border-radius: 22px;
  background: linear-gradient(135deg,rgba(116,86,255,.14),rgba(47,140,255,.09));
  font-size: 25px;
}
.yondr_center_empty strong {
  display: block;
  color: #111638;
  font-size: 17px;
  margin-bottom: 5px;
}
.yondr_center_empty p {
  margin: 0 auto;
  max-width: 340px;
  font-size: 13px;
  line-height: 1.45;
}
.yondr_center_action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  border: 0;
  border-radius: 999px;
  background: #151934 !important;
  color: #fff !important;
  font-size: 12px;
  font-weight: 900;
  padding: 10px 16px;
  text-decoration: none !important;
}
.yondr_voice_center_notifications .dt_notifs,
.yondr_voice_center_messages .m_conversation li,
.yondr_voice_center_messages li.m_con_item {
  margin: 10px 12px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(16,20,56,.08) !important;
  background: #fff !important;
  box-shadow: 0 12px 32px rgba(22,31,72,.06) !important;
}
.yondr_voice_center_messages .m_conversation {
  margin: 0 !important;
  padding: 0 !important;
}
@media(max-width:520px) {
  .yondr_voice_center_tabs {
    gap: 6px;
    padding: 10px 10px 0;
  }
  .yondr_voice_center_tab {
    min-width: 104px;
    padding: 10px 8px;
    font-size: 12px;
  }
}
body.dt_night_mode .yondr_voice_center_tabs,
body.night_mode .yondr_voice_center_tabs {
  background: #12162f;
  border-color: rgba(255,255,255,.08);
}
body.dt_night_mode .yondr_voice_center_tab,
body.night_mode .yondr_voice_center_tab {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.08);
  color: rgba(255,255,255,.70);
}
body.dt_night_mode .yondr_voice_center_tab.is-active,
body.night_mode .yondr_voice_center_tab.is-active {
  color: #d9d4ff;
  background: rgba(116,86,255,.18);
  border-color: rgba(145,127,255,.24);
}
body.dt_night_mode .yondr_center_empty strong,
body.night_mode .yondr_center_empty strong,
body.dt_night_mode .yondr_voice_center_panel_head,
body.night_mode .yondr_voice_center_panel_head {
  color: #fff !important;
}
body.dt_night_mode .yondr_center_empty,
body.night_mode .yondr_center_empty {
  color: rgba(255,255,255,.70) !important;
}

/* YONDR PATCH — compact first-contact / icebreaker card cleanup */
#yondr_first_contact_profile.is-compact{
  margin:18px 0 14px;
  padding:16px;
  border-radius:24px;
  background:linear-gradient(180deg,#f7f5ff 0%,#fdfcff 100%);
  border:1px solid rgba(116,86,255,.14);
  box-shadow:0 14px 34px rgba(28,32,74,.06);
}
#yondr_first_contact_profile.is-compact .yondr-fc-compact-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px;
}
#yondr_first_contact_profile.is-compact .yondr-fc-compact-icon{
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(116,86,255,.14),rgba(93,95,147,.10));
  color:#7456ff;
  font-size:20px;
  flex:0 0 auto;
}
#yondr_first_contact_profile.is-compact .yondr-fc-compact-copy{
  min-width:0;
  flex:1;
}
#yondr_first_contact_profile.is-compact .yondr-fc-compact-copy strong{
  display:block;
  color:#111638;
  font-size:16px;
  line-height:1.15;
  font-weight:900;
}
#yondr_first_contact_profile.is-compact .yondr-fc-compact-copy p{
  margin:4px 0 0;
  color:#6f7590;
  font-size:13px;
  line-height:1.4;
  font-weight:650;
}
#yondr_first_contact_profile.is-compact .yondr-fc-compact-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
#yondr_first_contact_profile.is-compact .yondr-fc-choice-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  min-width:0;
  flex:1;
}
#yondr_first_contact_profile.is-compact .yondr-fc-choice{
  border:1px solid rgba(116,86,255,.14);
  background:#fff;
  color:#3a4062;
  border-radius:999px;
  min-height:46px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:850;
  box-shadow:0 8px 20px rgba(22,29,71,.04);
}
#yondr_first_contact_profile.is-compact .yondr-fc-choice span{
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#f2edff;
  color:#7456ff;
  font-size:14px;
}
#yondr_first_contact_profile.is-compact .yondr-fc-choice b{
  font-weight:850;
}
#yondr_first_contact_profile.is-compact .yondr-fc-choice.is-active{
  background:linear-gradient(135deg,#7456ff,#5d5f93);
  border-color:transparent;
  color:#fff;
  box-shadow:0 14px 28px rgba(116,86,255,.22);
}
#yondr_first_contact_profile.is-compact .yondr-fc-choice.is-active span{
  background:rgba(255,255,255,.18);
  color:#fff;
}
#yondr_first_contact_profile.is-compact .yondr-fc-send-btn{
  flex:0 0 auto;
  min-width:118px;
  min-height:46px;
  border:0;
  border-radius:999px;
  padding:0 18px;
  font-size:14px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,#7456ff,#4f68ff);
  box-shadow:0 16px 30px rgba(96,89,255,.22);
}
#yondr_first_contact_profile.is-compact .yondr-fc-compact-note{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  padding:10px 12px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(116,86,255,.10);
}
#yondr_first_contact_profile.is-compact .yondr-fc-compact-note span{
  color:#7456ff;
  font-size:15px;
}
#yondr_first_contact_profile.is-compact .yondr-fc-compact-note p{
  margin:0;
  color:#6f7590;
  font-size:12px;
  line-height:1.35;
  font-weight:650;
}
#yondr_first_contact_profile.is-compact .yondr-first-contact-profile-head,
#yondr_first_contact_profile.is-compact .yondr-first-contact-grid,
#yondr_first_contact_profile.is-compact .yondr-fc-profile-limit-note32{
  display:none !important;
}
#yondr_first_contact_profile.is-compact.is-open{
  background:linear-gradient(180deg,rgba(67,190,121,.10) 0%,#fdfcff 100%);
  border-color:rgba(67,190,121,.25);
}
#yondr_first_contact_profile.is-compact.is-open .yondr-fc-compact-icon{
  background:rgba(67,190,121,.14);
  color:#2f9965;
}
#yondr_first_contact_profile.is-compact.is-open .yondr-fc-send-btn{
  background:linear-gradient(135deg,#34b56d,#2d8d58);
}
#yondr_first_contact_profile.is-compact.is-pending{
  background:linear-gradient(180deg,rgba(255,186,73,.12) 0%,#fdfcff 100%);
  border-color:rgba(255,186,73,.28);
}
#yondr_first_contact_profile.is-compact.is-pending .yondr-fc-send-btn,
#yondr_first_contact_profile.is-compact.is-closed .yondr-fc-send-btn{
  background:#b9bed3;
  box-shadow:none;
}
#yondr_first_contact_profile.is-compact.is-closed{
  background:linear-gradient(180deg,rgba(255,98,140,.10) 0%,#fdfcff 100%);
  border-color:rgba(255,98,140,.20);
}
#yondr_first_contact_profile.is-compact.is-pending .yondr-fc-choice-row,
#yondr_first_contact_profile.is-compact.is-open .yondr-fc-choice-row,
#yondr_first_contact_profile.is-compact.is-closed .yondr-fc-choice-row{
  opacity:.75;
}
@media (max-width:760px){
  #yondr_first_contact_profile.is-compact{
    padding:14px;
    border-radius:22px;
  }
  #yondr_first_contact_profile.is-compact .yondr-fc-compact-actions{
    flex-direction:column;
    align-items:stretch;
  }
  #yondr_first_contact_profile.is-compact .yondr-fc-choice-row{
    width:100%;
  }
  #yondr_first_contact_profile.is-compact .yondr-fc-choice{
    flex:1 1 calc(50% - 6px);
    justify-content:center;
    min-width:0;
  }
  #yondr_first_contact_profile.is-compact .yondr-fc-send-btn{
    width:100%;
    min-width:0;
  }
}
body.dt_night_mode #yondr_first_contact_profile.is-compact,
body.night_mode #yondr_first_contact_profile.is-compact{
  background:linear-gradient(180deg,#1b2040 0%,#171b35 100%);
  border-color:rgba(255,255,255,.10);
}
body.dt_night_mode #yondr_first_contact_profile.is-compact .yondr-fc-choice,
body.night_mode #yondr_first_contact_profile.is-compact .yondr-fc-choice,
body.dt_night_mode #yondr_first_contact_profile.is-compact .yondr-fc-compact-note,
body.night_mode #yondr_first_contact_profile.is-compact .yondr-fc-compact-note{
  background:#202749;
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}
body.dt_night_mode #yondr_first_contact_profile.is-compact .yondr-fc-compact-copy strong,
body.night_mode #yondr_first_contact_profile.is-compact .yondr-fc-compact-copy strong,
body.dt_night_mode #yondr_first_contact_profile.is-compact .yondr-fc-choice,
body.night_mode #yondr_first_contact_profile.is-compact .yondr-fc-choice{
  color:#fff;
}
body.dt_night_mode #yondr_first_contact_profile.is-compact .yondr-fc-compact-copy p,
body.night_mode #yondr_first_contact_profile.is-compact .yondr-fc-compact-copy p,
body.dt_night_mode #yondr_first_contact_profile.is-compact .yondr-fc-compact-note p,
body.night_mode #yondr_first_contact_profile.is-compact .yondr-fc-compact-note p{
  color:rgba(255,255,255,.72);
}
body.dt_night_mode #yondr_first_contact_profile.is-compact .yondr-fc-choice.is-active,
body.night_mode #yondr_first_contact_profile.is-compact .yondr-fc-choice.is-active{
  color:#fff;
}

/* YONDR SURGICAL FIX — keep palette on-brand, keep gallery below hero, keep one-row thumbs */
.y8c-profile-page .y8c-profile-gallery,
.y8c-profile-page-wrap .y8c-profile-gallery,
.to_user_media .y8c-profile-gallery{
  margin: 12px 10px 16px !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 2;
}
.y8c-profile-page .y8c-profile-gallery,
.to_user_media .y8c-profile-gallery{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.y8c-profile-page .y8c-profile-gallery-item,
.y8c-profile-page .y8c-profile-gallery-more,
.to_user_media .y8c-profile-gallery-item,
.to_user_media .y8c-profile-gallery-more{
  min-width: 0;
  width: 100%;
}
.y8c-profile-page .y8c-profile-gallery-item img,
.to_user_media .y8c-profile-gallery-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
#yondr_first_contact_profile.is-compact{
  margin: 4px 10px 18px !important;
  padding: 16px !important;
  border-radius: 24px !important;
  background: #f8f6ff !important;
  border: 1px solid rgba(104, 91, 196, 0.10) !important;
  box-shadow: 0 12px 28px rgba(37, 42, 79, 0.06) !important;
}
#yondr_first_contact_profile.is-compact .yondr-fc-compact-icon{
  background: rgba(110, 88, 255, 0.10) !important;
  color: #6d57ff !important;
}
#yondr_first_contact_profile.is-compact .yondr-fc-compact-copy strong{
  color: #1d2244 !important;
}
#yondr_first_contact_profile.is-compact .yondr-fc-compact-copy p,
#yondr_first_contact_profile.is-compact .yondr-fc-compact-note p{
  color: #70779a !important;
}
#yondr_first_contact_profile.is-compact .yondr-fc-choice{
  background: #ffffff !important;
  color: #2a3054 !important;
  border: 1px solid rgba(104, 91, 196, 0.10) !important;
  box-shadow: 0 6px 14px rgba(28, 33, 74, 0.04) !important;
}
#yondr_first_contact_profile.is-compact .yondr-fc-choice span{
  background: #f0ebff !important;
  color: #6d57ff !important;
}
#yondr_first_contact_profile.is-compact .yondr-fc-choice.is-active{
  background: linear-gradient(135deg, #7055ff 0%, #5b84ff 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 12px 24px rgba(95, 110, 255, 0.18) !important;
}
#yondr_first_contact_profile.is-compact .yondr-fc-choice.is-active span{
  background: rgba(255,255,255,0.16) !important;
  color: #ffffff !important;
}
#yondr_first_contact_profile.is-compact .yondr-fc-send-btn{
  background: linear-gradient(135deg, #7055ff 0%, #5b84ff 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 28px rgba(95, 110, 255, 0.20) !important;
}
#yondr_first_contact_profile.is-compact .yondr-fc-compact-note{
  background: #ffffff !important;
  border: 1px solid rgba(104, 91, 196, 0.08) !important;
}
#yondr_first_contact_profile.is-compact.is-open{
  background: #f5fcf8 !important;
  border-color: rgba(52, 180, 109, 0.16) !important;
}
#yondr_first_contact_profile.is-compact.is-open .yondr-fc-send-btn{
  background: linear-gradient(135deg, #2fa86d 0%, #46c37e 100%) !important;
  box-shadow: 0 14px 24px rgba(52, 180, 109, 0.16) !important;
}
#yondr_first_contact_profile.is-compact.is-pending{
  background: #fffaf0 !important;
  border-color: rgba(230, 166, 55, 0.18) !important;
}
#yondr_first_contact_profile.is-compact.is-closed{
  background: #fff6f7 !important;
  border-color: rgba(224, 102, 125, 0.16) !important;
}
@media (max-width: 560px){
  .y8c-profile-page .y8c-profile-gallery,
  .to_user_media .y8c-profile-gallery{
    gap: 8px !important;
    margin: 10px 8px 14px !important;
  }
  #yondr_first_contact_profile.is-compact{
    margin: 2px 8px 16px !important;
    padding: 14px !important;
  }
}