.compat{--plum: #22131b;--plum-lift: #2d1a24;--plum-glow: #3a1f2b;--wheel-a: #f5c39c;--wheel-b: #c3a8ec;--rose: #e7b6c0;--rose-deep: #9c6f78;--rose-label: #c49aa4;--sand: #d9c3bc;--paper: #f4e9dc;background:var(--cream);padding:0 clamp(.5rem,2vw,2.5rem) clamp(2rem,5vw,4rem);font-family:var(--serif-text)}.compat__panel{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(120% 90% at 20% 100%,var(--plum-glow) 0%,var(--plum) 62%);color:var(--paper);display:grid;grid-template-columns:1fr;gap:clamp(1rem,2.5vw,2rem);padding:clamp(1rem,4vw,3.6rem) clamp(1rem,5vw,4.5rem)}.compat__stars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.compat__wheelbox{display:block;width:100%;margin-inline:auto}.compat__wheel{display:block;width:100%;height:auto}.compat__caption{margin-top:.9rem;margin-inline:auto;max-width:34ch;text-align:center;font-size:.88rem;line-height:1.45;color:var(--sand)}.compat__caption{min-height:4.35em}.compat__title{font-family:var(--serif-display);color:var(--paper);font-size:clamp(1.375rem,3.2vw,2.875rem);line-height:1.14;letter-spacing:normal;margin:0}.compat__sub{margin-top:.6rem;font-size:clamp(.9375rem,1.3vw,1.17rem);color:#e3d3cc}.compat__heart{font-family:DejaVu Sans,Segoe UI Symbol,serif;font-size:13px;fill:var(--rose)}.compat__who{margin-top:clamp(1.1rem,2.4vw,1.6rem);display:flex;align-items:center;gap:.55rem;font-family:var(--serif-display);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--rose-label)}.compat__mark{width:.5rem;height:.5rem;border-radius:50%;border:1px solid var(--rose)}.compat__mark--filled{background:var(--rose)}.compat__row{display:grid;grid-template-columns:4.375rem 1fr;align-items:baseline;gap:.1rem .75rem;margin-top:.45rem;border-bottom:1px solid rgba(156,111,120,.55);padding-bottom:.25rem}.compat__row--split{grid-template-columns:4.375rem 1fr 2.2rem 1fr}.compat__row--place{position:relative}.compat__label{font-family:var(--serif-text);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sand)}.compat__panel>*,.compat__copy,.compat__form,.compat__row,.compat__row>*{min-width:0}#compat .compat__input{width:100%;min-width:0;background:transparent;border:0;border-radius:0;padding:.45rem 0 .4rem;box-shadow:none;color:var(--paper);font-family:var(--serif-text);font-size:1.0625rem;line-height:1.3}#compat .compat__input:focus,#compat .compat__input:focus-visible{outline:none;box-shadow:none;background:transparent}#compat .compat__input::placeholder{color:#d9c3bc99}.compat__input:focus{outline:none}.compat__row:focus-within{border-bottom-color:var(--rose)}#compat .compat__input[type=date],#compat .compat__input[type=time]{min-height:2.1rem}#compat .compat__input[type=date]::-webkit-calendar-picker-indicator,#compat .compat__input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.55}.compat__places{position:absolute;left:5.4rem;right:0;top:100%;z-index:4}.compat__join{margin-top:1.4rem;display:flex;align-items:center;gap:.9rem}.compat__join:before,.compat__join:after{content:"";flex:1 1 auto;height:1px;background:#9c6f788c}.compat__rings{width:1.5rem;height:.85rem;border:1px solid var(--rose);border-radius:50%;position:relative}.compat__rings:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:45%;border:1px solid var(--rose);border-radius:50%}.compat__go{margin-top:clamp(1.25rem,3vw,2rem);width:100%;display:block;cursor:pointer;background:var(--rose);border:0;color:#241219;font-family:var(--serif-display);font-size:.875rem;letter-spacing:.3em;text-transform:uppercase;padding:1.05rem 1.5rem;min-height:3.375rem}.compat__go:hover{background:#f0c8d0}.compat__go:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.compat__free{margin-top:.8rem;font-size:.9375rem;color:var(--sand)}.compat__error{margin-top:.7rem;font-size:.92rem;color:#f0b3a8}.compat__error[hidden]{display:none}.compat__result{margin-top:clamp(1.5rem,4vw,2.75rem);background:linear-gradient(165deg,var(--plum) 0%,var(--plum-lift) 100%);color:var(--paper);padding:clamp(1.25rem,4vw,3.25rem)}.compat__result[hidden]{display:none}.compat__result-title{font-family:var(--serif-display);font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.2;margin:0;color:var(--paper)}.pair__a{color:var(--wheel-a)}.pair__b{color:var(--wheel-b)}.pair__and{color:var(--rose);font-style:italic}.compat__count{margin-top:.7rem;font-size:1.05rem;color:var(--sand)}.compat__links{margin:clamp(1.1rem,2.5vw,1.75rem) 0 0;padding:0;list-style:none}.compat__links li{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid rgba(156,111,120,.55)}.compat__links li:first-child{margin-top:0}.compat__link-head{font-family:var(--serif-display);font-size:1.05rem;color:var(--wheel-a)}.compat__link-body{margin-top:.4rem;color:var(--paper);max-width:60ch}.compat__how{margin:.5rem 0 0;font-size:.82rem;line-height:1.55;color:var(--sand);max-width:62ch}.compat__note{margin-top:1.4rem;font-size:.92rem;color:var(--sand);max-width:56ch}.compat__scoreblock[hidden]{display:none}.shead{margin-top:clamp(1.5rem,3vw,2.25rem)}.shead__num{margin:0;display:flex;align-items:baseline;gap:.04em;font-family:var(--serif-display);color:var(--paper);line-height:.82;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.shead__val{font-size:clamp(10.25rem,16vw,14.5rem)}.shead__pc{font-size:clamp(2.2rem,3.6vw,3.25rem);font-style:italic;color:var(--rose);letter-spacing:0}.shead__scale{margin-top:clamp(1rem,2vw,1.5rem);max-width:24rem}.shead__what{margin:1.1rem 0 0;font-size:1.02rem;line-height:1.5;color:var(--paper);max-width:40ch}.shead__where{margin:.7rem 0 0;font-size:.84rem;line-height:1.55;color:var(--sand);max-width:44ch}.scores{margin:clamp(1.75rem,4vw,2.5rem) 0 0;padding:0;list-style:none}.score{border-top:1px solid rgba(156,111,120,.55)}.score:last-of-type{border-bottom:1px solid rgba(156,111,120,.55)}.score__open{display:block;width:100%;text-align:left;cursor:pointer;background:transparent;border:0;border-radius:0;box-shadow:none;padding:.95rem 0 1rem;margin:0;color:inherit;font:inherit}.score__open:hover .score__name{color:var(--rose)}.score__open:focus-visible{outline:2px solid var(--rose);outline-offset:2px}.score__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.score__name{font-family:var(--serif-display);font-size:1.375rem;color:var(--paper);transition:color .2s ease}.score__num{font-family:var(--serif-display);font-size:1.625rem;color:var(--paper);font-variant-numeric:tabular-nums;line-height:1}.score__pc{font-size:.6em;font-style:italic;color:var(--rose);margin-left:.05em}.score__say{display:block;margin-top:.75rem;font-size:1.02rem;line-height:1.5;color:var(--paper);max-width:58ch}.score__from{display:block;margin-top:.5rem;font-size:.875rem;color:var(--sand)}.score__tap{color:var(--rose);text-decoration-color:#e7b6c099;text-underline-offset:.2em}.score__open:hover .score__tap{text-decoration-color:var(--rose)}.scores__note{margin:1.1rem 0 0;font-size:.82rem;line-height:1.6;color:var(--sand);max-width:62ch}.scores__note[hidden]{display:none}.why{padding:.25rem 0 1.2rem}.why[hidden]{display:none}.why__list{margin:0;padding:0;list-style:none}.why__item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.3rem 0;font-size:.84rem;line-height:1.45;color:var(--sand);border-bottom:1px dotted rgba(156,111,120,.4)}.why__item--none{display:block;border-bottom:0}.why__val{font-variant-numeric:tabular-nums;color:var(--wheel-a);flex:0 0 auto}.why__line,.why__sum,.why__rule{margin:.55rem 0 0;font-size:.84rem;line-height:1.55;color:var(--sand);max-width:60ch}.why__sum{color:var(--paper)}.why__rule{color:var(--rose-label);font-size:.78rem}.ruler{--score: 50%;position:relative;display:block;height:14px;margin-top:.55rem}.ruler:before,.ruler:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,currentColor 0 1px,transparent 1px),linear-gradient(to right,currentColor 0 1px,transparent 1px),linear-gradient(currentColor,currentColor);background-size:calc((100% - 1px)/20) 6px,1px 10px,100% 1px;background-position:left bottom 1px,50% bottom 1px,left bottom;background-repeat:repeat-x,no-repeat,no-repeat}.ruler:before{color:var(--rose-deep);opacity:.6}.ruler:after{color:var(--rose);clip-path:inset(0 calc(100% - var(--score)) 0 0)}.ruler__mark{position:absolute;bottom:0;left:var(--score);width:1px;height:14px;margin-left:-1px;background:var(--paper)}.ruler--head{height:18px}.ruler--head:before,.ruler--head:after{background-size:calc((100% - 1px)/20) 8px,1px 13px,100% 1px}.ruler--head .ruler__mark{height:18px}.ruler__legend{display:block;position:relative;margin-top:.3rem;height:1em;font-family:var(--serif-text);font-size:.75rem;color:var(--paper)}.ruler__legend>*{position:absolute;top:0;white-space:nowrap}.ruler__zero{left:0}.ruler__mid{left:50%;transform:translate(-50%)}.ruler__hundred{right:0}.compat__h3{margin:clamp(1.75rem,4vw,2.5rem) 0 0;font-family:var(--serif-display);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--rose-label)}.traits__list{margin:1rem 0 0;padding:0;list-style:none}.trait{margin-top:1.1rem;padding-left:1rem;border-left:1px solid var(--rose-deep)}.trait:first-child{margin-top:0}.trait__say{margin:0;font-size:1.02rem;line-height:1.5;color:var(--paper);max-width:54ch}.trait__from{display:block;margin:.35rem 0 0;font-size:.78rem;line-height:1.5;color:var(--sand);max-width:58ch}.chat[hidden]{display:none}.chat__log{margin:0;padding:0;list-style:none}.chat__log:empty{display:none}.chat__turn{margin-top:1.1rem}.chat__turn:first-child{margin-top:0}.chat__who{margin:0 0 .25rem;font-family:var(--serif-display);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-label)}.chat__text{margin:0;font-size:1.02rem;line-height:1.55;color:var(--paper);max-width:60ch;white-space:pre-wrap}.chat__turn--user .chat__text{color:var(--wheel-a)}.chat__turn.is-pending .chat__text{color:var(--sand)}.chat__starters{margin:1.1rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.chat__starters:empty{display:none}.chat__starter-btn{cursor:pointer;text-align:left;background:transparent;border:1px solid rgba(156,111,120,.75);border-radius:0;padding:.55rem .85rem;color:var(--sand);font-family:var(--serif-text);font-size:.88rem;line-height:1.35}.chat__starter-btn:hover{border-color:var(--rose);color:var(--paper)}.chat__starter-btn:focus-visible{outline:2px solid var(--rose);outline-offset:2px}.chat__form{margin-top:1.2rem;display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:stretch}.chat__form[hidden]{display:none}#compat .chat__input{width:100%;min-width:0;background:transparent;border:0;border-bottom:1px solid rgba(156,111,120,.75);border-radius:0;box-shadow:none;padding:.6rem 0 .5rem;color:var(--paper);font-family:var(--serif-text);font-size:1.0625rem;line-height:1.3;scroll-margin-bottom:40vh}#compat .chat__input::placeholder{color:#d9c3bc99}#compat .chat__input:focus,#compat .chat__input:focus-visible{outline:none;box-shadow:none;border-bottom-color:var(--rose)}#compat .chat__input:disabled{opacity:.55}.chat__send{cursor:pointer;border:0;border-radius:0;background:var(--rose);color:#241219;font-family:var(--serif-display);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;padding:.7rem 1.4rem;min-height:2.9rem}.chat__send:hover{background:#f0c8d0}.chat__send:disabled{opacity:.6;cursor:default}.chat__send:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.chat__note{margin:.7rem 0 0;font-size:.82rem;color:var(--sand)}.chat__note:empty{display:none}.faq__list{margin-top:1rem}.faq__item{border-top:1px solid rgba(156,111,120,.55)}.faq__item:last-child{border-bottom:1px solid rgba(156,111,120,.55)}.faq__item summary{cursor:pointer;padding:.9rem 0;list-style:none;font-family:var(--serif-display);font-size:1.02rem;color:var(--paper);display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";color:var(--rose);font-size:1.1rem;line-height:1;flex:0 0 auto}.faq__item[open] summary:after{content:"\2212"}.faq__item summary:focus-visible{outline:2px solid var(--rose);outline-offset:2px}.faq__item p{margin:0 0 1rem;font-size:.96rem;line-height:1.6;color:var(--sand);max-width:64ch}.method{margin-top:clamp(1.75rem,4vw,2.5rem);border-top:1px solid rgba(156,111,120,.55)}.method__summary{cursor:pointer;padding:1rem 0;font-family:var(--serif-display);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rose)}.method__summary:focus-visible{outline:2px solid var(--rose);outline-offset:2px}.method__body{padding-bottom:1.5rem}.method__h{margin:1.4rem 0 0;font-family:var(--serif-display);font-size:.92rem;color:var(--paper)}.method__p{margin:.55rem 0 0;font-size:.86rem;line-height:1.6;color:var(--sand);max-width:68ch}.method__dl{margin:.7rem 0 0;display:grid;grid-template-columns:minmax(7rem,auto) 1fr;gap:.25rem .9rem;font-size:.82rem;line-height:1.5}.method__dl dt{color:var(--paper)}.method__dl dd{margin:0;color:var(--sand)}.compat__contacts{margin-top:0}.compat__wheel{--cw-ease: cubic-bezier(.4, 0, .2, 1)}.cw-ring{fill:none;stroke:var(--wheel-a)}.cw-ring--b{stroke:var(--wheel-b)}.cw-glyph{font-family:DejaVu Sans,Segoe UI Symbol,serif;font-size:12px}.cw-mark--angle .cw-glyph{font-size:7.5px}.cw-a{fill:var(--wheel-a)}.cw-b{fill:var(--wheel-b)}.cw-aspect{stroke:var(--rose);fill:none}.cw-orn{fill:none;stroke:var(--rose-deep)}.cw-tick{fill:none}.cw-side,.cw-mark{transform-box:view-box;transform-origin:0 0}.cw-drift{transform-box:view-box;transform-origin:200px 200px}.cw-side{transition:transform 1.1s var(--cw-ease)}.cw-hoop{transition:r 1.1s var(--cw-ease),stroke .9s ease}.cw-drift.is-adrift{animation:cw-draw-a 7s cubic-bezier(.4,0,.2,1) infinite alternate}.cw-drift--b.is-adrift{animation-name:cw-draw-b}@keyframes cw-draw-a{0%{transform:translate(-78px) rotate(-18deg)}to{transform:translate(0) rotate(0)}}@keyframes cw-draw-b{0%{transform:translate(78px) rotate(22deg)}to{transform:translate(0) rotate(0)}}.compat__twinkle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.compat__tw{position:absolute;width:var(--tw-d, 2px);height:var(--tw-d, 2px);border-radius:50%;background:var(--rose);opacity:.35;will-change:opacity;animation:cw-twinkle 4s ease-in-out infinite}.compat__tw--1{animation-duration:5.2s;animation-delay:-1.4s}.compat__tw--2{animation-duration:6s;animation-delay:-2.8s}.compat__tw--3{animation-duration:4.6s;animation-delay:-.7s}.compat__tw--4{animation-duration:5.6s;animation-delay:-3.3s}@keyframes cw-twinkle{0%,to{opacity:.35}50%{opacity:.9}}.compat__wheel.is-asleep .cw-drift{animation-play-state:paused}.cw-mark{transition:transform .8s var(--cw-ease),opacity .55s ease}.cw-mark.is-new{opacity:0;transition:none}.cw-mark.is-gone{opacity:0}.cw-tick,.cw-aspect{transition:d .8s var(--cw-ease),opacity .5s ease}.cw-aspect.is-new{opacity:0!important;transition:none}.cw-tick.is-gone,.cw-aspect.is-gone{opacity:0!important}.cw-frame{opacity:0;transition:opacity .9s ease .15s}.cw-links{opacity:0;transition:opacity 1.1s ease .6s}.compat__wheel.is-biwheel .cw-frame,.compat__wheel.is-biwheel .cw-links{opacity:1}@media(min-width:64rem){.compat__panel{grid-template-columns:52fr 48fr;gap:clamp(2rem,4vw,3.5rem);align-items:center;padding:clamp(2.5rem,4vw,4rem)}.compat__title{font-size:clamp(2.6rem,3.6vw,3.6rem)}.compat__caption{margin-top:1.1rem}.compat__result>*{max-width:74rem;margin-inline:auto}.compat__scoreblock,.traits,.compat__contacts,.chat,.faq,.method{display:grid;grid-template-columns:34fr 66fr;gap:0 clamp(2rem,4vw,4rem);align-items:start}.compat__scoreblock>*,.traits>*,.compat__contacts>*,.chat>*,.faq>*,.method>*{grid-column:2}.shead{grid-column:1;grid-row:1 / span 2;position:sticky;top:2rem}.compat__h3,.method__summary{grid-column:1;margin-top:0;padding-top:.2rem}.compat__scoreblock .scores{margin-top:0}.traits,.compat__contacts,.chat,.faq,.method{margin-top:clamp(2rem,4vw,3rem);padding-top:clamp(1.5rem,3vw,2rem);border-top:1px solid rgba(156,111,120,.55)}.chat__body,.faq__list,.traits__list,.compat__count,.trait:first-child{margin-top:0}.method__h:first-of-type{margin-top:0}}@media(max-width:63.999rem){.compat__panel{padding:1.1rem 1rem 1.4rem}.compat__wheelbox{max-width:min(44vw,10rem);transition:max-width .8s cubic-bezier(.4,0,.2,1)}.compat.has-pair .compat__wheelbox{max-width:min(80vw,18rem)}.cw-glyph{font-size:15px}.cw-mark--angle .cw-glyph{font-size:9px}.compat__title{margin-top:.9rem}.compat__sub{margin-top:.4rem}At this size all three captions \2014  ornament,one side,both \2014  run to two lines in the column,so two is the reserve and none of the three shifts the page when it replaces another. */ .compat__caption{margin-top:.55rem;font-size:.78rem;line-height:1.4;max-width:none;min-height:2.8em}.compat__row{grid-template-columns:4.375rem 1fr;gap:.1rem .75rem;margin-top:.45rem}.compat__row--split{grid-template-columns:4.375rem 1.1fr 1.35rem .9fr}#compat .compat__input[type=date],#compat .compat__input[type=time]{font-size:1rem}.compat__places{left:5.125rem}.compat__go{padding:1rem;font-size:.8125rem;letter-spacing:.26em}.shead__what{font-size:.96rem}.score__name{font-size:1.02rem}.score__num{font-size:1.35rem}.score__say{font-size:.94rem}.why__item{font-size:.8rem}.method__dl{grid-template-columns:1fr;gap:0 0}.method__dl dt{margin-top:.55rem}.chat__form{grid-template-columns:1fr;gap:.8rem}.chat__send{width:100%}.chat__starter-btn{font-size:.84rem}.chat__text{font-size:.98rem}}@media(prefers-reduced-motion:reduce){.compat__wheel,.compat__wheel *,.compat__stars,.compat__stars *,.compat__tw,.compat__wheelbox{transition:none!important;animation:none!important}.compat__tw{will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/orrery-compat.css.map */