.bond-root{color:var(--bond-text)}.bond-root .bond-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}.bond-root .bond-option{position:relative;display:flex;cursor:pointer;border:1px solid var(--bond-line);background:var(--bond-card);transition:border-color .16s ease-out,background-color .16s ease-out,transform .16s ease-out;min-height:44px}.bond-root .bond-option:hover{border-color:var(--bond-gold-soft)}.bond-root .bond-option:focus-visible,.bond-root .bond-radio:focus-visible+.bond-option{outline:2px solid var(--bond-gold-soft);outline-offset:3px}.bond-root .bond-option[aria-checked=true],.bond-root .bond-radio:checked+.bond-option{border:1.5px solid var(--bond-gold);background:var(--bond-elevated)}.bond-root .bond-option.bond-grow[aria-checked=true],.bond-root .bond-radio:checked+.bond-option.bond-grow{transform:scale(1.04);box-shadow:0 0 18px rgba(217,185,110,.28)}.bond-root .bond-check{opacity:0;transition:opacity .16s ease-out}.bond-root .bond-option[aria-checked=true] .bond-check,.bond-root .bond-radio:checked+.bond-option .bond-check{opacity:1}.bond-root .bond-panel{overflow:hidden;animation:bond-expand .2s ease-out}@keyframes bond-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:640px}}@media (prefers-reduced-motion:reduce){.bond-root .bond-breathe{animation:none;opacity:.95}.bond-root .bond-panel{animation:bond-fade .12s ease-out}.bond-root .bond-converge-left,.bond-root .bond-converge-right{animation:none}.bond-root .bond-seal{animation:bond-fade .16s ease-out both}.bond-root .bond-check,.bond-root .bond-option{transition:none}.bond-root .bond-option.bond-grow[aria-checked=true],.bond-root .bond-radio:checked+.bond-option.bond-grow{transform:none}@keyframes bond-fade{0%{opacity:0}to{opacity:1}}}.bond-root .bond-result-header{display:grid;gap:32px;grid-template-columns:1fr}.bond-root .bond-result-header>:nth-child(2){order:-1}@media (min-width:900px){.bond-root .bond-result-header{grid-template-columns:1fr 1.15fr 1fr;align-items:center;gap:24px}.bond-root .bond-result-header>:nth-child(2){order:0}}.bond-root .bond-three-columns{display:grid;gap:28px;grid-template-columns:1fr}@media (min-width:900px){.bond-root .bond-three-columns{grid-template-columns:1fr minmax(260px,.9fr) 1fr;gap:32px;align-items:start}}.bond-root .bond-breathe{animation:bond-breathe 7s ease-in-out infinite;transform-origin:center}@keyframes bond-breathe{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.035);opacity:1}}.bond-root .bond-converge-left{animation:bond-converge-left .9s ease-in-out .25s both}.bond-root .bond-converge-right{animation:bond-converge-right .9s ease-in-out .25s both}.bond-root .bond-seal{animation:bond-seal .7s ease-out .9s both;transform-origin:center}@keyframes bond-converge-left{0%{transform:translateX(0);opacity:.4}to{transform:translateX(62px);opacity:1}}@keyframes bond-converge-right{0%{transform:translateX(0);opacity:.4}to{transform:translateX(-62px);opacity:1}}@keyframes bond-seal{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.bond-root .bond-suggestion[data-active=true]{background:var(--bond-elevated);color:var(--bond-text)}.bond-root .bond-people{display:grid;gap:24px;grid-template-columns:1fr}.bond-root .bond-selector-row{display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.bond-root .bond-portraits{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.bond-root .bond-zodiac-panel{display:grid;gap:16px;grid-template-columns:1fr;align-items:center}.bond-root .bond-zodiac-wheel{display:none;justify-self:center}@media (min-width:1100px){.bond-root .bond-zodiac-panel{grid-template-columns:190px 1fr;gap:20px}.bond-root .bond-zodiac-wheel{display:block}}.bond-root .bond-zodiac-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.bond-root .bond-types{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.bond-root .bond-generations{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:768px){.bond-root .bond-people{grid-template-columns:1fr 1fr;gap:32px}.bond-root .bond-zodiac-grid{grid-template-columns:repeat(4,1fr)}.bond-root .bond-types{grid-template-columns:repeat(5,1fr)}.bond-root .bond-generations{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.bond-root .bond-zodiac-grid{grid-template-columns:repeat(6,1fr)}}