/* RETRO LOVE · V31.7 Profile Themes */
:root {
  --rl313-bg: #080716;
  --rl313-bg-2: #0d0b1f;
  --rl313-panel: rgba(19, 27, 50, .68);
  --rl313-panel-strong: rgba(21, 25, 48, .9);
  --rl313-line: rgba(182, 205, 255, .16);
  --rl313-white: #f9fbff;
  --rl313-muted: rgba(232, 237, 255, .66);
  --rl313-cyan: #29e6ff;
  --rl313-blue: #4d7dff;
  --rl313-violet: #8f5bff;
  --rl313-pink: #ff34c8;
  --rl313-red: #ff4564;
  --rl313-yellow: #ffd257;
  --rl313-green: #24f0b6;
}

html[data-retro-profile-v319="1"] { color-scheme: dark; }
html[data-retro-profile-v319="1"] body.rl-v313-body {
  background:
    radial-gradient(850px 520px at 10% -8%, rgba(32, 103, 255, .18), transparent 65%),
    radial-gradient(700px 520px at 92% 12%, rgba(170, 65, 255, .14), transparent 64%),
    radial-gradient(620px 460px at 52% 72%, rgba(255, 32, 174, .055), transparent 70%),
    linear-gradient(180deg, #080716 0%, #0a0818 52%, #070713 100%) !important;
  color: var(--rl313-white);
}

.rl-v313-hidden { display: none !important; }
.rl-v313-root { position: relative; isolation: isolate; }
.rl-v313-root::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .55;
  background:
    radial-gradient(circle at 14% 22%, rgba(41, 230, 255, .08) 0 1px, transparent 2px),
    radial-gradient(circle at 83% 36%, rgba(255, 210, 87, .07) 0 1px, transparent 2px),
    radial-gradient(circle at 34% 68%, rgba(255, 69, 100, .05) 0 1px, transparent 2px);
  background-size: 92px 92px, 117px 117px, 143px 143px;
}

.rl-v313-section-label {
  color: rgba(250, 252, 255, .96) !important;
  letter-spacing: .01em;
  text-shadow: 0 0 20px rgba(142, 91, 255, .12);
}

.rl-v313-native-control:not(.rl-v313-original) {
  border-color: rgba(196, 214, 255, .16) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,255,255,.008)),
    rgba(25, 24, 45, .74) !important;
  color: var(--rl313-white) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 12px 32px rgba(0,0,0,.12) !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.rl-v313-native-control:not(.rl-v313-original):focus {
  border-color: rgba(41, 230, 255, .48) !important;
  box-shadow: 0 0 0 3px rgba(41, 230, 255, .085), 0 0 24px rgba(143, 91, 255, .07) !important;
  outline: none !important;
}
.rl-v313-native-control::placeholder { color: rgba(235, 238, 255, .46) !important; }

.rl-v313-original {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Main profile glass card */
.rl-profile-glass-card {
  --card-radius: 30px;
  position: relative;
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  width: min(100%, 720px);
  margin: 22px auto 16px;
  padding: 22px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: var(--card-radius);
  background:
    linear-gradient(var(--rl313-panel-strong), var(--rl313-panel-strong)) padding-box,
    linear-gradient(120deg, rgba(41,230,255,.9), rgba(77,125,255,.7) 25%, rgba(143,91,255,.9) 46%, rgba(255,52,200,.8) 64%, rgba(255,69,100,.78) 78%, rgba(255,210,87,.72)) border-box;
  box-shadow:
    0 26px 70px rgba(0, 0, 0, .30),
    0 0 44px rgba(68, 103, 255, .09),
    inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter: blur(24px) saturate(145%);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
}
.rl-profile-glass-card::before,
.rl-profile-glass-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(2px);
}
.rl-profile-glass-card::before {
  width: 220px; height: 220px; right: -80px; top: -120px;
  background: radial-gradient(circle, rgba(255,52,200,.17), transparent 67%);
}
.rl-profile-glass-card::after {
  width: 180px; height: 180px; left: -85px; bottom: -110px;
  background: radial-gradient(circle, rgba(36,240,182,.15), transparent 68%);
}
.rl-profile-glass-card__shine {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 0 28%, rgba(255,255,255,.035) 42%, transparent 57%),
    radial-gradient(90px 80px at 88% 80%, rgba(255,210,87,.085), transparent 72%);
}
.rl-profile-glass-card__avatar {
  position: relative;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  padding: 3px;
  background: conic-gradient(from 210deg, var(--rl313-green), var(--rl313-cyan), var(--rl313-blue), var(--rl313-violet), var(--rl313-pink), var(--rl313-red), var(--rl313-yellow), var(--rl313-green));
  box-shadow: 0 0 24px rgba(41,230,255,.24), 0 0 34px rgba(255,52,200,.14);
  z-index: 1;
}
.rl-profile-glass-card__avatar::after {
  content: "✦";
  position: absolute;
  right: -6px;
  bottom: 6px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 2px solid rgba(255,255,255,.86);
  border-radius: 50%;
  background: #0b1020;
  color: var(--rl313-yellow);
  font-size: 13px;
  box-shadow: 0 0 18px rgba(255,210,87,.25);
}
.rl-profile-glass-card__avatar img,
.rl-profile-glass-card__fallback {
  width: 100%; height: 100%; border-radius: inherit; object-fit: cover;
  background: linear-gradient(135deg, rgba(41,230,255,.14), rgba(143,91,255,.22));
}
.rl-profile-glass-card__fallback { display: grid; place-items: center; color: #fff; font-size: 34px; }
.rl-profile-glass-card__body { position: relative; min-width: 0; z-index: 1; }
.rl-profile-glass-card__title { display: flex; align-items: center; gap: 9px; }
.rl-profile-glass-card__title strong {
  font-size: clamp(22px, 4.8vw, 31px);
  line-height: 1.08;
  letter-spacing: -.025em;
  color: #fff;
}
.rl-profile-glass-card__online {
  width: 10px; height: 10px; flex: 0 0 auto; border-radius: 50%;
  background: var(--rl313-green);
  box-shadow: 0 0 14px rgba(36,240,182,.74);
}
.rl-profile-glass-card__location { margin-top: 7px; color: rgba(244,247,255,.86); font-size: 14px; }
.rl-profile-glass-card__quote { margin-top: 10px; color: var(--rl313-muted); font-size: 13px; line-height: 1.45; }
.rl-profile-glass-card__tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.rl-profile-glass-card__tag,
.rl-language-chip,
.rl-interest-chip {
  --c1: var(--rl313-cyan); --c2: var(--rl313-blue);
}
[data-accent="1"] { --c1: var(--rl313-green); --c2: var(--rl313-cyan); }
[data-accent="2"] { --c1: var(--rl313-blue); --c2: var(--rl313-violet); }
[data-accent="3"] { --c1: var(--rl313-violet); --c2: var(--rl313-pink); }
[data-accent="4"] { --c1: var(--rl313-pink); --c2: var(--rl313-red); }
[data-accent="5"] { --c1: var(--rl313-yellow); --c2: var(--rl313-red); }
.rl-profile-glass-card__tag {
  padding: 6px 10px;
  border: 1px solid color-mix(in srgb, var(--c1) 52%, transparent);
  border-radius: 999px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--c1) 13%, transparent), color-mix(in srgb, var(--c2) 10%, transparent));
  color: rgba(255,255,255,.94);
  font-size: 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.rl-profile-quicknav {
  width: min(100%, 720px);
  margin: 0 auto 18px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 1px 5px;
  scrollbar-width: none;
}
.rl-profile-quicknav::-webkit-scrollbar { display: none; }
.rl-profile-quicknav__button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(197,214,255,.15);
  border-radius: 999px;
  background: rgba(17,24,46,.64);
  color: rgba(244,247,255,.8);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  backdrop-filter: blur(12px);
}
.rl-profile-quicknav__button:hover,
.rl-profile-quicknav__button:focus-visible {
  border-color: rgba(41,230,255,.44);
  color: #fff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(41,230,255,.07);
}

/* Existing choice tiles get a calmer glass finish while retaining app state colors. */
.rl-v313-choice {
  position: relative;
  overflow: hidden;
  border-color: rgba(196,214,255,.17) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 25px rgba(0,0,0,.10) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
.rl-v313-choice::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,.025), transparent 70%);
}
.rl-v313-choice:hover,
.rl-v313-choice:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(41,230,255,.36) !important;
  box-shadow: 0 13px 30px rgba(0,0,0,.15), 0 0 18px rgba(77,125,255,.07) !important;
  outline: none !important;
}

/* Smart single-value pickers */
.rl-smart-picker { position: relative; width: 100%; color: var(--rl313-white); }
.rl-smart-picker__trigger {
  width: 100%; min-height: 58px;
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 0 18px;
  border: 1px solid rgba(196,214,255,.18);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.008)),
    rgba(20,25,47,.76);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 34px rgba(0,0,0,.12);
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.rl-smart-picker__trigger:hover,
.rl-smart-picker__trigger:focus-visible,
.rl-smart-picker__trigger[aria-expanded="true"] {
  border-color: rgba(41,230,255,.46);
  box-shadow: 0 0 0 3px rgba(41,230,255,.07), 0 16px 38px rgba(0,0,0,.15), 0 0 22px rgba(143,91,255,.06);
  outline: none;
}
.rl-smart-picker[data-kind="goal"] .rl-smart-picker__trigger[aria-expanded="true"] { border-color: rgba(255,69,100,.54); box-shadow: 0 0 0 3px rgba(255,69,100,.075); }
.rl-smart-picker[data-kind="profession"] .rl-smart-picker__trigger[aria-expanded="true"] { border-color: rgba(255,210,87,.54); box-shadow: 0 0 0 3px rgba(255,210,87,.075); }
.rl-smart-picker__trigger.is-empty .rl-smart-picker__value { color: var(--rl313-muted); }
.rl-smart-picker__value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rl-smart-picker__chevron { color: rgba(239,243,255,.7); font-size: 20px; }
.rl-smart-picker__panel {
  position: absolute;
  z-index: 10030;
  left: 0; right: 0; top: calc(100% + 8px);
  max-height: min(520px, 62vh);
  overflow: auto;
  padding: 12px;
  border: 1px solid rgba(143,91,255,.28);
  border-radius: 22px;
  background:
    radial-gradient(320px 180px at 20% 0%, rgba(41,230,255,.08), transparent 68%),
    radial-gradient(320px 190px at 90% 20%, rgba(255,52,200,.075), transparent 68%),
    rgba(10,13,29,.975);
  box-shadow: 0 28px 70px rgba(0,0,0,.5), 0 0 34px rgba(77,125,255,.08);
  backdrop-filter: blur(24px) saturate(145%);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
}
.rl-smart-picker__panel[hidden] { display: none !important; }
.rl-smart-picker__search,
.rl-smart-picker__custom-input,
.rl-language-picker__search {
  width: 100%; min-height: 44px;
  padding: 0 13px;
  border: 1px solid rgba(196,214,255,.15) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.045) !important;
  color: #fff !important;
  font: inherit;
  outline: none !important;
}
.rl-smart-picker__search:focus,
.rl-smart-picker__custom-input:focus,
.rl-language-picker__search:focus { border-color: rgba(41,230,255,.45) !important; box-shadow: 0 0 0 3px rgba(41,230,255,.07) !important; }
.rl-smart-picker__categories { display: flex; gap: 7px; overflow-x: auto; padding: 10px 1px 8px; scrollbar-width: none; }
.rl-smart-picker__categories::-webkit-scrollbar { display: none; }
.rl-smart-picker__category {
  flex: 0 0 auto; min-height: 34px; padding: 0 10px;
  border: 1px solid rgba(196,214,255,.14); border-radius: 999px;
  background: rgba(255,255,255,.03); color: rgba(238,243,255,.72); font: inherit; font-size: 12px; cursor: pointer;
}
.rl-smart-picker__category.is-active { color: #fff; border-color: rgba(255,210,87,.45); background: linear-gradient(135deg, rgba(255,210,87,.12), rgba(255,69,100,.08)); }
.rl-smart-picker__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.rl-smart-picker__option {
  min-height: 48px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 2px;
  padding: 9px 11px; border: 1px solid rgba(196,214,255,.12); border-radius: 14px;
  background: rgba(255,255,255,.025); color: #fff; text-align: left; font: inherit; cursor: pointer;
}
.rl-smart-picker__option:hover,
.rl-smart-picker__option:focus-visible { border-color: rgba(41,230,255,.38); background: linear-gradient(135deg, rgba(41,230,255,.08), rgba(143,91,255,.06)); outline: none; }
.rl-smart-picker__option[aria-selected="true"] { border-color: rgba(255,52,200,.48); background: linear-gradient(135deg, rgba(255,52,200,.13), rgba(77,125,255,.09)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.025); }
.rl-smart-picker__option-label { font-size: 13px; line-height: 1.25; }
.rl-smart-picker__option-category { min-height: 14px; color: rgba(232,237,255,.43); font-size: 10px; line-height: 1.25; }
.rl-smart-picker__custom { display: flex; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(196,214,255,.1); }
.rl-smart-picker__custom-button {
  flex: 0 0 auto; min-width: 86px; border: 1px solid rgba(255,210,87,.38); border-radius: 14px;
  background: linear-gradient(135deg, rgba(255,210,87,.12), rgba(255,69,100,.10)); color: #fff; font: inherit; cursor: pointer;
}
.rl-smart-picker__empty { padding: 16px; color: var(--rl313-muted); text-align: center; grid-column: 1 / -1; }

/* Languages */
.rl-language-picker { position: relative; width: 100%; color: var(--rl313-white); }
.rl-language-picker__surface {
  min-height: 64px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  padding: 10px 11px; border: 1px solid rgba(196,214,255,.18); border-radius: 20px;
  background: linear-gradient(135deg, rgba(41,230,255,.04), rgba(143,91,255,.035)), rgba(20,25,47,.76);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 34px rgba(0,0,0,.11);
}
.rl-language-picker:focus-within .rl-language-picker__surface { border-color: rgba(41,230,255,.48); box-shadow: 0 0 0 3px rgba(41,230,255,.07), 0 14px 34px rgba(0,0,0,.11); }
.rl-language-picker__chips { display: contents; }
.rl-language-chip {
  display: inline-flex; align-items: center; gap: 7px; min-height: 34px; max-width: 100%;
  padding: 5px 7px 5px 11px; border: 1px solid color-mix(in srgb, var(--c1) 62%, transparent); border-radius: 999px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--c1) 13%, transparent), color-mix(in srgb, var(--c2) 10%, transparent));
  color: #fff; font-size: 13px; box-shadow: 0 0 16px color-mix(in srgb, var(--c1) 8%, transparent);
}
.rl-language-chip__remove {
  width: 23px; height: 23px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%;
  background: rgba(255,255,255,.07); color: rgba(255,255,255,.83); font: inherit; cursor: pointer;
}
.rl-language-picker__search { flex: 1 1 155px; min-width: 130px; border-color: transparent !important; background: transparent !important; box-shadow: none !important; }
.rl-language-picker__menu {
  position: absolute; z-index: 10030; left: 0; right: 0; top: calc(100% + 8px); max-height: min(430px, 52vh); overflow: auto;
  padding: 8px; border: 1px solid rgba(41,230,255,.24); border-radius: 20px; background: rgba(9,12,27,.98);
  box-shadow: 0 26px 64px rgba(0,0,0,.46); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
}
.rl-language-picker__menu[hidden] { display: none !important; }
.rl-language-option {
  width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 9px 11px; border: 0; border-radius: 12px; background: transparent; color: #fff; font: inherit; text-align: left; cursor: pointer;
}
.rl-language-option:hover,
.rl-language-option:focus-visible { background: linear-gradient(90deg, rgba(41,230,255,.085), rgba(143,91,255,.065)); outline: none; }
.rl-language-option small { color: rgba(232,237,255,.45); letter-spacing: .08em; }
.rl-language-picker__empty,
.rl-language-picker__hint { color: var(--rl313-muted); font-size: 12px; }
.rl-language-picker__empty { padding: 14px; }
.rl-language-picker__hint { margin-top: 7px; padding-left: 3px; }

