#synastryPreview .preview-person{min-width:0}
#synastryPreview legend{font-family:Cinzel,Georgia,serif;color:#e8bd55;font-size:1.2rem;margin-bottom:20px}
#synastryPreview input{min-width:0;max-width:100%;margin-bottom:16px;min-height:46px}
#synastryPreview .preview-check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;font-weight:400;line-height:1.5;margin:0 0 18px}
#synastryPreview .preview-check input{width:20px;min-width:20px;min-height:20px;height:20px;margin:2px 0 0;accent-color:#e8bd55}
#synastryPreview .compat-btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5;box-sizing:border-box}
#synastryPreviewResult{margin-top:36px;scroll-margin-top:24px;overflow-wrap:anywhere}
#synastryPreviewResult h2{font-family:Cinzel,Georgia,serif;color:#fff8e8;font-size:clamp(1.6rem,4vw,2.2rem)}
#synastryPreviewResult .preview-axes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
#synastryPreviewResult .compat-discover-card{min-width:0;min-height:0}
#synastryPreviewResult h3{color:#e8bd55;font-size:1.08rem}
#synastryPreviewResult p,#synastryPreviewResult li{color:#c9c5bb;line-height:1.7}
#synastryPreviewResult summary{color:#e8bd55;cursor:pointer;min-height:44px;display:flex;align-items:center}
#synastryPreviewResult ul{padding-left:20px}
#synastryPreviewResult details{border-top:1px solid #403a2b;margin-top:16px;padding-top:8px}
#synastryPreviewForm input:disabled{opacity:.5}
#synastryPreviewTransition.synastry-transition-detail{border:1px solid #9b7e45;border-radius:16px;padding:clamp(20px,4vw,32px);margin-top:24px;background:linear-gradient(135deg,#171a27,#10121c)}
#synastryPreviewTransition.synastry-transition-detail h3{font-family:Cinzel,Georgia,serif;color:#e8bd55;font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.45;margin:0 0 16px;overflow-wrap:anywhere}
#synastryPreviewTransition.synastry-transition-detail ul{padding-left:22px;line-height:1.8;color:#e1d8c4}
#synastryPreviewTransition.synastry-transition-detail .compat-actions{margin-top:20px}
#synastryPreviewTransition[hidden]{display:none!important}
@media(max-width:767px){#synastryPreviewResult .preview-axes,#synastryPreview .compat-form-grid{grid-template-columns:1fr}}