#oyht-zero-proof-matchmaker {
      --ink:#171313;
      --cream:#fff8ee;
      --white:#fff;
      --mango:#ffb347;
      --coral:#ff6b5f;
      --pink:#d6408a;
      --teal:#049a9a;
      --aqua:#69d2e7;
      --lime:#9bdc64;
      --cocoa:#342018;
      --muted:#6f625a;
      --line:rgba(52,32,24,.14);
      --shadow:0 24px 60px rgba(45,25,13,.17);
      --soft:0 14px 32px rgba(45,25,13,.10);
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--ink);
      border-radius:34px;
      padding:clamp(16px,4vw,42px);
      overflow:hidden;
      position:relative;
      background:
        radial-gradient(circle at 8% 8%,rgba(255,179,71,.48),transparent 27%),
        radial-gradient(circle at 90% 10%,rgba(105,210,231,.48),transparent 30%),
        radial-gradient(circle at 75% 90%,rgba(214,64,138,.26),transparent 32%),
        linear-gradient(135deg,#fff8ee 0%,#ffe3c3 45%,#ffd6ce 100%);
      box-sizing:border-box;
      isolation:isolate;
    }

    #oyht-zero-proof-matchmaker * { box-sizing:border-box; }

    #oyht-zero-proof-matchmaker:before {
      content:"";
      position:absolute;
      inset:-140px;
      background:
        linear-gradient(115deg,transparent 0 18%,rgba(255,255,255,.36) 18% 19%,transparent 19% 39%,rgba(255,255,255,.24) 39% 40%,transparent 40% 100%),
        radial-gradient(circle,rgba(255,255,255,.30) 0 2px,transparent 3px);
      background-size:250px 250px,34px 34px;
      opacity:.55;
      transform:rotate(-5deg);
      pointer-events:none;
      z-index:-1;
    }

    .zp-shell { max-width:1240px; margin:0 auto; }

    .zp-hero {
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:20px;
      align-items:stretch;
      margin-bottom:20px;
    }

    .zp-hero-main {
      min-height:430px;
      border-radius:34px;
      padding:clamp(24px,5vw,54px);
      background:
        linear-gradient(135deg,rgba(20,17,17,.80),rgba(58,36,28,.38)),
        url("https://images.unsplash.com/photo-1544145945-f90425340c7e?auto=format&fit=crop&w=1600&q=85");
      background-size:cover;
      background-position:center;
      color:#fff;
      box-shadow:var(--shadow);
      position:relative;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }

    .zp-hero-main:after {
      content:"";
      position:absolute;
      right:-70px;
      bottom:-80px;
      width:280px;
      height:280px;
      border-radius:999px;
      background:radial-gradient(circle,rgba(255,179,71,.70),transparent 64%);
      filter:blur(2px);
    }

    .zp-eyebrow {
      display:inline-flex;
      width:fit-content;
      align-items:center;
      gap:9px;
      padding:9px 14px;
      border-radius:999px;
      background:rgba(255,255,255,.16);
      border:1px solid rgba(255,255,255,.25);
      backdrop-filter:blur(10px);
      color:#fff;
      font-weight:950;
      font-size:12px;
      letter-spacing:.08em;
      text-transform:uppercase;
      margin-bottom:16px;
    }

    .zp-hero-main h2 {
      font-family:"Playfair Display",Georgia,serif;
      font-size:clamp(38px,6vw,76px);
      line-height:.88;
      letter-spacing:-.055em;
      margin:0 0 18px;
      max-width:850px;
      text-wrap:balance;
    }

    .zp-hero-main p {
      font-size:clamp(16px,1.4vw,19px);
      line-height:1.55;
      color:rgba(255,255,255,.86);
      max-width:780px;
      margin:0;
    }

    .zp-hero-chips {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:24px;
      position:relative;
      z-index:1;
    }

    .zp-hero-chip {
      padding:10px 13px;
      border-radius:999px;
      background:rgba(255,255,255,.18);
      border:1px solid rgba(255,255,255,.24);
      color:#fff;
      font-size:13px;
      font-weight:950;
      backdrop-filter:blur(10px);
    }

    .zp-side {
      border-radius:34px;
      padding:24px;
      background:
        linear-gradient(160deg,rgba(58,36,28,.92),rgba(58,36,28,.66)),
        url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1200&q=85");
      background-size:cover;
      background-position:center;
      color:#fff;
      box-shadow:var(--shadow);
      overflow:hidden;
      position:relative;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      min-height:430px;
    }

    .zp-side:before {
      content:"🍍";
      position:absolute;
      right:18px;
      top:10px;
      font-size:78px;
      opacity:.18;
      transform:rotate(12deg);
    }

    .zp-side h3 {
      font-family:"Playfair Display",Georgia,serif;
      font-size:clamp(30px,4vw,46px);
      line-height:.94;
      margin:0 0 12px;
      letter-spacing:-.035em;
      max-width:360px;
    }

    .zp-side p {
      color:rgba(255,255,255,.84);
      line-height:1.55;
      margin:0;
      font-size:15px;
    }

    .zp-stats {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:20px;
    }

    .zp-stat {
      border-radius:20px;
      padding:14px 12px;
      background:rgba(255,255,255,.15);
      border:1px solid rgba(255,255,255,.22);
      backdrop-filter:blur(10px);
    }

    .zp-stat strong {
      display:block;
      font-size:27px;
      line-height:1;
      font-weight:950;
    }

    .zp-stat span {
      display:block;
      font-size:11px;
      margin-top:6px;
      color:rgba(255,255,255,.78);
      font-weight:850;
      text-transform:uppercase;
      letter-spacing:.04em;
    }

    .zp-how {
      border-radius:30px;
      padding:22px;
      background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,248,238,.78));
      border:1px solid rgba(255,255,255,.78);
      box-shadow:var(--soft);
      backdrop-filter:blur(14px);
      margin-bottom:18px;
    }

    .zp-how summary {
      cursor:pointer;
      color:var(--cocoa);
      font-weight:950;
      font-size:16px;
    }

    .zp-how p,.zp-how li {
      color:var(--muted);
      line-height:1.55;
      font-size:14px;
    }

    .zp-how ul { margin-bottom:0; }

    .zp-panel {
      border-radius:32px;
      padding:clamp(16px,3vw,26px);
      background:rgba(255,255,255,.68);
      border:1px solid rgba(255,255,255,.76);
      box-shadow:var(--shadow);
      backdrop-filter:blur(14px);
      margin-bottom:20px;
    }

    .zp-controls {
      display:grid;
      grid-template-columns:1.25fr .7fr .7fr .7fr;
      gap:13px;
      align-items:end;
      margin-bottom:18px;
    }

    .zp-field {
      display:flex;
      flex-direction:column;
      gap:8px;
    }

    .zp-field label {
      color:var(--cocoa);
      font-size:11px;
      font-weight:950;
      letter-spacing:.10em;
      text-transform:uppercase;
    }

    .zp-field input,.zp-field select {
      width:100%;
      border:2px solid rgba(58,36,28,.10);
      background:rgba(255,255,255,.90);
      border-radius:18px;
      padding:14px 15px;
      color:var(--ink);
      font-size:14px;
      outline:none;
      box-shadow:0 7px 18px rgba(58,36,28,.05);
    }

    .zp-field input:focus,.zp-field select:focus {
      border-color:rgba(255,107,95,.72);
      box-shadow:0 0 0 5px rgba(255,107,95,.14);
    }

    .zp-tags {
      display:flex;
      flex-wrap:wrap;
      gap:9px;
      margin:4px 0 18px;
    }

    .zp-tag {
      appearance:none;
      border:0;
      border-radius:999px;
      padding:11px 14px;
      font-size:13px;
      font-weight:950;
      cursor:pointer;
      color:var(--cocoa);
      background:#fff;
      box-shadow:0 7px 17px rgba(58,36,28,.08);
      transition:transform .18s ease,background .18s ease,color .18s ease;
    }

    .zp-tag:nth-child(4n+1){border-bottom:4px solid var(--mango);}
    .zp-tag:nth-child(4n+2){border-bottom:4px solid var(--teal);}
    .zp-tag:nth-child(4n+3){border-bottom:4px solid var(--pink);}
    .zp-tag:nth-child(4n+4){border-bottom:4px solid var(--lime);}

    .zp-tag:hover,.zp-tag.active {
      transform:translateY(-2px);
      color:#fff;
      background:linear-gradient(135deg,var(--coral),var(--pink));
    }

    .zp-results-bar {
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      margin-bottom:17px;
    }

    .zp-count {
      font-size:14px;
      font-weight:950;
      color:var(--cocoa);
    }

    .zp-reset {
      border:0;
      border-radius:999px;
      padding:10px 14px;
      background:var(--cocoa);
      color:#fff;
      font-weight:950;
      cursor:pointer;
      box-shadow:0 10px 18px rgba(58,36,28,.18);
      transition:.18s ease;
    }

    .zp-reset:hover {
      transform:translateY(-2px);
      background:linear-gradient(135deg,var(--teal),var(--pink));
    }

    .zp-grid {
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:18px;
    }

    .zp-card {
      border-radius:30px;
      overflow:hidden;
      background:#fff;
      box-shadow:var(--soft);
      border:1px solid rgba(255,255,255,.82);
      display:flex;
      flex-direction:column;
      min-height:100%;
      position:relative;
      transition:transform .18s ease,box-shadow .18s ease;
    }

    .zp-card:hover {
      transform:translateY(-4px);
      box-shadow:0 28px 60px rgba(45,25,13,.18);
    }

    .zp-card:before {
      content:"";
      position:absolute;
      inset:0 0 auto;
      height:8px;
      background:linear-gradient(90deg,var(--mango),var(--coral),var(--pink),var(--teal),var(--lime));
      z-index:2;
    }

    .zp-card-top {
      padding:23px 20px 17px;
      min-height:180px;
      background:
        radial-gradient(circle at 12% 18%,rgba(255,179,71,.28),transparent 26%),
        radial-gradient(circle at 85% 0%,rgba(105,210,231,.35),transparent 32%),
        linear-gradient(135deg,#fff8ee,#fff);
      border-bottom:1px solid rgba(58,36,28,.10);
      position:relative;
    }

    .zp-score {
      position:absolute;
      top:18px;
      right:16px;
      min-width:54px;
      height:54px;
      border-radius:18px;
      display:grid;
      place-items:center;
      background:var(--cocoa);
      color:#fff;
      font-weight:950;
      box-shadow:0 12px 24px rgba(58,36,28,.18);
      padding:0 8px;
    }

    .zp-card h3 {
      font-family:"Playfair Display",Georgia,serif;
      font-size:26px;
      line-height:.98;
      margin:0 64px 10px 0;
      color:var(--cocoa);
      letter-spacing:-.035em;
    }

    .zp-location {
      color:var(--muted);
      font-size:13px;
      font-weight:900;
    }

    .zp-badges {
      display:flex;
      flex-wrap:wrap;
      gap:7px;
      margin-top:14px;
    }

    .zp-badge {
      display:inline-flex;
      border-radius:999px;
      padding:7px 10px;
      font-size:11px;
      font-weight:950;
      letter-spacing:.02em;
      border:1px solid transparent;
    }

    .strong,.very-calm {
      background:rgba(4,154,154,.13);
      color:#006e6e;
      border-color:rgba(4,154,154,.20);
    }

    .good,.calm {
      background:rgba(255,179,71,.22);
      color:#8c5500;
      border-color:rgba(255,179,71,.32);
    }

    .limited,.limited-data {
      background:rgba(214,64,138,.12);
      color:#9b1e59;
      border-color:rgba(214,64,138,.22);
    }

    .moderate {
      background:rgba(255,107,95,.13);
      color:#a9342c;
      border-color:rgba(255,107,95,.22);
    }

    .zp-body {
      padding:18px 20px 20px;
      display:flex;
      flex-direction:column;
      gap:14px;
      flex:1;
    }

    .zp-section-title {
      font-size:11px;
      font-weight:950;
      letter-spacing:.11em;
      text-transform:uppercase;
      color:var(--cocoa);
      margin-bottom:6px;
    }

    .zp-body p {
      color:var(--muted);
      line-height:1.5;
      font-size:14px;
      margin:0;
    }

    .zp-pills {
      display:flex;
      flex-wrap:wrap;
      gap:7px;
      margin:0;
      padding:0;
      list-style:none;
    }

    .zp-pills li {
      border-radius:999px;
      padding:8px 10px;
      background:#fff8ee;
      border:1px solid rgba(58,36,28,.10);
      color:var(--cocoa);
      font-size:12px;
      font-weight:900;
    }

    .zp-links {
      margin-top:auto;
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      padding-top:8px;
    }

    .zp-links a {
      text-decoration:none;
      border-radius:999px;
      padding:10px 12px;
      color:#fff;
      background:var(--cocoa);
      font-size:12px;
      font-weight:950;
      transition:.18s ease;
    }

    .zp-links a:nth-child(2n){background:linear-gradient(135deg,var(--teal),#087c7c);}
    .zp-links a:nth-child(3n){background:linear-gradient(135deg,var(--coral),var(--pink));}

    .zp-links a:hover {
      transform:translateY(-2px);
      filter:brightness(1.05);
    }

    .zp-empty,.zp-start {
      grid-column:1/-1;
      padding:30px;
      border-radius:26px;
      background:#fff;
      border:2px dashed rgba(58,36,28,.18);
      color:var(--muted);
      line-height:1.5;
      box-shadow:var(--soft);
    }

    .zp-start strong,.zp-empty strong { color:var(--cocoa); }

    .zp-modal {
      position:fixed;
      inset:0;
      background:rgba(16,12,10,.72);
      z-index:999999;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:18px;
    }

    .zp-modal-card {
      width:min(720px,100%);
      border-radius:32px;
      background:
        radial-gradient(circle at 10% 0%,rgba(255,179,71,.34),transparent 30%),
        radial-gradient(circle at 100% 20%,rgba(105,210,231,.32),transparent 32%),
        #fff8ee;
      box-shadow:0 30px 90px rgba(0,0,0,.35);
      border:1px solid rgba(255,255,255,.8);
      padding:clamp(22px,4vw,36px);
      color:var(--ink);
    }

    .zp-modal-card h3 {
      font-family:"Playfair Display",Georgia,serif;
      font-size:clamp(31px,4vw,48px);
      line-height:.95;
      margin:0 0 14px;
      color:var(--cocoa);
      letter-spacing:-.04em;
    }

    .zp-modal-card p {
      color:var(--muted);
      line-height:1.55;
      margin:0 0 14px;
      font-size:15px;
    }

    .zp-check {
      display:flex;
      gap:10px;
      align-items:flex-start;
      margin:16px 0 18px;
      color:var(--cocoa);
      font-weight:850;
      line-height:1.4;
      font-size:14px;
    }

    .zp-check input {
      margin-top:3px;
      transform:scale(1.15);
    }

    .zp-enter {
      border:0;
      border-radius:999px;
      padding:13px 18px;
      background:linear-gradient(135deg,var(--coral),var(--pink));
      color:#fff;
      font-weight:950;
      cursor:pointer;
      box-shadow:0 14px 24px rgba(214,64,138,.22);
      opacity:.45;
      pointer-events:none;
      transition:.18s ease;
    }

    .zp-enter.ready {
      opacity:1;
      pointer-events:auto;
    }

    .zp-enter.ready:hover { transform:translateY(-2px); }

    @media(max-width:1040px){
      .zp-hero,.zp-controls,.zp-grid{grid-template-columns:1fr;}
      .zp-hero-main,.zp-side{min-height:auto;}
    }

    @media(max-width:620px){
      #oyht-zero-proof-matchmaker{border-radius:22px;padding:13px;}
      .zp-hero-main,.zp-side,.zp-panel,.zp-how{border-radius:24px;}
      .zp-results-bar{align-items:flex-start;flex-direction:column;}
      .zp-stats{grid-template-columns:1fr;}
      .zp-card h3{margin-right:0;padding-right:58px;}
    }


#oyht-zero-proof-matchmaker .active-lively {
  background:rgba(255,107,95,.13);
  color:#a9342c;
  border-color:rgba(255,107,95,.22);
}