/* Interests */
.rl-interest-picker { width: 100%; padding-top: 2px; }
.rl-interest-picker__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.rl-interest-picker__top strong { color: rgba(248,250,255,.9); font-size: 13px; }
.rl-interest-picker__toggle { border: 0; background: transparent; color: #8dadff; font: inherit; font-size: 12px; cursor: pointer; }
.rl-interest-picker__grid { display: flex; flex-wrap: wrap; gap: 8px; }
.rl-interest-chip {
  min-height: 36px; padding: 0 12px; border: 1px solid rgba(196,214,255,.15); border-radius: 999px;
  background: rgba(255,255,255,.026); color: rgba(241,245,255,.82); font: inherit; font-size: 13px; cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, color .16s ease;
}
.rl-interest-chip:hover,
.rl-interest-chip:focus-visible { border-color: color-mix(in srgb, var(--c1) 50%, transparent); color: #fff; outline: none; }
.rl-interest-chip.is-selected {
  border-color: color-mix(in srgb, var(--c1) 70%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--c1) 14%, transparent), color-mix(in srgb, var(--c2) 11%, transparent));
  color: #fff; box-shadow: 0 0 18px color-mix(in srgb, var(--c1) 9%, transparent);
}

/* Save CTA */
.rl-v313-save {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.34) !important;
  background: linear-gradient(105deg, #28edb5 0%, #27d8ff 24%, #4e79ff 48%, #9155ff 68%, #ff35c8 88%, #ff6d84 100%) !important;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  box-shadow: 0 12px 32px rgba(70,98,255,.20), 0 0 28px rgba(255,52,200,.12) !important;
}
.rl-v313-save::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(100deg, transparent 15%, rgba(255,255,255,.18) 45%, transparent 72%);
  transform: translateX(-120%);
}
.rl-v313-save:hover::after { animation: rl313-shine .9s ease; }
@keyframes rl313-shine { to { transform: translateX(120%); } }

@media (max-width: 680px) {
  .rl-profile-glass-card { --card-radius: 26px; grid-template-columns: 84px minmax(0,1fr); gap: 14px; padding: 17px; margin-top: 16px; }
  .rl-profile-glass-card__avatar { width: 84px; height: 84px; }
  .rl-profile-glass-card__avatar::after { width: 27px; height: 27px; right: -4px; }
  .rl-profile-glass-card__title strong { font-size: 23px; }
  .rl-profile-glass-card__location { font-size: 13px; }
  .rl-profile-glass-card__quote { font-size: 12px; }
  .rl-profile-glass-card__tags { gap: 6px; }
  .rl-profile-glass-card__tag { font-size: 11px; padding: 5px 8px; }
  .rl-profile-quicknav { margin-bottom: 14px; }
  /* V31.2.1: open pickers inline on phones. A fixed child can be trapped by
     glass/backdrop-filter ancestors on Android Chromium and look like it did not react. */
  .rl-smart-picker__panel {
    position: static;
    left: auto; right: auto; top: auto; bottom: auto;
    width: 100%;
    max-height: min(58vh, 520px);
    margin-top: 8px;
    border-radius: 20px;
  }
  .rl-smart-picker__grid { grid-template-columns: 1fr; }
  .rl-smart-picker__option { min-height: 48px; }
  .rl-smart-picker__custom { position: sticky; bottom: 0; padding: 10px 0 0; background: linear-gradient(180deg, transparent, rgba(9,12,27,.98) 20%); }
  .rl-language-picker__menu {
    position: static;
    left: auto; right: auto; top: auto; bottom: auto;
    width: 100%;
    max-height: min(52vh, 430px);
    margin-top: 8px;
    border-radius: 20px;
  }
}

@media (max-width: 420px) {
  .rl-profile-glass-card { grid-template-columns: 72px minmax(0,1fr); padding: 15px; }
  .rl-profile-glass-card__avatar { width: 72px; height: 72px; }
  .rl-profile-glass-card__title strong { font-size: 21px; }
  .rl-profile-glass-card__quote { display: none; }
  .rl-profile-glass-card__tags { margin-top: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .rl-v313-choice,
  .rl-smart-picker__trigger,
  .rl-interest-chip { transition: none !important; }
  .rl-v313-save:hover::after { animation: none !important; }
  * { scroll-behavior: auto !important; }
}

@supports not (backdrop-filter: blur(1px)) {
  .rl-profile-glass-card,
  .rl-smart-picker__panel,
  .rl-language-picker__menu { background-color: rgba(10,13,29,.985); }
}

/* Existing form groups become restrained glass panels; no layout is forced. */
.rl-v313-glass-section {
  border-color: rgba(183, 205, 255, .14) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.022), rgba(255,255,255,.006)),
    rgba(13, 15, 31, .44) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 18px 46px rgba(0,0,0,.09) !important;
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}

/* ================================================================
   V31.5 · LIVING NEON HERO
   Premium glass profile, larger avatar and animated-looking neon.
   ================================================================ */

.rl-profile-glass-card {
  --card-radius: 32px;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 26px;
  min-height: 252px;
  padding: 30px 34px;
  border-width: 1px;
  border-radius: var(--card-radius);
  background:
    linear-gradient(135deg, rgba(10, 20, 44, .88), rgba(20, 14, 49, .82) 50%, rgba(30, 12, 46, .77)) padding-box,
    linear-gradient(105deg, #2cecff 0%, #2f7fff 21%, #8458ff 40%, #ff3fc7 62%, #ff5674 79%, #ffd154 100%) border-box;
  box-shadow:
    0 28px 78px rgba(0, 0, 0, .38),
    0 0 34px rgba(38, 179, 255, .13),
    0 0 64px rgba(255, 51, 194, .09),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(94,117,255,.08);
  backdrop-filter: blur(28px) saturate(155%);
  -webkit-backdrop-filter: blur(28px) saturate(155%);
}
.rl-profile-glass-card::before {
  width: 360px;
  height: 310px;
  right: -140px;
  top: -160px;
  background:
    radial-gradient(circle at 45% 46%, rgba(255, 54, 201, .23), transparent 59%),
    radial-gradient(circle at 68% 38%, rgba(255, 210, 87, .10), transparent 42%);
  filter: blur(7px);
}
.rl-profile-glass-card::after {
  width: 310px;
  height: 280px;
  left: -125px;
  bottom: -155px;
  background:
    radial-gradient(circle at 58% 44%, rgba(41, 230, 255, .20), transparent 60%),
    radial-gradient(circle at 40% 65%, rgba(36, 240, 182, .10), transparent 45%);
  filter: blur(8px);
}
.rl-profile-glass-card__aurora {
  position: absolute;
  inset: -35%;
  pointer-events: none;
  opacity: .62;
  background:
    conic-gradient(from 70deg at 48% 52%,
      transparent 0 12%, rgba(41,230,255,.09) 17%, transparent 28%,
      rgba(143,91,255,.10) 39%, transparent 51%, rgba(255,52,200,.10) 62%,
      transparent 72%, rgba(255,210,87,.055) 82%, transparent 100%);
  filter: blur(18px);
  animation: rl313-aurora-drift 14s ease-in-out infinite alternate;
}
.rl-profile-glass-card__shine {
  background:
    linear-gradient(112deg, transparent 0 25%, rgba(255,255,255,.075) 40%, transparent 57%),
    linear-gradient(165deg, rgba(41,230,255,.035), transparent 40%, rgba(255,52,200,.035)),
    radial-gradient(120px 100px at 90% 82%, rgba(255,210,87,.09), transparent 72%);
  mix-blend-mode: screen;
}

.rl-profile-glass-card__avatar-shell {
  position: relative;
  width: 168px;
  height: 168px;
  display: grid;
  place-items: center;
  z-index: 2;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.20));
}
.rl-profile-glass-card__avatar-shell::before,
.rl-profile-glass-card__avatar-shell::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.rl-profile-glass-card__avatar-shell::before {
  inset: -13px;
  background: conic-gradient(from 0deg,
    rgba(41,230,255,.0), rgba(41,230,255,.9), rgba(77,125,255,.75), rgba(143,91,255,.96),
    rgba(255,52,200,.98), rgba(255,69,100,.78), rgba(255,210,87,.88), rgba(36,240,182,.82), rgba(41,230,255,0));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));
  filter: blur(.4px) drop-shadow(0 0 12px rgba(41,230,255,.28)) drop-shadow(0 0 18px rgba(255,52,200,.20));
  animation: rl313-ring-spin 9s linear infinite;
}
.rl-profile-glass-card__avatar-shell::after {
  inset: -22px;
  background:
    radial-gradient(circle at 22% 24%, rgba(255,255,255,.88) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 22%, rgba(255,69,100,.9) 0 1.4px, transparent 2.8px),
    radial-gradient(circle at 89% 62%, rgba(255,210,87,.95) 0 1.2px, transparent 2.6px),
    radial-gradient(circle at 29% 86%, rgba(41,230,255,.95) 0 1.4px, transparent 2.7px),
    radial-gradient(circle at 5% 61%, rgba(143,91,255,.92) 0 1px, transparent 2.5px);
  animation: rl313-sparkle 4.6s ease-in-out infinite;
}
.rl-profile-glass-card__avatar {
  width: 156px;
  height: 156px;
  padding: 4px;
  border: 1px solid rgba(255,255,255,.78);
  background: conic-gradient(from 210deg, #24f0b6, #29e6ff, #4d7dff, #8f5bff, #ff34c8, #ff4564, #ffd257, #24f0b6);
  box-shadow:
    0 0 0 4px rgba(6, 10, 24, .80),
    0 0 22px rgba(41,230,255,.35),
    0 0 42px rgba(255,52,200,.20),
    inset 0 0 0 1px rgba(255,255,255,.30);
}
.rl-profile-glass-card__avatar::after { display: none !important; }
.rl-profile-glass-card__avatar img,
.rl-profile-glass-card__fallback {
  border: 2px solid rgba(7, 10, 25, .9);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.15);
}
.rl-profile-glass-card__badge {
  position: absolute;
  right: -6px;
  bottom: 9px;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 22%, rgba(255,255,255,.21), transparent 31%),
    linear-gradient(145deg, rgba(21,35,70,.92), rgba(11,14,34,.86) 55%, rgba(39,12,51,.88));
  box-shadow:
    0 0 0 4px rgba(9, 12, 28, .85),
    0 10px 28px rgba(0,0,0,.35),
    0 0 17px rgba(41,230,255,.30),
    0 0 25px rgba(255,52,200,.23),
    inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter: blur(16px) saturate(170%);
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  z-index: 5;
  animation: rl313-badge-breathe 3.6s ease-in-out infinite;
}
.rl-profile-glass-card__badge span {
  color: var(--rl313-yellow);
  font-size: 25px;
  line-height: 1;
  text-shadow: 0 0 12px rgba(255,210,87,.92), 0 0 28px rgba(255,69,100,.32);
}

