.eng-i{width:1em;height:1em;display:inline-block;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:absolute;top:-120px;left:var(--space-4, 1rem);z-index:10001;padding:.65rem 1.1rem;background:var(--gold, #A8B0BC);color:var(--void, #07070A);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;border-radius:var(--radius-md, 8px)}.skip-link:focus{top:var(--space-4, 1rem);outline:2px solid var(--white, #f0e8d8);outline-offset:2px}@media(max-width:1023px){.page-compat .navbar__nav{display:none}}body.page-compat{--font-display: Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading: Georgia, "Times New Roman", serif;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html.ap-fonts-ready .page-compat{--font-display: "Cormorant Garamond", serif;--font-body: "Inter", sans-serif}.page-compat .navbar__nav{min-height:44px}.page-compat .navbar__link,.page-compat .navbar__more-btn,.page-compat .logo-text{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html.ap-fonts-ready .page-compat .navbar__link,html.ap-fonts-ready .page-compat .navbar__more-btn,html.ap-fonts-ready .page-compat .logo-text{font-family:var(--font-display)}:root{--bg: #07070A;--gold: #A8B0BC;--gold-pale: #E8E0D0;--white: #E8E0D0;--silver: #A89E88;--silver-dim: #9A9084;--surface: rgba(22, 28, 42,.68);--border: rgba(168, 176, 188,.1);--radius-xl: 20px;--radius-2xl: 28px;--lapis: #6e1a26;--nav-height: 72px;--space-4: 1rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--text-5xl: 3rem;--text-lg: 1.125rem;--color-white: #E8E0D0;--color-silver-dim: #9A9084}.hero--small{position:relative;overflow:hidden;padding:calc(var(--nav-height, 72px) + var(--space-16, 4rem)) 0 var(--space-12, 3rem);text-align:center;min-height:603px}@media(min-width:769px){.hero--small{min-height:0}}.hero--small:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:url(img/hero-cosmic-ref.jpg) center 22% / cover no-repeat;opacity:.09;filter:sepia(.4) brightness(.5);-webkit-mask-image:radial-gradient(ellipse 88% 68% at 50% 32%,#000 10%,transparent 76%);mask-image:radial-gradient(ellipse 88% 68% at 50% 32%,#000 10%,transparent 76%)}.hero--small .container{position:relative;z-index:1}.hero--small h1{font-family:Georgia,"Times New Roman",var(--font-display),serif;font-size:var(--text-5xl);font-weight:900;color:var(--color-white);margin-bottom:var(--space-4);line-height:1.1}.hero--small h1 .eng-i{width:.85em;height:.85em;vertical-align:-.08em}.hero--small p{font-size:var(--text-lg);color:var(--color-silver-dim);max-width:560px;margin:0 auto}.section{padding:var(--space-16) 0}.section--alt{background:transparent}.section__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-white);text-align:center;margin-bottom:var(--space-3)}.section__subtitle{text-align:center;color:var(--color-silver-dim);margin-bottom:var(--space-10)}#form-heading,.chart-form-panel__title{font-family:Georgia,"Times New Roman",var(--font-display),serif;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);font-size:var(--text-2xl, 1.5rem);font-weight:700;line-height:1.2}.chart-form-panel__title-icon{line-height:0}.compat-form{background:linear-gradient(158deg,#161c2a85,#101520a3);border:1px solid var(--hairline);border-radius:var(--radius-2xl);padding:var(--space-10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #e8e0d014,0 10px 30px #00000029}@media(max-width:700px){.compat-form{padding:var(--space-6) var(--space-4)}}.hero__eyebrow{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:.85;margin-bottom:var(--space-4)}.ap-badge{display:inline-flex;align-items:center;gap:6px;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-pale);background:linear-gradient(145deg,#a8b0bc1a,#10152099);border:1px solid rgba(168,176,188,.3);border-radius:999px;padding:4px 12px;white-space:normal;max-width:100%;text-align:center;box-shadow:inset 0 1px 1px #ffffff12}.compat-orbs{display:flex;align-items:center;justify-content:center;gap:0;margin:0 auto var(--space-10);max-width:460px;position:relative;min-height:120px}.compat-orb{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.compat-orb__core{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;font-size:1.8rem;line-height:1}.compat-orbs__arc{flex:1;height:40px;display:flex;align-items:center;justify-content:center;position:relative;min-width:80px}.compat-orbs__arc svg{width:100%;height:100%;overflow:visible}.compat-orbs__arc-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;color:var(--gold);opacity:.7;pointer-events:none}.compat-person-label{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;text-align:center;margin-top:var(--space-2);display:block}.compat-orb__core .ap-seal--lg{width:2.5rem;height:2.88rem}.page-compat .compat-orbs{max-width:560px;min-height:220px}.page-compat .compat-orb{width:148px;height:148px;flex-direction:column}.page-compat .compat-orb__core{width:124px;height:124px;font-size:3.1rem;flex-shrink:0}.page-compat .compat-orb__core .ap-seal--lg{width:4.4rem;height:5.06rem}.page-compat .compat-orbs__arc{min-width:72px;margin-top:-1.6rem}.page-compat .compat-orbs__arc-label{font-size:1.6rem}.page-compat .compat-person-label{position:absolute;bottom:-1.7rem;left:50%;transform:translate(-50%);margin-top:0;font-size:.66rem;letter-spacing:.18em;white-space:nowrap}.page-compat .hero--small .compat-orbs{min-height:220px}@media(max-width:560px){.page-compat .compat-orbs{max-width:100%;min-height:188px}.page-compat .compat-orb{width:116px;height:116px}.page-compat .compat-orb__core{width:96px;height:96px;font-size:2.5rem}.page-compat .compat-orb__core .ap-seal--lg{width:3.5rem;height:4.03rem}.page-compat .compat-orbs__arc{min-width:40px}.page-compat .hero--small .compat-orbs{min-height:188px}}.hero--small .compat-orbs{min-height:120px}@media(max-width:1023px){body.page-compat{padding-bottom:calc(var(--bottom-nav-h, 72px) + env(safe-area-inset-bottom,0px))}}.compat-form .form-group{margin-bottom:var(--space-5, 1.25rem)}.compat-form .form-hint{font-size:.75rem;color:var(--silver-dark, #6a6258);margin-top:var(--space-1, .25rem)}.compat-form .input-with-icon{position:relative}.compat-form .input-with-icon .form-input{padding-left:2.5rem}.compat-form .input-with-icon .input-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.55}.page-compat .eng-i,.compat-form .eng-i{width:1em;height:1em;vertical-align:-.12em}.compat-form .form-label{display:block;margin-bottom:var(--space-2, .5rem)}.compat-form .form-input,.compat-form .form-select{min-height:44px}.compat-form .btn--lg{min-height:48px}#compat-form.compat-form{min-height:1680px}@media(min-width:769px){#compat-form.compat-form{min-height:0!important}}.aspect-unlock{text-align:center;margin-top:var(--space-6)}.aspect-unlock__note{margin-top:var(--space-3);font-size:.8rem;color:var(--color-silver-dim)}.compat-form__grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:start}@media(min-width:769px){.compat-form__grid{grid-template-columns:1fr auto 1fr}}.compat-person-card{border-radius:var(--radius-xl);padding:var(--space-7) var(--space-7);background:#161c2a8f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);position:relative;overflow:hidden}.compat-person-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.compat-person-card--p1:before{background:linear-gradient(90deg,#8b5a3c 0%,#A8B0BC 60%,transparent 100%)}.compat-person-card--p2:before{background:linear-gradient(90deg,#A8B0BC 0%,#e8c96a 60%,transparent 100%)}@media(max-width:700px){.compat-person-card{padding:var(--space-5) var(--space-4)}}.compat-person-card h3{font-family:Georgia,"Times New Roman",var(--font-display),serif;font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2)}.compat-person-card--p1 h3{color:#c4a07a}.compat-person-card--p2 h3{color:var(--gold)}.person-icon{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.person-icon--p1{background:#a86b4a33;border:1px solid rgba(168,107,74,.35)}.person-icon--p2{background:#c4920a33;border:1px solid rgba(196,146,10,.35)}.form-input:focus{border-color:#c4920a8c!important;box-shadow:0 0 0 3px #c4920a1f!important;outline:none}.compat-form__divider{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-top:0;gap:var(--space-2)}.compat-form__divider-line{display:none}.compat-form__divider-heart{font-size:2rem;color:var(--gold);opacity:.75;line-height:1}@media(min-width:769px){.compat-form__divider{flex-direction:column;padding-top:3rem}.compat-form__divider-line{display:block;width:1px;flex:1;max-height:80px;background:linear-gradient(180deg,transparent,rgba(196,146,10,.35),transparent)}}.form-submit{text-align:center;margin-top:var(--space-10);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);min-height:132px}.form-submit .btn--lg{width:100%;max-width:100%}@media(min-width:769px){.form-submit{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;min-height:0}.form-submit .btn--lg{width:auto;max-width:none}}.hidden{display:none!important}.compat-result-header{text-align:center;margin-bottom:var(--space-8);padding:var(--space-8) var(--space-6);background:#161c2ab8;border:1px solid var(--border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.compat-score{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--space-10);gap:var(--space-3)}.score-ring-wrapper{position:relative;width:200px;height:200px;flex-shrink:0}.score-ring-svg{width:200px;height:200px;transform:rotate(-90deg)}.score-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.score-number{font-family:var(--font-display);font-size:3rem;font-weight:900;color:var(--color-white);line-height:1;letter-spacing:-.02em}.score-ring-label .score-label-text{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--silver-dim);margin-top:2px}.score-connection-label{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--gold-pale);letter-spacing:.04em}.category-scores{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.category-score-item{background:#161c2a9e;border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color .2s,transform .2s,box-shadow .2s}.category-score-item:hover{border-color:#c4920a47;transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.category-score-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.category-score-item__label{font-size:var(--text-sm);font-weight:600;color:var(--silver);display:flex;align-items:center;gap:var(--space-2)}.category-icon{font-size:1rem;opacity:.85}.category-score-item__value{font-size:var(--text-sm);font-weight:700;color:var(--gold-pale)}.score-bar__track{height:10px;background:#ffffff0f;border-radius:999px;overflow:hidden}.score-bar__fill{height:100%;background:linear-gradient(90deg,#5c4a6e,#a8b0bc);border-radius:999px;transition:width .9s cubic-bezier(.22,1,.36,1)}.synastry-aspects{margin-bottom:var(--space-8)}.synastry-aspects-header{font-family:var(--font-display);color:var(--gold-pale);margin-bottom:var(--space-5);font-size:var(--text-xl);font-weight:600}.aspect-card-list{display:flex;flex-direction:column;gap:var(--space-3)}.aspect-card{background:#161c2a99;border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:var(--space-3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-left-width:3px;transition:transform .18s,box-shadow .18s}.aspect-card:hover{transform:translateY(-1px);box-shadow:0 6px 24px #00000047}.aspect-card--harmony{border-left-color:#22c55e}.aspect-card--tension{border-left-color:#ef4444}.aspect-card--neutral{border-left-color:var(--gold)}.aspect-card__planet{font-size:var(--text-sm);color:var(--silver);font-weight:500}.aspect-card__planet span{font-size:1.25rem;display:block;margin-bottom:2px}.aspect-card__symbol{font-size:1.5rem;text-align:center;font-weight:700}.aspect-card__symbol--harmony{color:#22c55e}.aspect-card__symbol--tension{color:#ef4444}.aspect-card__symbol--neutral{color:var(--gold)}.aspect-card__orb{font-size:.7rem;font-weight:600;color:#9aa6c8b3;background:#ffffff0f;border-radius:999px;padding:2px 8px;white-space:nowrap}.aspect-card__meaning{grid-column:1 / -1;font-size:var(--text-xs);color:var(--silver-dim);border-top:1px solid rgba(168,158,136,.08);padding-top:var(--space-2);margin-top:var(--space-1)}.aspect-show-all-btn{background:none;border:1px solid var(--border);border-radius:999px;color:var(--silver);font-size:var(--text-sm);padding:var(--space-2) var(--space-5);cursor:pointer;margin-top:var(--space-4);display:block;margin-left:auto;margin-right:auto;transition:border-color .2s,color .2s}.aspect-show-all-btn:hover{border-color:var(--gold);color:var(--gold-pale)}.compat-overview{background:#161c2aad;border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.compat-overview p{color:var(--color-silver-dim);line-height:1.8;margin-bottom:var(--space-4)}.compat-overview p:last-child{margin-bottom:0}.compat-download-row{text-align:center;margin-top:var(--space-6)}#compat-loading:not(.hidden){min-height:280px}#compat-result{contain:layout style}#compat-result:not(.hidden){min-height:920px}#compat-result.hidden{display:block!important;visibility:hidden;height:0;min-height:0!important;overflow:hidden;margin:0;padding:0;pointer-events:none}#compat-result .compat-tabpanel#panel-synastry{min-height:720px}#category-scores{min-height:320px}#synastry-aspects{min-height:360px}#compat-overview{min-height:120px}#composite-planets.midchart-grid,#davison-planets.midchart-grid{min-height:280px}.compat-matrix-scroll,.synastry-sidebar-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.hero--small{overflow:hidden}.compat-matrix-scroll:focus,.compat-matrix-scroll:focus-visible{outline:2px solid var(--color-gold, #A8B0BC);outline-offset:2px}