/* Private Dating preview — premium, discreet, non-purple visual treatment */
.fixed.inset-0.z-\[160\] > section {
  max-width: 1180px !important;
  border-radius: 28px !important;
  box-shadow: 0 34px 110px rgba(15,23,42,.42) !important;
}
.fixed.inset-0.z-\[160\] > section > header {
  min-height: 74px;
  padding: 16px 20px !important;
}
.fixed.inset-0.z-\[160\] > section > header h2 {
  font-size: 17px !important;
  letter-spacing: -.02em;
}
.fixed.inset-0.z-\[160\] > section > header p {
  font-size: 10px !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid {
  grid-template-columns: minmax(0,1.12fr) minmax(420px,.88fr) !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:first-child {
  padding: 16px !important;
  background: linear-gradient(180deg,rgba(248,250,252,.92),rgba(255,255,255,.98));
}
html.dark .fixed.inset-0.z-\[160\] > section > div.grid > div:first-child {
  background: linear-gradient(180deg,rgba(2,6,23,.52),rgba(8,24,47,.92));
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:first-child > div.relative.overflow-hidden.rounded-2xl {
  border-radius: 24px !important;
  box-shadow: 0 18px 45px rgba(15,23,42,.18);
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:first-child > div.relative img {
  aspect-ratio: 4 / 4.55 !important;
  min-height: 520px;
  max-height: 640px;
  object-position: center 24%;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:first-child > div.relative::after {
  content: '';
  position: absolute;
  inset: auto 0 0 0;
  height: 34%;
  pointer-events: none;
  background: linear-gradient(180deg,transparent,rgba(2,6,23,.28));
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:first-child > div.mt-3.grid.grid-cols-5 {
  gap: 8px !important;
  margin-top: 10px !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:first-child > div.mt-3.grid.grid-cols-5 button {
  border-radius: 12px !important;
  overflow: hidden;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:first-child > div.mt-3.grid.grid-cols-5 img {
  aspect-ratio: 1 / 1 !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:first-child > div.mt-4.flex.flex-wrap {
  border-radius: 16px !important;
  padding: 10px !important;
  gap: 7px !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:first-child > div.mt-4.flex.flex-wrap span {
  padding: 6px 9px !important;
  font-size: 9px !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:first-child > div.mt-3.flex.gap-3 {
  border-radius: 16px !important;
  padding: 12px !important;
  margin-top: 10px !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child {
  padding: 28px 30px 24px !important;
  position: relative;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child::before {
  content: 'PRIVATE PROFILE';
  position: absolute;
  right: 28px;
  top: 26px;
  border: 1px solid #fecdd3;
  background: #fff1f2;
  color: #e11d48;
  border-radius: 999px;
  padding: 6px 9px;
  font: 800 8px/1 'Plus Jakarta Sans',sans-serif;
  letter-spacing: .12em;
}
html.dark .fixed.inset-0.z-\[160\] > section > div.grid > div:last-child::before {
  border-color: rgba(251,113,133,.25);
  background: rgba(244,63,94,.12);
  color: #fda4af;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child > div.mt-2.flex.items-center.gap-2 {
  margin-top: 12px !important;
  align-items: center !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child > div.mt-2.flex.items-center.gap-2 h3 {
  font-size: 38px !important;
  line-height: 1 !important;
  letter-spacing: -.05em !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child > p.mt-1.text-xs {
  margin-top: 7px !important;
  font-size: 11px !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child > p.mt-5.text-sm {
  margin-top: 18px !important;
  border-left: 3px solid #fb7185;
  padding-left: 12px;
  font-size: 13px !important;
  line-height: 1.8 !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child > div.mt-5.divide-y {
  margin-top: 20px !important;
  border-radius: 18px !important;
  padding: 0 14px !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child > div.mt-5.divide-y > div {
  grid-template-columns: 112px minmax(0,1fr) !important;
  padding: 11px 2px !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child h4 {
  font-size: 13px !important;
  letter-spacing: -.01em;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child > div.mt-6 {
  margin-top: 20px !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child > div.mt-6 .flex.flex-wrap.gap-2 {
  gap: 7px !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child > div.mt-6 .rounded-full.bg-rose-50 {
  border: 1px solid #fecdd3;
  background: #fff7f8 !important;
  color: #be123c !important;
  padding: 8px 11px !important;
  font-size: 9px !important;
}
html.dark .fixed.inset-0.z-\[160\] > section > div.grid > div:last-child > div.mt-6 .rounded-full.bg-rose-50 {
  border-color: rgba(251,113,133,.22);
  background: rgba(244,63,94,.10) !important;
  color: #fda4af !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child > div.mt-7.flex.items-center.justify-between {
  margin-top: 24px !important;
  padding-top: 16px !important;
}
.fixed.inset-0.z-\[160\] > section > div.grid > div:last-child > div.mt-7.flex.items-center.justify-between button:last-child {
  min-width: 110px;
  background: #0f172a;
  color: white;
  border-color: #0f172a;
}
html.dark .fixed.inset-0.z-\[160\] > section > div.grid > div:last-child > div.mt-7.flex.items-center.justify-between button:last-child {
  background: #155eef;
  border-color: #155eef;
}
@media (max-width:1180px){
  .fixed.inset-0.z-\[160\] > section { max-width: 1040px !important; }
  .fixed.inset-0.z-\[160\] > section > div.grid { grid-template-columns: minmax(0,1fr) 420px !important; }
  .fixed.inset-0.z-\[160\] > section > div.grid > div:first-child > div.relative img { min-height: 470px; }
}