.rl-profile-glass-card__body {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 82px;
}
.rl-profile-glass-card__status {
  align-self: flex-start;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  margin-bottom: 10px;
  border: 1px solid rgba(36,240,182,.42);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(36,240,182,.14), rgba(41,230,255,.055));
  color: rgba(228,255,248,.94);
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  box-shadow: 0 0 19px rgba(36,240,182,.12), inset 0 1px 0 rgba(255,255,255,.06);
}
.rl-profile-glass-card__status span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--rl313-green);
  box-shadow: 0 0 0 4px rgba(36,240,182,.08), 0 0 14px rgba(36,240,182,.78);
  animation: rl313-online-pulse 2.4s ease-in-out infinite;
}
.rl-profile-glass-card__title { gap: 11px; }
.rl-profile-glass-card__title strong {
  font-size: clamp(30px, 5.4vw, 43px);
  letter-spacing: -.035em;
  text-shadow: 0 8px 26px rgba(0,0,0,.28), 0 0 22px rgba(136,99,255,.10);
}
.rl-profile-glass-card__online { display: none; }
.rl-profile-glass-card__edit {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(191,209,255,.25);
  border-radius: 50%;
  background: rgba(17,25,51,.64);
  color: rgba(247,249,255,.92);
  font: inherit;
  font-size: 18px;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 24px rgba(0,0,0,.18);
  backdrop-filter: blur(12px);
}
.rl-profile-glass-card__edit:hover,
.rl-profile-glass-card__edit:focus-visible {
  border-color: rgba(41,230,255,.55);
  color: #fff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(41,230,255,.08), 0 0 22px rgba(143,91,255,.13);
}
.rl-profile-glass-card__location {
  margin-top: 8px;
  color: rgba(240,244,255,.84);
  font-size: 17px;
}
.rl-profile-glass-card__tags { margin-top: 16px; gap: 9px; }
.rl-profile-glass-card__tag {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 7px 13px;
  border-width: 1px;
  font-size: 13px;
  background:
    radial-gradient(circle at 14% 15%, rgba(255,255,255,.08), transparent 40%),
    linear-gradient(135deg, color-mix(in srgb, var(--c1) 15%, transparent), color-mix(in srgb, var(--c2) 11%, transparent));
  box-shadow:
    0 0 17px color-mix(in srgb, var(--c1) 8%, transparent),
    inset 0 1px 0 rgba(255,255,255,.07);
}
.rl-profile-glass-card__quote {
  margin-top: 16px;
  max-width: 520px;
  color: rgba(224,230,249,.70);
  font-size: 13px;
  line-height: 1.55;
}
.rl-profile-glass-card__slogan {
  position: absolute;
  top: 34px;
  right: 24px;
  z-index: 2;
  color: rgba(255,150,232,.78);
  font-size: 19px;
  line-height: 1.04;
  font-style: italic;
  text-align: center;
  transform: rotate(-5deg);
  text-shadow: 0 0 14px rgba(255,52,200,.38);
}
.rl-profile-glass-card__slogan span { color: #ff67d4; font-size: 26px; }

.rl-profile-quicknav {
  width: min(100%, 720px);
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 22px;
}
.rl-profile-quicknav__button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding-inline: 18px;
  border-color: rgba(196,214,255,.18);
  background:
    linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,255,255,.006)),
    rgba(16,23,47,.72);
  color: rgba(243,247,255,.83);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 10px 24px rgba(0,0,0,.10);
}
.rl-profile-quicknav__button[data-active="1"] {
  border-color: transparent;
  background:
    linear-gradient(rgba(22,24,55,.85), rgba(22,24,55,.85)) padding-box,
    linear-gradient(110deg, #29e6ff, #8f5bff 45%, #ff34c8 75%, #ff6a77) border-box;
  color: #fff;
  box-shadow: 0 0 22px rgba(143,91,255,.12), inset 0 1px 0 rgba(255,255,255,.08);
}
.rl-profile-quicknav__icon {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 17px;
  text-shadow: 0 0 10px rgba(41,230,255,.34);
}

/* Existing verification / photos panels: styling only, content and permissions stay native. */
.rl-v313-verification-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(36,240,182,.52) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(320px 170px at 2% 50%, rgba(36,240,182,.16), transparent 60%),
    radial-gradient(280px 170px at 100% 15%, rgba(41,230,255,.10), transparent 65%),
    linear-gradient(135deg, rgba(3,47,45,.80), rgba(5,27,39,.79) 55%, rgba(10,19,39,.82)) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.18), 0 0 26px rgba(36,240,182,.11), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter: blur(22px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
}
.rl-v313-verification-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 10%, rgba(255,255,255,.055) 39%, transparent 56%);
}
.rl-v313-photos-card {
  border-color: rgba(255,52,200,.20) !important;
  background:
    linear-gradient(135deg, rgba(255,52,200,.025), rgba(77,125,255,.025)),
    rgba(15,14,32,.62) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 18px 42px rgba(0,0,0,.11) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
}

/* Selectors stay interactive; V31.2.1 picker fix is included in this full package. */
.rl-smart-picker__trigger {
  min-height: 62px;
  border-radius: 22px;
  background:
    radial-gradient(130px 80px at 5% 0%, rgba(41,230,255,.035), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.008)),
    rgba(20,25,47,.80);
}
.rl-language-picker__surface { border-radius: 22px; }
.rl-v313-native-control:not(.rl-v313-original) { border-radius: 22px !important; }
.rl-v313-glass-section { border-radius: 26px !important; }

@keyframes rl313-ring-spin { to { transform: rotate(360deg); } }
@keyframes rl313-aurora-drift {
  from { transform: rotate(-5deg) scale(1); opacity: .48; }
  to { transform: rotate(12deg) scale(1.08); opacity: .72; }
}
@keyframes rl313-badge-breathe {
  0%, 100% { transform: translateY(0) scale(1); filter: brightness(1); }
  50% { transform: translateY(-2px) scale(1.035); filter: brightness(1.12); }
}
@keyframes rl313-online-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(.84); opacity: .75; }
}
@keyframes rl313-sparkle {
  0%, 100% { opacity: .58; transform: scale(.985) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.025) rotate(3deg); }
}

@media (max-width: 680px) {
  .rl-profile-glass-card {
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 18px;
    min-height: 224px;
    padding: 22px 18px;
    margin-top: 18px;
    border-radius: 28px;
  }
  .rl-profile-glass-card__avatar-shell { width: 132px; height: 132px; }
  .rl-profile-glass-card__avatar { width: 122px; height: 122px; }
  .rl-profile-glass-card__avatar-shell::before { inset: -10px; }
  .rl-profile-glass-card__avatar-shell::after { inset: -17px; }
  .rl-profile-glass-card__badge { width: 44px; height: 44px; right: -3px; bottom: 5px; }
  .rl-profile-glass-card__badge span { font-size: 22px; }
  .rl-profile-glass-card__body { padding-right: 0; }
  .rl-profile-glass-card__status { min-height: 29px; padding: 0 10px; margin-bottom: 8px; font-size: 10px; }
  .rl-profile-glass-card__title strong { font-size: clamp(24px, 7vw, 31px); }
  .rl-profile-glass-card__edit { width: 36px; height: 36px; font-size: 16px; }
  .rl-profile-glass-card__location { font-size: 14px; }
  .rl-profile-glass-card__quote { margin-top: 11px; font-size: 11.5px; }
  .rl-profile-glass-card__tags { margin-top: 11px; gap: 6px; }
  .rl-profile-glass-card__tag { min-height: 33px; padding: 5px 9px; font-size: 11px; }
  .rl-profile-glass-card__slogan { display: none; }
  .rl-profile-quicknav__button { min-height: 44px; padding-inline: 14px; font-size: 12px; }
}

@media (max-width: 430px) {
  .rl-profile-glass-card {
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 15px;
    min-height: 208px;
    padding: 19px 15px;
  }
  .rl-profile-glass-card__avatar-shell { width: 118px; height: 118px; }
  .rl-profile-glass-card__avatar { width: 110px; height: 110px; }
  .rl-profile-glass-card__badge { width: 40px; height: 40px; }
  .rl-profile-glass-card__status { letter-spacing: .08em; }
  .rl-profile-glass-card__title strong { font-size: 23px; }
  .rl-profile-glass-card__edit { display: none; }
  .rl-profile-glass-card__quote { display: none; }
  .rl-profile-quicknav { gap: 7px; }
  .rl-profile-quicknav__button { min-height: 42px; padding-inline: 12px; }
}

