.custom-modal-container.compatibility-confirm-modal .compatibility-confirm-content{color:#334155}.custom-modal-container.compatibility-confirm-modal .cc-header{margin-bottom:22px}.custom-modal-container.compatibility-confirm-modal .cc-subtitle{color:#64748b;margin:0;font-size:13.5px;line-height:1.65}.custom-modal-container.compatibility-confirm-modal .cc-parties{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:800px){.custom-modal-container.compatibility-confirm-modal .cc-parties{grid-template-columns:1fr}}.custom-modal-container.compatibility-confirm-modal .cc-party{background:linear-gradient(#fff 0%,#fbf8f280 100%);border:1px solid #dccdb973;border-radius:18px;flex-direction:column;padding:20px 22px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #00000005}.custom-modal-container.compatibility-confirm-modal .cc-party.party-counterpart{background:linear-gradient(#fff 0%,#f4f8ff80 100%);border-color:#cddaeb8c}.custom-modal-container.compatibility-confirm-modal .cc-party:hover{box-shadow:0 8px 24px #0000000a}.custom-modal-container.compatibility-confirm-modal .cc-party-head{align-items:center;gap:8px;margin-bottom:14px;display:flex}.custom-modal-container.compatibility-confirm-modal .cc-party-head .cc-party-badge{color:#9c7331;background:#b893521f;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.party-counterpart .custom-modal-container.compatibility-confirm-modal .cc-party-head .cc-party-badge{color:#465f9f;background:#465f9f1f}.custom-modal-container.compatibility-confirm-modal .cc-party-head .cc-party-label{color:#1e293b;font-size:15px;font-weight:650}.custom-modal-container.compatibility-confirm-modal .cc-birth{margin-bottom:14px}.custom-modal-container.compatibility-confirm-modal .cc-birth .cc-birth-date{font-family:var(--font-serif);color:#0f172a;letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:1.3;display:block}[data-lang=en] .custom-modal-container.compatibility-confirm-modal .cc-birth .cc-birth-date,[data-lang=ko] .custom-modal-container.compatibility-confirm-modal .cc-birth .cc-birth-date{font-family:var(--font-sans-serif);letter-spacing:normal}.custom-modal-container.compatibility-confirm-modal .cc-birth .cc-birth-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.custom-modal-container.compatibility-confirm-modal .cc-birth .cc-birth-meta .cc-meta-chip{color:#475569;background:#18213109;border-radius:6px;align-items:center;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.custom-modal-container.compatibility-confirm-modal .cc-birth .cc-birth-meta .cc-meta-chip:before{display:none}.custom-modal-container.compatibility-confirm-modal .cc-time-warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:12px;padding:7px 10px;font-size:12px;line-height:1.5}.custom-modal-container.compatibility-confirm-modal .cc-facts{border-top:1px solid #1821310f;flex-direction:column;margin:0;padding-top:14px;display:flex}.custom-modal-container.compatibility-confirm-modal .cc-facts .cc-fact{border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:7px 8px;font-size:13px;line-height:1.4;display:flex}.custom-modal-container.compatibility-confirm-modal .cc-facts .cc-fact:nth-child(odd){background:#18213105}.custom-modal-container.compatibility-confirm-modal .cc-facts .cc-fact dt{color:#64748b;flex-shrink:0;font-size:12.5px;font-weight:500}.custom-modal-container.compatibility-confirm-modal .cc-facts .cc-fact dd{text-align:right;color:#1e293b;margin:0;font-weight:600}.custom-modal-container.compatibility-confirm-modal .cc-actions{gap:12px;margin-top:26px;display:flex}@media (max-width:450px){.custom-modal-container.compatibility-confirm-modal .cc-actions{flex-direction:column}}.custom-modal-container.compatibility-confirm-modal .cc-actions .cc-btn{cursor:pointer;border-radius:999px;flex:1;min-height:48px;padding:0 22px;font-size:14.5px;font-weight:650;transition:background .18s,box-shadow .18s}@media (max-width:450px){.custom-modal-container.compatibility-confirm-modal .cc-actions .cc-btn{width:100%}}.custom-modal-container.compatibility-confirm-modal .cc-actions .cc-btn:disabled{opacity:.6;cursor:wait}.custom-modal-container.compatibility-confirm-modal .cc-actions .cc-btn:focus-visible{outline-offset:2px;outline:2px solid #2021241f}.custom-modal-container.compatibility-confirm-modal .cc-actions .cc-btn-back{color:#475569;background:#f3f4f7;border:1px solid #18213114;flex:none;min-width:110px}.custom-modal-container.compatibility-confirm-modal .cc-actions .cc-btn-back:hover:not(:disabled){color:#0f172a;background:#eaedf2}.custom-modal-container.compatibility-confirm-modal .cc-actions .cc-btn-confirm{color:#fff;text-align:center;white-space:nowrap;cursor:pointer;background:#202124;border:1px solid #202124;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 28px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 4px 16px #00000024}.custom-modal-container.compatibility-confirm-modal .cc-actions .cc-btn-confirm:hover:not(:disabled){opacity:.8;background:#141517;border-color:#141517}.custom-modal-container.compatibility-confirm-modal .cc-actions .cc-btn-confirm:focus-visible{outline-offset:2px;outline:2px solid #2021241f}.custom-modal-container.compatibility-confirm-modal .cc-actions .cc-btn-confirm:disabled{opacity:.5;cursor:not-allowed}
.compatibility-landing{width:100%;max-width:1120px;margin:0 auto;padding:0}.compatibility-landing .compatibility-card{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:24px;padding:0;display:flex}.compatibility-landing .compatibility-intro{flex-direction:column;gap:12px;padding:0;display:flex}.compatibility-landing .compatibility-intro .intro-copy{flex-direction:column;gap:12px;display:flex}.compatibility-landing .compatibility-intro h1,.compatibility-landing .compatibility-intro h2,.compatibility-landing .compatibility-intro p{margin:0}.compatibility-landing .compatibility-intro h1{letter-spacing:0;color:#202124;font-size:40px;font-weight:600;line-height:1.3}.compatibility-landing .compatibility-intro h2{color:#1a73e8;font-size:20px;font-weight:600;line-height:1.4}.compatibility-landing .compatibility-intro p{color:#2021249e;max-width:600px;margin:0 auto;font-size:16px;font-weight:400;line-height:1.8}.compatibility-landing .compatibility-intro p .description-kicker{color:#1a73e8;font-weight:600}.compatibility-landing .selector-dropdown{transform-origin:top;z-index:1000;background:#fff;border:1px solid #0000001a;border-radius:12px;width:min(300px,100vw - 32px);padding:6px;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeScaleDown;position:absolute;top:calc(100% + 10px);left:50%;translate:-50%;box-shadow:0 8px 32px #00000026}.compatibility-landing .selector-dropdown .dropdown-feature-list{flex-direction:column;gap:3px;display:flex}.compatibility-landing .selector-dropdown .feature-menu-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;width:100%;margin:0;padding:10px 14px;font-family:inherit;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s,color .2s,opacity .2s,transform .2s;display:flex}@media (max-width:520px){.compatibility-landing .selector-dropdown .feature-menu-item{padding:10px 8px}}.compatibility-landing .selector-dropdown .feature-menu-item:hover{color:#202124;background:#f1f5f9cc}.compatibility-landing .selector-dropdown .feature-menu-item:hover .feature-menu-label{color:#202124}.compatibility-landing .selector-dropdown .feature-menu-item.active{color:#1a73e8;background:#1a73e812;border-color:#1a73e81a}.compatibility-landing .selector-dropdown .feature-menu-item.active .feature-menu-label{color:#1a73e8;font-weight:600}.compatibility-landing .selector-dropdown .feature-menu-item.active:after{content:"";background-color:#1a73e8;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:8px}.compatibility-landing .selector-dropdown .feature-menu-item .feature-menu-label{color:#334155;flex:1;min-width:0;font-size:13px;font-weight:500;line-height:1.4;transition:color .15s}.compatibility-landing .compatibility-form{flex-direction:column;gap:12px;display:flex}.compatibility-landing .party-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.compatibility-landing .party-panel{background:#fff;border:1px solid #e2e8f0f0;border-radius:8px;flex-direction:column;gap:8px;padding:12px 16px;display:flex;box-shadow:0 4px 12px #0f172a08,0 0 0 1px #0f172a05}.compatibility-landing .party-panel.counterpart{background:linear-gradient(#1a73e80a,#fff 42%)}.compatibility-landing .party-panel .panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.compatibility-landing .party-panel .party-kicker{color:#202124;font-size:18px;font-weight:600;line-height:1.2}.compatibility-landing .party-panel .party-input{color:#202124;resize:vertical;background:#f8f9fc;border:1px solid #cbd5e1eb;border-radius:8px;width:100%;min-height:76px;padding:10px 12px;font-size:15px;font-weight:400;line-height:1.75;display:block}.compatibility-landing .party-panel .party-input::placeholder{color:#64748bb8}.compatibility-landing .party-panel .party-input:focus{background:#fff;border-color:#1a73e86b;outline:none;box-shadow:0 0 0 4px #60a5fa1f}.compatibility-landing .party-panel .input-wrapper-container{position:relative}.compatibility-landing .party-panel .input-wrapper-container .input-format-hint{color:#20212480;align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:500;line-height:1.4;display:flex}.compatibility-landing .button-group{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.compatibility-landing .message-container{justify-content:center;align-items:center;min-height:22px;display:flex}.compatibility-landing .message-container .message-item{text-align:center;opacity:.8;justify-content:center;align-items:center;gap:6px;margin:0;font-size:12px;line-height:1.5;display:flex}.compatibility-landing .message-container .message-item.privacy{color:#2021247a}.compatibility-landing .message-container .message-item.privacy .lock-icon{opacity:.7;flex-shrink:0}.compatibility-landing .message-container .message-item.error{color:#b91c1c}.compatibility-landing .message-container .message-item.error .warning-icon{background-color:#b91c1c;border-radius:50%;flex-shrink:0;width:12px;height:12px;padding:2px}@media (max-width:800px){.compatibility-landing{padding:0}.compatibility-landing .compatibility-card{gap:18px}.compatibility-landing .compatibility-intro{gap:10px}.compatibility-landing .compatibility-intro h1{font-size:28px}.compatibility-landing .compatibility-intro h2{font-size:16px}.compatibility-landing .compatibility-intro p{font-size:14px;line-height:1.75}.compatibility-landing .party-grid{grid-template-columns:minmax(0,1fr)}.compatibility-landing .party-panel{border-radius:8px;gap:6px;padding:10px 12px}.compatibility-landing .party-panel .panel-header{align-items:flex-start}.compatibility-landing .party-panel .party-kicker{font-size:17px}.compatibility-landing .party-panel .party-input{border-radius:8px;min-height:64px;padding:10px 12px;font-size:13px;line-height:1.65}.compatibility-landing .button-group .submit-button{width:100%;min-height:46px;padding:12px 18px;font-size:13px}.compatibility-landing .message-container{justify-content:center;min-height:0}.compatibility-landing .message-container .message-item{text-align:center;justify-content:center}.compatibility-landing .message-container .message-item.privacy .lock-icon{display:none}}
