.se-discovery-page { overflow: hidden; }
.se-discovery-header { display: grid; gap: 14px; margin: 4px 0 24px; }
.se-discovery-topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.se-brand-lockup { display: flex; align-items: center; gap: 10px; min-width: 0; }
.se-brand-logo { width: 42px; height: 42px; border-radius: 12px; background: #fff; padding: 6px; }
.se-brand-lockup strong { display: block; font-size: 18px; line-height: 1; }
.se-brand-lockup span { display: block; color: var(--se-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .09em; margin-top: 3px; }
.se-discovery-account { position: relative; flex: 0 0 auto; }
.se-discovery-avatar-btn { width: 46px; height: 46px; border-radius: 999px; border: 1px solid var(--se-border); color: #fff; background: #079c95; font-weight: 1000; font-size: 17px; }
.se-discovery-account-panel { position: absolute; right: 0; top: calc(100% + 8px); z-index: 30; width: min(250px, calc(100vw - 30px)); border: 1px solid var(--se-border); border-radius: 20px; background: #101010; box-shadow: var(--se-shadow); padding: 14px; display: grid; gap: 8px; }
.se-discovery-account-panel[hidden] { display: none; }
.se-discovery-account-panel span { color: var(--se-muted); font-size: 12px; }
.se-discovery-hero { display: grid; gap: 14px; padding: 18px; border: 1px solid var(--se-border); border-radius: var(--se-radius-lg); background: radial-gradient(circle at 0 0, rgba(255,122,26,.22), transparent 34%), linear-gradient(180deg, var(--se-brown-2), #100604); }
.se-discovery-hero h1 { margin: 0; font-size: clamp(34px, 10vw, 62px); line-height: .92; letter-spacing: -.055em; }
.se-discovery-hero p:not(.se-kicker) { color: var(--se-muted); margin: 10px 0 0; font-size: 16px; }
.se-vip-status-card { align-self: stretch; border: 1px solid var(--se-border-soft); border-radius: 22px; background: rgba(0,0,0,.34); padding: 16px; display: grid; gap: 6px; }
.se-vip-status-card span { color: var(--se-gold); text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-weight: 1000; }
.se-vip-status-card strong { font-size: 24px; line-height: 1; }
.se-vip-status-card small { color: var(--se-muted); font-weight: 800; }
.se-discovery-search { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; border: 1px solid var(--se-border-soft); border-radius: 999px; background: #0e0e0e; padding: 8px 8px 8px 14px; }
.se-discovery-search svg { width: 20px; height: 20px; color: var(--se-orange); }
.se-discovery-search input { min-width: 0; border: 0; outline: 0; background: transparent; color: var(--se-text); font-weight: 800; }
.se-discovery-search input::placeholder { color: var(--se-muted-2); }
.se-discovery-strip { margin: 22px 0 28px; }
.se-vip-ranking-list { display: grid; gap: 10px; }
.se-vip-rank-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; border: 1px solid var(--se-border-soft); border-radius: 20px; background: var(--se-surface); padding: 12px; }
.se-vip-rank-number { width: 42px; height: 42px; border-radius: 999px; display: grid; place-items: center; background: rgba(255,122,26,.18); color: var(--se-gold); border: 1px solid var(--se-border); font-weight: 1000; }
.se-vip-rank-card small { display: block; color: var(--se-muted); margin-top: 3px; }
.se-profile-suggestion-slider { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 78vw); gap: 12px; overflow-x: auto; padding-bottom: 12px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.se-profile-suggestion-slider::-webkit-scrollbar { display: none; }
.se-profile-suggestion-card { scroll-snap-align: start; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; gap: 10px 12px; border: 1px solid var(--se-border-soft); border-radius: 22px; background: var(--se-surface); padding: 14px; }
.se-profile-suggestion-card .se-btn { grid-column: 1 / -1; width: 100%; }
.se-profile-suggestion-card small { display: block; color: var(--se-gold); margin: 2px 0 6px; font-weight: 900; }
.se-profile-suggestion-card p { color: var(--se-muted); margin: 0; font-size: 12px; }
.se-mini-avatar { width: 48px; height: 48px; border-radius: 999px; display: grid; place-items: center; background: #0b8ed8; border: 1px solid var(--se-border-soft); font-weight: 1000; }
.se-discovery-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.se-event-slider { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(285px, 78vw); gap: 18px; overflow-x: auto; padding: 4px 0 18px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.se-event-slider::-webkit-scrollbar { display: none; }
.se-nearby-grid { display: grid; gap: 18px; grid-template-columns: 1fr; }
.se-nearby-list { display: grid; gap: 12px; }
.se-view-toggle { flex: 0 0 auto; display: inline-grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--se-border); border-radius: 999px; padding: 4px; background: #0a0a0a; }
.se-view-toggle button { border: 0; border-radius: 999px; background: transparent; color: var(--se-text); padding: 10px 14px; font-size: 12px; font-weight: 1000; }
.se-view-toggle button.is-active { background: var(--se-orange); color: #160800; }
.se-event-card { scroll-snap-align: start; border: 1px solid rgba(255,207,92,.45); border-radius: 28px; background: linear-gradient(180deg, #151515 0%, #2a1207 64%, #151515 100%); overflow: hidden; box-shadow: var(--se-shadow); min-width: 0; }
.se-event-media { position: relative; min-height: 245px; background: #111; overflow: hidden; }
.se-event-media img { width: 100%; height: 100%; min-height: 245px; object-fit: cover; display: block; filter: brightness(.72); }
.se-icon-btn { position: absolute; top: 18px; left: 18px; width: 62px; height: 62px; border-radius: 999px; border: 2px solid rgba(255,255,255,.2); background: rgba(8,8,8,.72); color: #fff; display: grid; place-items: center; }
.se-icon-btn svg { width: 30px; height: 30px; }
.se-icon-btn.is-active { color: var(--se-orange); }
.se-share-btn { position: absolute; top: 18px; right: 18px; border: 0; border-radius: 999px; padding: 18px 28px; background: linear-gradient(135deg, var(--se-orange), #ffc090); color: #120700; font-weight: 1000; font-size: 18px; letter-spacing: .04em; }
.se-category-pill { position: absolute; left: 18px; bottom: 16px; border-radius: 999px; padding: 10px 16px; background: rgba(12,12,12,.82); border: 1px solid var(--se-border-soft); font-weight: 1000; font-size: 13px; }
.se-event-body { padding: 24px; }
.se-event-body h3 { font-size: clamp(30px, 8vw, 48px); line-height: .95; margin: 0 0 12px; letter-spacing: -.05em; }
.se-event-desc { margin: 0 0 22px; color: rgba(255,255,255,.78); font-size: 18px; line-height: 1.3; }
.se-event-main-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.se-host { display: flex; align-items: center; gap: 12px; min-width: 0; }
.se-avatar { width: 56px; height: 56px; border-radius: 999px; background: var(--se-ok); display: grid; place-items: center; font-weight: 1000; font-size: 22px; border: 2px solid var(--se-border-soft); flex: 0 0 auto; }
.se-host strong { display: block; font-size: 18px; line-height: 1; }
.se-host small { display: block; color: var(--se-gold); font-weight: 1000; margin-top: 3px; }
.se-price { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--se-orange); color: #120700; min-width: 106px; padding: 16px 18px; font-size: 20px; }
.se-event-meta { display: grid; grid-template-columns: 1fr; gap: 8px; color: var(--se-muted); font-weight: 700; }
.se-event-row { display: grid; grid-template-columns: 76px 1fr auto; gap: 12px; align-items: center; background: var(--se-surface); border: 1px solid var(--se-border-soft); border-radius: 20px; padding: 10px; }
.se-event-row img { width: 76px; height: 76px; object-fit: cover; border-radius: 14px; }
.se-event-row p, .se-event-row small { margin: 3px 0 0; color: var(--se-muted); }
@media (min-width: 760px) {
  .se-discovery-hero { grid-template-columns: 1fr minmax(220px, 300px); align-items: stretch; }
  .se-event-slider { grid-auto-columns: minmax(420px, 58%); }
  .se-profile-suggestion-slider { grid-auto-columns: minmax(260px, 32%); }
  .se-nearby-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .se-event-meta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  .se-discovery-section-head { align-items: flex-start; flex-direction: column; }
  .se-event-body { padding: 18px; }
  .se-share-btn { font-size: 14px; padding: 14px 18px; }
  .se-icon-btn { width: 52px; height: 52px; }
  .se-event-media, .se-event-media img { min-height: 220px; }
  .se-discovery-search { grid-template-columns: auto 1fr; border-radius: 22px; }
  .se-discovery-search .se-btn { grid-column: 1 / -1; width: 100%; }
}

/* Discovery v7.8 top action row: wallet is independent from the account avatar. */
.se-discovery-actions { position: relative; display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.se-discovery-wallet-btn { width: 44px; height: 44px; border-radius: 999px; border: 1px solid var(--se-border-soft); background: #151515; color: #fff; display: grid; place-items: center; font-size: 18px; }
.se-section--recommended { margin-top: 20px; }
.se-vip-ranking { margin-top: 26px; }

/* v7.8 brand lock: the logo sits on black and only “Event” is orange. */
.se-brand-logo {
  background: #000;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 0 0 1px rgba(255,122,26,.18);
}
.se-brand-wordmark { display: inline-flex !important; align-items: baseline; gap: 0; color: #fff; }
.se-brand-wordmark-event { color: var(--se-orange); }

/* v8.0 Discovery brand restoration: the header shows the original SVG logo image from the validated initial UI.
   No separate text wordmark is generated, which keeps Split white and Event orange exactly as encoded in the SVG. */
.se-brand-lockup--image-only { gap: 0; }
.se-brand-logo--full {
  width: min(178px, 50vw);
  height: 56px;
  object-fit: contain;
  border-radius: 18px;
  background: #000;
  padding: 8px 10px;
}

/* v8.0 validated event-card lock. Keep this component visually aligned with the old
   Discovery cards while staying in the clean component architecture. */
.se-native-event-card.se-event-card {
  border-color: rgba(255, 207, 92, .54);
  background: linear-gradient(180deg, #131313 0%, #2a1207 63%, #111 100%);
}
.se-native-event-card .se-event-media { min-height: 245px; }
.se-native-event-card .se-event-media::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 38%;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(42,18,8,.9));
  pointer-events: none;
}
.se-native-event-card .se-card-fav-btn {
  left: 18px;
  right: auto;
  top: 18px;
}
.se-native-event-card .se-card-share-btn {
  right: 18px;
  top: 18px;
}
.se-native-event-card .se-category-pill {
  z-index: 2;
  bottom: 15px;
  left: 18px;
  color: #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
}
.se-native-event-card .se-event-body h3 {
  font-weight: 1000;
  color: #fff;
}
.se-native-event-card .se-host small {
  color: var(--se-gold);
  text-transform: uppercase;
  letter-spacing: .02em;
}

/* v8.3 Top VIP is a horizontal profile slider with the same two-state switch pattern as Cartes/Liste. */
.se-vip-profile-slider {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(245px, 76vw);
  gap: 12px;
  overflow-x: auto;
  padding: 2px 0 12px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.se-vip-profile-slider::-webkit-scrollbar { display: none; }
.se-vip-profile-card {
  border-color: rgba(255,207,92,.36);
  background: radial-gradient(circle at 10% 0, rgba(255,122,26,.18), transparent 34%), var(--se-surface);
}
.se-vip-toggle { margin-bottom: 2px; }
.se-profile-suggestion-card { cursor: pointer; transition: transform .16s ease, border-color .16s ease; }
.se-profile-suggestion-card:active { transform: scale(.985); }
.se-profile-suggestion-card:hover { border-color: rgba(255,122,26,.52); }
@media (min-width: 760px) {
  .se-vip-profile-slider { grid-auto-columns: minmax(260px, 32%); }
}
@media (min-width: 1180px) {
  .se-event-slider { grid-auto-columns: minmax(460px, 42%); }
  .se-nearby-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.se-native-event-card, .se-event-row { cursor: pointer; touch-action: manipulation; }

/* v8.3 Discovery priority and responsive behavior.
   The hero is now share-oriented, without the old VIP status card. */
.se-discovery-hero--share {
  display: block;
}
.se-discovery-wallet-leading-icon {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: rgba(255,122,26,.16);
  border: 1px solid rgba(255,122,26,.35);
  color: var(--se-orange);
  font-size: 13px;
  font-weight: 1000;
}
.se-discovery-swap-suggestion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: -8px 0 20px;
  background: linear-gradient(135deg, rgba(255,122,26,.12), rgba(255,255,255,.035));
}
.se-discovery-swap-suggestion h2 {
  margin: 0;
  font-size: 21px;
  letter-spacing: -.03em;
}
.se-discovery-swap-suggestion p:not(.se-kicker) {
  margin: 6px 0 0;
  color: var(--se-muted);
  line-height: 1.38;
}
.se-section--friends {
  margin-top: 8px;
}
@media (max-width: 520px) {
  .se-brand-logo--full { width: min(150px, 46vw); height: 50px; padding: 7px 8px; }
  .se-discovery-actions { gap: 6px; }
  .se-discovery-wallet-leading-icon { display: none; }
  .se-discovery-wallet-btn, .se-discovery-avatar-btn { width: 42px; height: 42px; }
  .se-discovery-swap-suggestion { align-items: stretch; flex-direction: column; }
  .se-discovery-swap-suggestion .se-btn { width: 100%; }
  .se-event-slider { grid-auto-columns: minmax(305px, 92vw); gap: 14px; }
  .se-profile-suggestion-slider, .se-vip-profile-slider { grid-auto-columns: minmax(260px, 84vw); }
  .se-event-row { grid-template-columns: 64px 1fr; }
  .se-event-row .se-price { grid-column: 1 / -1; justify-self: start; min-width: auto; padding: 10px 14px; font-size: 14px; }
}

.se-suggestion-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.se-suggestion-actions .se-btn { min-width: 86px; }
@media (max-width: 520px) { .se-suggestion-actions { justify-content: stretch; } .se-suggestion-actions .se-btn { flex: 1; } }

/* v9.5 premium social profile cards.
   These styles only affect profile sliders in Discovery. Event cards keep their locked UI. */
.se-profile-card-v98 {
  position: relative;
  scroll-snap-align: start;
  display: grid;
  gap: 14px;
  min-height: 320px;
  padding: 18px;
  border: 1px solid rgba(255, 207, 92, .42);
  border-radius: 30px;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 122, 26, .22), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  box-shadow: 0 18px 55px rgba(0,0,0,.34);
  overflow: hidden;
}
.se-profile-card-v98::after {
  content: '';
  position: absolute;
  inset: auto -20% -34% 30%;
  height: 52%;
  background: radial-gradient(circle, rgba(255,122,26,.20), transparent 62%);
  pointer-events: none;
}
.se-profile-card-v98-head { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center; min-width: 0; }
.se-profile-card-v98-avatar-wrap { position: relative; width: 76px; height: 76px; flex: 0 0 auto; }
.se-profile-card-v98-avatar {
  width: 76px;
  height: 76px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  object-fit: cover;
  background: linear-gradient(135deg, #00a79f, #0f7bd5);
  color: #fff;
  border: 1px solid rgba(255,207,92,.62);
  font-size: 25px;
  font-weight: 1000;
  box-shadow: 0 12px 34px rgba(0,0,0,.38);
}
.se-profile-card-v98-avatar-wrap > i {
  position: absolute;
  right: 2px;
  bottom: 5px;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: #42d86e;
  border: 3px solid #141414;
}
.se-profile-card-v98-title { min-width: 0; }
.se-profile-card-v98-title strong { display: block; color: #fff; font-size: 20px; line-height: 1.05; letter-spacing: -.03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.se-profile-card-v98-title small { display: block; color: rgba(255,255,255,.78); font-size: 13px; margin-top: 5px; }
.se-profile-card-v98-title span { display: block; margin-top: 6px; color: var(--se-gold); font-size: 12px; font-weight: 1000; }
.se-profile-card-v98-bio { margin: 0; color: rgba(255,255,255,.76); line-height: 1.45; font-size: 14px; min-height: 40px; }
.se-profile-card-v98-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.se-profile-card-v98-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #fff;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 900;
}
.se-profile-card-v98-tags span:nth-child(1) { background: rgba(45, 194, 103, .24); color: #baffcb; }
.se-profile-card-v98-tags span:nth-child(2) { background: rgba(124, 91, 255, .20); color: #ded5ff; }
.se-profile-card-v98-tags span:nth-child(3) { background: rgba(255, 255, 255, .10); }
.se-profile-card-v98-tags span:nth-child(4) { background: rgba(255, 122, 26, .18); color: #ffd1a7; }
.se-profile-card-v98-proof { display: grid; grid-template-columns: .9fr 1fr; gap: 12px; align-items: center; border-top: 1px solid rgba(255,255,255,.10); padding-top: 12px; }
.se-profile-card-v98-score { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; align-items: center; }
.se-profile-card-v98-score span { color: rgba(255,255,255,.62); font-size: 11px; grid-column: 1 / -1; }
.se-profile-card-v98-score strong { color: #fff; font-size: 24px; line-height: 1; }
.se-profile-card-v98-score i { width: 42px; height: 42px; border-radius: 999px; border: 4px solid rgba(255,122,26,.26); border-right-color: var(--se-orange); border-bottom-color: var(--se-orange); transform: rotate(-26deg); }
.se-profile-card-v98-mutuals { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; min-width: 0; }
.se-profile-card-v98-mutuals div { display: flex; align-items: center; }
.se-profile-card-v98-mutuals span {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #0c8dff, #ff8b2c);
  color: #fff;
  font-size: 9px;
  font-weight: 1000;
  border: 2px solid #141414;
  margin-left: -7px;
}
.se-profile-card-v98-mutuals span:first-child { margin-left: 0; }
.se-profile-card-v98-mutuals small { color: rgba(255,255,255,.72); line-height: 1.2; }
.se-profile-card-actions-v98 { grid-template-columns: 1fr 1fr auto; position: relative; z-index: 1; }
.se-profile-card-actions-v98 .se-btn { min-height: 44px; font-size: 13px; }
.se-profile-add-icon-v98 { width: 44px; padding: 0 !important; font-size: 22px !important; }
@media (max-width: 520px) {
  .se-profile-card-v98 { min-height: 312px; padding: 16px; border-radius: 26px; }
  .se-profile-card-v98-proof { grid-template-columns: 1fr; }
  .se-profile-card-actions-v98 { grid-template-columns: 1fr 1fr 44px; }
}

/* v9.7 production UX cleanup: reduce visual clutter on Discovery while preserving the
   validated event-card style. Empty states keep a new SQL deploy readable with an empty production database. */
.se-empty-state {
  border: 1px dashed rgba(255,255,255,.18);
  border-radius: 22px;
  background: rgba(255,255,255,.035);
  padding: 16px;
  display: grid;
  gap: 8px;
  color: var(--se-muted);
}
.se-empty-state strong { color: #fff; font-size: 17px; }
.se-empty-state p { margin: 0; line-height: 1.45; }
.se-discovery-page .se-section { margin-top: 20px; }
.se-discovery-swap-suggestion {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 22px;
}
.se-discovery-swap-suggestion h2 { margin: 0 0 5px; font-size: 20px; }
.se-discovery-swap-suggestion p:not(.se-kicker) { margin: 0; color: var(--se-muted); font-size: 13px; line-height: 1.38; }
.se-suggestion-actions { display: flex; gap: 8px; }
.se-profile-card-v98 {
  min-height: 0;
  grid-auto-rows: max-content;
  background: radial-gradient(circle at 0 0, rgba(255,122,26,.13), transparent 36%), rgba(255,255,255,.055);
}
.se-profile-card-v98-head { gap: 12px; }
.se-profile-card-v98-bio { min-height: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.se-profile-card-v98-proof { grid-template-columns: minmax(0, .95fr) minmax(0, 1fr); }
.se-profile-card-actions-v98 { display: grid; gap: 8px; }
.se-vip-profile-slider { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 78vw); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 12px; scrollbar-width: none; }
.se-vip-profile-slider::-webkit-scrollbar { display: none; }
@media (min-width: 760px) {
  .se-vip-profile-slider { grid-auto-columns: minmax(270px, 32%); }
}
@media (max-width: 520px) {
  .se-discovery-hero h1 { font-size: clamp(30px, 9vw, 44px); }
  .se-discovery-hero { padding: 15px; border-radius: 24px; }
  .se-discovery-swap-suggestion { grid-template-columns: 1fr; }
  .se-suggestion-actions .se-btn { flex: 1 1 0; }
  .se-profile-suggestion-slider, .se-vip-profile-slider { grid-auto-columns: minmax(248px, 82vw); }
}

/* v9.8 Discovery readability: fewer visual collisions, clearer categories and profile blocks. */
.se-category-guide{max-width:780px}.se-vip-profile-slider,.se-profile-suggestion-slider{scroll-snap-type:x mandatory}.se-profile-card-v98{scroll-snap-align:start;min-width:min(330px,82vw);padding:18px;display:grid;gap:12px}.se-profile-card-v98-head{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center}.se-profile-card-v98-title strong{font-size:18px;line-height:1.05}.se-profile-card-v98-title small,.se-profile-card-v98-title span{display:block;color:var(--se-muted);margin-top:4px}.se-profile-card-v98-title span{color:var(--se-gold);font-weight:900}.se-profile-card-v98-avatar-wrap{position:relative;display:block;width:68px;height:68px}.se-profile-card-v98-avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:#0f9c96;border:1px solid var(--se-orange);color:white;font-weight:1000;font-size:24px;text-transform:uppercase}.se-profile-card-v98-avatar-wrap i{position:absolute;right:3px;bottom:3px;width:14px;height:14px;border-radius:50%;background:#3fe27c;border:2px solid #111}.se-profile-card-v98-bio{min-height:38px;color:var(--se-muted);line-height:1.35;margin:0}.se-profile-card-v98-tags{display:flex;gap:6px;flex-wrap:wrap}.se-profile-card-v98-tags span{border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.06);font-size:11px;font-weight:900;color:var(--se-text)}.se-profile-card-v98-tags span:first-child{background:rgba(45,181,95,.24);color:#a8ffbd}.se-profile-card-v98-proof{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--se-border-soft);padding-top:12px}.se-profile-card-v98-score span{display:block;color:var(--se-muted);font-size:11px}.se-profile-card-v98-score strong{font-size:24px}.se-profile-card-v98-score i{display:inline-block;width:34px;height:34px;border-radius:50%;border:4px solid rgba(255,122,26,.35);border-right-color:var(--se-orange);vertical-align:middle;margin-left:8px}.se-profile-card-v98-mutuals{text-align:right}.se-profile-card-v98-mutuals div{display:flex;justify-content:flex-end}.se-profile-card-v98-mutuals span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#1b6da8;border:1px solid #111;margin-left:-5px;font-size:9px;font-weight:900}.se-profile-card-v98-mutuals small{display:block;color:var(--se-muted);margin-top:5px}.se-profile-card-actions-v98{display:grid;grid-template-columns:1fr 1fr 44px;gap:8px}.se-profile-add-icon-v98{font-size:18px}.se-discovery-swap-suggestion{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.se-suggestion-actions{display:flex;gap:8px}@media(max-width:520px){.se-discovery-swap-suggestion{grid-template-columns:1fr}.se-suggestion-actions .se-btn{flex:1}.se-profile-card-v98{min-width:min(300px,88vw)}}

/* v9.9 Discovery UX cleanup
   - Category guide pills are normal flow, never absolute event-card tags.
   - Header is compact for mobile and desktop.
   - Top VIP/profile cards use a friendlier, less cluttered layout. */
.se-discovery-header { display: grid; gap: 14px; }
.se-discovery-topbar { align-items: center; margin-bottom: 0; }
.se-discovery-hero.se-discovery-hero--share { padding: clamp(16px, 3vw, 26px); border-radius: 26px; }
.se-discovery-hero.se-discovery-hero--share h1 { font-size: clamp(34px, 6vw, 58px); line-height: .92; max-width: 860px; }
.se-discovery-hero.se-discovery-hero--share p:not(.se-kicker) { max-width: 840px; font-size: clamp(15px, 2vw, 18px); }
.se-category-guide { position: static; display: flex; flex-wrap: wrap; gap: 8px; max-width: 860px; margin-top: 14px; overflow: visible; }
.se-category-guide .se-discovery-category-pill { position: static; left: auto; bottom: auto; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; padding: 9px 12px; background: rgba(255,255,255,.055); color: #fff; box-shadow: none; font-size: 12px; font-weight: 900; max-width: 100%; white-space: nowrap; }
.se-category-guide .se-discovery-category-pill:hover { border-color: rgba(255,122,26,.55); background: rgba(255,122,26,.12); }
.se-discovery-actions { gap: 8px; }
.se-discovery-icon-action { width: 38px; height: 38px; border-radius: 999px; border: 1px solid var(--se-border-soft); background: rgba(255,255,255,.055); color: #fff; display: grid; place-items: center; font-weight: 1000; }
.se-discovery-labelled-action { display: inline-flex; align-items: center; gap: 7px; width: auto; min-width: 84px; padding: 0 12px; }
.se-discovery-labelled-action b { font-size: 12px; }
.se-discovery-avatar-btn--photo { overflow: hidden; padding: 0; display: grid; place-items: center; }
.se-discovery-avatar-btn--photo img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; display: block; }
.se-discovery-avatar-btn--photo span { display: grid; place-items: center; width: 100%; height: 100%; }
.se-profile-card-v99 { scroll-snap-align: start; min-width: min(340px, 84vw); display: grid; gap: 13px; padding: 16px; border: 1px solid rgba(255,207,92,.36); border-radius: 26px; background: radial-gradient(circle at 0 0, rgba(255,122,26,.16), transparent 38%), linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.028)); box-shadow: 0 16px 46px rgba(0,0,0,.34); overflow: hidden; }
.se-profile-card-v99-main { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 13px; align-items: center; }
.se-profile-card-v99-avatar-wrap { position: relative; width: 70px; height: 70px; flex: 0 0 auto; }
.se-profile-card-v99-avatar { width: 70px; height: 70px; border-radius: 999px; display: grid; place-items: center; object-fit: cover; background: linear-gradient(135deg,#00a79f,#097bd8); border: 1px solid rgba(255,207,92,.58); color: #fff; font-size: 24px; font-weight: 1000; text-transform: uppercase; }
.se-profile-card-v99-avatar-wrap > i { position: absolute; right: 2px; bottom: 4px; width: 16px; height: 16px; border-radius: 50%; background: #38d878; border: 3px solid #111; }
.se-profile-card-v99-copy { min-width: 0; }
.se-profile-card-v99-title-row { display: flex; align-items: center; gap: 7px; min-width: 0; }
.se-profile-card-v99-title-row strong { color: #fff; font-size: 19px; line-height: 1.05; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.se-profile-card-v99-title-row span { border-radius: 999px; padding: 4px 7px; background: rgba(217,166,75,.16); border: 1px solid rgba(217,166,75,.35); color: var(--se-gold); font-size: 10px; font-weight: 1000; }
.se-profile-card-v99-copy small { display: block; margin-top: 5px; color: rgba(255,255,255,.72); }
.se-profile-card-v99-copy p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 8px 0 0; color: var(--se-muted); font-size: 13px; line-height: 1.35; }
.se-profile-card-v99-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.se-profile-card-v99-tags span { border-radius: 999px; padding: 6px 9px; background: rgba(255,255,255,.07); color: #fff; font-size: 11px; font-weight: 900; }
.se-profile-card-v99-tags span:first-child { background: rgba(45,181,95,.25); color: #a9ffbe; }
.se-profile-card-v99-proof { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; border-top: 1px solid var(--se-border-soft); padding-top: 12px; }
.se-profile-card-v99-proof span { display: block; color: var(--se-muted); font-size: 11px; }
.se-profile-card-v99-proof strong { color: #fff; font-size: 24px; line-height: 1; }
.se-profile-card-v99-proof i { width: 36px; height: 36px; border-radius: 999px; border: 4px solid rgba(255,122,26,.28); border-right-color: var(--se-orange); border-bottom-color: var(--se-orange); transform: rotate(-28deg); }
.se-profile-card-v99-proof small { justify-self: end; color: rgba(255,255,255,.72); text-align: right; }
.se-profile-card-actions-v99 { display: grid; grid-template-columns: 1fr 1fr 44px; gap: 8px; }
.se-profile-card-actions-v99 .se-btn { min-height: 42px; font-size: 13px; }
.se-profile-add-icon-v99 { padding: 0 !important; font-size: 19px !important; }
@media (min-width: 760px){ .se-profile-card-v99{ min-width: 310px; } .se-vip-profile-slider,.se-profile-suggestion-slider{ grid-auto-columns: minmax(300px,32%); } }
@media (max-width: 520px){ .se-discovery-hero.se-discovery-hero--share{ padding: 15px; } .se-discovery-hero.se-discovery-hero--share h1{ font-size: clamp(30px,8.6vw,42px); } .se-category-guide{ gap: 6px; } .se-category-guide .se-discovery-category-pill{ font-size: 11px; padding: 8px 10px; } .se-discovery-labelled-action b{ display:none; } .se-discovery-labelled-action{ min-width: 42px; width:42px; padding:0; justify-content:center; } .se-profile-card-v99{ min-width:min(306px,88vw); } }