@media (max-width: 370px) {
  .rl-profile-glass-card { grid-template-columns: 104px minmax(0,1fr); gap: 12px; padding: 17px 13px; }
  .rl-profile-glass-card__avatar-shell { width: 104px; height: 104px; }
  .rl-profile-glass-card__avatar { width: 96px; height: 96px; }
  .rl-profile-glass-card__badge { width: 36px; height: 36px; right: -2px; }
  .rl-profile-glass-card__title strong { font-size: 20px; }
  .rl-profile-glass-card__location { font-size: 12px; }
  .rl-profile-glass-card__tag { min-height: 30px; padding: 4px 7px; font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .rl-profile-glass-card__aurora,
  .rl-profile-glass-card__avatar-shell::before,
  .rl-profile-glass-card__avatar-shell::after,
  .rl-profile-glass-card__badge,
  .rl-profile-glass-card__status span { animation: none !important; }
}

/* ================================================================
   V31.5 · LIQUID GLASS AURA
   One clean avatar ring + slow multicolor smoke + mirror glass.
   ================================================================ */

html[data-retro-profile-v319="1"] {
  --rl315-glass-edge: rgba(218, 232, 255, .30);
  --rl315-glass-white: rgba(255, 255, 255, .13);
  --rl315-glass-dark: rgba(6, 11, 28, .58);
  --rl315-cyan: #2cecff;
  --rl315-blue: #397cff;
  --rl315-violet: #8c5cff;
  --rl315-pink: #ff3fc8;
  --rl315-red: #ff536f;
  --rl315-gold: #ffd25a;
}

/* Living mirrored profile slab */
html[data-retro-profile-v319="1"] .rl-profile-glass-card {
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(118deg, rgba(255,255,255,.105) 0%, rgba(255,255,255,.018) 18%, transparent 34%, rgba(255,255,255,.055) 53%, transparent 72%) padding-box,
    linear-gradient(145deg, rgba(8,24,49,.82), rgba(15,17,46,.78) 42%, rgba(42,13,50,.76) 73%, rgba(33,23,30,.72)) padding-box,
    linear-gradient(112deg, var(--rl315-cyan), var(--rl315-blue) 20%, var(--rl315-violet) 39%, var(--rl315-pink) 61%, var(--rl315-red) 79%, var(--rl315-gold)) border-box;
  background-size: 210% 210%, 100% 100%, 240% 240%;
  box-shadow:
    0 30px 78px rgba(0,0,0,.38),
    0 0 40px rgba(44,236,255,.10),
    0 0 58px rgba(255,63,200,.08),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(108,131,255,.10),
    inset 20px 0 70px rgba(40,139,255,.035),
    inset -20px 0 70px rgba(255,67,187,.035);
  backdrop-filter: blur(30px) saturate(172%) contrast(108%);
  -webkit-backdrop-filter: blur(30px) saturate(172%) contrast(108%);
  animation: rl315-card-spectrum 24s ease-in-out infinite alternate;
}

html[data-retro-profile-v319="1"] .rl-profile-glass-card::before {
  width: 430px;
  height: 330px;
  right: -170px;
  top: -155px;
  opacity: .72;
  background:
    radial-gradient(ellipse at 30% 38%, rgba(255,255,255,.13), transparent 25%),
    radial-gradient(ellipse at 50% 48%, rgba(255,65,205,.19), transparent 54%),
    radial-gradient(ellipse at 72% 54%, rgba(255,210,90,.09), transparent 42%);
  filter: blur(16px);
  animation: rl315-card-cloud-a 18s ease-in-out infinite alternate;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card::after {
  width: 390px;
  height: 300px;
  left: -155px;
  bottom: -145px;
  opacity: .72;
  background:
    radial-gradient(ellipse at 64% 38%, rgba(44,236,255,.20), transparent 54%),
    radial-gradient(ellipse at 42% 64%, rgba(57,124,255,.16), transparent 48%),
    radial-gradient(ellipse at 61% 72%, rgba(140,92,255,.11), transparent 41%);
  filter: blur(17px);
  animation: rl315-card-cloud-b 21s ease-in-out infinite alternate;
}

html[data-retro-profile-v319="1"] .rl-profile-glass-card__aurora {
  inset: -42%;
  opacity: .68;
  background:
    radial-gradient(ellipse at 22% 42%, rgba(44,236,255,.12), transparent 22%),
    radial-gradient(ellipse at 40% 63%, rgba(57,124,255,.11), transparent 24%),
    radial-gradient(ellipse at 59% 31%, rgba(140,92,255,.13), transparent 25%),
    radial-gradient(ellipse at 76% 53%, rgba(255,63,200,.12), transparent 24%),
    radial-gradient(ellipse at 66% 76%, rgba(255,83,111,.08), transparent 20%),
    radial-gradient(ellipse at 87% 22%, rgba(255,210,90,.07), transparent 18%);
  filter: blur(24px) saturate(165%);
  mix-blend-mode: screen;
  will-change: transform, opacity;
  animation: rl315-aurora-liquid 28s cubic-bezier(.45,.02,.55,.98) infinite alternate;
}

html[data-retro-profile-v319="1"] .rl-profile-glass-card__shine {
  z-index: 1;
  opacity: .72;
  background:
    linear-gradient(110deg, transparent 0 18%, rgba(255,255,255,.03) 29%, rgba(255,255,255,.17) 38%, rgba(255,255,255,.035) 47%, transparent 60%),
    radial-gradient(ellipse at 16% 7%, rgba(255,255,255,.18), transparent 20%),
    linear-gradient(165deg, rgba(44,236,255,.04), transparent 38%, rgba(255,63,200,.045));
  background-size: 230% 100%, 100% 100%, 100% 100%;
  mix-blend-mode: screen;
  will-change: background-position, opacity;
  animation: rl315-mirror-sweep 19s ease-in-out infinite;
}

/* One ring only. The smoke is separate and lives behind it. */
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell {
  width: 178px;
  height: 178px;
  isolation: isolate;
  filter: drop-shadow(0 20px 34px rgba(0,0,0,.24));
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::before {
  inset: 2px;
  z-index: 3;
  background: conic-gradient(from 18deg,
    var(--rl315-cyan), var(--rl315-blue) 18%, var(--rl315-violet) 35%,
    var(--rl315-pink) 55%, var(--rl315-red) 70%, var(--rl315-gold) 83%,
    #ffffff 91%, var(--rl315-cyan));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));
  filter:
    drop-shadow(0 0 8px rgba(44,236,255,.62))
    drop-shadow(0 0 13px rgba(140,92,255,.42))
    drop-shadow(0 0 16px rgba(255,63,200,.31));
  will-change: transform;
  animation: rl315-one-ring 20s linear infinite;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::after {
  inset: -38px;
  z-index: -1;
  border-radius: 50%;
  opacity: .80;
  background:
    radial-gradient(ellipse at 18% 40%, rgba(44,236,255,.86) 0 8%, rgba(44,236,255,.31) 15%, transparent 31%),
    radial-gradient(ellipse at 36% 14%, rgba(57,124,255,.74) 0 7%, rgba(57,124,255,.28) 17%, transparent 32%),
    radial-gradient(ellipse at 72% 18%, rgba(140,92,255,.80) 0 8%, rgba(140,92,255,.28) 16%, transparent 32%),
    radial-gradient(ellipse at 87% 49%, rgba(255,63,200,.78) 0 7%, rgba(255,63,200,.28) 15%, transparent 31%),
    radial-gradient(ellipse at 68% 84%, rgba(255,83,111,.64) 0 6%, rgba(255,83,111,.22) 15%, transparent 29%),
    radial-gradient(ellipse at 34% 88%, rgba(255,210,90,.56) 0 5%, rgba(255,210,90,.18) 13%, transparent 27%);
  -webkit-mask: radial-gradient(circle, transparent 0 48%, rgba(0,0,0,.26) 55%, #000 65% 82%, transparent 94%);
  mask: radial-gradient(circle, transparent 0 48%, rgba(0,0,0,.26) 55%, #000 65% 82%, transparent 94%);
  filter: blur(14px) saturate(178%);
  mix-blend-mode: screen;
  transform-origin: 50% 50%;
  will-change: transform, opacity, filter;
  animation: rl315-smoke-orbit 22s cubic-bezier(.45,.02,.55,.98) infinite alternate;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar {
  position: relative;
  z-index: 2;
  width: 166px;
  height: 166px;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  box-shadow:
    0 0 28px rgba(44,236,255,.13),
    0 0 42px rgba(255,63,200,.09),
    0 16px 34px rgba(0,0,0,.22);
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar img,
html[data-retro-profile-v319="1"] .rl-profile-glass-card__fallback {
  width: 100%;
  height: 100%;
  border: 0 !important;
  box-shadow: none !important;
  object-fit: cover;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__badge {
  right: -1px;
  bottom: 10px;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(255,255,255,.44);
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.27), transparent 27%),
    linear-gradient(145deg, rgba(72,91,135,.38), rgba(8,12,31,.68) 48%, rgba(44,14,56,.58));
  box-shadow:
    0 0 0 3px rgba(7,10,27,.52),
    0 12px 28px rgba(0,0,0,.32),
    0 0 18px rgba(255,210,90,.25),
    0 0 24px rgba(255,63,200,.18),
    inset 0 1px 1px rgba(255,255,255,.30),
    inset 0 -8px 18px rgba(0,0,0,.12);
  backdrop-filter: blur(20px) saturate(190%);
  -webkit-backdrop-filter: blur(20px) saturate(190%);
  animation: rl315-badge-float 6.4s ease-in-out infinite;
}

/* Mirror glass buttons / tabs */
html[data-retro-profile-v319="1"] .rl-profile-quicknav__button,
html[data-retro-profile-v319="1"] .rl-v315-mirror-nav,
html[data-retro-profile-v319="1"] .rl-smart-picker__trigger,
html[data-retro-profile-v319="1"] .rl-language-picker__surface,
html[data-retro-profile-v319="1"] .rl-v313-native-control:not(.rl-v313-original) {
  position: relative;
  overflow: hidden;
  border-color: rgba(211,226,255,.22) !important;
  background:
    linear-gradient(118deg, rgba(255,255,255,.13), rgba(255,255,255,.025) 28%, transparent 48%, rgba(255,255,255,.055) 71%, rgba(255,255,255,.025)),
    linear-gradient(150deg, rgba(21,35,70,.68), rgba(12,17,38,.74) 50%, rgba(38,16,55,.62)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(94,119,255,.10),
    0 12px 30px rgba(0,0,0,.14),
    0 0 16px rgba(91,115,255,.05) !important;
  backdrop-filter: blur(21px) saturate(168%) !important;
  -webkit-backdrop-filter: blur(21px) saturate(168%) !important;
}
html[data-retro-profile-v319="1"] .rl-v315-mirror-nav {
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease !important;
}
html[data-retro-profile-v319="1"] .rl-v315-mirror-nav:hover,
html[data-retro-profile-v319="1"] .rl-v315-mirror-nav:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(44,236,255,.48) !important;
  box-shadow: 0 0 0 3px rgba(44,236,255,.07), 0 0 24px rgba(140,92,255,.10) !important;
}

html[data-retro-profile-v319="1"] .rl-profile-quicknav__button[data-active="1"] {
  background:
    linear-gradient(118deg, rgba(255,255,255,.16), rgba(255,255,255,.035) 30%, transparent 50%, rgba(255,255,255,.06) 72%),
    linear-gradient(150deg, rgba(38,67,111,.74), rgba(42,22,78,.76) 50%, rgba(91,18,76,.68)) padding-box,
    linear-gradient(110deg, var(--rl315-cyan), var(--rl315-blue), var(--rl315-violet), var(--rl315-pink), var(--rl315-red)) border-box !important;
  background-size: 210% 100%, 100% 100%, 220% 220% !important;
  animation: rl315-tab-spectrum 18s ease-in-out infinite alternate;
}

/* Mirror verification and photo panels */
html[data-retro-profile-v319="1"] .rl-v313-verification-card,
html[data-retro-profile-v319="1"] .rl-v313-photos-card,
html[data-retro-profile-v319="1"] .rl-v313-glass-section {
  background:
    linear-gradient(115deg, rgba(255,255,255,.12), rgba(255,255,255,.018) 25%, transparent 45%, rgba(255,255,255,.045) 68%, transparent 86%),
    linear-gradient(145deg, rgba(9,37,45,.72), rgba(8,24,40,.72) 52%, rgba(15,19,43,.70)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(92,122,255,.08),
    0 20px 48px rgba(0,0,0,.16),
    0 0 24px rgba(44,236,255,.07) !important;
  backdrop-filter: blur(28px) saturate(165%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(165%) !important;
}
html[data-retro-profile-v319="1"] .rl-v313-verification-card {
  border-color: rgba(36,240,182,.58) !important;
}
html[data-retro-profile-v319="1"] .rl-v313-verification-card::after {
  background: linear-gradient(112deg, transparent 0 24%, rgba(255,255,255,.05) 34%, rgba(255,255,255,.16) 43%, transparent 55% 100%);
  background-size: 220% 100%;
  animation: rl315-mirror-sweep 21s ease-in-out infinite;
}

/* Slow, calm movement only; avoids rapid flicker. */
@keyframes rl315-card-spectrum {
  0% { background-position: 8% 42%, 0 0, 0% 50%; }
  50% { background-position: 62% 48%, 0 0, 55% 52%; }
  100% { background-position: 96% 58%, 0 0, 100% 46%; }
}
@keyframes rl315-card-cloud-a {
  0% { transform: translate3d(-8px, 2px, 0) scale(.96) rotate(-4deg); opacity: .56; }
  100% { transform: translate3d(18px, 18px, 0) scale(1.08) rotate(7deg); opacity: .80; }
}
@keyframes rl315-card-cloud-b {
  0% { transform: translate3d(10px, 8px, 0) scale(1.02) rotate(5deg); opacity: .64; }
  100% { transform: translate3d(-18px, -8px, 0) scale(.94) rotate(-7deg); opacity: .80; }
}
@keyframes rl315-aurora-liquid {
  0% { transform: translate3d(-2%, -1%, 0) rotate(-5deg) scale(1.00); opacity: .50; }
  33% { transform: translate3d(3%, -2%, 0) rotate(3deg) scale(1.05); opacity: .68; }
  66% { transform: translate3d(1%, 3%, 0) rotate(8deg) scale(1.08); opacity: .74; }
  100% { transform: translate3d(-3%, 2%, 0) rotate(12deg) scale(1.04); opacity: .60; }
}
@keyframes rl315-mirror-sweep {
  0%, 16% { background-position: 210% 0, 0 0, 0 0; opacity: .52; }
  48% { opacity: .78; }
  78%, 100% { background-position: -80% 0, 0 0, 0 0; opacity: .56; }
}
@keyframes rl315-one-ring {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes rl315-smoke-orbit {
  0% { transform: translate3d(-7px, 3px, 0) rotate(-8deg) scale(.98); opacity: .60; filter: blur(14px) saturate(165%) hue-rotate(0deg); }
  28% { transform: translate3d(5px, -8px, 0) rotate(3deg) scale(1.05); opacity: .84; filter: blur(16px) saturate(184%) hue-rotate(18deg); }
  58% { transform: translate3d(9px, 7px, 0) rotate(10deg) scale(1.08); opacity: .72; filter: blur(15px) saturate(175%) hue-rotate(-12deg); }
  100% { transform: translate3d(-5px, 10px, 0) rotate(18deg) scale(1.02); opacity: .82; filter: blur(17px) saturate(190%) hue-rotate(26deg); }
}
@keyframes rl315-badge-float {
  0%, 100% { transform: translate3d(0,0,0) scale(1); filter: brightness(1); }
  50% { transform: translate3d(0,-3px,0) scale(1.025); filter: brightness(1.08); }
}
@keyframes rl315-tab-spectrum {
  0% { background-position: 180% 0, 0 0, 0% 50%; }
  100% { background-position: -60% 0, 0 0, 100% 50%; }
}

@media (max-width: 680px) {
  html[data-retro-profile-v319="1"] .rl-profile-glass-card {
    grid-template-columns: 144px minmax(0,1fr);
    gap: 17px;
    min-height: 232px;
    padding: 21px 17px;
  }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell { width: 144px; height: 144px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar { width: 134px; height: 134px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::before { inset: 1px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::after { inset: -31px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__badge { width: 46px; height: 46px; right: 0; bottom: 7px; }
}
@media (max-width: 430px) {
  html[data-retro-profile-v319="1"] .rl-profile-glass-card {
    grid-template-columns: 132px minmax(0,1fr);
    gap: 14px;
    min-height: 218px;
    padding: 19px 14px;
  }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell { width: 132px; height: 132px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar { width: 124px; height: 124px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::after { inset: -28px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__badge { width: 42px; height: 42px; }
}
@media (max-width: 370px) {
  html[data-retro-profile-v319="1"] .rl-profile-glass-card {
    grid-template-columns: 116px minmax(0,1fr);
  }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell { width: 116px; height: 116px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar { width: 108px; height: 108px; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-retro-profile-v319="1"] .rl-profile-glass-card,
  html[data-retro-profile-v319="1"] .rl-profile-glass-card::before,
  html[data-retro-profile-v319="1"] .rl-profile-glass-card::after,
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__aurora,
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__shine,
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::before,
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::after,
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__badge,
  html[data-retro-profile-v319="1"] .rl-profile-quicknav__button[data-active="1"],
  html[data-retro-profile-v319="1"] .rl-v313-verification-card::after {
    animation: none !important;
  }
}

/* ================================================================
   V31.5 Final Profile — approved neon/glass composition
   Keeps one avatar ring, living smoke aura, and a clear profile grid.
   ================================================================ */
html[data-retro-profile-v319="1"] .rl-profile-glass-card {
  width: min(100%, 820px);
  min-height: 286px;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 28px;
  padding: 28px 30px;
  border-radius: 32px;
  background:
    linear-gradient(112deg, rgba(255,255,255,.13), rgba(255,255,255,.025) 19%, transparent 42%, rgba(255,255,255,.05) 62%, transparent 78%),
    linear-gradient(145deg, rgba(7,28,67,.80), rgba(10,22,55,.74) 44%, rgba(42,10,62,.72) 73%, rgba(21,21,55,.78)) padding-box,
    linear-gradient(110deg, #2deaff, #407cff 22%, #8f56ff 43%, #ff37c6 64%, #ff536f 80%, #ffd85e) border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -1px 0 rgba(65,115,255,.10),
    0 26px 72px rgba(0,0,0,.34),
    0 0 34px rgba(35,211,255,.11),
    0 0 44px rgba(255,49,192,.08) !important;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell {
  width: 182px;
  height: 182px;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar {
  width: 172px;
  height: 172px;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::before {
  inset: 1px;
  padding: 3px;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::after {
  inset: -34px;
  opacity: .78;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__badge {
  width: 56px;
  height: 56px;
  right: 1px;
  bottom: 8px;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__body {
  align-self: center;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__title strong {
  font-size: clamp(29px, 5vw, 38px);
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__location {
  margin-top: 10px;
  font-size: 17px;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__tag {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 7px 14px;
  font-size: 13px;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__quote {
  max-width: 430px;
  margin-top: 14px;
  font-size: 13px;
}
html[data-retro-profile-v319="1"] .rl-profile-quicknav {
  width: min(100%, 820px);
  gap: 12px;
  margin-top: 10px;
  margin-bottom: 22px;
}
html[data-retro-profile-v319="1"] .rl-profile-quicknav__button {
  flex: 1 0 145px;
  min-height: 54px;
  justify-content: center;
  font-size: 14px;
  border-radius: 22px;
}

/* Readable final summary section matching the approved profile design. */
.rl-v315-info-overview {
  width: min(100%, 820px);
  margin: 22px auto 28px;
  padding: 0;
  color: var(--rl313-white);
}
.rl-v315-info-overview__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin: 0 4px 14px;
}
.rl-v315-info-overview__title {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 20px;
}
.rl-v315-info-overview__title strong { color: #fff; }
.rl-v315-info-overview__person {
  color: #dfe9ff;
  font-size: 25px;
  text-shadow: 0 0 18px rgba(76,131,255,.35);
}
.rl-v315-info-overview__head p {
  margin: 4px 0 0 36px;
  color: rgba(229,235,255,.66);
  font-size: 13px;
}
.rl-v315-info-overview__edit {
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(75,126,255,.56);
  border-radius: 18px;
  background:
    linear-gradient(115deg, rgba(255,255,255,.13), transparent 36%, rgba(255,255,255,.04)),
    rgba(14,29,67,.72);
  color: #f7f9ff;
  font: inherit;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 22px rgba(63,104,255,.10);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}
.rl-v315-info-overview__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px 12px;
}
.rl-v315-info-overview__item {
  --accent: #4bdcff;
  position: relative;
  min-width: 0;
  min-height: 82px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) 18px;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  overflow: hidden;
  border: 1px solid rgba(122,164,255,.24);
  border-radius: 19px;
  background:
    linear-gradient(118deg, rgba(255,255,255,.10), rgba(255,255,255,.018) 30%, transparent 55%, rgba(255,255,255,.04)),
    linear-gradient(145deg, rgba(14,31,66,.78), rgba(12,22,49,.78) 58%, rgba(29,18,58,.70));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 14px 32px rgba(0,0,0,.16),
    0 0 18px color-mix(in srgb, var(--accent) 10%, transparent);
  backdrop-filter: blur(20px) saturate(155%);
  -webkit-backdrop-filter: blur(20px) saturate(155%);
  cursor: pointer;
}
.rl-v315-info-overview__item::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 28%, rgba(255,255,255,.08) 39%, transparent 51% 100%);
  transform: translateX(-125%);
  transition: transform .55s ease;
}
.rl-v315-info-overview__item:hover::after,
.rl-v315-info-overview__item:focus-within::after { transform: translateX(125%); }
.rl-v315-info-overview__item[data-accent="cyan"] { --accent: #2deaff; }
.rl-v315-info-overview__item[data-accent="pink"] { --accent: #ff3bc6; }
.rl-v315-info-overview__item[data-accent="gold"] { --accent: #ffd653; }
.rl-v315-info-overview__item[data-accent="blue"] { --accent: #5790ff; }
.rl-v315-info-overview__item[data-accent="white"] { --accent: #f4f7ff; }
.rl-v315-info-overview__item[data-accent="green"] { --accent: #2ef0b9; }
.rl-v315-info-overview__item[data-accent="red"] { --accent: #ff684c; }
.rl-v315-info-overview__icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--accent);
  font-size: 25px;
  background: color-mix(in srgb, var(--accent) 8%, rgba(8,14,34,.72));
  border: 1px solid color-mix(in srgb, var(--accent) 42%, transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--accent) 22%, transparent), inset 0 1px 0 rgba(255,255,255,.12);
}
.rl-v315-info-overview__copy { min-width: 0; }
.rl-v315-info-overview__label {
  display: block;
  margin-bottom: 5px;
  color: rgba(240,244,255,.88);
  font-size: 12px;
}
.rl-v315-info-overview__value {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rl-v315-info-overview__chevron {
  color: rgba(229,236,255,.72);
  font-size: 18px;
}

.rl-v315-footer {
  width: min(100%, 820px);
  margin: 34px auto 10px;
  padding: 18px 8px 22px;
  text-align: center;
  color: rgba(229,235,255,.70);
}
.rl-v315-footer__line {
  height: 1px;
  margin-bottom: 15px;
  background: linear-gradient(90deg, transparent, #2deaff 16%, #7257ff 35%, #ff39c7 53%, #7257ff 72%, #2deaff 88%, transparent);
  box-shadow: 0 0 15px rgba(77,125,255,.34);
}
.rl-v315-footer__brand {
  color: #54eaff;
  font-weight: 800;
  letter-spacing: .16em;
}
.rl-v315-footer__brand span { color: #ff4bc6; font-size: 23px; vertical-align: -2px; }
.rl-v315-footer__tagline {
  margin-top: 8px;
  font-size: 9px;
  letter-spacing: .30em;
}

@media (max-width: 680px) {
  html[data-retro-profile-v319="1"] .rl-profile-glass-card {
    grid-template-columns: 150px minmax(0,1fr);
    gap: 17px;
    min-height: 238px;
    padding: 21px 17px;
  }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell { width: 150px; height: 150px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar { width: 140px; height: 140px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::after { inset: -31px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__badge { width: 47px; height: 47px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__title strong { font-size: clamp(24px, 6.5vw, 31px); }
}
@media (max-width: 460px) {
  html[data-retro-profile-v319="1"] .rl-profile-glass-card {
    grid-template-columns: 136px minmax(0,1fr);
    gap: 13px;
    padding: 18px 14px;
  }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell { width: 136px; height: 136px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar { width: 128px; height: 128px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__badge { width: 43px; height: 43px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__quote { display: none; }
  .rl-v315-info-overview__grid { grid-template-columns: 1fr; }
  .rl-v315-info-overview__head { align-items: flex-start; }
  .rl-v315-info-overview__edit { min-width: 0; padding-inline: 12px; font-size: 12px; }
}
@media (max-width: 370px) {
  html[data-retro-profile-v319="1"] .rl-profile-glass-card {
    grid-template-columns: 116px minmax(0,1fr);
  }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell { width: 116px; height: 116px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar { width: 108px; height: 108px; }
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__tag { padding-inline: 8px; font-size: 10px; }
}


/* ==================================================================
   V31.7 · PROFILE THEMES — final approved composition
   ================================================================== */
html[data-retro-profile-v319="1"] body.rl-v313-body {
  background:
    radial-gradient(900px 560px at 8% 2%, rgba(0,130,255,.18), transparent 66%),
    radial-gradient(780px 520px at 92% 12%, rgba(218,38,255,.15), transparent 64%),
    radial-gradient(700px 520px at 50% 62%, rgba(60,26,255,.09), transparent 70%),
    linear-gradient(180deg,#050818 0%,#071127 44%,#070817 100%) !important;
}
html[data-retro-profile-v319="1"] .rl-v313-root { max-width: 920px; margin-inline:auto; }
html[data-retro-profile-v319="1"] .rl-v313-root::after {
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.6;
  background:
    radial-gradient(circle at 10% 14%, rgba(45,234,255,.20) 0 1px, transparent 2px),
    radial-gradient(circle at 86% 18%, rgba(255,58,199,.18) 0 1px, transparent 2px),
    radial-gradient(circle at 35% 74%, rgba(137,83,255,.18) 0 1px, transparent 2px),
    radial-gradient(circle at 74% 82%, rgba(255,214,83,.12) 0 1px, transparent 2px);
  background-size:118px 118px,151px 151px,173px 173px,211px 211px;
}

/* one clean ring + living smoke; no inner ring */
html[data-retro-profile-v319="1"] .rl-profile-glass-card {
  width:min(100%,860px); min-height:310px; grid-template-columns:220px minmax(0,1fr); gap:30px;
  padding:30px 34px; border-radius:34px;
  background:
    linear-gradient(112deg, rgba(255,255,255,.15) 0 8%, rgba(255,255,255,.035) 20%, transparent 44%, rgba(255,255,255,.06) 63%, transparent 82%),
    linear-gradient(145deg,rgba(5,28,72,.82),rgba(8,27,62,.77) 42%,rgba(40,11,69,.72) 76%,rgba(7,24,57,.78)) padding-box,
    linear-gradient(108deg,#26ebff,#447cff 22%,#8e55ff 42%,#ff38ca 63%,#ff566d 79%,#ffd95a) border-box !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(97,134,255,.12),
    0 28px 82px rgba(0,0,0,.38), 0 0 36px rgba(42,221,255,.13), 0 0 58px rgba(255,48,195,.09) !important;
  backdrop-filter: blur(34px) saturate(180%) contrast(108%); -webkit-backdrop-filter: blur(34px) saturate(180%) contrast(108%);
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell { width:210px; height:210px; }
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar { width:194px; height:194px; padding:0!important; border:0!important; background:transparent!important; box-shadow:0 18px 38px rgba(0,0,0,.25)!important; }
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar img { width:100%; height:100%; border:0!important; object-fit:cover; box-shadow:none!important; transform:scale(1.035); }
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::before {
  inset:4px; z-index:4; padding:0; border-radius:50%;
  background:conic-gradient(from 12deg,#23f0ff,#3f82ff 18%,#9257ff 38%,#ff34cb 58%,#ff536e 75%,#ffd956 88%,#fff 94%,#23f0ff);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
  filter:drop-shadow(0 0 8px rgba(35,240,255,.70)) drop-shadow(0 0 15px rgba(146,87,255,.48)) drop-shadow(0 0 20px rgba(255,52,203,.35));
  animation:rl316-one-ring 24s linear infinite;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::after {
  inset:-34px; z-index:-1; border-radius:45% 55% 52% 48%/58% 44% 56% 42%; opacity:.84;
  background:
    radial-gradient(ellipse at 14% 41%,rgba(35,240,255,.88) 0 7%,rgba(35,240,255,.27) 16%,transparent 32%),
    radial-gradient(ellipse at 36% 8%,rgba(54,123,255,.78) 0 7%,rgba(54,123,255,.24) 17%,transparent 34%),
    radial-gradient(ellipse at 74% 18%,rgba(146,87,255,.82) 0 8%,rgba(146,87,255,.28) 17%,transparent 34%),
    radial-gradient(ellipse at 93% 52%,rgba(255,52,203,.82) 0 7%,rgba(255,52,203,.24) 15%,transparent 31%),
    radial-gradient(ellipse at 68% 92%,rgba(255,83,110,.60) 0 6%,rgba(255,83,110,.18) 15%,transparent 31%),
    radial-gradient(ellipse at 30% 88%,rgba(255,217,86,.58) 0 5%,rgba(255,217,86,.18) 14%,transparent 29%);
  -webkit-mask:radial-gradient(circle,transparent 0 52%,rgba(0,0,0,.24) 59%,#000 68% 86%,transparent 97%);
  mask:radial-gradient(circle,transparent 0 52%,rgba(0,0,0,.24) 59%,#000 68% 86%,transparent 97%);
  filter:blur(15px) saturate(185%); mix-blend-mode:screen; transform-origin:50% 50%;
  animation:rl316-smoke 24s cubic-bezier(.45,.02,.55,.98) infinite alternate;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__badge { width:60px; height:60px; right:4px; bottom:9px; }
html[data-retro-profile-v319="1"] .rl-profile-glass-card__body { padding-right:94px; }
html[data-retro-profile-v319="1"] .rl-profile-glass-card__title strong { font-size:clamp(31px,5vw,42px); }
html[data-retro-profile-v319="1"] .rl-profile-glass-card__location { font-size:18px; }
html[data-retro-profile-v319="1"] .rl-profile-glass-card__tag { min-height:40px; padding:8px 15px; font-size:14px; }
html[data-retro-profile-v319="1"] .rl-profile-glass-card__quote { font-size:14px; color:rgba(235,240,255,.77); }

.rl-v316-profile-stats { display:flex; align-items:stretch; gap:16px; margin-top:18px; max-width:470px; }
.rl-v316-profile-stats>span { min-width:0; display:flex; flex-direction:column; }
.rl-v316-profile-stats strong { color:#fff; font-size:19px; line-height:1; }
.rl-v316-profile-stats small { margin-top:5px; color:rgba(229,236,255,.60); font-size:11px; }
.rl-v316-profile-stats i { width:1px; background:linear-gradient(180deg,transparent,rgba(216,226,255,.48),transparent); }

/* compact four-tab row */
html[data-retro-profile-v319="1"] .rl-profile-quicknav { width:min(100%,860px); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:visible; gap:12px; }
html[data-retro-profile-v319="1"] .rl-profile-quicknav__button { min-width:0; min-height:58px; flex:none; padding:0 10px; border-radius:22px; font-size:14px; }

.rl-v316-legacy-hidden,.rl-v316-native-save-hidden { display:none!important; }

/* direct questionnaire */
.rl-v316-direct { width:min(100%,860px); margin:24px auto 30px; color:#f8fbff; }
.rl-v316-direct__head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin:0 5px 14px; }
.rl-v316-direct__heading { display:flex; align-items:center; gap:12px; min-width:0; }
.rl-v316-direct__person { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(215,228,255,.22); border-radius:14px; color:#f3f7ff; font-size:22px; background:rgba(18,28,58,.62); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 18px rgba(69,129,255,.12); }
.rl-v316-direct__head h2 { margin:0; font-size:22px; letter-spacing:-.02em; color:#fff; }
.rl-v316-direct__head p { margin:4px 0 0; color:rgba(230,236,255,.66); font-size:13px; }
.rl-v316-direct__completion { flex:0 0 auto; display:flex; align-items:baseline; gap:5px; padding:8px 11px; border:1px solid rgba(44,234,255,.28); border-radius:15px; background:rgba(13,28,58,.62); box-shadow:inset 0 1px 0 rgba(255,255,255,.10); }
.rl-v316-direct__completion strong { color:#55ecff; font-size:16px; }
.rl-v316-direct__completion span { color:rgba(231,237,255,.58); font-size:10px; }
.rl-v316-direct__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; }
.rl-v316-field { --accent:#2deaff; position:relative; min-width:0; min-height:82px; display:grid; grid-template-columns:50px minmax(0,1fr) 18px; gap:12px; align-items:center; padding:12px 14px; overflow:hidden; border:1px solid rgba(126,165,255,.26); border-radius:20px;
  background:linear-gradient(118deg,rgba(255,255,255,.12),rgba(255,255,255,.022) 28%,transparent 52%,rgba(255,255,255,.045)),linear-gradient(145deg,rgba(9,31,70,.80),rgba(9,22,52,.78) 60%,rgba(33,15,60,.72));
  color:#fff; text-align:left; font:inherit; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 34px rgba(0,0,0,.18),0 0 18px color-mix(in srgb,var(--accent) 10%,transparent); backdrop-filter:blur(22px) saturate(165%); -webkit-backdrop-filter:blur(22px) saturate(165%); }
.rl-v316-field::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(108deg,transparent 0 25%,rgba(255,255,255,.12) 38%,transparent 52%); transform:translateX(-130%); transition:transform .55s ease; }
.rl-v316-field:hover::after,.rl-v316-field:focus-visible::after { transform:translateX(130%); }
.rl-v316-field:focus-visible { outline:none; border-color:color-mix(in srgb,var(--accent) 52%,#fff 4%); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px 0 rgba(255,255,255,.17),0 0 22px color-mix(in srgb,var(--accent) 16%,transparent); }
.rl-v316-field[data-accent="pink"]{--accent:#ff3bc6}.rl-v316-field[data-accent="gold"]{--accent:#ffd653}.rl-v316-field[data-accent="blue"]{--accent:#5790ff}.rl-v316-field[data-accent="white"]{--accent:#f4f7ff}.rl-v316-field[data-accent="green"]{--accent:#2ef0b9}.rl-v316-field[data-accent="red"]{--accent:#ff684c}
.rl-v316-field__icon { width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:var(--accent);font-size:24px;background:color-mix(in srgb,var(--accent) 8%,rgba(7,15,36,.80));border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.12); }
.rl-v316-field__copy { min-width:0; display:flex; flex-direction:column; gap:5px; }
.rl-v316-field__copy small { color:rgba(240,244,255,.86); font-size:12px; }
.rl-v316-field__copy strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px;font-weight:650; }
.rl-v316-field.is-empty .rl-v316-field__copy strong { color:rgba(236,241,255,.60); }
.rl-v316-field__chevron { color:rgba(230,237,255,.78); font-size:18px; }
.rl-v316-direct__more { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; }
.rl-v316-more-card { --accent:#2deaff; min-width:0; min-height:86px; display:grid; grid-template-columns:44px minmax(0,1fr) 18px; align-items:center; gap:10px; padding:12px 13px; border:1px solid rgba(129,164,255,.25); border-radius:20px; background:linear-gradient(118deg,rgba(255,255,255,.10),rgba(255,255,255,.018) 31%,transparent 55%),rgba(10,25,57,.72); color:#fff; text-align:left; font:inherit; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 30px rgba(0,0,0,.16); backdrop-filter:blur(20px) saturate(155%); }
.rl-v316-more-card[data-accent="pink"]{--accent:#ff3bc6}.rl-v316-more-card[data-accent="blue"]{--accent:#5790ff}
.rl-v316-more-card__icon { width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:var(--accent);font-size:22px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 8%,rgba(8,16,37,.70));box-shadow:0 0 17px color-mix(in srgb,var(--accent) 20%,transparent); }
.rl-v316-more-card strong { display:block; font-size:13px; }
.rl-v316-more-card small { display:block; margin-top:4px; color:rgba(230,236,255,.62); font-size:10px; line-height:1.25; }
.rl-v316-more-card__arrow { color:rgba(240,244,255,.80); font-size:24px; }
.rl-v316-direct__save { width:100%; min-height:56px; margin-top:16px; border:1px solid rgba(255,255,255,.38); border-radius:20px; background:linear-gradient(100deg,#2af0b8,#2bd7ff 25%,#4d7cff 48%,#9555ff 69%,#ff35c7 88%,#ff6d82); color:#fff; font:700 16px/1 system-ui,sans-serif; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 15px 38px rgba(70,98,255,.22),0 0 28px rgba(255,52,200,.13); }
.rl-v316-direct__save span { display:inline-block; margin-right:7px; }

/* bottom sheet editor */
.rl-v316-sheet[hidden]{display:none!important}.rl-v316-sheet{position:fixed;inset:0;z-index:2147482000;display:grid;align-items:end;justify-items:center}.rl-v316-sheet__backdrop{position:absolute;inset:0;border:0;background:rgba(2,5,17,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.rl-v316-sheet__panel{position:relative;width:min(100%,640px);max-height:min(82vh,760px);overflow:auto;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border:1px solid rgba(164,196,255,.34);border-radius:30px 30px 0 0;background:linear-gradient(115deg,rgba(255,255,255,.14),rgba(255,255,255,.02) 30%,transparent 50%),linear-gradient(145deg,rgba(8,27,64,.96),rgba(8,15,40,.97) 55%,rgba(38,10,58,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 -20px 70px rgba(0,0,0,.44),0 0 40px rgba(70,103,255,.18);backdrop-filter:blur(34px) saturate(170%);-webkit-backdrop-filter:blur(34px) saturate(170%);color:#fff}
.rl-v316-sheet__grab{width:48px;height:5px;margin:2px auto 8px;border-radius:999px;background:rgba(224,233,255,.30)}.rl-v316-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.rl-v316-sheet__head small{color:#ff70d7;font-size:9px;letter-spacing:.25em}.rl-v316-sheet__head h3{margin:3px 0 0;font-size:22px}.rl-v316-sheet__close{width:40px;height:40px;border:1px solid rgba(205,220,255,.20);border-radius:50%;background:rgba(255,255,255,.05);color:#fff;font:300 28px/1 system-ui;cursor:pointer}
.rl-v316-sheet__tools{display:grid;gap:9px;margin-bottom:10px}.rl-v316-sheet__search,.rl-v316-sheet__custom-input,.rl-v316-sheet__number,.rl-v316-sheet__date,.rl-v316-sheet__textarea{width:100%;box-sizing:border-box;border:1px solid rgba(177,205,255,.24);border-radius:16px;background:rgba(11,22,50,.72);color:#fff;font:inherit;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}.rl-v316-sheet__search,.rl-v316-sheet__custom-input,.rl-v316-sheet__number,.rl-v316-sheet__date{min-height:48px;padding:0 13px}.rl-v316-sheet__textarea{padding:13px;resize:vertical;line-height:1.5}.rl-v316-sheet__search:focus,.rl-v316-sheet__custom-input:focus,.rl-v316-sheet__number:focus,.rl-v316-sheet__date:focus,.rl-v316-sheet__textarea:focus{border-color:rgba(45,234,255,.62);box-shadow:0 0 0 3px rgba(45,234,255,.08)}
.rl-v316-sheet__categories{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.rl-v316-sheet__categories::-webkit-scrollbar{display:none}.rl-v316-sheet__category{flex:0 0 auto;min-height:34px;padding:0 11px;border:1px solid rgba(190,210,255,.16);border-radius:999px;background:rgba(255,255,255,.035);color:rgba(239,244,255,.74);font:inherit;font-size:11px}.rl-v316-sheet__category[data-active="1"]{border-color:rgba(255,215,83,.48);background:linear-gradient(135deg,rgba(255,215,83,.13),rgba(255,53,199,.08));color:#fff}
.rl-v316-sheet__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rl-v316-sheet__option{min-height:52px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:9px 11px;border:1px solid rgba(184,207,255,.15);border-radius:15px;background:rgba(255,255,255,.032);color:#fff;text-align:left;font:inherit;cursor:pointer}.rl-v316-sheet__option small{color:rgba(230,236,255,.48);font-size:10px}.rl-v316-sheet__option[data-selected="1"]{border-color:rgba(255,55,198,.56);background:linear-gradient(135deg,rgba(255,55,198,.14),rgba(66,124,255,.10));box-shadow:0 0 20px rgba(255,55,198,.08)}.rl-v316-sheet__option:hover,.rl-v316-sheet__option:focus-visible{outline:none;border-color:rgba(45,234,255,.52)}
.rl-v316-sheet__custom{position:sticky;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px;padding-top:12px;background:linear-gradient(180deg,transparent,rgba(8,15,39,.97) 28%)}.rl-v316-sheet__apply{min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:linear-gradient(100deg,#2ae8bb,#38bfff,#655cff,#d743ef,#ff3fb6);color:#fff;font:700 14px/1 system-ui;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 25px rgba(65,95,255,.18)}
.rl-v316-sheet__simple{display:grid;gap:12px}.rl-v316-sheet__number-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px}.rl-v316-sheet__suffix{color:rgba(233,239,255,.70)}.rl-v316-sheet__simple p{margin:0;color:rgba(231,237,255,.58);font-size:12px}.rl-v316-sheet__counter{text-align:right;color:rgba(229,236,255,.48);font-size:11px}.rl-v316-sheet__selected{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.rl-v316-sheet__selected-chip{min-height:34px;padding:0 11px;border:1px solid rgba(46,234,255,.38);border-radius:999px;background:rgba(46,234,255,.07);color:#fff;font:inherit;font-size:12px}.rl-v316-sheet__interest-grid{display:flex;flex-wrap:wrap;gap:8px}.rl-v316-sheet__interest{min-height:40px;padding:0 13px;border:1px solid rgba(191,210,255,.17);border-radius:999px;background:rgba(255,255,255,.035);color:#fff;font:inherit;cursor:pointer}.rl-v316-sheet__interest[data-selected="1"]{border-color:#ff4bc8;background:linear-gradient(135deg,rgba(255,75,200,.16),rgba(90,91,255,.12));box-shadow:0 0 18px rgba(255,75,200,.10)}.rl-v316-sheet__empty{grid-column:1/-1;padding:18px;text-align:center;color:rgba(231,237,255,.58)}
body.rl-v316-sheet-open{overflow:hidden!important}

@keyframes rl316-one-ring{to{transform:rotate(360deg)}}
@keyframes rl316-smoke{0%{transform:translate3d(-8px,2px,0) rotate(-7deg) scale(.98);filter:blur(15px) saturate(180%) hue-rotate(0deg);opacity:.68}28%{transform:translate3d(7px,-9px,0) rotate(3deg) scale(1.06);filter:blur(17px) saturate(196%) hue-rotate(18deg);opacity:.88}62%{transform:translate3d(10px,8px,0) rotate(9deg) scale(1.09);filter:blur(16px) saturate(188%) hue-rotate(-13deg);opacity:.78}100%{transform:translate3d(-6px,11px,0) rotate(16deg) scale(1.03);filter:blur(18px) saturate(202%) hue-rotate(28deg);opacity:.86}}

@media(max-width:680px){
  html[data-retro-profile-v319="1"] .rl-profile-glass-card{grid-template-columns:150px minmax(0,1fr);gap:16px;min-height:246px;padding:20px 16px;border-radius:29px}
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell{width:150px;height:150px}
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar{width:140px;height:140px}
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::after{inset:-27px}
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__badge{width:47px;height:47px;right:0;bottom:7px}
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__body{padding-right:0}
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__title strong{font-size:clamp(24px,6.5vw,31px)}
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__quote{font-size:12px}
  .rl-v316-profile-stats{gap:9px;margin-top:13px}.rl-v316-profile-stats strong{font-size:15px}.rl-v316-profile-stats small{font-size:9px}
  html[data-retro-profile-v319="1"] .rl-profile-quicknav{gap:8px}.rl-profile-quicknav__button{min-height:50px!important;font-size:12px!important}
  .rl-v316-direct__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rl-v316-field{min-height:76px;grid-template-columns:42px minmax(0,1fr) 13px;gap:9px;padding:10px}.rl-v316-field__icon{width:40px;height:40px;border-radius:13px;font-size:21px}.rl-v316-field__copy small{font-size:10px}.rl-v316-field__copy strong{font-size:12px}.rl-v316-field__chevron{font-size:15px}
  .rl-v316-direct__more{gap:8px}.rl-v316-more-card{min-height:80px;grid-template-columns:35px minmax(0,1fr) 12px;gap:7px;padding:9px}.rl-v316-more-card__icon{width:34px;height:34px;border-radius:11px;font-size:18px}.rl-v316-more-card strong{font-size:11px}.rl-v316-more-card small{font-size:8.5px}.rl-v316-more-card__arrow{font-size:19px}
  .rl-v316-sheet__options{grid-template-columns:1fr}
}
@media(max-width:430px){
  html[data-retro-profile-v319="1"] .rl-profile-glass-card{grid-template-columns:132px minmax(0,1fr);gap:13px;padding:18px 13px;min-height:226px}
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell{width:132px;height:132px}
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar{width:124px;height:124px}
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::after{inset:-24px}
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__quote{display:none}
  html[data-retro-profile-v319="1"] .rl-profile-glass-card__tag{min-height:32px;padding:5px 9px;font-size:10px}
  .rl-v316-profile-stats{display:none}
  .rl-v316-direct__head h2{font-size:19px}.rl-v316-direct__head p{font-size:11px}.rl-v316-direct__completion{padding:6px 8px}.rl-v316-direct__completion strong{font-size:14px}.rl-v316-direct__completion span{display:none}
  .rl-v316-direct__more{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:355px){.rl-v316-direct__grid{grid-template-columns:1fr}.rl-v316-direct__more{grid-template-columns:1fr}.rl-v316-more-card{grid-template-columns:40px minmax(0,1fr) 16px}.rl-v316-more-card strong{font-size:13px}.rl-v316-more-card small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::before,html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::after{animation:none!important}.rl-v316-field::after{display:none}}
.rl-v316-avatar-source-hidden{display:none!important}


/* ============================================================
   RETRO LOVE V31.7 · PERSONAL PROFILE THEMES (15)
   ============================================================ */
html[data-retro-profile-v319="1"] {
  --rl317-bg0:#050714;
  --rl317-bg1:#07152c;
  --rl317-a:#29e6ff;
  --rl317-b:#8f5bff;
  --rl317-c:#ff34c8;
  --rl317-d:#24f0b6;
  --rl317-warm:#ffd257;
  --rl317-panel:rgba(8,22,54,.76);
  --rl317-panel2:rgba(15,21,52,.86);
  --rl317-text:#f8fbff;
  --rl317-muted:rgba(232,238,255,.68);
  --rl317-ver:#24f0b6;
  --rl317-theme-name:"Retro Neon";
}

html[data-rl-profile-theme="retro-neon"], .rl-v317-theme-card[data-theme="retro-neon"] { --rl317-bg0:#050714;--rl317-bg1:#09143a;--rl317-a:#22e8ff;--rl317-b:#795cff;--rl317-c:#ff35cb;--rl317-d:#26efbd;--rl317-warm:#ffd85d;--rl317-panel:rgba(8,20,58,.76);--rl317-panel2:rgba(19,12,57,.82);--rl317-ver:#25efbd;--rl317-theme-name:"Retro Neon"; }
html[data-rl-profile-theme="cosmic-dream"], .rl-v317-theme-card[data-theme="cosmic-dream"] { --rl317-bg0:#03051a;--rl317-bg1:#130b3f;--rl317-a:#54b7ff;--rl317-b:#7b55ff;--rl317-c:#e04fff;--rl317-d:#68f0ff;--rl317-warm:#d8c9ff;--rl317-panel:rgba(10,13,64,.79);--rl317-panel2:rgba(31,11,77,.82);--rl317-ver:#5fe5ff; }
html[data-rl-profile-theme="liquid-glass"], .rl-v317-theme-card[data-theme="liquid-glass"] { --rl317-bg0:#07101b;--rl317-bg1:#11233f;--rl317-a:#9cecff;--rl317-b:#6c92ff;--rl317-c:#de8cff;--rl317-d:#65ffe5;--rl317-warm:#fff1c6;--rl317-panel:rgba(165,205,255,.115);--rl317-panel2:rgba(17,28,59,.58);--rl317-ver:#5bffd7; }
html[data-rl-profile-theme="ruby-night"], .rl-v317-theme-card[data-theme="ruby-night"] { --rl317-bg0:#16020d;--rl317-bg1:#3a071f;--rl317-a:#ff6a89;--rl317-b:#c64dff;--rl317-c:#ff175e;--rl317-d:#ff88b5;--rl317-warm:#ffcfda;--rl317-panel:rgba(57,5,32,.80);--rl317-panel2:rgba(32,5,32,.87);--rl317-ver:#ff628d; }
html[data-rl-profile-theme="emerald-pulse"], .rl-v317-theme-card[data-theme="emerald-pulse"] { --rl317-bg0:#020f10;--rl317-bg1:#073128;--rl317-a:#2affd5;--rl317-b:#15bfa6;--rl317-c:#65ff70;--rl317-d:#00ec9a;--rl317-warm:#d7ff6e;--rl317-panel:rgba(3,47,40,.79);--rl317-panel2:rgba(2,27,33,.88);--rl317-ver:#1cffae; }
html[data-rl-profile-theme="ocean-glow"], .rl-v317-theme-card[data-theme="ocean-glow"] { --rl317-bg0:#02111f;--rl317-bg1:#04385a;--rl317-a:#28e9ff;--rl317-b:#1988ff;--rl317-c:#6a7dff;--rl317-d:#26ffd8;--rl317-warm:#bbf5ff;--rl317-panel:rgba(4,42,70,.79);--rl317-panel2:rgba(4,22,48,.90);--rl317-ver:#26f4d1; }
html[data-rl-profile-theme="sunset-peach"], .rl-v317-theme-card[data-theme="sunset-peach"] { --rl317-bg0:#1b0715;--rl317-bg1:#52203b;--rl317-a:#ff9a6b;--rl317-b:#ff5c8c;--rl317-c:#d854ff;--rl317-d:#5ce3ff;--rl317-warm:#ffd86b;--rl317-panel:rgba(73,20,48,.76);--rl317-panel2:rgba(38,12,48,.87);--rl317-ver:#60f3c9; }
html[data-rl-profile-theme="golden-luxe"], .rl-v317-theme-card[data-theme="golden-luxe"] { --rl317-bg0:#080908;--rl317-bg1:#20180b;--rl317-a:#ffd875;--rl317-b:#4c9cff;--rl317-c:#d6a84f;--rl317-d:#74e1b5;--rl317-warm:#ffe8a3;--rl317-panel:rgba(29,26,18,.86);--rl317-panel2:rgba(15,17,19,.92);--rl317-ver:#53e9a7; }
html[data-rl-profile-theme="arctic-frost"], .rl-v317-theme-card[data-theme="arctic-frost"] { --rl317-bg0:#07111e;--rl317-bg1:#172948;--rl317-a:#d2f6ff;--rl317-b:#75aaff;--rl317-c:#c3a8ff;--rl317-d:#76ffe3;--rl317-warm:#ffffff;--rl317-panel:rgba(181,214,255,.12);--rl317-panel2:rgba(20,34,65,.70);--rl317-ver:#6af4d4; }
html[data-rl-profile-theme="cyber-lime"], .rl-v317-theme-card[data-theme="cyber-lime"] { --rl317-bg0:#031006;--rl317-bg1:#0b2b0c;--rl317-a:#a4ff36;--rl317-b:#21ff96;--rl317-c:#00c8ff;--rl317-d:#70ff4c;--rl317-warm:#eaff72;--rl317-panel:rgba(11,43,18,.80);--rl317-panel2:rgba(6,24,20,.90);--rl317-ver:#7eff47; }
html[data-rl-profile-theme="velvet-rose"], .rl-v317-theme-card[data-theme="velvet-rose"] { --rl317-bg0:#160612;--rl317-bg1:#3a1030;--rl317-a:#ff78c5;--rl317-b:#9b63ff;--rl317-c:#ff2f84;--rl317-d:#e985ff;--rl317-warm:#ffd1dc;--rl317-panel:rgba(60,13,46,.79);--rl317-panel2:rgba(31,8,36,.90);--rl317-ver:#69f0c5; }
html[data-rl-profile-theme="purple-smoke"], .rl-v317-theme-card[data-theme="purple-smoke"] { --rl317-bg0:#0b0618;--rl317-bg1:#271348;--rl317-a:#a678ff;--rl317-b:#6c54ff;--rl317-c:#d739ff;--rl317-d:#54d7ff;--rl317-warm:#e9c7ff;--rl317-panel:rgba(39,20,78,.76);--rl317-panel2:rgba(21,13,47,.91);--rl317-ver:#6df3d1; }
html[data-rl-profile-theme="midnight-chrome"], .rl-v317-theme-card[data-theme="midnight-chrome"] { --rl317-bg0:#03060b;--rl317-bg1:#121927;--rl317-a:#b9d0ff;--rl317-b:#5d7bb8;--rl317-c:#9ca7be;--rl317-d:#7de8ff;--rl317-warm:#eef4ff;--rl317-panel:rgba(23,30,43,.84);--rl317-panel2:rgba(8,13,22,.94);--rl317-ver:#53dfbd; }
html[data-rl-profile-theme="tropical-mirage"], .rl-v317-theme-card[data-theme="tropical-mirage"] { --rl317-bg0:#02151a;--rl317-bg1:#124152;--rl317-a:#27e6ff;--rl317-b:#2dc4b0;--rl317-c:#ff6f9a;--rl317-d:#4af0b9;--rl317-warm:#ffb95e;--rl317-panel:rgba(7,52,63,.76);--rl317-panel2:rgba(12,31,49,.90);--rl317-ver:#4ef0b9; }
html[data-rl-profile-theme="mono-crystal"], .rl-v317-theme-card[data-theme="mono-crystal"] { --rl317-bg0:#090b11;--rl317-bg1:#20242d;--rl317-a:#f0f3ff;--rl317-b:#9da9c8;--rl317-c:#d6d6e8;--rl317-d:#b8f5ee;--rl317-warm:#ffffff;--rl317-panel:rgba(182,190,210,.105);--rl317-panel2:rgba(24,29,39,.90);--rl317-ver:#65e8cb; }

html[data-retro-profile-v319="1"] body.rl-v313-body {
  background:
    radial-gradient(880px 560px at 8% -8%, color-mix(in srgb,var(--rl317-a) 24%,transparent), transparent 67%),
    radial-gradient(760px 540px at 96% 12%, color-mix(in srgb,var(--rl317-c) 20%,transparent), transparent 67%),
    radial-gradient(720px 520px at 48% 86%, color-mix(in srgb,var(--rl317-d) 11%,transparent), transparent 72%),
    linear-gradient(180deg,var(--rl317-bg0),var(--rl317-bg1) 54%,var(--rl317-bg0)) !important;
  transition: background 700ms ease, color 350ms ease;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card {
  background:
    linear-gradient(112deg,rgba(255,255,255,.17) 0 7%,rgba(255,255,255,.025) 19%,transparent 44%,rgba(255,255,255,.065) 66%,transparent 83%),
    linear-gradient(145deg,var(--rl317-panel),var(--rl317-panel2)) padding-box,
    linear-gradient(108deg,var(--rl317-a),var(--rl317-b) 34%,var(--rl317-c) 69%,var(--rl317-warm)) border-box !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 28px 82px rgba(0,0,0,.38),0 0 42px color-mix(in srgb,var(--rl317-a) 15%,transparent),0 0 62px color-mix(in srgb,var(--rl317-c) 10%,transparent)!important;
  transition:background .65s ease,box-shadow .65s ease,border-color .65s ease;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::before {
  background:conic-gradient(from 12deg,var(--rl317-a),var(--rl317-b) 28%,var(--rl317-c) 58%,var(--rl317-warm) 83%,#fff 93%,var(--rl317-a)) !important;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__avatar-shell::after {
  background:
    radial-gradient(ellipse at 12% 40%,color-mix(in srgb,var(--rl317-a) 88%,transparent) 0 7%,color-mix(in srgb,var(--rl317-a) 28%,transparent) 17%,transparent 34%),
    radial-gradient(ellipse at 42% 7%,color-mix(in srgb,var(--rl317-b) 82%,transparent) 0 8%,color-mix(in srgb,var(--rl317-b) 26%,transparent) 18%,transparent 36%),
    radial-gradient(ellipse at 91% 50%,color-mix(in srgb,var(--rl317-c) 84%,transparent) 0 7%,color-mix(in srgb,var(--rl317-c) 25%,transparent) 17%,transparent 34%),
    radial-gradient(ellipse at 34% 91%,color-mix(in srgb,var(--rl317-warm) 62%,transparent) 0 6%,color-mix(in srgb,var(--rl317-warm) 18%,transparent) 16%,transparent 32%) !important;
}
html[data-retro-profile-v319="1"] .rl-profile-glass-card__badge { border-color:color-mix(in srgb,var(--rl317-warm) 66%,white); color:var(--rl317-warm); box-shadow:0 0 24px color-mix(in srgb,var(--rl317-warm) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.35); }
html[data-retro-profile-v319="1"] .rl-v313-verification-card { border-color:color-mix(in srgb,var(--rl317-ver) 56%,transparent)!important; box-shadow:0 0 30px color-mix(in srgb,var(--rl317-ver) 13%,transparent),inset 0 1px 0 rgba(255,255,255,.10)!important; }

/* Five tabs, always fully readable. */
html[data-retro-profile-v319="1"] .rl-profile-quicknav { width:min(100%,860px); display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:9px!important; overflow:visible!important; }
html[data-retro-profile-v319="1"] .rl-profile-quicknav__button { width:100%; min-width:0!important; min-height:56px!important; padding:0 8px!important; display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;overflow:hidden;border-radius:20px!important;font-size:12px!important; }
html[data-retro-profile-v319="1"] .rl-profile-quicknav__button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html[data-retro-profile-v319="1"] .rl-profile-quicknav__button[data-active="1"] { border-color:color-mix(in srgb,var(--rl317-c) 58%,var(--rl317-a)); background:linear-gradient(120deg,color-mix(in srgb,var(--rl317-c) 22%,transparent),color-mix(in srgb,var(--rl317-b) 20%,transparent),color-mix(in srgb,var(--rl317-a) 17%,transparent)); box-shadow:0 0 26px color-mix(in srgb,var(--rl317-c) 15%,transparent),inset 0 1px 0 rgba(255,255,255,.16); }

/* Theme picker */
.rl-v317-theme-picker { width:min(100%,860px); margin:18px auto 26px; padding:18px; border:1px solid color-mix(in srgb,var(--rl317-a) 46%,rgba(255,255,255,.12)); border-radius:28px; color:#fff; background:linear-gradient(126deg,rgba(255,255,255,.10),transparent 25%,rgba(255,255,255,.025) 56%),linear-gradient(145deg,var(--rl317-panel),var(--rl317-panel2)); box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 20px 58px rgba(0,0,0,.26),0 0 30px color-mix(in srgb,var(--rl317-a) 9%,transparent); backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%); scroll-margin-top:18px; }
.rl-v317-theme-picker__head { display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px; }
.rl-v317-theme-picker__head small { color:var(--rl317-c);font-size:9px;letter-spacing:.24em; }
.rl-v317-theme-picker__head h2 { margin:4px 0 4px;font-size:23px;letter-spacing:-.025em; }
.rl-v317-theme-picker__head p { margin:0;color:var(--rl317-muted);font-size:12px;line-height:1.4; }
.rl-v317-theme-picker__count { flex:0 0 auto;padding:7px 10px;border:1px solid color-mix(in srgb,var(--rl317-a) 46%,transparent);border-radius:999px;color:#fff;background:rgba(7,19,46,.55);font-size:12px; }
.rl-v317-theme-picker__current { margin:8px 0 13px;color:var(--rl317-muted);font-size:12px; }.rl-v317-theme-picker__current strong{color:#fff;}
.rl-v317-theme-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.rl-v317-theme-card { position:relative;min-width:0;padding:8px;border:1px solid color-mix(in srgb,var(--rl317-a) 34%,rgba(255,255,255,.09));border-radius:18px;background:linear-gradient(145deg,var(--rl317-panel),var(--rl317-panel2));color:#fff;text-align:left;font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.15);transition:transform .16s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden; }
.rl-v317-theme-card:hover,.rl-v317-theme-card:focus-visible{transform:translateY(-2px);outline:none;border-color:color-mix(in srgb,var(--rl317-c) 60%,var(--rl317-a));box-shadow:0 0 0 3px color-mix(in srgb,var(--rl317-a) 6%,transparent),0 13px 30px rgba(0,0,0,.22)}
.rl-v317-theme-card[data-selected="1"]{border-color:color-mix(in srgb,var(--rl317-c) 68%,white 10%);box-shadow:0 0 0 2px color-mix(in srgb,var(--rl317-c) 18%,transparent),0 0 28px color-mix(in srgb,var(--rl317-c) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.18)}
.rl-v317-theme-card__scene { position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:7px;align-items:center;min-height:58px;padding:8px;border-radius:13px;overflow:hidden;background:radial-gradient(circle at 12% 25%,color-mix(in srgb,var(--rl317-a) 36%,transparent),transparent 48%),radial-gradient(circle at 87% 72%,color-mix(in srgb,var(--rl317-c) 30%,transparent),transparent 50%),linear-gradient(135deg,color-mix(in srgb,var(--rl317-bg1) 85%,black),color-mix(in srgb,var(--rl317-b) 18%,var(--rl317-bg0)));border:1px solid rgba(255,255,255,.08); }
.rl-v317-theme-picker:not([hidden]) .rl-v317-theme-card__scene::after{content:"";position:absolute;inset:-35%;background:conic-gradient(from 40deg,transparent,var(--rl317-a),transparent 25%,var(--rl317-c),transparent 54%,var(--rl317-warm),transparent 78%);opacity:.17;filter:blur(18px);animation:rl317-preview-flow 8s linear infinite;}
.rl-v317-theme-card__avatar{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--rl317-a),var(--rl317-c),var(--rl317-warm));overflow:hidden}.rl-v317-theme-card__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.rl-v317-theme-card__avatar i{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#0b1020;color:white;font-style:normal}
.rl-v317-theme-card__lines{position:relative;z-index:1;display:grid;gap:5px}.rl-v317-theme-card__lines i{display:block;height:5px;border-radius:999px;background:rgba(255,255,255,.68)}.rl-v317-theme-card__lines i:nth-child(2){width:78%;opacity:.55}.rl-v317-theme-card__lines i:nth-child(3){width:55%;opacity:.3}
.rl-v317-theme-card__icon{position:relative;z-index:1;color:var(--rl317-warm);font-size:18px;text-align:center}.rl-v317-theme-card>strong{display:block;margin:8px 2px 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.rl-v317-theme-card__check{position:absolute;right:7px;top:7px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--rl317-a),var(--rl317-c));color:#fff;font-weight:800;font-size:12px;opacity:0;transform:scale(.7);transition:.15s ease}.rl-v317-theme-card[data-selected="1"] .rl-v317-theme-card__check{opacity:1;transform:scale(1)}
.rl-v317-theme-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-top:14px}.rl-v317-theme-actions button{min-height:52px;border-radius:17px;color:#fff;font:700 14px/1 system-ui;border:1px solid rgba(255,255,255,.22);cursor:pointer}.rl-v317-theme-actions__choose{background:linear-gradient(100deg,var(--rl317-c),var(--rl317-b),var(--rl317-a));box-shadow:0 12px 28px color-mix(in srgb,var(--rl317-b) 20%,transparent)}.rl-v317-theme-actions__preview{background:rgba(9,20,50,.58);border-color:color-mix(in srgb,var(--rl317-a) 42%,transparent)!important}
.rl-v317-theme-picker__note{margin:12px 2px 0;color:var(--rl317-muted);font-size:10px;line-height:1.45}
@keyframes rl317-preview-flow{to{transform:rotate(360deg)}}

/* Theme-sensitive questionnaire */
html[data-retro-profile-v319="1"] .rl-v316-field, html[data-retro-profile-v319="1"] .rl-v316-more-card, html[data-retro-profile-v319="1"] .rl-v316-sheet__panel { background:linear-gradient(118deg,rgba(255,255,255,.11),rgba(255,255,255,.018) 31%,transparent 55%),linear-gradient(145deg,var(--rl317-panel),var(--rl317-panel2))!important; }
html[data-retro-profile-v319="1"] .rl-v316-direct__save { background:linear-gradient(100deg,var(--rl317-d),var(--rl317-a) 30%,var(--rl317-b) 59%,var(--rl317-c) 84%,var(--rl317-warm))!important; }

@media(max-width:680px){
  html[data-retro-profile-v319="1"] .rl-profile-quicknav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html[data-retro-profile-v319="1"] .rl-profile-quicknav__button{min-height:52px!important;font-size:13px!important;padding:0 10px!important}
  html[data-retro-profile-v319="1"] .rl-profile-quicknav__button:last-child{grid-column:1/-1}
  .rl-v317-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .rl-v317-theme-picker{padding:14px;border-radius:24px}
  .rl-v317-theme-picker__head h2{font-size:20px}.rl-v317-theme-picker__head p{font-size:11px}
  .rl-v317-theme-actions{grid-template-columns:1fr}
}
@media(max-width:360px){.rl-v317-theme-grid{grid-template-columns:1fr}.rl-v317-theme-card__scene{min-height:64px}}
@media(prefers-reduced-motion:reduce){.rl-v317-theme-card__scene::after{animation:none!important}}
.rl-v317-theme-picker[hidden]{display:none!important}

/* ============================================================
   RETRO LOVE V31.7.1 · ALBUM MAIN PHOTO MIRROR
   Keeps the real native album untouched; when the main avatar is not
   rendered by the legacy album, a read-only preview is shown inside it.
   ============================================================ */
.rl-v317-album-main-preview{
  display:flex;
  align-items:center;
  gap:14px;
  margin:14px 0 18px;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--rl317-a,#29e6ff) 48%,rgba(255,255,255,.18));
  border-radius:22px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),
    color-mix(in srgb,var(--rl317-panel,#091735) 90%,transparent);
  box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.11),0 0 22px color-mix(in srgb,var(--rl317-b,#8f5bff) 18%,transparent);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.rl-v317-album-main-preview__photo{
  width:92px;height:92px;flex:0 0 92px;border-radius:18px;overflow:hidden;position:relative;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--rl317-c,#ff34c8) 34%,transparent),0 0 24px color-mix(in srgb,var(--rl317-a,#29e6ff) 20%,transparent);
}
.rl-v317-album-main-preview__photo img{width:100%;height:100%;display:block;object-fit:cover}
.rl-v317-album-main-preview__copy{min-width:0;display:grid;gap:4px}
.rl-v317-album-main-preview__copy strong{font-size:15px;color:var(--rl317-text,#f8fbff)}
.rl-v317-album-main-preview__copy span{font-size:12px;line-height:1.35;color:var(--rl317-muted,rgba(232,238,255,.68))}
@media(max-width:430px){
  .rl-v317-album-main-preview{gap:11px;padding:10px;border-radius:19px}
  .rl-v317-album-main-preview__photo{width:78px;height:78px;flex-basis:78px;border-radius:16px}
  .rl-v317-album-main-preview__copy strong{font-size:14px}
  .rl-v317-album-main-preview__copy span{font-size:11px}
}


/* V31.9 · sheet navigation + country → city */
.rl-v316-sheet__head{
  position:sticky; top:-10px; z-index:20;
  display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important; gap:10px!important;
  margin:0 -4px 12px!important; padding:10px 4px 10px!important;
  background:linear-gradient(180deg,rgba(8,15,40,.98) 0%,rgba(8,15,40,.90) 76%,transparent 100%);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
}
.rl-v316-sheet__heading{min-width:0;text-align:center}.rl-v316-sheet__heading small{display:block}.rl-v316-sheet__heading h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-v316-sheet__back{
  min-width:78px;height:40px;padding:0 12px;border:1px solid rgba(205,220,255,.20);border-radius:999px;
  background:rgba(255,255,255,.055);color:#fff;font:650 13px/1 system-ui;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.rl-v316-sheet__close{flex:0 0 auto}
.rl-v318-location-step{display:flex;align-items:center;gap:8px;margin:2px 0 14px;color:rgba(230,237,255,.55);font-size:12px}
.rl-v318-location-step span{padding:7px 10px;border:1px solid rgba(190,210,255,.14);border-radius:999px;background:rgba(255,255,255,.03)}
.rl-v318-location-step span[data-active="1"]{color:#fff;border-color:rgba(41,230,255,.45);background:linear-gradient(135deg,rgba(41,230,255,.12),rgba(143,91,255,.10));box-shadow:0 0 18px rgba(41,230,255,.08)}
.rl-v318-location-step i{font-style:normal;color:rgba(255,255,255,.30)}
.rl-v318-location-panel[hidden]{display:none!important}.rl-v318-location-panel{display:grid;gap:10px}
.rl-v318-location-country{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center;padding:12px 13px;border:1px solid rgba(190,210,255,.16);border-radius:17px;background:rgba(255,255,255,.035)}
.rl-v318-location-country>span{grid-column:1;color:rgba(230,237,255,.50);font-size:11px}.rl-v318-location-country>strong{grid-column:1;color:#fff;font-size:15px}
.rl-v318-location-change{grid-column:2;grid-row:1/3;min-height:38px;padding:0 11px;border:1px solid rgba(41,230,255,.24);border-radius:999px;background:rgba(41,230,255,.06);color:#fff;font:600 12px/1 system-ui}
.rl-v318-country-grid,.rl-v318-city-grid{max-height:46vh;overflow:auto;overscroll-behavior:contain;padding-right:2px}
@media(max-width:430px){
  .rl-v316-sheet__panel{max-height:88vh}
  .rl-v316-sheet__back{min-width:66px;padding:0 9px}.rl-v316-sheet__back span{display:none}
  .rl-v316-sheet__heading h3{font-size:20px}
  .rl-v318-location-country{grid-template-columns:minmax(0,1fr)}
  .rl-v318-location-change{grid-column:1;grid-row:auto;justify-self:start}
}

/* V31.9 — 15 additional Premium themes. Main profile still paints Retro Neon first; these variables matter only after deferred preference sync. */
html[data-rl-profile-theme="aqua-glow"]{--rl317-bg0:#020d18;--rl317-bg1:#07334c;--rl317-a:#23f4ff;--rl317-b:#0e95ff;--rl317-c:#20ffc4;--rl317-d:#846cff;--rl317-warm:#ffffff;--rl317-panel:rgba(5,42,63,.80);--rl317-panel2:rgba(6,18,43,.91);--rl317-ver:#32f4c6}
html[data-rl-profile-theme="neon-love"]{--rl317-bg0:#150516;--rl317-bg1:#42103d;--rl317-a:#ff45d8;--rl317-b:#7a5cff;--rl317-c:#ff4d91;--rl317-d:#36d9ff;--rl317-warm:#ffd7f7;--rl317-panel:rgba(65,11,58,.79);--rl317-panel2:rgba(28,8,40,.92);--rl317-ver:#4ef0c6}
html[data-rl-profile-theme="golden-night"]{--rl317-bg0:#080805;--rl317-bg1:#2b210c;--rl317-a:#ffd669;--rl317-b:#4aa5ff;--rl317-c:#d9a43a;--rl317-d:#63e4be;--rl317-warm:#fff0bb;--rl317-panel:rgba(39,31,16,.84);--rl317-panel2:rgba(11,14,17,.94);--rl317-ver:#57e6a8}
html[data-rl-profile-theme="ice-glass"]{--rl317-bg0:#07101b;--rl317-bg1:#203258;--rl317-a:#e7f8ff;--rl317-b:#86c7ff;--rl317-c:#9d8cff;--rl317-d:#5ef1ff;--rl317-warm:#ffffff;--rl317-panel:rgba(178,211,255,.13);--rl317-panel2:rgba(20,33,62,.73);--rl317-ver:#6ff0d7}
html[data-rl-profile-theme="sunset-flame"]{--rl317-bg0:#1c0710;--rl317-bg1:#522017;--rl317-a:#ff934f;--rl317-b:#ff4d6d;--rl317-c:#e44cff;--rl317-d:#47d8ff;--rl317-warm:#ffd76b;--rl317-panel:rgba(74,24,34,.80);--rl317-panel2:rgba(34,11,37,.91);--rl317-ver:#55edbd}
html[data-rl-profile-theme="galaxy"]{--rl317-bg0:#030518;--rl317-bg1:#161050;--rl317-a:#5e78ff;--rl317-b:#8a54ff;--rl317-c:#d84dff;--rl317-d:#35d7ff;--rl317-warm:#ffffff;--rl317-panel:rgba(19,15,75,.82);--rl317-panel2:rgba(9,8,37,.94);--rl317-ver:#57e8cf}
html[data-rl-profile-theme="aurora"]{--rl317-bg0:#031315;--rl317-bg1:#173951;--rl317-a:#27f6e2;--rl317-b:#42a8ff;--rl317-c:#ff64cf;--rl317-d:#9e62ff;--rl317-warm:#d8ff92;--rl317-panel:rgba(11,50,62,.80);--rl317-panel2:rgba(14,20,47,.91);--rl317-ver:#38f0bc}
html[data-rl-profile-theme="ruby-heart"]{--rl317-bg0:#17020a;--rl317-bg1:#4b071e;--rl317-a:#ff244f;--rl317-b:#d336ff;--rl317-c:#ff5682;--rl317-d:#ffadc0;--rl317-warm:#ffffff;--rl317-panel:rgba(72,8,29,.82);--rl317-panel2:rgba(31,5,25,.93);--rl317-ver:#5ef0bd}
html[data-rl-profile-theme="emerald-crown"]{--rl317-bg0:#02100b;--rl317-bg1:#073a25;--rl317-a:#14ff9a;--rl317-b:#1dd9d2;--rl317-c:#4cff5f;--rl317-d:#c9ff65;--rl317-warm:#ffffff;--rl317-panel:rgba(4,54,37,.80);--rl317-panel2:rgba(4,27,28,.93);--rl317-ver:#34f2ac}
html[data-rl-profile-theme="sakura-dream"]{--rl317-bg0:#180813;--rl317-bg1:#47203d;--rl317-a:#ff99cf;--rl317-b:#c675ff;--rl317-c:#ff67ad;--rl317-d:#8fdcff;--rl317-warm:#ffd4ea;--rl317-panel:rgba(67,26,56,.80);--rl317-panel2:rgba(31,13,39,.92);--rl317-ver:#6cebc9}
html[data-rl-profile-theme="cosmic-purple"]{--rl317-bg0:#090519;--rl317-bg1:#271151;--rl317-a:#8b5cff;--rl317-b:#5b4dff;--rl317-c:#d842ff;--rl317-d:#3acbff;--rl317-warm:#f0dcff;--rl317-panel:rgba(39,17,80,.80);--rl317-panel2:rgba(19,9,44,.94);--rl317-ver:#64efd0}
html[data-rl-profile-theme="ocean-breeze"]{--rl317-bg0:#011018;--rl317-bg1:#08394a;--rl317-a:#2de9ff;--rl317-b:#22b7e8;--rl317-c:#19dfc1;--rl317-d:#7be8ff;--rl317-warm:#ffd081;--rl317-panel:rgba(5,53,66,.80);--rl317-panel2:rgba(5,26,42,.92);--rl317-ver:#32efc0}
html[data-rl-profile-theme="royal-velvet"]{--rl317-bg0:#0e0617;--rl317-bg1:#321344;--rl317-a:#7b45ff;--rl317-b:#b33dff;--rl317-c:#ff5fa2;--rl317-d:#ffcc67;--rl317-warm:#f2e1ff;--rl317-panel:rgba(48,17,68,.82);--rl317-panel2:rgba(23,9,39,.93);--rl317-ver:#5decbd}
html[data-rl-profile-theme="fire-ice"]{--rl317-bg0:#09101c;--rl317-bg1:#30211d;--rl317-a:#4acbff;--rl317-b:#4f6fff;--rl317-c:#ff6a3d;--rl317-d:#ffcf4c;--rl317-warm:#ffffff;--rl317-panel:rgba(34,28,39,.82);--rl317-panel2:rgba(10,17,33,.94);--rl317-ver:#55e8bd}
html[data-rl-profile-theme="matrix-noir"]{--rl317-bg0:#020407;--rl317-bg1:#111720;--rl317-a:#e6eef7;--rl317-b:#586cff;--rl317-c:#8896ad;--rl317-d:#2ee8c2;--rl317-warm:#ffffff;--rl317-panel:rgba(24,30,39,.84);--rl317-panel2:rgba(7,10,15,.96);--rl317-ver:#4ee3bb}