/* Base reset and active copy/privacy dialogs. */
*,*:before,*:after{box-sizing:border-box}
html{line-height:1.5;-webkit-text-size-adjust:100%;background:#1d101b}
body,h1,h2,h3,h4,p,figure,ol,ul{margin:0}
button,input,select,textarea{font:inherit;color:inherit;line-height:inherit}
button{border:0;background:transparent}
img,svg{display:block;vertical-align:middle}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* copy-feedback */
.vcf-overlay[hidden] {
  display: none !important;
}
.vcf-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: #100711c9;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  overscroll-behavior: contain;
  color: #f5f5f5;
  font-family: inherit;
  isolation: isolate;
}
.vcf-panel {
  box-sizing: border-box;
  position: relative;
  width: min(100%, 440px);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 30px 24px 22px;
  border: 1px solid #f5f5f552;
  border-radius: 26px;
  background:
    radial-gradient(ellipse at 50% 0, #2929295c, transparent 60%),
    linear-gradient(155deg, #171717, #171717 75%);
  box-shadow: 0 28px 90px #0009;
  color: #f5f5f5;
  outline: none;
  scrollbar-color: #b51f2a66 transparent;
  scrollbar-width: thin;
}
.vcf-panel * {
  box-sizing: border-box;
}
.vcf-close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #f5f5f52e;
  border-radius: 50%;
  background: #ffffff07;
  color: #f5f5f5;
  cursor: pointer;
}
.vcf-close span {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-1px);
}
.vcf-heading {
  text-align: center;
  padding: 0 10px;
}
.vcf-icon {
  display: grid;
  place-items: center;
  width: 84px;
  height: 84px;
  margin: 0 auto;
  border: 1px solid #f5f5f56b;
  border-radius: 50%;
  background: linear-gradient(145deg, #b51f2a38, #f5f5f512);
  color: #f5f5f5;
  box-shadow:
    0 0 0 8px #b51f2a08,
    0 9px 28px #b51f2a26;
}
.vcf-icon svg {
  display: none;
  width: 56px;
  height: 56px;
}
.vcf-overlay[data-copy-state="pending"] .vcf-pending-icon {
  display: block;
  animation: vcf-spin 1s linear infinite;
}
.vcf-overlay[data-copy-state="success"] .vcf-success-icon {
  display: block;
}
.vcf-overlay[data-copy-state="success"] .vcf-icon {
  background: linear-gradient(140deg, #292929, #b51f2a);
  border-color: #f5f5f5a6;
  color: #f5f5f5;
}
.vcf-overlay[data-copy-state="failure"] .vcf-failure-icon {
  display: block;
}
.vcf-overlay[data-copy-state="failure"] .vcf-icon {
  color: #f5f5f5;
  border-color: #f5f5f559;
}
.vcf-panel h2 {
  margin: 18px 0 0;
  color: #f5f5f5;
  font-size: 34px;
  font-weight: 750;
  letter-spacing: 0;
  line-height: 1.35;
}
#vcf-status {
  margin: 9px 0 0;
  color: #f5f5f5;
  font-size: 14px;
  line-height: 1.75;
}
.vcf-steps-title {
  margin: 25px 0 10px;
  color: #f5f5f5;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.5;
}
.vcf-steps {
  list-style: none;
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 17px 15px;
  border: 1px solid #f5f5f530;
  border-radius: 15px;
  background: #160c171f;
  text-align: left;
}
.vcf-steps li {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  margin: 0;
  padding: 0;
}
.vcf-steps li > span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 1px solid #f5f5f546;
  border-radius: 50%;
  background: #b51f2a12;
  color: #f5f5f5;
  font-size: 13px;
  line-height: 1;
}
.vcf-steps p {
  margin: 1px 0 0;
  color: #f5f5f5;
  font-size: 15px;
  line-height: 1.7;
}
.vcf-steps strong {
  font-weight: 650;
  color: #f5f5f5;
}
.vcf-copy,
.vcf-done {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 11px 14px;
  border: 1px solid #f5f5f540;
  border-radius: 12px;
  font: inherit;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.5;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.vcf-copy {
  margin-top: 20px;
  background: linear-gradient(115deg, #292929, #b51f2a);
  border-color: #f5f5f55e;
  color: #f5f5f5;
}
.vcf-done {
  min-height: 44px;
  margin-top: 10px;
  background: #ffffff05;
  color: #f5f5f5;
  font-size: 14px;
}
.vcf-done:hover {
  background: #ffffff0b;
}
.vcf-copy:hover {
  filter: brightness(1.08);
}
.vcf-copy:disabled {
  opacity: 0.57;
  cursor: wait;
  filter: none;
}
.vcf-panel button:focus-visible {
  outline: 2px solid #f5f5f5;
  outline-offset: 3px;
}
.vcf-panel:focus-visible {
  outline: 2px solid #f5f5f566;
  outline-offset: 2px;
}
@keyframes vcf-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 380px) {
  .vcf-overlay {
    padding: 12px;
  }
  .vcf-panel {
    padding: 27px 18px 18px;
    border-radius: 22px;
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
  }
  .vcf-panel h2 {
    font-size: 30px;
  }
  .vcf-heading {
    padding: 0 5px;
  }
  .vcf-steps {
    padding: 14px 12px;
    gap: 12px;
  }
  .vcf-steps p {
    font-size: 14px;
  }
}
@media (max-height: 680px) {
  .vcf-panel {
    padding-top: 22px;
    padding-bottom: 16px;
  }
  .vcf-icon {
    width: 72px;
    height: 72px;
  }
  .vcf-icon svg {
    width: 48px;
    height: 48px;
  }
  .vcf-panel h2 {
    margin-top: 13px;
    font-size: 30px;
  }
  #vcf-status {
    font-size: 13px;
    line-height: 1.65;
  }
  .vcf-steps-title {
    margin-top: 18px;
  }
  .vcf-steps {
    padding: 13px;
    gap: 10px;
  }
  .vcf-copy {
    margin-top: 16px;
  }
  .vcf-done {
    margin-top: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .vcf-overlay[data-copy-state="pending"] .vcf-pending-icon {
    animation: none;
  }
}

/* privacy-consent */
.survey-card {
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #b51f2a transparent;
}
.survey-card .survey-privacy {
  display: none;
}
.quiz-consent {
  margin-top: 23px;
  border-top: 1px solid #f5f5f52b;
  padding-top: 16px;
  color: #f5f5f5;
  font-size: 12px;
  line-height: 1.6;
  text-align: left;
}
.quiz-consent label {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  cursor: pointer;
}
.quiz-consent input {
  appearance: auto;
  accent-color: #b51f2a;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  cursor: pointer;
}
.quiz-consent [data-privacy-learn] {
  padding: 7px 0 0;
  margin-left: 27px;
  color: #f5f5f5;
  background: none;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.quiz-policy-label {
  font-size: 10px;
  color: #cccccc;
  margin-left: 9px;
}
.privacy-dialog {
  padding: 0;
  width: calc(100% - 28px);
  max-width: 480px;
  max-height: min(90dvh, 740px);
  margin: auto;
  background: linear-gradient(145deg, #292929, #281723);
  color: #f5f5f5;
  border: 1px solid #b51f2a65;
  border-radius: 22px;
  box-shadow: 0 30px 80px #0008;
  overflow: hidden;
}
.privacy-dialog[open] {
  display: flex;
  flex-direction: column;
}
.privacy-dialog::backdrop {
  background: #0c060cbd;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.privacy-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  border-bottom: 1px solid #f5f5f529;
  flex-shrink: 0;
}
.privacy-header h2 {
  font-size: 21px;
  color: #f5f5f5;
  font-weight: 650;
  margin: 0;
}
.privacy-close {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff09;
  color: #f5f5f5;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.privacy-content {
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 22px;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: #b51f2a transparent;
}
.privacy-content section + section {
  margin-top: 24px;
}
.privacy-content h3 {
  font-size: 15px;
  margin: 0 0 12px;
  color: #f5f5f5;
  font-weight: 650;
}
.privacy-content p {
  font-size: 13px;
  line-height: 1.8;
  margin: 0 0 13px;
  color: #f5f5f5;
}
.privacy-content a {
  display: block;
  width: fit-content;
  margin: 16px 0;
  color: #f5f5f5;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.privacy-content .privacy-provider {
  font-size: 11px;
  color: #cccccc;
  margin: 22px 0 0;
  line-height: 1.9;
}
.privacy-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  border-top: 1px solid #f5f5f529;
  padding: 16px 20px;
  flex-shrink: 0;
  background: #171717;
}
.privacy-actions button {
  min-height: 46px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}
.privacy-cancel {
  background: #ffffff0b;
  border: 1px solid #b51f2a40;
  color: #f5f5f5;
}
.privacy-agree {
  background: linear-gradient(115deg, #b51f2a, #b51f2a);
  color: #f5f5f5;
  border: 1px solid #f5f5f560;
}
.quiz-consent input:focus-visible,
.quiz-consent button:focus-visible,
.privacy-dialog button:focus-visible,
.privacy-dialog a:focus-visible {
  outline: 2px solid #f5f5f5;
  outline-offset: 3px;
}
@media (max-height: 740px) {
  .intent-card .survey-options button {
    min-height: 44px;
  }
  .survey-card .quiz-consent {
    margin-top: 10px;
    padding-top: 10px;
  }
  .quiz-policy-label {
    display: inline;
    margin-left: 9px;
  }
  .privacy-header {
    padding: 14px 18px;
  }
  .privacy-content {
    padding: 18px;
  }
  .privacy-actions {
    padding: 12px 16px;
  }
}


.vcf-overlay{top:0;right:0;bottom:0;left:0}
.vcf-panel{width:100%;max-width:440px;max-height:calc(var(--app-height,100vh) - 32px)}
.privacy-dialog{max-height:calc(var(--app-height,100vh) - 28px)}
.privacy-content{-webkit-overflow-scrolling:touch}
.privacy-fallback-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10020;display:flex;align-items:center;justify-content:center;padding:14px;background:#0c060cbd}
.privacy-fallback-layer[hidden]{display:none!important}
.privacy-dialog-fallback{position:relative;margin:0;width:100%;max-width:480px;max-height:90vh}
.privacy-dialog-fallback[open]{display:flex;flex-direction:column}
.privacy-dialog-fallback .privacy-content{flex:1 1 auto;min-height:0}
[dir=rtl] .vcf-steps{text-align:right}
[dir=rtl] .vcf-close{left:12px;right:auto}
.vcf-close,.privacy-close{min-width:44px;min-height:44px}

:root {
  color-scheme: dark;
  --wine: #171717;
  --panel: #171717;
  --line: #292929;
  --text: #f5f5f5;
  --muted: #f5f5f5;
  --coral: #b51f2a;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background:
    radial-gradient(ellipse at 10% 5%, #292929 0, transparent 60%), #1d101b;
  color: var(--text);
  font:
    16px/1.5 -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  min-height: 100vh;
}
button,
input,
select {
  font: inherit;
}
button,
a,
input,
select {
  -webkit-tap-highlight-color: transparent;
}
a {
  color: inherit;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: default;
  opacity: 0.42;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
.a-swipe:focus-visible {
  outline: 3px solid #f5f5f5;
  outline-offset: 4px;
}
.a-shell {
  width: 100%;
  max-width: 520px;
  margin: auto;
  padding: 24px 22px 34px;
  min-height: 100vh;
}
.a-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  margin-bottom: 35px;
}
.a-brand {
  display: flex;
  gap: 8px;
  align-items: center;
  text-decoration: none;
  letter-spacing: 2px;
  font-size: 15px;
  font-weight: 800;
}
.a-brand b {
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #f5f5f5;
  color: #171717;
  width: 34px;
  height: 34px;
  box-shadow: 3px 3px #b51f2a;
}
.a-brand small {
  color: #b51f2a;
  font-size: 9px;
  margin-left: 3px;
}
.a-back {
  font-size: 30px;
  text-decoration: none;
  margin-right: 14px;
}
.a-header .language-picker {
  margin-left: auto;
}
.a-header .language-picker select {
  max-width: 140px;
  min-height: 36px;
  font-size: 12px;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--text);
  border-radius: 20px;
  padding: 6px 10px;
}
.a-header .language-picker select option {
  background: var(--wine);
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1 {
  font-size: clamp(29px, 7vw, 39px);
  line-height: 1.14;
  letter-spacing: -1.2px;
  margin-bottom: 15px;
  font-weight: 650;
}
h2 {
  font-size: 18px;
  line-height: 1.35;
}
h3 {
  font-size: 14px;
}
.a-muted,
.a-footnote {
  color: var(--muted);
}
.a-eyebrow {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #f5f5f5;
  font-size: 12px;
  margin-bottom: 14px;
}
.a-intro {
  margin-bottom: 27px;
}
.a-intro .a-muted {
  font-size: 14px;
  max-width: 360px;
}
.a-filter h2 {
  font-size: 13px;
  margin: 24px 0 10px;
}
.a-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.a-choices button {
  border: 1px solid var(--line);
  background: #ffffff04;
  color: var(--text);
  border-radius: 14px;
  min-height: 48px;
  padding: 9px;
  font-size: 14px;
}
.a-choices button.selected {
  background: var(--coral);
  border-color: var(--coral);
  color: white;
  font-weight: 700;
}
.a-regions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.a-regions button {
  font-size: 12px;
  overflow-wrap: anywhere;
}
.a-primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(110deg, #b51f2a, #b51f2a);
  color: #fff;
  min-height: 54px;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.35;
}
.a-primary span {
  font-size: 21px;
}
.a-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  background: #ffffff05;
  color: var(--text);
  min-height: 48px;
  border-radius: 14px;
  text-decoration: none;
  padding: 10px 18px;
}
.a-text {
  display: block;
  text-align: center;
  background: none;
  border: 0;
  color: var(--muted);
  font-size: 12px;
  text-decoration: underline;
  padding: 12px;
  min-height: 44px;
  margin: auto;
}
.a-footnote {
  font-size: 11px;
  text-align: center;
  margin: 4px 0 0;
}
.empty-strip {
  display: flex;
  gap: 10px;
  margin: 25px 0 22px;
}
.empty-strip .empty-photo {
  width: 33.333%;
  aspect-ratio: 1/1.1;
  min-height: 0;
  border-radius: 13px;
}
.empty-strip svg {
  width: 30px;
}
.empty-strip .empty-photo span {
  display: none;
}
.empty-photo {
  aspect-ratio: 4/5;
  min-height: 280px;
  border: 1px dashed #b51f2a77;
  border-radius: 20px 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  background: linear-gradient(140deg, #29292933, #1b121c66);
  color: #cccccc60;
}
.empty-photo svg {
  width: 64px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
}
.empty-photo span {
  font-size: 18px;
  color: #cccccc;
}
.empty-profile {
  border: 1px solid #29292957;
  border-radius: 21px;
  overflow: hidden;
  background: #17171766;
}
.profile-content {
  padding: 21px;
}
.blank-name {
  font-size: 34px;
  line-height: 1.15;
  margin: 10px 0 17px;
  color: #f5f5f5;
}
.blank-tags {
  display: flex;
  gap: 9px;
  margin: 14px 0;
}
.blank-tags .blank-line {
  height: 25px;
  border: 1px dashed #b51f2a;
  background: none;
  border-radius: 99px;
}
.blank-line {
  height: 7px;
  background: #b51f2a33;
  display: block;
  border-radius: 3px;
  margin: 10px 0;
  max-width: 100%;
}
.blank-about {
  border-top: 1px solid #2929294d;
  padding-top: 22px;
  margin-top: 24px;
}
.blank-about h2 {
  font-size: 21px;
  margin-bottom: 10px;
}
.blank-about h3 {
  margin-top: 24px;
}
.blank-value {
  color: var(--muted);
}
.blank-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 22px 0;
}
.blank-facts div {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 13px;
}
.blank-facts small {
  font-size: 10px;
  color: var(--muted);
}
.blank-facts p {
  margin: 7px 0 0;
}
.a-progress {
  display: flex;
  gap: 5px;
  margin-bottom: 20px;
}
.a-progress i {
  height: 3px;
  border-radius: 3px;
  background: #292929;
  flex: 1;
}
.a-progress i.active {
  background: #b51f2a;
}
.a-action-row {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}
.a-action-row .a-secondary {
  min-width: 48px;
  font-size: 24px;
}
.a-action-row .a-primary {
  flex: 1;
}
.a-swipe {
  touch-action: pan-y;
  outline: none;
}
.a-full .empty-photo {
  aspect-ratio: 4/4.1;
}
.a-full .a-header {
  margin-bottom: 24px;
}
.a-bottom {
  position: sticky;
  bottom: 0;
  background: linear-gradient(0deg, #171717 82%, #171717ee);
  padding: 15px 0 max(8px, env(safe-area-inset-bottom));
  margin-top: 16px;
  border-radius: 16px 16px 0 0;
  z-index: 5;
}
.a-bottom-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 10px;
  color: var(--muted);
  text-align: center;
}
.a-bottom-links button {
  background: none;
  border: 0;
  font-size: 26px;
  color: var(--text);
  min-height: 44px;
  min-width: 44px;
}
.a-guide h1 {
  font-size: 30px;
}
.a-guide .gm-tutorial {
  margin: 18px 0;
  padding: 0;
  border: 0;
  background: none;
}
.a-guide .gm-tutorial-heading {
  display: none;
}
.a-guide .gm-demo {
  height: 285px;
  min-height: 285px;
}
.a-guide .gm-demo-webpage {
  padding-top: 16px;
}
.a-guide .gm-demo-webpage p {
  font-size: 16px;
}
.a-guide .gm-menu-title {
  padding: 10px;
}
.a-guide .gm-menu-item {
  min-height: 35px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
}
.a-guide .gm-menu-item svg {
  width: 17px;
  height: 17px;
}
.a-guide .gm-mini-card {
  display: none;
}
.a-guide .gm-step-label {
  margin-bottom: 14px;
}
.a-guide .gm-timeline {
  margin: 14px 0;
}
.a-guide .gm-demo-actions {
  margin: 8px 0;
}
.a-guide .gm-actual-hint {
  font-size: 10px;
  padding-top: 12px;
  margin-bottom: 13px;
}
.a-continue {
  margin-top: 11px;
  font-size: 14px;
}
.a-guide .a-footnote {
  margin-top: 18px;
}
.a-modal-open {
  overflow: hidden;
}
.a-modal-layer {
  position: fixed;
  inset: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: #0d0712b8;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 12px;
}
.a-sheet {
  background: #171717;
  border: 1px solid #b51f2a;
  border-radius: 25px 25px 16px 16px;
  position: relative;
  max-width: 490px;
  width: 100%;
  padding: 25px;
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px);
  overflow: auto;
  overscroll-behavior: contain;
  box-shadow: 0 -10px 80px #0006;
}
.a-sheet h2 {
  font-size: 27px;
  line-height: 1.2;
  margin: 20px 34px 16px 0;
}
.a-close {
  position: absolute;
  top: 14px;
  right: 14px;
  min-width: 42px;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: none;
  color: var(--text);
  font-size: 24px;
}
.a-demo-note {
  border-left: 2px solid #b51f2a;
  padding-left: 12px;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 22px;
}
.a-sheet label {
  display: block;
  font-size: 12px;
  color: var(--muted);
  margin: 15px 0 7px;
}
.a-sheet input:not([type="checkbox"]),
.a-sheet select {
  border: 1px solid var(--line);
  background: #23121f;
  color: var(--text);
  width: 100%;
  min-height: 48px;
  padding: 12px;
  border-radius: 11px;
  font-size: 16px;
}
.a-sheet .a-consent {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.6;
}
.a-consent input {
  accent-color: var(--coral);
  margin-top: 4px;
  min-width: 17px;
  min-height: 17px;
}
.a-sheet .a-text {
  padding: 6px 0;
  text-align: left;
  margin: 0 0 8px;
}
.a-form-status {
  font-size: 13px;
  color: #f5f5f5;
  line-height: 1.7;
  margin: 12px 0 0;
}
.a-form-status.shown {
  border: 1px solid var(--line);
  padding: 12px;
  border-radius: 12px;
}
.boot-mark {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  background: #f5f5f5;
  color: #171717;
  display: grid;
  place-items: center;
  font-size: 25px;
  font-weight: 800;
  position: absolute;
  top: 40%;
  left: calc(50% - 30px);
}
[dir="rtl"] .a-header .language-picker {
  margin-left: 0;
  margin-right: auto;
}
[dir="rtl"] .a-back {
  margin-right: 0;
  margin-left: 14px;
}
[dir="rtl"] .a-close {
  right: auto;
  left: 14px;
}
.quiz-consent {
  margin: 22px 0 0;
}
.vcf-overlay {
  z-index: 300;
}
.vp-overlay,
dialog {
  z-index: 400;
}
@supports not (aspect-ratio: 4/5) {
  .empty-photo {
    height: 430px;
  }
  .empty-strip .empty-photo {
    height: 110px;
  }
  .a-full .empty-photo {
    height: 400px;
  }
}
@media (min-width: 720px) {
  .a-shell {
    padding-top: 38px;
  }
  .a-shell:before {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #b51f2a33;
    margin-left: -24px;
  }
  .a-shell:after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #b51f2a33;
    margin-left: calc(520px - 20px);
  }
}
@media (max-width: 360px) {
  .a-shell {
    padding: 18px 15px 25px;
  }
  .a-header {
    margin-bottom: 25px;
  }
  .a-header .language-picker select {
    max-width: 115px;
  }
  h1 {
    font-size: 29px;
  }
  .a-regions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .a-sheet {
    padding: 20px;
  }
  .a-guide .gm-demo {
    height: 275px;
    min-height: 275px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

:root {
  --bottom-safe: 0px;
  --bottom-safe: env(safe-area-inset-bottom, 0px);
}
.a-gate {
  height: var(--app-height, 100vh);
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding-top: 18px;
  padding-bottom: calc(var(--bottom-safe) + 10px);
}
.a-gate .a-header {
  flex-shrink: 0;
  margin-bottom: 14px;
  min-height: 36px;
}
.gate-title {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-shrink: 0;
  margin-bottom: 11px;
}
.gate-title > span {
  font-size: 11px;
  color: var(--muted);
}
.a-gate .a-progress {
  margin-bottom: 12px;
  flex-shrink: 0;
}
.a-gate .a-swipe {
  flex: 1;
  min-height: 160px;
  display: flex;
}
.a-gate .empty-profile {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}
.a-gate .empty-photo {
  flex: 1;
  height: auto;
  min-height: 90px;
  aspect-ratio: auto;
}
.a-gate .profile-content {
  flex-shrink: 0;
  padding: 12px 16px;
}
.a-gate .profile-content .a-eyebrow {
  font-size: 10px;
  margin-bottom: 3px;
}
.a-gate .blank-name {
  font-size: 25px;
  margin: 3px 0 7px;
}
.a-gate .blank-tags {
  margin: 0;
}
.a-gate .blank-tags .blank-line {
  height: 20px;
  margin: 3px 0;
}
.gate-controls {
  flex-shrink: 0;
}
.a-gate .a-action-row {
  margin-top: 10px;
}
.a-gate .a-primary {
  min-height: 48px;
  font-size: 14px;
  padding: 10px 16px;
}
.gate-support {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.gate-support .a-text {
  padding: 8px 0;
  margin: 0;
  min-height: 36px;
  font-size: 10px;
}
.a-full {
  padding-bottom: calc(var(--bottom-safe) + 20px);
}
.a-full .a-bottom {
  bottom: 0;
  padding-bottom: calc(5px + var(--bottom-safe));
}
.a-sheet {
  max-height: calc(var(--app-height, 100vh) - 24px);
}
.a-header .language-picker select {
  max-width: 155px;
}

@media (max-height: 620px) and (orientation: portrait) {
  .a-gate {
    padding-top: 10px;
  }
  .a-gate .a-header {
    margin-bottom: 9px;
  }
  .gate-title {
    margin-bottom: 8px;
  }
  .a-gate .profile-content {
    padding: 8px 12px;
  }
  .a-gate .empty-photo svg {
    width: 46px;
  }
}
@media (orientation: landscape) and (max-height: 500px) {
  .a-gate {
    height: auto;
    min-height: var(--app-height, 100vh);
  }
  .a-gate .a-swipe {
    flex: none;
    height: 290px;
  }
}

/* iPhone safe areas and long translated labels, including pre-flex-gap Safari. */
h1 { font-size: 32px; }
.a-shell { padding-left: 22px; padding-right: 22px; padding-left: max(22px, env(safe-area-inset-left)); padding-right: max(22px, env(safe-area-inset-right)); }
.a-gate { padding-top: max(18px, env(safe-area-inset-top)); }
.a-primary,.a-secondary,.language-picker { min-width: 0; }
.a-primary { overflow-wrap: break-word; }
.a-primary > span { flex-shrink: 0; }
.a-header .language-picker select { min-height: 44px; max-width: 145px; }
.a-header .language-picker { max-width: 48%; }
.a-header .language-picker select { width: 100%; }
.a-guide .gm-demo { height: 345px; min-height: 345px; }
.a-guide .gm-menu-item { height: auto; min-height: 38px; }
.a-guide .gm-open-row { min-height: 50px; }
.gm-menu-item > span { overflow-wrap: break-word; }
.a-modal-layer { height: var(--app-height, 100vh); padding-bottom: max(12px, env(safe-area-inset-bottom)); }
.a-sheet { -webkit-overflow-scrolling: touch; }
[dir=rtl] .contact-phone-row #dial { margin-right: 0; margin-left: 8px; }
[dir=rtl] .profile-photo-pair .secondary-photo + .secondary-photo { margin-left: 0; margin-right: 10px; }
[dir=rtl] .profile-photo-pair.pair-stack .secondary-photo + .secondary-photo { margin-right: 0; }
#phone,#email { direction: ltr; text-align: left; }
@supports not (inset: 0) {
 .a-brand b { margin-right: 8px; }
 .a-progress > i + i { margin-left: 5px; }
 .a-action-row .a-primary { margin-left: 10px; }
 .a-consent input { margin-right: 10px; }
 [dir=rtl] .a-brand b { margin-right: 0; margin-left: 8px; }
 [dir=rtl] .a-progress > i + i { margin-left: 0; margin-right: 5px; }
 [dir=rtl] .a-action-row .a-primary { margin-left: 0; margin-right: 10px; }
 [dir=rtl] .a-consent input { margin-right: 0; margin-left: 10px; }
}
@media (max-width:360px) {
 .a-shell { padding-left:15px; padding-right:15px; }
 .a-header .language-picker select { max-width:130px; }
 .a-guide .gm-demo { height:360px; min-height:360px; }
}

.gm-tutorial{background:#171717;border:1px solid #292929;border-radius:20px;padding:18px 14px 15px;box-shadow:0 20px 50px #10060b40}.gm-tutorial-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.gm-tutorial-heading h2{font-size:15px;margin:0;font-weight:600}.gm-demo-label{font-size:10px;color:#f5f5f5;white-space:nowrap}.gm-demo-label i{display:inline-block;width:5px;height:5px;background:#f5f5f5;border-radius:50%;vertical-align:2px;margin-right:4px}.gm-step-label{display:flex;align-items:center;gap:8px;margin:16px 0 13px;min-height:26px;font-weight:650;font-size:14px}.gm-step-number{background:#cccccc;color:#171717;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:12px}.gm-demo{height:340px;position:relative;overflow:hidden;border:1px solid #e8e1e7;border-radius:14px;background:#eadfe7;isolation:isolate;box-shadow:0 8px 20px #11081350}.gm-demo-browser{height:69px;position:relative;background:#fbf9fb;display:flex;justify-content:center;align-items:center;z-index:3;border-bottom:1px solid #d9d5db;color:#17161a}.gm-browser-close{position:absolute;left:15px;top:15px;font-size:30px;font-weight:300}.gm-browser-title{text-align:center;line-height:1.15}.gm-browser-title strong{font-size:20px;font-weight:750}.gm-music-note{font-size:25px;margin-right:3px}.gm-address{display:flex;align-items:center;justify-content:center;gap:4px;color:#87818c;font-size:9px;margin-top:5px;letter-spacing:1px}.gm-address svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.5}.gm-dots-target{position:absolute;right:12px;top:14px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:3px solid #cccccc;border-radius:50%;background:white;box-shadow:0 3px 12px #cccccc65;z-index:4}.gm-dots-target b{letter-spacing:1px;font-size:17px;line-height:1;margin-top:-4px}.gm-tap-ring{position:absolute;left:-5px;top:-5px;right:-5px;bottom:-5px;border:2px solid #cccccc;border-radius:50%;animation:gm-pulse 1.3s ease-out infinite}.gm-demo-webpage{position:absolute;top:69px;left:0;right:0;bottom:0;padding:18px 20px;background:#171717;color:#f5f5f5}.gm-mini-brand{font-size:10px;letter-spacing:3px;color:#f5f5f5}.gm-mini-heart{position:absolute;right:20px;font-size:15px}.gm-demo-webpage p{font-size:21px;color:#f5f5f5;margin:25px 0 16px}.gm-skeleton{height:5px;background:#292929;width:57%;border-radius:6px;margin:9px 0}.gm-skeleton.gm-wide{width:85%}.gm-mini-card{border:1px solid #292929;border-radius:10px;height:67px;margin-top:23px;background:linear-gradient(120deg,#292929,#171717)}.gm-direction-arrow{position:absolute;z-index:4;right:20px;top:58px;width:108px;height:105px;fill:none;stroke:#cccccc;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 8;animation:gm-arrow-dash 2s linear infinite;transition:opacity .3s}.gm-direction-arrow path+path{stroke-dasharray:none}.gm-tap-pointer{position:absolute;width:40px;height:48px;z-index:6;pointer-events:none;filter:drop-shadow(0 3px 4px #17171735)}.gm-tap-pointer svg{width:100%;height:100%;fill:#fff;stroke:#cccccc;stroke-width:2;stroke-linejoin:round}.gm-dots-pointer{right:11px;top:48px;transform:rotate(-20deg);animation:gm-tap 1.5s ease-in-out infinite;transition:opacity .25s}.gm-demo-scrim{position:absolute;top:69px;left:0;right:0;bottom:0;background:#140c1840;opacity:0;transition:opacity .4s;z-index:1}.gm-menu-sheet{position:absolute;top:77px;left:0;right:0;background:#f5f4f7;border-radius:19px 19px 0 0;padding:0 10px 11px;color:#202027;z-index:5;transform:translateY(110%);opacity:0;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .3s}.gm-menu-title{text-align:center;font-size:17px;font-weight:700;height:41px;display:flex;align-items:center;justify-content:center;position:relative}.gm-menu-title>span{position:absolute;right:6px;font-size:24px;font-weight:400}.gm-menu-list{background:#fff;border-radius:11px;overflow:hidden;padding:0 8px}.gm-menu-item{height:39px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eceaf0;font-size:12px;padding:0 8px}.gm-menu-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.gm-menu-item small{display:block;font-size:8px;font-weight:400;margin-top:2px}.gm-menu-item.gm-open-row{height:51px;border:2px solid #cccccc;border-radius:9px;background:#eef4ff;color:#292929;margin:3px -2px 5px;font-weight:700;gap:10px;box-shadow:0 0 0 2px #f5f5f518;animation:gm-row-glow 1.4s ease-in-out infinite}.gm-open-row b{margin-left:auto;font-size:23px;font-weight:400}.gm-row-pointer{right:32px;bottom:9px;transform:rotate(-20deg);animation:gm-tap 1.5s ease-in-out infinite}.gm-demo[data-stage=menu] .gm-menu-sheet{transform:translateY(0);opacity:1}.gm-demo[data-stage=menu] .gm-demo-scrim{opacity:1}.gm-demo[data-stage=menu] .gm-dots-pointer,.gm-demo[data-stage=menu] .gm-direction-arrow{opacity:0}.gm-demo[data-stage=menu] .gm-tap-ring{animation:none;opacity:0}.gm-timeline{display:flex;align-items:center;justify-content:center;gap:9px;margin:14px 0 3px;font-size:10px;color:#cccccc}.gm-timeline i{height:1px;width:15px;background:#b51f2a}.gm-timeline-item{padding:4px 0;transition:color .3s}.gm-timeline-item.gm-active{color:#f5f5f5;font-weight:600}.gm-demo-actions{display:flex;justify-content:center;gap:19px;margin:5px 0 12px}.gm-quiet-button{border:0;background:transparent;color:#f5f5f5;font-size:11px;padding:8px 3px;min-height:32px}.gm-actual-hint{color:#cccccc;font-size:10px;line-height:1.8;margin:0;border-top:1px solid #292929;padding-top:12px}.gm-actual-hint strong{font-size:11px;font-weight:500;color:#f5f5f5}.gm-paused .gm-demo *{animation-play-state:paused!important}@keyframes gm-pulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.65);opacity:0}}@keyframes gm-tap{0%,100%{transform:translate(5px,9px) rotate(-20deg)}45%,60%{transform:translate(0,-5px) rotate(-20deg) scale(.94)}}@keyframes gm-arrow-dash{to{stroke-dashoffset:-30}}@keyframes gm-row-glow{50%{background:#f5f5f5;box-shadow:0 0 0 3px #cccccc35}}.gm-tutorial{margin:18px 0 22px;text-align:start;color:#f8e9ec}.gm-tutorial *{box-sizing:border-box}.gm-tutorial h2,.gm-tutorial p{margin-block-start:0}.gm-step-label{min-height:42px;line-height:1.5}.gm-step-number{flex-shrink:0;margin-inline-end:8px}.gm-demo-label{margin-inline-start:6px}.gm-demo{height:350px}.gm-menu-title{position:relative}.gm-menu-sheet{top:77px}.gm-menu-item{height:39px;line-height:1.4;text-align:start}.gm-menu-item>span{min-width:0;flex:1}.gm-menu-item svg{margin-inline-end:10px}.gm-open-row{font-size:12px;min-height:51px;line-height:1.3}.gm-open-row b{margin-inline-start:5px}.gm-menu-title>span{right:6px}.gm-timeline{align-items:flex-start;line-height:1.5;gap:0}.gm-timeline-item{flex:1;max-width:48%;padding:4px 6px;text-align:center}.gm-timeline i{margin:12px 4px}.gm-demo-actions{gap:0}.gm-quiet-button{margin:0 10px;min-height:40px}.gm-actual-hint{line-height:1.7;font-size:11px}.gm-quiet-button:focus,.gm-quiet-button:focus-visible{outline:2px solid #f5f5f5;outline-offset:3px}.gm-row-pointer{right:21px;bottom:9px}.gm-menu-list{padding:0 8px}.gm-menu-item{gap:0}.gm-step-label{gap:0}.gm-demo-webpage p{margin-top:25px}.gm-menu-list svg{width:18px;height:18px}.gm-demo-browser svg{display:inline-block}.gm-skeleton{max-width:85%}.gm-demo-label i{background:#f5f5f5}.gm-menu-title span{line-height:1}.gm-dots-target b{color:#17161a}.gm-menu-title,.gm-menu-item{color:#202027}.gm-menu-item.gm-open-row{color:#292929}.gm-tutorial button{border:0;background:none}.gm-tutorial svg{max-width:none}.gm-dots-target{box-sizing:border-box}@media(max-width:350px){.gm-tutorial{padding:15px 10px 12px}.gm-tutorial-heading h2{font-size:13px}.gm-step-label{font-size:12px}.gm-timeline{font-size:9px}.gm-demo-label{font-size:9px}}@media(prefers-reduced-motion:reduce){.gm-demo *{animation:none!important;transition:none!important}.gm-direction-arrow,.gm-dots-pointer,.gm-tap-ring{display:none}.gm-menu-sheet{transform:none;opacity:1}}
/* Edge-to-edge images, with per-photo focal points and orientation-aware pairs. */
.profile-photo {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #170e15;
}
.profile-photo img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: var(--focus-x, 50%) var(--focus-y, 25%);
}
.profile-photo figcaption {
  position: absolute;
  right: 12px;
  bottom: 12px;
  background: #24131bcc;
  color: #f5f5f5;
  border: 1px solid #f5f5f544;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  pointer-events: none;
}
.a-gate .main-photo {
  flex: 1;
  min-height: 90px;
}
.a-gate .main-photo figcaption {
  display: none;
}
.a-full .main-photo {
  padding-top: 133.3333%;
}
.profile-photo-pair {
  display: flex;
  padding: 10px;
  background: #171717;
}
.secondary-photo {
  flex: 1;
  min-width: 0;
  padding-top: 64%;
  border-radius: 10px;
  border: 1px solid #29292957;
}
.secondary-photo + .secondary-photo {
  margin-left: 10px;
}
.pair-landscape .secondary-photo {
  padding-top: 34%;
}
.pair-stack {
  display: block;
}
.pair-stack .secondary-photo {
  padding: 0;
  border: 0;
  margin: 0;
}
.pair-stack .secondary-photo + .secondary-photo {
  margin-top: 10px;
}
.pair-stack img {
  position: relative;
  height: auto;
}
.profile-name {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin: 5px 0 14px;
  color: #f5f5f5;
}
.profile-signature {
  color: #f5f5f5;
  font-size: 13px;
  line-height: 1.8;
  margin: 0 0 17px;
}
.a-gate .profile-signature {
  font-size: 12px;
  line-height: 1.7;
  margin-bottom: 9px;
}
.contact-phone-row {
  display: flex;
  align-items: stretch;
}
.contact-phone-row #dial {
  flex: 0 0 35%;
  width: 35%;
  min-width: 0;
  margin-right: 8px;
}
.contact-phone-row #phone {
  flex: 1;
  min-width: 0;
  width: 0;
}
.profile-hobbies {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px -6px 0;
}
.profile-hobbies span {
  margin: 0 6px 6px 0;
  padding: 6px 12px;
  border: 1px solid #b51f2a;
  border-radius: 30px;
  color: #f5f5f5;
  font-size: 12px;
  background: #29292925;
}
.profile-about {
  border-top: 1px solid #b51f2a55;
  padding-top: 20px;
  margin-top: 18px;
}
.profile-about h3 {
  font-size: 16px;
  margin: 0 0 10px;
}
.profile-bio {
  color: #f5f5f5;
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 24px;
}
.profile-copy-note {
  color: #cccccc;
  font-size: 10px;
  line-height: 1.6;
  margin: 20px 0 0;
}
.a-gate .profile-name {
  font-size: 23px;
  margin: 4px 0 8px;
}
.a-gate .profile-hobbies span {
  font-size: 11px;
  padding: 3px 9px;
}
.a-gate .profile-short-bio {
  font-size: 12px;
  line-height: 1.6;
  margin: 8px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-height: 620px) and (orientation: portrait) {
  .a-gate .profile-name {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .a-gate .profile-short-bio {
    -webkit-line-clamp: 1;
  }
}
.photo-retry {
  position: absolute;
  top: 45%;
  left: 20%;
  width: 60%;
  min-height: 44px;
  border: 1px solid #b51f2a;
  border-radius: 12px;
  color: #f5f5f5;
  background: #292929;
}

/* Tiny embedded preview remains visible while the display image arrives. */
.profile-photo { background-size: cover; background-position: var(--focus-x, 50%) var(--focus-y, 25%); }

#app[aria-busy="true"] [data-next]::after { content:""; display:inline-block; width:15px; height:15px; margin-inline-start:10px; border:2px solid currentColor; border-inline-end-color:transparent; border-radius:50%; animation:photo-wait .8s linear infinite; }
@keyframes photo-wait { to { transform:rotate(360deg); } }
.photo-set-retry { position:fixed; z-index:90; left:50%; bottom:24px; transform:translateX(-50%); padding:12px 24px; background:#292929; color:#fff; border:1px solid #f5f5f5; }

.profile-photo[role="button"] {
  cursor: zoom-in;
}
.profile-photo[role="button"]:focus-visible {
  outline: 3px solid #f5f5f5;
  outline-offset: -4px;
}
.field-error,
.contact-summary {
  color: #f5f5f5;
  font-size: 12px;
  line-height: 1.6;
  margin: 6px 0 14px;
}
.contact-summary {
  padding: 10px 12px;
  border: 1px solid #b51f2a;
  border-radius: 10px;
  background: #2929292b;
}
.field-error[hidden],
.contact-summary[hidden] {
  display: none;
}
.a-sheet [aria-invalid="true"] {
  border-color: #b51f2a;
  box-shadow: 0 0 0 1px #b51f2a;
}
.a-sheet .contact-phone-row #phone {
  margin-bottom: 0;
}
.a-sheet .contact-phone-row #dial {
  margin-bottom: 0;
}
.contact-complete {
  padding-top: 35px;
  text-align: center;
}
.contact-complete-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: #f5f5f5;
  color: #171717;
  font-size: 39px;
}
.contact-complete h2 {
  font-size: 29px;
  margin-bottom: 12px;
}
.contact-complete p {
  font-size: 14px;
  color: #f5f5f5;
  margin-bottom: 28px;
}
.pv-overlay {
  position: fixed;
  z-index: 250;
  inset: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #110c12fa;
  color: #f5f5f5;
  display: flex;
  flex-direction: column;
  height: var(--app-height, 100vh);
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.pv-header {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 8px 16px;
  min-height: 60px;
  border-bottom: 1px solid #29292966;
}
#pv-title {
  font-size: 16px;
  font-weight: 600;
  margin-right: auto;
}
.pv-count {
  font-size: 13px;
  color: #f5f5f5;
  margin: 0 18px;
}
.pv-overlay button {
  border: 1px solid #b51f2a;
  border-radius: 12px;
  background: #171717;
  color: #f5f5f5;
  min-width: 44px;
  min-height: 44px;
  cursor: pointer;
}
.pv-close {
  font-size: 28px;
}
.pv-stage {
  flex: 1;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.pv-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pv-stage.zoomed .pv-image {
  width: 200%;
  height: auto;
  max-width: none;
  min-height: 100%;
  object-fit: contain;
}
.pv-footer {
  flex-shrink: 0;
  padding: 8px 16px 12px;
  text-align: center;
  border-top: 1px solid #29292966;
  background: #1b1019;
}
.pv-controls {
  display: flex;
  max-width: 440px;
  margin: auto;
  justify-content: space-between;
  align-items: center;
}
.pv-prev,
.pv-next {
  font-size: 27px;
  width: 58px;
}
.pv-zoom {
  padding: 8px 28px;
  font-size: 14px;
}
.pv-footer p {
  margin: 9px 0 0;
  font-size: 11px;
  color: #cccccc;
}
.pv-overlay button:focus-visible {
  outline: 3px solid #f5f5f5;
  outline-offset: 2px;
}

/* Six-second prompt; the same form stays available from the interest button. */
.a-primary .a-contact-text { min-width:0; flex:1 1 auto; text-align:start; overflow-wrap:break-word; }
.a-contact-end { display:flex; align-items:center; flex-shrink:0; margin-inline-start:12px; }
.a-contact-countdown { display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:5px 8px; margin-inline-end:12px; border:1px solid #ffffff66; border-radius:20px; background:#ffffff20; font-size:12px; line-height:1.25; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
.a-contact-countdown svg { flex-shrink:0; margin-inline-end:5px; }
.a-contact-countdown[hidden] { display:none; }
.a-contact-layer { align-items:center; padding:16px; padding-top:max(16px,env(safe-area-inset-top)); padding-bottom:max(16px,env(safe-area-inset-bottom)); }
.a-contact-layer .a-sheet { max-width:460px; border-radius:24px; max-height:calc(var(--app-height,100vh) - 32px); box-shadow:0 24px 80px #0009; }


:root{--wine:#111;--panel:#202020;--line:#666;--text:#fff;--muted:#d0d0d0;--coral:#ce2029}
body{background:#111;color:#fff;border-top:6px solid #ce2029}
.a-header{border-bottom:3px solid #fff}.a-brand b{background:#08783e;color:white}
.a-primary{background:#b51f2a!important;color:#fff!important;border:1px solid #df737a!important}
.a-primary:hover{background:#921923!important}.a-secondary,.a-close{color:#fff!important;background:#292929!important}
input,select{background:#111!important;color:#fff!important;border-color:#888!important}input::placeholder{color:#bcbcbc!important;opacity:1}
.profile-hobbies span{background:#084a2d!important;color:#fff!important;border-color:#278956!important}
.a-progress i.active{background:#09944e!important}.a-bottom{background:#111!important}.a-swipe{touch-action:pan-y;cursor:grab}.a-swipe img{user-select:none;-webkit-user-drag:none}
:focus-visible{outline:3px solid #32c77e!important;outline-offset:3px}
.iraq-guide-overlay{position:fixed;inset:0;z-index:1000;background:#000c;display:grid;place-items:center;padding:16px}
.iraq-guide-panel{position:relative;background:#171717;color:white;border:1px solid #aaa;border-top:5px solid #ce2029;border-radius:24px;width:min(100%,540px);max-height:94dvh;overflow:auto;padding:20px}
.iraq-guide-panel .a-shell{padding:20px 0;min-height:0}.iraq-guide-panel .a-header{display:none}.iraq-guide-panel>.a-primary{display:block;text-align:center;padding:14px;text-decoration:none;border-radius:14px}
.gm-open-row{background:#075d35!important;color:#fff!important}.gm-step-number{background:#08783e!important;color:#fff!important}.field-error{color:#ffb8be!important}

.gm-demo-webpage{background:#171717!important;color:#fff!important}.gm-direction-arrow{stroke:#098047!important}.gm-tap-pointer svg{stroke:#08783e!important}.gm-dots-target,.gm-tap-ring{border-color:#08783e!important}.gm-skeleton{background:#666!important}.gm-actual-hint,.a-footnote,.a-eyebrow{color:#ddd!important}.a-sheet,.vcf-panel,.vp-panel{background:#202020!important;color:white!important}

.a-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.wisal-logo{width:44px;height:44px;display:block}.wisal-wordmark{display:flex;flex-direction:column;line-height:1.15;font-size:27px;color:#fff;letter-spacing:0}.a-brand .wisal-wordmark small{position:static;display:block;font-size:10px;letter-spacing:2px;color:#ddd;margin-top:5px}.copy-inline-status{background:#073e28;color:#fff;border:1px solid #299760;padding:14px;border-radius:12px;line-height:1.7}.a-primary[data-contact]:disabled{opacity:1!important;background:#343434!important;color:#eee!important;border-color:#777!important;cursor:not-allowed}.a-contact-countdown{color:white!important}
