.compatibility-wrap{max-width:1040px;padding-top:45px;padding-bottom:70px}.compatibility-intro{text-align:center;margin:0 auto 40px}.compatibility-intro h1{font-size:40px;letter-spacing:-.055em;margin:16px 0}.compatibility-intro p{color:#7d7890;line-height:1.9}.compatibility-intro-mark{display:block;color:#8f72c8;font-size:55px;letter-spacing:12px;margin-top:20px}.compatibility-intro-mark>span{color:#d3ae60;font-size:27px;vertical-align:middle}.compatibility-people{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compatibility-person{min-width:0;border:1px solid #e8dfee;border-radius:22px;background:linear-gradient(145deg,#fff5fa,#51455f);padding:28px;color:#51455f;box-shadow:0 14px 40px #24213b0b}.compatibility-person legend{padding:0 10px;font-size:18px;font-weight:700}.compatibility-person legend span{color:#b78caa;font-size:12px;margin-right:8px}.compatibility-person>label{display:block;margin-bottom:20px;font-weight:600;font-size:13px}.compatibility-person label small{font-weight:400;color:#a09ab5;margin-left:6px;font-size:10px}.compatibility-person input:not([type=checkbox]),.compatibility-person select{background:#ffffff;border:1px solid #e6ddec;color:#51455f;min-height:48px;border-radius:10px;margin-top:9px}.compatibility-person input::placeholder{color:#8e879f}.compatibility-person input:disabled,.compatibility-person select:disabled{opacity:.4}.compatibility-person .checkbox-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:400}.compatibility-person input[type=checkbox]{width:16px;height:16px;accent-color:#c1a2ec}.compatibility-birth-row{display:grid;grid-template-columns:100px 1fr;gap:12px;margin-bottom:16px}.compatibility-time-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.compatibility-person .fine-print{color:#8a7b94;font-size:11px;line-height:1.8}.compatibility-person .text-button{color:#9570aa;font-size:12px;margin:12px 0}.compatibility-leap[hidden]{display:none}.compatibility-submit{width:100%;min-height:58px!important;margin:24px 0 12px;justify-content:center;font-size:16px!important;background:linear-gradient(110deg,#a68bda,#c58eb6)!important}.compatibility-privacy{text-align:center;color:#8a8199;font-size:12px;line-height:1.8;margin:24px 0}.compatibility-method{border:1px solid #e3ddec;border-radius:16px;padding:21px 24px;margin:24px 0;background:#fff}.compatibility-method summary{cursor:pointer;font-weight:600;color:#5b4a79}.compatibility-method summary small{font-size:10px;font-weight:400}.compatibility-method p,.compatibility-method li{font-size:13px;line-height:1.95;color:#797087}.compatibility-method h3{font-size:16px;margin-top:24px}.compatibility-method a{color:#8d61b3;text-decoration:underline;text-underline-offset:3px}.compatibility-hero{background:radial-gradient(ellipse at 50% 0,#fff1f8,#f0ebff 80%);text-align:center;border-radius:28px;color:#51455f;padding:46px 35px;overflow:hidden;margin-top:24px}.compatibility-hero .eyebrow{color:#9c78ae}.compatibility-score{font-size:112px;font-weight:800;letter-spacing:-.07em;line-height:1.2;margin:20px 0}.compatibility-score small{font-size:22px;letter-spacing:0;margin-left:10px;color:#a57b9f}.compatibility-grade{display:inline-block;border:1px solid #e4cfe5;color:#9a688f;padding:7px 18px;border-radius:30px;font-size:12px}.compatibility-hero h1{font-size:29px;margin:22px 0}.compatibility-summary{max-width:570px;margin:0 auto!important;font-size:14px;color:#7e6c8b;line-height:1.9}.compatibility-hero .share-box{margin-top:30px;border-radius:18px;padding:26px;background:#ffffff0a;border-color:#ffffff22}.compatibility-hero .share-box h2{color:#f2eafc;font-size:20px}.compatibility-hero .share-box p{color:#7e6c8b}.compatibility-hero .share-box .text-button{color:#ddc799}.compatibility-hero .share-box .fine-print{color:#9f96ad}.compatibility-hero .social-dialog{color:#393042;text-align:left}.compatibility-hero .social-dialog p{color:#797087}.compatibility-hero .social-preview strong{color:#393042}.compatibility-highlights,.compatibility-profiles,.compatibility-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compatibility-highlights article{padding:24px;border:1px solid #e5ddec;border-radius:18px;background:#fff}.compatibility-highlights span{display:block;color:#978ba2;font-size:12px;margin-bottom:9px}.compatibility-highlights strong{font-size:19px;color:#6c4a8f}.compatibility-section{margin:45px 0}.compatibility-section h2{font-size:25px;letter-spacing:-.035em;margin:12px 0 24px}.compatibility-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compatibility-dimensions article,.compatibility-profiles article{background:#fff;border:1px solid #e6dfec;border-radius:20px;padding:26px}.compatibility-dimensions article>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.compatibility-dimensions h3{font-size:16px;margin:0}.compatibility-dimensions strong{font-size:26px;color:#9268b1}.compatibility-dimensions strong small{font-size:10px;font-weight:400;color:#a093ad}.compatibility-dimensions p,.compatibility-profiles p{font-size:13px;line-height:1.9;color:#82768e}.compatibility-dimensions meter{display:block;width:100%;height:12px;margin:16px 0;accent-color:#a27ac7}.compatibility-dimensions meter::-webkit-meter-bar{background:#f0eaf5;border:0;border-radius:8px}.compatibility-dimensions meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#b69bd5,#9570b8);border-radius:8px}.compatibility-basis{display:block;border-top:1px solid #eee8f3;margin-top:18px;padding-top:12px;font-size:10px;color:#aa9bb5;line-height:1.8}.compatibility-profile-icon{display:block;font-size:40px;color:#b18dca;margin-bottom:18px}.compatibility-profiles small{color:#a38db1;font-size:11px}.compatibility-profiles h3{font-size:21px;margin:10px 0}.compatibility-profiles h4{font-size:12px;color:#705784;margin:24px 0 5px}.compatibility-action{border:1px solid #e3d8ed;border-radius:22px;background:#f3edf8;padding:32px}.compatibility-action h3{font-size:14px;margin:22px 0 8px;color:#78518e}.compatibility-action p{font-size:14px;line-height:1.9;color:#85728d}.compatibility-pillars{display:flex;justify-content:space-around;gap:8px;background:#f6f0fa;border-radius:14px;padding:18px}.compatibility-pillars dt{font-size:11px;color:#9c87aa}.compatibility-pillars dd{margin:8px 0 0;font-size:24px;color:#644979}.compatibility-calculation p{margin:4px 0}.result-export .compatibility-hero{border-radius:0;margin-top:0}.result-export .compatibility-summary{color:#7e6c8b}
@media(max-width:680px){.compatibility-wrap{padding-top:28px}.compatibility-intro h1{font-size:30px}.compatibility-people,.compatibility-dimensions,.compatibility-profiles,.compatibility-chart-grid{grid-template-columns:1fr}.compatibility-person{padding:24px 20px}.compatibility-hero{padding:34px 18px;border-radius:20px}.compatibility-score{font-size:96px}.compatibility-hero h1{font-size:25px}.compatibility-hero .share-box{padding:22px 14px}.compatibility-highlights{gap:12px}.compatibility-highlights article{padding:18px}.compatibility-highlights strong{font-size:16px}.compatibility-section h2{font-size:22px}.compatibility-method{padding:20px}.compatibility-action{padding:24px}.compatibility-dimensions article,.compatibility-profiles article{padding:24px}}

.compatibility-person input:not([type=checkbox]),.compatibility-person select{display:block;width:100%;box-sizing:border-box}.compatibility-person legend{background:#fff5fa;border:1px solid #e6ddec;border-radius:12px;padding:8px 12px}.compatibility-person .compatibility-birth-row label,.compatibility-person .compatibility-time-row label{display:block;min-width:0;font-size:13px}.compatibility-person .compatibility-birth-row,.compatibility-person .compatibility-time-row{align-items:end}

/* A soft pink sky emerges behind the page as the reader scrolls. */
.compatibility-wrap{position:relative;isolation:isolate}
.compatibility-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--sky-opacity,0);background:radial-gradient(ellipse at 18% 36%,#f6d7e99c,transparent 58%),radial-gradient(ellipse at 85% 72%,#e3d9fb99,transparent 58%),linear-gradient(180deg,#fff7fb,#f8e8f2 50%,#eae5fb);transition:opacity .7s ease;contain:strict}
.compatibility-sky::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 7% 18%,#fff 0 1.7px,transparent 3px),radial-gradient(circle at 83% 12%,#b7a0d1 0 1px,transparent 2px),radial-gradient(circle at 92% 43%,#fff 0 2px,transparent 4px),radial-gradient(circle at 14% 63%,#fff 0 2px,transparent 4px),radial-gradient(circle at 74% 81%,#fff 0 1.5px,transparent 3px),radial-gradient(circle at 30% 91%,#baa1cf 0 1px,transparent 2px);background-size:420px 540px;opacity:.9}
.compatibility-sky span{position:absolute;left:var(--star-x);top:var(--star-y);color:#fff;font-size:var(--star-size);text-shadow:0 0 15px #cca5ce;animation:compatibility-twinkle 6s ease-in-out infinite alternate;animation-delay:var(--star-delay)}
@keyframes compatibility-twinkle{from{opacity:.25}to{opacity:.9}}
.compatibility-person{background:linear-gradient(145deg,#fffafd,#f4effc);box-shadow:0 12px 35px #b89aca12}
.compatibility-person input:disabled,.compatibility-person select:disabled{opacity:.65;background:#f1edf5;color:#9c91a7}
.compatibility-person .checkbox-label input{accent-color:#a084c6}
.compatibility-person legend{background:#fcf7ff;color:#71567f}
.compatibility-hero{border:1px solid #e7dcee;box-shadow:0 15px 50px #b998d01c;color:#5b476d}
.compatibility-score{color:#956bab}.compatibility-hero h1{color:#5d4872}.compatibility-grade{background:#ffffffa6}
.compatibility-highlights article,.compatibility-dimensions article,.compatibility-profiles article,.compatibility-method{background:#ffffffed;box-shadow:0 7px 25px #bc9bc609}
.compatibility-action{background:linear-gradient(135deg,#fff3f8,#f3effb)}
.compatibility-share{margin-top:44px;padding-top:18px}
.compatibility-share .share-box{max-width:760px;margin:0 auto 24px;text-align:center;background:linear-gradient(135deg,#fff5f9,#f0eafb);border:1px solid #e8d9ed;border-radius:24px;box-shadow:0 16px 45px #be94c422;padding:36px}
.compatibility-share .share-box h2{color:#705381}.compatibility-share .share-box>p{color:#8c7595}
.compatibility-share .share-studio > .share-actions > .share-main-button{background:linear-gradient(110deg,#9774be,#b779a2);color:#fff;border:1px solid #ae90c8;box-shadow:0 8px 22px #bc8fc52b}
.compatibility-share .share-studio > .share-actions > .share-main-button:hover{background:linear-gradient(110deg,#9274c4,#b780a4);box-shadow:0 10px 25px #bc8fc542}
.compatibility-share .share-box .button.ghost{background:#fffafedd;border:1px solid #ddcee8;color:#88629b}.compatibility-share .copy-link{color:#9473a5}
.compatibility-share .social-dialog{text-align:left}
.result-export .compatibility-hero{background:radial-gradient(ellipse at 50% 0,#fff1f8,#f0ebff 80%);box-shadow:none}.result-export .compatibility-score{color:#956bab}
@media(max-width:680px){.compatibility-share{margin-top:32px}.compatibility-share .share-box{padding:28px 18px}.compatibility-share .share-studio > .share-actions > .share-main-button{font-size:18px}.compatibility-sky::before{background-size:320px 430px}}
@media(prefers-reduced-motion:reduce){.compatibility-sky{transition:none}.compatibility-sky span{animation:none;opacity:.6}}