.od-site.od-site-page.od-tool :is(.od-compat,.od-compat-bands,.od-compat-related){max-width:560px;margin-inline:auto}.od-site.od-site-page.od-tool .od-compat{--or-ink:#292340;--read-click:#2f9e68;--read-argue:#f08a24}.od-site.od-site-page.od-tool .od-compat-start{text-align:center;justify-items:center;display:grid}.od-site.od-site-page.od-tool .od-compat-title{color:var(--doc-ink);font:400 clamp(34px, 10vw, 48px)/1.06 var(--tool-face);letter-spacing:0;text-wrap:balance;margin:4px 0 2px}.od-site.od-site-page.od-tool .od-compat-title:focus{outline:none}.od-site.od-site-page.od-tool .od-compat-title-invited{font-size:clamp(28px,8.4vw,40px)}.od-site.od-site-page.od-tool .od-compat-duo{justify-content:center;align-items:center;margin:20px 0 4px;display:flex}.od-site.od-site-page.od-tool .od-compat-bean{width:clamp(82px,24vw,108px);animation:od-tool-bob 2.6s var(--v3-ease) infinite;display:block}.od-site.od-site-page.od-tool .od-compat-duo>:last-child .od-compat-bean,.od-site.od-site-page.od-tool .od-compat-duo>.od-compat-bean:last-child{animation-delay:-1.3s}.od-site.od-site-page.od-tool :is(.od-compat-bean,.od-compat-peek,.od-compat-pair,.od-compat-chip-art) svg{width:100%;height:auto;display:block}.od-site.od-site-page.od-tool .od-compat-vs{z-index:1;width:38px;height:38px;box-shadow:0 3px 0 var(--tool-edge);color:var(--doc-ink);font:400 26px/1 var(--tool-face);background:#fff;border-radius:50%;place-items:center;margin:0 6px;display:grid}.od-site.od-site-page.od-tool .od-compat-done{position:relative}.od-site.od-site-page.od-tool .od-compat-check{z-index:2;background:var(--read-click);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:-6px;left:-14px;box-shadow:0 3px #1f7a4f}.od-site.od-site-page.od-tool .od-compat-check svg{width:20px;height:20px}.od-site.od-site-page.od-tool .od-compat-lede{max-width:21em;color:var(--tool-soft-ink);font:400 19px/1.4 var(--tool-face);text-wrap:balance;margin:8px 0 18px}.od-site.od-site-page.od-tool .od-compat-form{gap:16px;width:min(100%,380px);display:grid}.od-site.od-site-page.od-tool .od-compat-form .od-site-play,.od-site.od-site-page.od-tool .od-compat-send-button{width:100%;max-width:none;font:400 21px/1.2 var(--tool-face);cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px}.od-site.od-site-page.od-tool .od-compat-name{text-align:left;gap:6px;display:grid}.od-site.od-site-page.od-tool .od-compat-name-label{color:var(--doc-ink);font:400 16px/1.2 var(--tool-face)}.od-site.od-site-page.od-tool .od-compat-name-label span{color:var(--doc-soft)}.od-site.od-site-page.od-tool .od-compat-name input,.od-site.od-site-page.od-tool .od-compat-manual input{box-sizing:border-box;width:100%;min-height:52px;box-shadow:0 3px 0 var(--tool-edge);color:var(--doc-ink);font:400 17px/1.2 var(--doc-text);background:#fff;border:2px solid #ede4d0;border-radius:16px;padding:0 16px}.od-site.od-site-page.od-tool .od-compat-name input:focus{border-color:var(--you-body);box-shadow:0 3px 0 var(--you-edge);outline:none}.od-site.od-site-page.od-tool .od-compat-name-hint{color:var(--doc-soft);font-size:13px;line-height:1.4}.od-site.od-site-page.od-tool .od-compat-note{color:var(--doc-soft);text-align:center;margin:16px 0 0;font-size:14px;line-height:1.55}.od-site.od-site-page.od-tool:has(.od-compat[data-step=question]) :is(.od-tool-faq,.od-tool-crumb,.od-compat-bands,.od-compat-related){display:none}.od-site.od-site-page.od-tool .od-compat-question{min-height:min(100svh - 92px,620px);animation:od-tool-in .2s var(--v3-ease);flex-direction:column;padding-top:8px;display:flex}.od-site.od-site-page.od-tool .od-compat-bar span{background:var(--you-body)}.od-site.od-site-page.od-tool .od-compat-question .od-compat-duo{margin:auto 0 14px}.od-site.od-site-page.od-tool .od-compat-peeking{animation:od-compat-peek .7s var(--v3-ease) both;transform-origin:50% 100%}@keyframes od-compat-peek{0%{transform:none}40%{transform:rotate(-9deg)translate(-6px)}to{transform:none}}.od-site.od-site-page.od-tool .od-compat-question .od-compat-bean{width:clamp(70px,21vw,92px)}.od-site.od-site-page.od-tool .od-compat-question .od-compat-vs{width:32px;height:32px;font-size:21px}.od-site.od-site-page.od-tool .od-compat-question .od-compat-check{width:28px;height:28px;top:-6px;left:-12px}.od-site.od-site-page.od-tool .od-compat-question .od-compat-check svg{width:16px;height:16px}.od-site.od-site-page.od-tool .od-compat-prompt{color:var(--doc-ink);font:400 clamp(27px, 8vw, 36px)/1.15 var(--tool-face);letter-spacing:0;text-align:center;text-wrap:balance;margin:0 0 22px}.od-site.od-site-page.od-tool .od-compat-prompt:focus{outline:none}.od-site.od-site-page.od-tool .od-compat-options{grid-template-columns:1fr 1fr;gap:14px;display:grid;position:relative}.od-site.od-site-page.od-tool .od-compat-option{min-height:clamp(196px,56vw,250px);box-shadow:0 6px 0 var(--tool-edge), inset 0 0 0 2px #f1e9d8;color:var(--doc-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--v3-ease), box-shadow .12s var(--v3-ease), opacity .16s;background:#fff;border:0;border-radius:24px;align-content:center;justify-items:center;gap:14px;padding:18px 10px;display:grid;position:relative}.od-site.od-site-page.od-tool .od-compat-option-art{aspect-ratio:1;background:var(--you-body);width:clamp(66px,19vw,82px);box-shadow:0 4px 0 var(--you-edge);color:#fff;border-radius:50%;place-items:center;display:grid}.od-site.od-site-page.od-tool .od-compat-option[data-side="1"] .od-compat-option-art{background:var(--you-tint);color:var(--you-body);box-shadow:0 4px 0 var(--you-edge), inset 0 0 0 3px var(--you-body)}.od-site.od-site-page.od-tool .od-compat-option-art svg{width:52%;height:52%}.od-site.od-site-page.od-tool .od-compat-option-label{font:400 20px/1.15 var(--tool-face);text-align:center;text-wrap:balance}.od-site.od-site-page.od-tool .od-compat-option:active,.od-site.od-site-page.od-tool .od-compat-option[aria-pressed=true]{box-shadow:0 0 0 var(--tool-edge), inset 0 0 0 4px var(--you-body);transform:translateY(6px)}@media (hover:hover) and (pointer:fine){.od-site.od-site-page.od-tool .od-compat-option:not(:disabled):not([aria-pressed=true]):hover{box-shadow:0 6px 0 var(--tool-edge), inset 0 0 0 3px var(--you-edge)}}.od-site.od-site-page.od-tool .od-compat-option:disabled{cursor:default}.od-site.od-site-page.od-tool .od-compat-option:disabled .od-compat-option-art{opacity:.35}.od-site.od-site-page.od-tool .od-compat-option:disabled{background:#f7f1e4}.od-site.od-site-page.od-tool .od-compat-option:focus-visible{outline:3px solid var(--you-body);outline-offset:3px}.od-site.od-site-page.od-tool .od-compat-peek{width:40px;animation:od-tool-peek .26s var(--v3-ease) both;pointer-events:none;position:absolute;top:-30px;right:8px}.od-site.od-site-page.od-tool .od-compat-or{border:5px solid var(--doc-cream);background:var(--or-ink);color:#fff;width:64px;height:64px;font:400 24px/1 var(--tool-face);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(-12deg);box-shadow:0 4px #29234040}.od-site.od-site-page.od-tool .od-compat-waiting{color:var(--doc-soft);font:400 15px/1.2 var(--tool-face);justify-content:center;align-items:center;gap:6px;margin:18px 0 0;display:flex}.od-site.od-site-page.od-tool .od-compat-invite .od-compat-send{width:min(100%,380px)}.od-site.od-site-page.od-tool .od-compat-send{justify-items:stretch;margin-top:4px;display:grid}.od-site.od-site-page.od-tool .od-compat-send svg{flex:none;width:20px;height:20px}.od-site.od-site-page.od-tool .od-compat-send-note{min-height:1.3em;color:var(--doc-purple);font:400 15px/1.3 var(--tool-face);text-align:center;margin:8px 0 0}.od-site.od-site-page.od-tool .od-compat-send-note:empty{min-height:0;margin:0}.od-site.od-site-page.od-tool .od-compat-manual{color:var(--doc-soft);text-align:left;gap:6px;margin-top:8px;font-size:14px;display:grid}.od-site.od-site-page.od-tool .od-compat-invite .od-tool-link{margin-top:10px}.od-site.od-site-page.od-tool .od-compat-pill{min-height:52px;box-shadow:0 3px 0 var(--tool-edge);color:var(--doc-ink);font:400 17px/1.15 var(--tool-face);cursor:pointer;transition:transform .12s var(--v3-ease), box-shadow .12s var(--v3-ease);background:#fff;border:1.5px solid #ede4d0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.od-site.od-site-page.od-tool .od-compat-pill svg{color:var(--doc-purple)}.od-site.od-site-page.od-tool .od-compat-pill:active{box-shadow:0 0 0 var(--tool-edge);transform:translateY(3px)}.od-site.od-site-page.od-tool .od-compat-pill[data-state=shared]{border-color:var(--doc-purple);background:var(--doc-purple);color:#fff;box-shadow:0 3px #33278a}.od-site.od-site-page.od-tool .od-compat-pill[data-state=shared] svg{color:#fff}.od-site.od-site-page.od-tool :is(.od-compat-pill,.od-compat-send-button):focus-visible{outline:3px solid var(--doc-purple);outline-offset:3px}.od-site.od-site-page.od-tool .od-compat-result .od-compat-send{margin-top:18px}.od-site.od-site-page.od-tool .od-compat-result .od-compat-send+.od-tool-share{margin-top:10px}.od-site.od-site-page.od-tool .od-compat-card{text-align:center;background:var(--band-pattern) 0 0 / var(--band-pattern-size) var(--band-pattern-size) repeat, var(--band-tint);box-shadow:0 6px 0 var(--band-edge);animation:od-tool-in .24s var(--v3-ease);border-radius:28px;justify-items:center;padding:14px 16px;display:grid}.od-site.od-site-page.od-tool .od-compat-stage{place-items:center;width:100%;display:grid;position:relative}.od-site.od-site-page.od-tool .od-compat-stage:before{content:"";aspect-ratio:1.25;background:#ffffff9e;border-radius:50%;width:min(78%,250px);position:absolute;top:10%;left:50%;transform:translate(-50%)}.od-site.od-site-page.od-tool .od-compat-pair{width:clamp(210px,66vw,300px);animation:od-tool-pop .42s var(--v3-ease) both;position:relative}.od-site.od-site-page.od-tool :is(.od-compat-names,.od-compat-score,.od-compat-band,.od-compat-line){position:relative}.od-site.od-site-page.od-tool .od-compat-names{justify-content:center;gap:clamp(28px,12vw,60px);margin:-6px 0 0;display:flex}.od-site.od-site-page.od-tool .od-compat-names span{color:#fff;max-width:9em;font:400 15px/1.2 var(--tool-face);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:4px 12px;overflow:hidden}.od-site.od-site-page.od-tool .od-compat-names [data-person=a]{background:#4b3bd8;box-shadow:0 2px #3427a6}.od-site.od-site-page.od-tool .od-compat-names [data-person=b]{color:#3a0f24;background:#ff6fae;box-shadow:0 2px #de4a8c}.od-site.od-site-page.od-tool .od-compat-score{color:var(--doc-ink);font:400 clamp(84px, 27vw, 128px)/.95 var(--tool-face);letter-spacing:-.02em;font-variant-numeric:tabular-nums;-webkit-text-stroke:.04em currentColor;paint-order:stroke fill;margin:4px 0 0}.od-site.od-site-page.od-tool .od-compat-page .od-compat>.od-compat-result .od-compat-score,.od-site.od-site-page.od-tool .od-compat[data-step=page] .od-compat-score{font-size:clamp(50px,15vw,76px)}.od-site.od-site-page.od-tool .od-compat-band{color:var(--band-deep);font:400 clamp(30px, 9vw, 40px)/1.05 var(--tool-face);letter-spacing:0;-webkit-text-stroke:.035em currentColor;paint-order:stroke fill;margin:4px 0 0}.od-site.od-site-page.od-tool .od-compat-band:focus{outline:none}.od-site.od-site-page.od-tool .od-compat-line{max-width:19em;color:var(--doc-ink);font:400 19px/1.3 var(--tool-face);text-wrap:balance;margin:8px 0 4px}.od-site.od-site-page.od-tool .od-compat-site{color:var(--band-deep);font:400 13px/1 var(--tool-face);margin-top:8px}.od-site.od-site-page.od-tool .od-compat-page .od-tool-share-note{color:var(--tool-soft-ink);margin:0 0 8px;font-size:14px}.od-site.od-site-page.od-tool .od-compat-summary{color:var(--tool-soft-ink);text-align:center;margin:18px 4px 0;font-size:16px;line-height:1.55}.od-site.od-site-page.od-tool .od-compat-reads{gap:14px;margin-top:22px;display:grid}.od-site.od-site-page.od-tool .od-compat-reads h3{color:var(--doc-ink);font:400 20px/1.2 var(--tool-face);letter-spacing:0;margin:0 0 8px}.od-site.od-site-page.od-tool .od-compat-reads ul{justify-items:start;gap:8px;margin:0;padding:0;list-style:none;display:grid}.od-site.od-site-page.od-tool .od-compat-reads li:nth-child(2n){justify-self:end;transform:rotate(1deg)}.od-site.od-site-page.od-tool .od-compat-reads li:nth-child(odd){transform:rotate(-.6deg)}.od-site.od-site-page.od-tool .od-compat-reads li{max-width:92%;box-shadow:0 3px 0 var(--tool-edge);color:var(--doc-ink);font:400 17px/1.3 var(--tool-face);background:#fff;border-radius:22px;align-items:center;gap:10px;margin:0;padding:10px 16px 10px 10px;display:flex}.od-site.od-site-page.od-tool .od-compat-read-icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.od-site.od-site-page.od-tool [data-kind=click] .od-compat-read-icon{background:var(--read-click)}.od-site.od-site-page.od-tool [data-kind=argue] .od-compat-read-icon{background:var(--read-argue)}.od-site.od-site-page.od-tool .od-compat-read-icon svg{width:17px;height:17px}.od-site.od-site-page.od-tool .od-compat-every{margin-top:20px}.od-site.od-site-page.od-tool .od-compat-every-list{gap:10px;margin:0;padding:0 18px 16px;list-style:none;display:grid}.od-site.od-site-page.od-tool .od-compat-every-list li{gap:6px;margin:0;display:grid}.od-site.od-site-page.od-tool .od-compat-every-prompt{color:var(--doc-ink);font:700 15px/1.35 var(--doc-text)}.od-site.od-site-page.od-tool .od-compat-every-list li[data-same] .od-compat-every-prompt:after{content:" ✓";color:var(--read-click)}.od-site.od-site-page.od-tool .od-compat-every-picks{flex-wrap:wrap;gap:6px;display:flex}.od-site.od-site-page.od-tool .od-compat-every-picks>span{font:400 15px/1.2 var(--tool-face);border-radius:999px;padding:4px 10px}.od-site.od-site-page.od-tool .od-compat-every-picks [data-person=a]{color:#2b2190;background:#e6e2fb}.od-site.od-site-page.od-tool .od-compat-every-picks [data-person=b]{color:#9a1f57;background:#ffe2ef}.od-site.od-site-page.od-tool .od-compat-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.od-site.od-site-page.od-tool .od-compat-bands{margin-top:32px}.od-site.od-site-page.od-tool :is(.od-compat-bands,.od-compat-related) h2{color:var(--doc-ink);font:400 20px/1.25 var(--tool-face);letter-spacing:0;margin:0 0 10px}.od-site.od-site-page.od-tool .od-compat-bands ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.od-site.od-site-page.od-tool .od-compat-bands li{margin:0}.od-site.od-site-page.od-tool .od-compat-bands a{background:var(--band-tint);min-height:48px;box-shadow:0 3px 0 var(--band-edge);color:var(--doc-ink);font:400 16px/1 var(--tool-face);border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 6px;text-decoration:none;display:inline-flex}.od-site.od-site-page.od-tool .od-compat-bands small{color:var(--band-deep);font-size:13px}.od-site.od-site-page.od-tool .od-compat-chip-art{width:46px}.od-site.od-site-page.od-tool .od-compat-related{margin-top:28px}.od-site.od-site-page.od-tool .od-compat-related ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.od-site.od-site-page.od-tool .od-compat-related a{min-height:44px;color:var(--doc-purple);font:700 16px/1.3 var(--doc-text);text-underline-offset:4px;align-items:center;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.od-site.od-site-page.od-tool .od-tool-entry+.od-tool-entry{margin-top:16px}.od-site.od-site-page.od-tool .od-compat-entry-art{width:clamp(190px,56vw,240px);margin:6px 0 2px}.od-site.od-site-page.od-tool .od-compat-entry-art svg{width:100%;height:auto;display:block}.od-site.od-site-page.od-tool .od-compat-entry .od-compat-pill{margin-top:16px}@media (max-width:340px){.od-site.od-site-page.od-tool .od-compat-options{gap:10px}.od-site.od-site-page.od-tool .od-compat-option{gap:10px;min-height:176px}.od-site.od-site-page.od-tool .od-compat-option-label{font-size:18px}.od-site.od-site-page.od-tool .od-compat-or{width:46px;height:46px;font-size:17px}.od-site.od-site-page.od-tool .od-compat-card{padding-inline:10px}.od-site.od-site-page.od-tool .od-compat-reads li{font-size:16px}.od-site.od-site-page.od-tool .od-compat-line{font-size:17px}}@media (max-width:559px) and (max-height:760px){.od-site.od-site-page.od-tool .od-compat-pair{width:clamp(150px,46vw,200px)}.od-site.od-site-page.od-tool .od-compat-score{font-size:clamp(64px,20vw,88px)}.od-site.od-site-page.od-tool .od-compat-card{padding-top:8px}.od-site.od-site-page.od-tool .od-compat-line{margin-top:6px;font-size:18px}.od-site.od-site-page.od-tool:has(.od-compat[data-step=result]) .od-tool-crumb{display:none}.od-site.od-site-page.od-tool .od-compat-duo{margin-top:6px}.od-site.od-site-page.od-tool .od-compat-bean{width:clamp(72px,21vw,96px)}.od-site.od-site-page.od-tool .od-compat-lede{margin-bottom:14px}}@media (max-width:559px) and (max-height:620px){.od-site.od-site-page.od-tool .od-compat-pair{width:150px}.od-site.od-site-page.od-tool .od-compat-names{margin-top:-4px}.od-site.od-site-page.od-tool .od-compat-names span{padding:2px 10px;font-size:13px}.od-site.od-site-page.od-tool .od-compat-score{font-size:62px}.od-site.od-site-page.od-tool .od-compat-band{font-size:26px}.od-site.od-site-page.od-tool .od-compat-line{margin:4px 0 0;font-size:15px}.od-site.od-site-page.od-tool .od-compat-site{display:none}.od-site.od-site-page.od-tool .od-compat-result .od-compat-send{margin-top:12px}.od-site.od-site-page.od-tool .od-compat-question .od-compat-bean{width:58px}}@media (prefers-reduced-motion:reduce){.od-site.od-site-page.od-tool :is(.od-compat-question,.od-compat-card,.od-compat-bean,.od-compat-pair,.od-compat-peek,.od-compat-peeking){animation:none}.od-site.od-site-page.od-tool :is(.od-compat-option,.od-compat-pill){transition:none}.od-site.od-site-page.od-tool .od-compat-option:active,.od-site.od-site-page.od-tool .od-compat-option[aria-pressed=true]{transform:none}}