@layer app-legacy{.compat-pair-type-links{width:min(100%,var(--container-content));margin:var(--space-6) auto var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface-02);border:1px solid var(--color-border-subtle);border-radius:10px;color:var(--color-text-tertiary)}.compat-pair-type-links-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-caption);font-weight:600;letter-spacing:.02em;color:var(--color-text-tertiary)}.compat-pair-type-links a{color:var(--color-text-secondary);text-decoration:none}.compat-pair-type-links a:hover{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:3px}.compat-pair-type-links a:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px;border-radius:2px}.compat-pair-self-note{margin-top:var(--space-6)}.compat-pair-self-card{padding:clamp(var(--space-5),3vw,var(--space-6));text-align:center}.compat-pair-self-title{margin:0 0 var(--space-2);color:var(--color-text-primary)}.compat-pair-self-copy{margin:0;line-height:var(--line-height-loose);color:var(--color-text-secondary)}#compat-form{scroll-margin-top:calc(var(--nav-height, 72px) + var(--space-4, 16px))}.compat-pair-self-cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);margin-top:var(--space-4);padding:0 var(--space-5);border:1.5px solid var(--color-border-medium);border-radius:var(--radius-pill);background:var(--color-surface-01);color:var(--color-text-primary);text-decoration:none;transition:background-color .16s ease,border-color .16s ease}.compat-pair-self-cta:hover{background:var(--color-surface-02);border-color:var(--color-type-SL)}@media (hover:none){.compat-bond-upsell-link:hover,.compat-pair-sticky-button:hover:not(:disabled),.compat-paywall-button:hover,.compat-relationship-chip:hover{transform:none;background-color:inherit}}.compat-pair-content{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-8);max-width:720px;margin-left:auto;margin-right:auto}.compat-pair-axes-card,.compat-pair-preview-card{padding:clamp(var(--space-5),3vw,var(--space-7))}.compat-pair-section-label{margin:0 0 var(--space-3);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.compat-pair-fallback-copy,.compat-pair-preview-copy{margin:0;line-height:var(--line-height-loose);color:var(--color-text-primary)}.compat-pair-fallback-copy{color:var(--color-text-tertiary);font-style:italic}.compat-relationship-card{padding:clamp(var(--space-5),3vw,var(--space-6));background:var(--color-surface-01);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.compat-relationship-title{margin:0 0 var(--space-1);color:var(--color-text-primary)}.compat-relationship-copy{margin:0 0 var(--space-4);line-height:var(--line-height-loose);color:var(--color-text-secondary)}.compat-relationship-label{margin:var(--space-4) 0 var(--space-2);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-tertiary)}.compat-relationship-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.compat-relationship-chip-row-spaced{margin-bottom:var(--space-3)}.compat-relationship-chip{display:inline-flex;align-items:center;min-height:var(--touch-target);padding:0 var(--space-4);border:1.5px solid var(--color-border-medium);border-radius:var(--radius-pill);background:var(--color-surface-01);color:var(--color-text-secondary);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.compat-relationship-chip:hover{border-color:var(--color-type-SL);color:var(--color-text-primary)}.compat-relationship-chip[data-active=true]{background:var(--color-type-SL);border-color:var(--color-type-SL);color:var(--color-surface-01)}.compat-relationship-chip:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.compat-paywall-card{padding:clamp(var(--space-5),3vw,var(--space-7))}.compat-paywall-card-error{box-shadow:var(--shadow-paper-edge),0 0 0 2px var(--color-error)}.compat-paywall-title{margin:0 0 var(--space-1);color:var(--color-text-primary)}.compat-paywall-subtitle{margin:0 0 var(--space-4);line-height:var(--line-height-loose);color:var(--color-text-secondary)}.compat-paywall-list{list-style:none;margin:0 0 var(--space-5);padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.compat-paywall-list li{display:flex;align-items:flex-start;gap:var(--space-3)}.compat-lock-icon{flex:0 0 16px;margin-top:3px;color:var(--color-text-tertiary)}.compat-paywall-bullet-title{color:var(--color-text-primary)}.compat-paywall-bullet-hook{margin-top:2px;line-height:var(--line-height-loose);color:var(--color-text-secondary)}.compat-paywall-error{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-error) 8%,transparent);border-left:3px solid var(--color-error);border-radius:var(--radius-tiny);color:var(--color-error)}.compat-paywall-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--btn-height);padding:0 var(--space-6);border:0;border-radius:var(--radius-pill);background:var(--color-cta-warm);color:var(--color-surface-01);cursor:pointer;transition:background-color .16s ease}.compat-paywall-button:hover:not(:disabled){background:var(--color-cta-warm-hover)}.compat-paywall-button:disabled{opacity:.6;cursor:not-allowed}.compat-paywall-trust{text-align:center}.compat-paywall-disclaimer,.compat-paywall-trust{margin:var(--space-3) 0 0;color:var(--color-text-tertiary)}.compat-paywall-disclaimer{line-height:var(--line-height-loose)}.compat-bond-upsell-card{padding:clamp(var(--space-5),3vw,var(--space-7))}.compat-bond-upsell-title{margin:0 0 var(--space-2);color:var(--color-text-primary)}.compat-bond-upsell-copy{margin:0 0 var(--space-4);line-height:var(--line-height-loose);color:var(--color-text-secondary)}.compat-bond-upsell-list{list-style:none;margin:0 0 var(--space-5);padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.compat-bond-upsell-list li{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--color-text-primary)}.compat-bond-upsell-list li>span[aria-hidden=true]{flex:0 0 auto;color:var(--color-type-SL)}.compat-bond-upsell-link{display:inline-flex;align-items:center;min-height:var(--touch-target);padding:0 var(--space-5);border:1.5px solid var(--color-type-SL);border-radius:var(--radius-pill);background:transparent;color:var(--color-type-SL);text-decoration:none;transition:background-color .16s ease,color .16s ease}.compat-bond-upsell-link:hover{background:var(--color-type-SL);color:var(--color-surface-01)}.compat-bond-upsell-note{margin:var(--space-3) 0 0;line-height:var(--line-height-loose);color:var(--color-text-tertiary)}.compat-pair-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);transform:translateY(100%);pointer-events:none;opacity:0;transition:transform .24s ease-out,opacity .16s ease-out}.compat-pair-sticky-cta-visible{transform:translateY(0);pointer-events:auto;opacity:1}.compat-pair-sticky-cta-reduce-motion{transition:none}.compat-pair-sticky-cta-visible{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) clamp(var(--space-4),4vw,var(--space-6));padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--paper-card-texture),var(--color-asknova-cream-card);background-size:160px 160px,auto;border-top:1px solid var(--color-border-subtle);box-shadow:0 -8px 24px rgba(30,27,24,.08)}.compat-pair-sticky-price{letter-spacing:var(--letter-spacing-wider);color:var(--color-text-secondary);flex-shrink:0}.compat-pair-sticky-button{flex:1 1 auto;min-width:0;max-width:280px;min-height:var(--touch-target);padding:0 var(--space-5);border:0;border-radius:var(--radius-pill);background:var(--color-cta-warm);color:var(--color-surface-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;cursor:pointer;transition:background-color .16s ease}.compat-pair-sticky-button:hover:not(:disabled){background:var(--color-cta-warm-hover)}.compat-pair-sticky-button:disabled{opacity:.6;cursor:not-allowed}.compat-full-reading{display:flex;flex-direction:column;gap:var(--space-5)}.compat-reading-section{padding:clamp(var(--space-5),3vw,var(--space-7))}.compat-reading-section h2{margin:0 0 var(--space-3);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.compat-reading-section p{margin:0;line-height:var(--line-height-loose);color:var(--color-text-primary);white-space:pre-line}.compat-reading-brief{display:grid;gap:var(--space-4)}.compat-reading-brief-lead{max-width:42rem;font-weight:var(--weight-title)}.compat-reading-brief-details{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none;counter-reset:compat-reading-detail}.compat-reading-brief-details li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:var(--space-3);align-items:start;line-height:var(--line-height-loose);color:var(--color-text-primary);counter-increment:compat-reading-detail}.compat-reading-brief-details li:before{content:counter(compat-reading-detail,decimal-leading-zero);padding-top:.12em;border-top:1px solid var(--color-border-medium);font-size:var(--font-size-caption);font-weight:var(--weight-title);line-height:var(--line-height-snug);color:var(--color-text-tertiary)}.compat-reading-quote{margin:0;padding:var(--space-5) clamp(var(--space-5),4vw,var(--space-7));border-left:3px solid var(--color-type-SL);background:color-mix(in srgb,var(--color-type-SL) 4%,var(--color-surface-01));border-radius:var(--radius-md);line-height:var(--line-height-loose);color:var(--color-text-primary)}.compat-reading-quote:is(:lang(en),:lang(es),:lang(id)){font-style:italic}.compat-reading-share-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.compat-reading-share-row>:last-child:nth-child(odd){grid-column:1/-1}@media (min-width:640px){.compat-reading-share-row{display:flex;flex-wrap:wrap}}.compat-reading-share-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:0 var(--space-5);border:1.5px solid rgba(74,54,38,.18);border-radius:var(--radius-pill);background:#fffcf5;color:var(--color-text-primary);text-decoration:none;transition:background-color .16s ease,border-color .16s ease}.compat-reading-share-link:hover{background:var(--color-surface-02);border-color:var(--color-type-SL)}.compat-reading-disclaimer{margin:0;padding:var(--space-3) var(--space-4);background:var(--color-surface-02);border-left:3px solid var(--color-border-medium);border-radius:var(--radius-card);line-height:var(--line-height-loose);color:var(--color-text-tertiary)}.compat-pair-save-card{padding:clamp(var(--space-5),3vw,var(--space-7));text-align:center}.compat-pair-save-copy{margin:0 0 var(--space-3);line-height:var(--line-height-loose);color:var(--color-text-secondary)}.compat-pair-save-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 var(--space-6);border-radius:var(--radius-card);background:var(--color-cta-warm);color:var(--color-surface-01);text-decoration:none;transition:background-color .16s ease}.compat-pair-save-link:hover{background:var(--color-cta-warm-hover)}.compat-partner-card{width:min(860px,100% - var(--space-8));margin-left:auto;margin-right:auto;padding:clamp(28px,5vw,48px) clamp(20px,4vw,40px);border-radius:var(--radius-card);display:grid;grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);gap:clamp(var(--space-5),4vw,var(--space-8))}.compat-partner-type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;padding-right:clamp(var(--space-4),3vw,var(--space-6));border-right:1px solid rgba(126,94,58,.18);text-align:center}.compat-partner-type-chip{display:inline-flex;align-items:center;align-self:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-chip);letter-spacing:var(--letter-spacing-wider)}.compat-partner-character{width:clamp(8rem,16vw,11rem);height:auto;margin:var(--space-2) auto;object-fit:contain}.compat-partner-name{color:var(--color-text-primary);margin-bottom:var(--space-1)}.compat-partner-workspace{min-width:0}.compat-partner-heading{margin-bottom:var(--space-5)}.compat-partner-heading h1{margin:0 0 var(--space-2);line-height:var(--line-height-snug);color:var(--color-text-primary)}.compat-partner-heading p{margin:0;line-height:var(--line-height-loose);color:var(--color-text-secondary)}.compat-partner-entry{min-width:0}.compat-partner-mode-label{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--weight-label)}.compat-partner-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);padding:var(--space-1);border:1px solid rgba(126,94,58,.2);border-radius:var(--radius-card);background:rgba(126,94,58,.07)}.compat-partner-mode-tab{min-height:var(--touch-target);padding:0 var(--space-3);border:0;border-radius:var(--radius-chip);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-body-sm);font-weight:var(--weight-label);cursor:pointer}.compat-partner-mode-tab.is-active{background:var(--partner-color);color:var(--partner-on-color);box-shadow:inset 0 1px 0 rgba(255,255,255,.32)}.compat-partner-code-panel,.compat-partner-invite-panel{min-height:10.5rem;margin-top:var(--space-4);padding:var(--space-4);border:1px solid rgba(126,94,58,.16);border-radius:var(--radius-card);background:rgba(255,252,246,.72)}.compat-partner-code-panel>label{display:block;margin-bottom:var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--weight-label)}.compat-partner-code-row{display:flex;gap:var(--space-2)}.compat-partner-code-row input{flex:1;min-width:0;height:var(--touch-target);padding:0 var(--space-3);border:1px solid var(--color-border-medium);border-radius:var(--radius-chip);background:var(--color-surface-01);color:var(--color-text-primary);font-size:var(--font-size-body);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.compat-partner-code-row input.is-invalid{border-color:var(--color-error)}.compat-partner-check-button,.compat-partner-copy-button{min-height:var(--touch-target);padding:0 var(--space-4);border:1px solid var(--partner-color);border-radius:var(--radius-chip);background:var(--partner-color);color:var(--partner-on-color);font:inherit;font-size:var(--font-size-body-sm);font-weight:var(--weight-title);cursor:pointer}.compat-partner-check-button{flex-shrink:0;white-space:nowrap}.compat-partner-code-error{margin:var(--space-2) 0 0;color:var(--color-error);font-size:var(--font-size-body-sm)}.compat-partner-invite-panel h2{margin:0 0 var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-body-lg);line-height:1.35}.compat-partner-invite-panel p{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-loose)}.compat-partner-copy-button{width:100%}.compat-partner-copy-button.is-copied{box-shadow:0 0 0 3px color-mix(in srgb,var(--partner-color) 18%,transparent)}.compat-partner-invitee-path{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(126,94,58,.18)}.compat-partner-invitee-path p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.compat-partner-invitee-path a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:0 var(--space-4);border:1px solid var(--color-border-medium);border-radius:var(--radius-chip);background:var(--color-surface-01);color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--weight-title);text-align:center;text-decoration:none}@media (max-width:700px){.compat-partner-card{grid-template-columns:1fr;gap:var(--space-5)}.compat-partner-type{padding:0 0 var(--space-5);border-right:0;border-bottom:1px solid rgba(126,94,58,.18)}.compat-partner-character{width:8.5rem}}@media (max-width:520px){.compat-partner-code-row{display:grid;grid-template-columns:1fr}.compat-partner-invitee-path{align-items:stretch;flex-direction:column}}.compat-waiting-page{width:100%}.compat-waiting-card{max-width:480px;margin:0 auto;padding:clamp(28px,5vw,48px) clamp(20px,4vw,40px);text-align:center}.compat-waiting-card .compat-partner-type-chip{margin-bottom:var(--space-4)}.compat-waiting-type-name{margin-bottom:var(--space-6)}.compat-waiting-card h1,.compat-waiting-type-name{line-height:var(--line-height-snug);color:var(--color-text-primary)}.compat-waiting-card h1{margin:0 0 var(--space-3)}.compat-waiting-body{margin:0 0 var(--space-6);line-height:var(--line-height-loose);color:var(--color-text-secondary)}.compat-waiting-spinner{width:40px;height:40px;border-radius:var(--radius-circle);border-style:solid;border-width:3px;animation:spin 1s linear infinite;margin:0 auto var(--space-6)}.compat-waiting-primary-share{width:100%;height:48px;border:none;border-radius:var(--radius-chip);margin-bottom:var(--space-3);cursor:pointer}.compat-waiting-share-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.compat-waiting-share-secondary{flex:1;height:var(--touch-target);border-radius:var(--radius-chip);border-style:solid;border-width:1px;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.compat-waiting-expiry{margin:0;color:var(--color-text-secondary);opacity:.7}.compat-waiting-back{display:inline-block;margin-top:var(--space-3);color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:3px}.compat-matrix-skip{position:absolute;left:-9999px;margin-top:0}.compat-matrix-skip:focus{position:static;margin-top:0;margin-bottom:var(--space-2)}.compat-matrix-page{max-width:var(--container-content);margin-inline:auto;padding:var(--space-5)}.compat-matrix-mine-hint{flex-basis:100%;margin-top:2px;font-size:var(--font-size-caption);font-weight:var(--weight-label);color:var(--color-text-secondary)}.compat-matrix-header{text-align:center;margin-block-end:var(--space-5);background:var(--paper-cream-warm,#f4eee4);border-radius:var(--radius-card);border:1px solid var(--color-border-subtle);box-shadow:0 4px 16px rgba(74,54,38,.08);padding:var(--space-5) var(--paper-section-card-padding,clamp(20px,3vw,32px))}.compat-matrix-header h1{color:var(--color-text-primary);margin:var(--space-2) 0;text-shadow:0 0 8px var(--color-asknova-cream-card),0 0 4px var(--color-asknova-cream-card),0 0 2px var(--color-asknova-cream-card)}.compat-matrix-header p:last-child{color:var(--color-text-secondary)}.compat-matrix-header-craft{position:relative;overflow:hidden;isolation:isolate}.compat-matrix-header-bg{position:absolute;inset:0;z-index:-1}.compat-matrix-header-bg-img{object-fit:cover;opacity:.18;mix-blend-mode:multiply}.compat-matrix-header-craft:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(247,240,229,.8),rgba(247,240,229,.94))}.compat-matrix-scroll{position:relative;overflow-x:auto;max-height:min(76dvh,760px);max-height:calc(53px + round(down, min(76dvh, 760px) - 53px, 32px));overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-card);background:var(--color-asknova-cream-base);border:1px solid var(--color-border-subtle);box-shadow:0 4px 16px rgba(74,54,38,.08);padding:var(--space-3);mask-image:linear-gradient(to right,black 0,black calc(100% - var(--matrix-right-fade, 48px)),transparent 100%),linear-gradient(to bottom,black 0,black calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0,black calc(100% - var(--matrix-right-fade, 48px)),transparent 100%),linear-gradient(to bottom,black 0,black calc(100% - 28px),transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}@keyframes compat-matrix-bottom-fade{0%{mask-image:linear-gradient(to right,black 0,black calc(100% - var(--matrix-right-fade, 48px)),transparent 100%),linear-gradient(to bottom,black 0,black calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0,black calc(100% - var(--matrix-right-fade, 48px)),transparent 100%),linear-gradient(to bottom,black 0,black calc(100% - 28px),transparent 100%)}to{mask-image:linear-gradient(to right,black 0,black calc(100% - var(--matrix-right-fade, 48px)),transparent 100%),linear-gradient(to bottom,black 0,black 100%,black 100%);-webkit-mask-image:linear-gradient(to right,black 0,black calc(100% - var(--matrix-right-fade, 48px)),transparent 100%),linear-gradient(to bottom,black 0,black 100%,black 100%)}}@supports (animation-timeline:scroll(self block)){.compat-matrix-scroll{animation:compat-matrix-bottom-fade linear both;animation-timeline:scroll(self block)}}@media (min-width:1280px){.compat-matrix-scroll{--matrix-right-fade:0px}}.compat-matrix-mobile-lookup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"title title" "mine stage" "partner stage" "submit stage" "hint stage";align-items:start;gap:var(--space-3);margin-block-end:var(--space-5);background:var(--color-asknova-cream-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:0 4px 16px rgba(74,54,38,.08);padding:var(--space-4)}.compat-matrix-lookup-title{grid-area:title;margin:0;text-align:start;color:var(--color-text-primary);font-size:var(--fs-heading);font-weight:700}.compat-matrix-mobile-field--mine{grid-area:mine}.compat-matrix-mobile-field--partner{grid-area:partner}.compat-matrix-mobile-lookup .compat-two-code-preview{grid-area:stage;justify-self:center;margin:0}.compat-matrix-mobile-submit{grid-area:submit;font-weight:700}.compat-matrix-lookup-hint{grid-area:hint;margin:0;text-align:center;font-size:var(--font-size-caption);color:var(--color-text-tertiary)}@media (max-width:899.98px){.compat-matrix-mobile-lookup{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "mine" "partner" "stage" "submit" "hint"}.compat-matrix-header .paper-chapter-kicker,.compat-matrix-scroll{display:none}.compat-matrix-self-legend{display:none!important}.compat-matrix-heat-legend,.compat-matrix-skip{display:none}}.compat-matrix-table{border-collapse:collapse;margin:0}.compat-matrix-corner{width:64px;height:32px;background:var(--color-asknova-cream-base);position:sticky;top:0;left:0;z-index:3}.compat-matrix-col-h{padding:var(--space-2) 4px;text-align:center;width:58px;min-width:58px;box-sizing:border-box;top:0;z-index:2}.compat-matrix-col-h,.compat-matrix-row-h{letter-spacing:.08em;white-space:nowrap;background:var(--color-asknova-cream-base);position:sticky}.compat-matrix-row-h{padding:4px var(--space-2);text-align:end;left:0;z-index:1}.compat-matrix-cell{width:32px;height:32px;padding:0}@media (min-width:1280px){.compat-matrix-col-h{width:30px;min-width:30px;height:68px;padding:var(--space-2) 0;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.06em;vertical-align:bottom}.compat-matrix-cell{width:30px;height:30px}.compat-matrix-cell-link{font-size:var(--font-size-micro)}}.compat-matrix-self-col,.compat-matrix-self-row .compat-matrix-row-h{background:color-mix(in srgb,var(--color-type-SC) 18%,var(--color-asknova-cream-base));font-weight:var(--weight-title);box-shadow:inset 0 0 0 2px var(--color-type-SC)}.compat-matrix-heat-legend,.compat-matrix-mobile-note,.compat-matrix-self-legend{margin:0 0 var(--space-3);width:fit-content;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--paper-inner-card-fill);background-color:rgba(255,252,246,.92);border:1px solid rgba(126,94,58,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),1.5px 2px 0 rgba(74,54,38,.08);font-size:var(--font-size-caption);color:var(--color-text-secondary)}.compat-matrix-self-legend{font-weight:var(--weight-label)}.compat-matrix-cell-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-secondary);text-decoration:none;border:1px solid var(--color-border-subtle);transition:background-color .12s ease}@media (forced-colors:active){.compat-matrix-cell-link span[data-heat]>span{display:none}.compat-matrix-cell-link span[data-heat="0"]:after{content:"·"}.compat-matrix-cell-link span[data-heat="1"]:after{content:"▫"}.compat-matrix-cell-link span[data-heat="2"]:after{content:"▪"}.compat-matrix-cell-link span[data-heat="3"]:after{content:"■"}}.compat-matrix-score{display:none;font-weight:var(--weight-label)}@media (min-width:1024px) and (forced-colors:none){.compat-matrix-cell-link .compat-matrix-dot{display:none}.compat-matrix-score{display:inline}}@media (hover:hover) and (pointer:fine){.compat-matrix-cell-link:hover{background:var(--color-surface-02)}}.compat-matrix-cell-link:focus-visible{background:var(--color-surface-02);outline:2px solid var(--color-type-SL);outline-offset:-1px;z-index:3;position:relative}@media (max-width:479.98px){.compat-love-page .compat-love-tile-link .compat-love-portrait{max-width:128px}}.compat-love-tile-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}.compat-love-portrait{position:relative;width:min(100%,140px);aspect-ratio:1;margin:0 auto;overflow:hidden;border:1px solid #bda67e;border-radius:6px;background:#dfc59c url(/art/paper/mbti-specimen-stage.webp) 50%/cover no-repeat;box-shadow:0 3px 0 rgba(79,58,36,.18)}.compat-love-portrait img{position:absolute;z-index:1;left:50%;bottom:24%;width:auto;max-width:94%;height:76%;object-fit:contain;transform:translate(-50%,var(--foot-margin,7%));filter:drop-shadow(3px 5px 2px rgba(42,37,26,.42))}.compat-love-tile-selected{border-radius:10px;box-shadow:0 0 0 2px var(--color-cta-warm);background:color-mix(in srgb,var(--color-cta-warm) 8%,var(--color-surface-01))}.compat-love-seed-hint{width:fit-content;margin:var(--space-4) auto 0;padding:var(--space-2) var(--space-4);background:var(--color-surface-02);border:1px solid rgba(74,54,38,.18);border-radius:999px;font-size:var(--font-size-body-sm);color:var(--color-text-secondary);text-align:center}.compat-love-seed-hint .compat-love-seed-reset{color:var(--color-cta-warm);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.compat-love-header-find{margin:var(--space-2) 0 0;font-size:var(--font-size-body-sm)}.compat-love-header-find a{text-wrap:balance;display:inline-flex;align-items:center;min-height:var(--touch-target,44px);color:var(--color-cta-warm);font-weight:600;text-decoration:underline;text-underline-offset:3px}.compat-love-filters{position:sticky;top:var(--nav-height,72px);z-index:12;width:100%;margin:var(--space-4) 0;padding:var(--space-2);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);background:color-mix(in srgb,var(--color-surface-01) 92%,transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:2px 3px 0 rgba(74,54,38,.12);backdrop-filter:blur(10px)}.compat-love-filter{min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--weight-label);text-align:center;text-decoration:none;border-radius:var(--radius-chip)}.compat-love-filter span{color:var(--color-text-tertiary);font-size:var(--font-size-micro)}.compat-love-filter[aria-current=page]{color:var(--color-surface-01);background:var(--color-cta-warm)}.compat-love-filter[aria-current=page] span{color:inherit}@media (max-width:600px){.compat-love-filters{top:var(--nav-height,64px);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}}.compat-love-card-ll{margin-top:var(--space-1);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-1)}.compat-love-card-ll>div{display:flex;flex-direction:column;gap:1px}.compat-love-card-ll dt{color:var(--color-text-tertiary);font-weight:var(--weight-label,600);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase}.compat-love-card-ll dd{margin:0}@media (max-width:479.98px){.compat-love-card-ll dd>.inline-block{display:block}.compat-love-card-ll .compat-love-ll-sep{display:none}.compat-love-pair .compat-love-ll dd>.inline-block{display:block}.compat-love-pair .compat-love-ll .compat-love-ll-sep{display:none}}.compat-love-signal-stage{position:relative;width:min(100%,48.75rem);margin:var(--space-5) auto 0;overflow:hidden;border:1px solid rgba(74,54,38,.24);border-radius:16px;background:#fff9ec;box-shadow:4px 7px 0 rgba(40,54,38,.17),0 25px 38px rgba(30,43,33,.14);isolation:isolate}.compat-love-theater-header{padding:clamp(18px,3vw,28px) var(--space-4) var(--space-3);text-align:center}.compat-love-theater-header .paper-chapter-kicker{margin:0 0 var(--space-1);color:#8a5938}.compat-love-theater-header h1{margin:0;color:var(--color-text-primary);font-size:var(--font-size-heading-lg);font-weight:700;line-height:var(--line-height-snug);text-wrap:balance}.compat-love-signal-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);width:min(calc(100% - 32px),30rem);margin:0 auto var(--space-3)}.compat-love-signal-controls button{min-width:0;min-height:var(--touch-target,44px);padding:var(--space-2);border:1px solid rgba(101,81,55,.28);border-radius:999px;background:#fffdf7;color:var(--color-text-primary);font:inherit;font-size:var(--font-size-caption);font-weight:var(--weight-label);cursor:pointer}.compat-love-signal-controls button[aria-pressed=true]{border-color:#9a7049;background:#f1dfb9;color:#432f21}.compat-love-signal-controls button:focus-visible{outline:3px solid #456d59;outline-offset:3px}.compat-love-signal-portraits{position:relative;aspect-ratio:2/1;overflow:hidden;background:url(/art/paper/compat-bridge-v1.webp) bottom/cover no-repeat}.compat-love-signal-portraits:after{position:absolute;z-index:0;inset:0;content:"";background:linear-gradient(180deg,transparent 70%,rgba(35,43,27,.15));pointer-events:none}.compat-love-signal-backlight{position:absolute;z-index:1;top:54%;width:22%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(255,243,175,.42),rgba(255,232,153,.12) 48%,transparent 72%);opacity:0;pointer-events:none}.compat-love-signal-backlight--first{left:22.4%}.compat-love-signal-backlight--second{left:77.6%}.compat-love-signal-backlight-active{opacity:.68}.compat-love-signal-line{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.compat-love-signal-path{fill:none;stroke:#8b563d;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 2px 3px rgba(255,248,220,.9))}.compat-love-signal-line marker path{fill:#8b563d}.compat-love-theater-figures{position:absolute;z-index:3;inset:0}.compat-love-theater-figure{position:absolute;bottom:44%;width:135px;aspect-ratio:2/3;translate:-50% 0;transform-origin:50% 100%}.compat-love-theater-figure--first{left:22.4%}.compat-love-theater-figure--second{left:77.6%}.compat-love-theater-figure img{display:block;width:100%;height:100%;object-fit:contain;transform:translateY(var(--foot-margin,7%));filter:drop-shadow(4px 7px 4px rgba(26,31,19,.48))}.compat-love-signal-captions{border-top:3px solid #e4cfaa}.compat-love-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#fff9ec}.compat-love-person{min-width:0;padding:0;background:color-mix(in srgb,var(--type-color) 9%,#fff9ec);text-align:center}.compat-love-person+.compat-love-person{border-left:1px solid rgba(74,54,38,.14)}.compat-love-person-label{min-height:118px;padding:12px var(--space-3) var(--space-3);border-top:5px solid var(--type-color)}.compat-love-code{font-weight:700;letter-spacing:.06em}.compat-love-name{color:var(--color-text-secondary);font-size:var(--fs-small)}.compat-love-person-label .compat-love-ll{display:grid;gap:4px;margin:var(--space-2) 0 0}.compat-love-person-label .compat-love-ll>div{display:grid;grid-template-columns:minmax(3.5rem,auto) minmax(0,1fr);align-items:baseline;gap:var(--space-1)}.compat-love-person-label .compat-love-ll dt{color:var(--color-text-tertiary);font-size:var(--fs-micro);font-weight:700;line-height:1.35;text-align:right}.compat-love-person-label .compat-love-ll dd{min-width:0;margin:0;font-size:var(--fs-small);line-height:1.35;text-align:left;overflow-wrap:anywhere}.compat-love-person-label .compat-love-ll .compat-love-ll-sep,.compat-love-person-label .compat-love-ll dd>.inline-block{display:inline}.compat-love-signal-status{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1) var(--space-3);margin:0;padding:var(--space-3) var(--space-4);border-top:1px dashed rgba(126,94,58,.28);background:#f5ead6;color:var(--color-text-primary);font-size:var(--font-size-body-sm);line-height:var(--line-height-snug);text-align:center}.compat-love-signal-status strong{color:#71452f}.compat-love-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0;padding:var(--space-3);background:#efe4ce}.compat-love-overview>div{min-width:0;padding:var(--space-3);border:1px solid rgba(126,94,58,.22);border-radius:8px;background:#fffdf7;text-align:center}.compat-love-overview dt{color:var(--color-text-secondary);font-size:var(--fs-micro);font-weight:700}.compat-love-overview dd{margin:var(--space-1) 0 0;color:var(--color-text-primary);font-size:var(--fs-small);line-height:1.35}.compat-love-overview dd span,.compat-love-overview dd strong{display:block}.compat-love-overview dd span{margin-top:2px;color:var(--color-text-secondary)}@media (max-width:640px){.compat-love-signal-stage{width:auto;margin-right:var(--space-3);margin-left:var(--space-3)}.compat-love-signal-portraits{aspect-ratio:5/3}.compat-love-signal-backlight{top:60%;width:25%}.compat-love-theater-figure{bottom:37%;width:90px}.compat-love-person-label{min-height:128px;padding-right:8px;padding-left:8px}.compat-love-person-label .compat-love-ll>div{display:block}.compat-love-person-label .compat-love-ll dd,.compat-love-person-label .compat-love-ll dt{text-align:center}.compat-love-person-label .compat-love-ll dd{font-size:var(--fs-micro)}.compat-love-overview{grid-template-columns:1fr}}@media (max-width:360px){.compat-love-theater-figure{width:72px}}@media (prefers-reduced-motion:reduce){.compat-love-signal-path{stroke-dasharray:none!important;stroke-dashoffset:0!important}.compat-love-person-label,.compat-love-signal-backlight{transform:none!important}}.compat-love-brief{max-width:48rem;margin:var(--space-4) auto 0;padding:var(--space-5);border:1px solid rgba(126,94,58,.22);border-radius:var(--radius-card,10px);background:var(--paper-cream-warm,#f4eee4);box-shadow:3px 4px 0 rgba(74,54,38,.08)}.compat-love-brief-header{padding-bottom:var(--space-4);border-bottom:1px solid rgba(126,94,58,.18)}.compat-love-brief-header h2{margin:var(--space-1) 0 var(--space-2);font-size:var(--font-size-heading-md);font-weight:700;line-height:var(--line-height-snug)}.compat-love-brief-header>p:last-child{max-width:38rem;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:1.65}.compat-love-directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}.compat-love-direction{min-width:0;padding:var(--space-4) var(--space-4) var(--space-4) 0}.compat-love-direction+.compat-love-direction{padding-right:0;padding-left:var(--space-4);border-left:1px solid rgba(126,94,58,.18)}.compat-love-direction-route{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--weight-title);letter-spacing:.04em}.compat-love-direction>strong{display:inline-flex;align-items:center;min-height:1.75rem;padding:0 var(--space-2);border-radius:var(--radius-chip);background:rgba(181,83,38,.12);color:var(--color-cta-warm);font-size:var(--font-size-caption)}.compat-love-direction-match>strong{background:rgba(53,107,88,.12);color:var(--color-type-SC-text)}.compat-love-direction>p{margin:var(--space-2) 0 0;color:var(--color-text-primary);font-size:var(--font-size-body-sm);line-height:1.6}.compat-love-action-note{display:grid;grid-template-columns:minmax(8rem,auto) 1fr;align-items:start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card,10px);background:color-mix(in srgb,var(--color-cta-warm) 9%,var(--color-paper-cream,#f2ede6))}.compat-love-action-note h3,.compat-love-action-note p{margin:0}.compat-love-action-note h3{font-size:var(--font-size-body);font-weight:700;line-height:1.5}.compat-love-action-note p{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:1.6}@media (max-width:600px){.compat-love-brief{margin-right:var(--space-3);margin-left:var(--space-3);padding:var(--space-4)}.compat-love-directions{grid-template-columns:1fr}.compat-love-direction,.compat-love-direction+.compat-love-direction{padding:var(--space-4) 0;border-left:0}.compat-love-direction+.compat-love-direction{border-top:1px solid rgba(126,94,58,.18)}.compat-love-action-note{grid-template-columns:1fr;gap:var(--space-1)}}.compat-love-atlas{max-width:48rem;margin:var(--space-5) auto 0;padding:var(--space-5);scroll-margin-top:80px;border:1px solid rgba(126,94,58,.24);border-radius:var(--radius-card,10px);background:#fff5e5;box-shadow:4px 5px 0 rgba(74,54,38,.12)}.compat-love-atlas header{margin-bottom:var(--space-4)}.compat-love-atlas h2{margin:var(--space-1) 0;color:var(--color-text-primary);font-size:var(--fs-heading);font-weight:700}.compat-love-atlas header>p:last-child{margin:0;color:var(--color-text-secondary);line-height:1.6}.compat-love-atlas table{width:100%;table-layout:fixed;border-collapse:initial;border-spacing:0 7px}.compat-love-atlas thead th{padding:0 8px 4px;color:var(--color-text-secondary);font-size:var(--fs-small);text-align:center}.compat-love-atlas thead th:first-child{width:42%;text-align:left}.compat-love-atlas tbody td,.compat-love-atlas tbody th{padding:10px 8px;border-top:1px solid rgba(126,94,58,.14);border-bottom:1px solid rgba(126,94,58,.14);background:#fffdf7}.compat-love-atlas tbody th{border-left:1px solid rgba(126,94,58,.14);border-radius:8px 0 0 8px;color:var(--color-text-primary);font-size:var(--fs-small);text-align:left}.compat-love-atlas tbody td{color:var(--color-text-secondary);font-size:var(--fs-micro);text-align:center}.compat-love-atlas tbody td:last-child{border-right:1px solid rgba(126,94,58,.14);border-radius:0 8px 8px 0}.compat-love-atlas-mark{display:inline-block;margin:2px;padding:3px 6px;border-radius:999px;font-size:var(--fs-micro);font-weight:700;line-height:1.2}.compat-love-atlas-mark-gives{background:#e1eee5;color:#245043}.compat-love-atlas-mark-wants{background:#f8e2d4;color:#82432d}.compat-love-atlas-empty{color:#a99c8e}.compat-love-atlas-language{display:inline-flex;align-items:center;gap:8px}.compat-love-atlas-emblem{flex:none;width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(80,50,30,.2))}.compat-love-atlas-mark{box-shadow:inset 0 0 0 1.5px currentColor}.compat-love-atlas-mark-gives{rotate:-3deg}.compat-love-atlas-mark-wants{rotate:2deg}.compat-love-journey{max-width:48rem;margin:var(--space-5) auto 0}.compat-love-journey-header{padding:var(--space-5);border:1px solid rgba(126,94,58,.22);border-left:5px solid #547768;border-radius:var(--radius-card,10px);background:#f5f0e5;box-shadow:4px 5px 0 rgba(74,54,38,.1)}.compat-love-journey-header h2{margin:var(--space-1) 0 var(--space-2);font-size:var(--font-size-heading-md);font-weight:700}.compat-love-journey-header>p:last-child{margin:0;color:var(--color-text-secondary);line-height:1.65}.compat-love-scene{--scene-ink:#855a46;--scene-wash:#f9eee6;position:relative;margin-top:var(--space-4);padding:var(--space-5);scroll-margin-top:calc(var(--nav-height, 72px) + 118px);border:1px solid rgba(126,94,58,.22);border-radius:var(--radius-card,10px);background:linear-gradient(150deg,var(--scene-wash),#fff9ef 72%);box-shadow:4px 5px 0 rgba(74,54,38,.1)}.compat-love-scene-support{--scene-ink:#456d59;--scene-wash:#edf3e8}.compat-love-scene-consent{--scene-ink:#795b77;--scene-wash:#f3edf2}.compat-love-scene-repair{--scene-ink:#526b83;--scene-wash:#edf2f5}.compat-love-scene-future{--scene-ink:#80683e;--scene-wash:#f8f0df}.compat-love-scene-heading{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.compat-love-scene-heading span{color:var(--scene-ink);font-size:var(--fs-small);font-weight:700;font-variant-numeric:tabular-nums}.compat-love-scene-heading h3{margin:0;color:var(--color-text-primary);font-size:var(--fs-heading);font-weight:700;line-height:1.3}.compat-love-scene-path{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0 0 var(--space-4);padding:0;list-style:none}.compat-love-scene-path:before{position:absolute;top:1.1rem;right:12%;left:12%;height:2px;background:var(--scene-ink);content:"";opacity:.35}.compat-love-scene-path li{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid color-mix(in srgb,var(--scene-ink) 24%,transparent);border-radius:10px;background:#fffdf7;color:var(--color-text-primary);font-size:var(--fs-small);font-weight:700;line-height:1.4;text-align:center;overflow-wrap:anywhere}.compat-love-scene-path li span{display:grid;width:1.6rem;height:1.6rem;flex:none;place-items:center;border-radius:50%;background:var(--scene-ink);color:#fff;font-size:var(--fs-micro)}.compat-love-scene-gestures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.compat-love-scene-gesture{min-width:0;padding:var(--space-4);border:1px solid color-mix(in srgb,var(--scene-ink) 25%,transparent);border-top:4px solid var(--scene-ink);border-radius:9px;background:#fffdf7;box-shadow:3px 4px 0 rgba(74,54,38,.08)}.compat-love-scene-gesture:only-child{grid-column:1/-1}.compat-love-scene-route{color:var(--scene-ink);font-size:var(--fs-small);font-weight:700;line-height:1.4;overflow-wrap:anywhere}.compat-love-scene-fit{display:inline-block;margin-top:var(--space-2);padding:2px 8px;border:1px solid color-mix(in srgb,var(--scene-ink) 35%,transparent);border-radius:999px;color:var(--scene-ink);font-size:var(--fs-micro);font-weight:700}.compat-love-scene-gesture p{margin:var(--space-3) 0 0;color:var(--color-text-primary);font-size:var(--fs-body);line-height:1.7}.compat-love-scene-question{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--scene-ink);background:color-mix(in srgb,var(--scene-ink) 9%,#fffdf7);color:var(--color-text-primary);font-size:var(--fs-body);font-weight:700;line-height:1.6}.compat-love-scene-invite .compat-love-scene-gesture:first-child{border-radius:16px 16px 5px 16px}.compat-love-scene-invite .compat-love-scene-gesture:last-child{border-radius:16px 16px 16px 5px}.compat-love-scene-support .compat-love-scene-gesture{border-top-width:1px;border-left:4px solid var(--scene-ink);background:linear-gradient(145deg,#fffdf7 88%,#e0ebdf 0)}.compat-love-scene-consent{display:grid;grid-template-columns:minmax(10rem,.7fr) minmax(0,1.3fr);column-gap:var(--space-4)}.compat-love-scene-consent .compat-love-scene-heading,.compat-love-scene-consent .compat-love-scene-question{grid-column:1/-1}.compat-love-scene-consent .compat-love-scene-path{grid-template-columns:1fr;align-self:start;margin-bottom:0}.compat-love-scene-consent .compat-love-scene-path:before{top:10%;bottom:10%;left:1.3rem;width:2px;height:auto}.compat-love-scene-consent .compat-love-scene-path li{flex-direction:row;text-align:left}.compat-love-scene-consent .compat-love-scene-gestures,.compat-love-scene-repair .compat-love-scene-gestures{grid-template-columns:1fr}.compat-love-scene-repair .compat-love-scene-gesture:first-child{margin-right:var(--space-4)}.compat-love-scene-repair .compat-love-scene-gesture:last-child{margin-left:var(--space-4)}.compat-love-scene-future .compat-love-scene-path li{border-radius:18px 18px 5px 5px;background:#fff9e9}.compat-love-scene-future .compat-love-scene-gesture{border-radius:5px 5px 16px 16px}.compat-love-life{max-width:48rem;margin:var(--space-5) auto 0;padding:var(--space-5);border:1px solid rgba(126,94,58,.26);border-radius:var(--radius-card,10px);background:linear-gradient(145deg,#f3eadb,#fff8ec);box-shadow:6px 7px 0 rgba(74,54,38,.12)}.compat-love-life>header{margin-bottom:var(--space-4)}.compat-love-life h2{margin:var(--space-1) 0;color:var(--color-text-primary);font-size:var(--font-size-heading-md);font-weight:700}.compat-love-life>header>p:last-child{margin:0;color:var(--color-text-secondary);line-height:1.65}.compat-love-life-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-3)}.compat-love-life-card{--topic-accent:#875d48;min-width:0;border:1px solid rgba(126,94,58,.22);border-left:4px solid var(--topic-accent);border-radius:9px;background:#fffdf7;box-shadow:3px 4px 0 rgba(74,54,38,.08)}.compat-love-life-card-friends{--topic-accent:#4d725d}.compat-love-life-card-chores{--topic-accent:#5b718a}.compat-love-life-card-future{--topic-accent:#80683e}.compat-love-life-card summary{display:flex;align-items:center;gap:var(--space-2);min-height:60px;padding:var(--space-3);color:var(--color-text-primary);cursor:pointer;list-style:none}.compat-love-life-card summary::-webkit-details-marker{display:none}.compat-love-life-card summary:focus-visible{outline:3px solid var(--topic-accent);outline-offset:3px}.compat-love-life-card summary>span{color:var(--topic-accent);font-size:var(--fs-small);font-weight:700;font-variant-numeric:tabular-nums}.compat-love-life-card summary>strong{min-width:0;font-size:var(--fs-body);line-height:1.4}.compat-love-life-card summary:after{margin-left:auto;color:var(--topic-accent);content:"+";font-size:var(--fs-heading);font-weight:700}.compat-love-life-card[open] summary:after{content:"−"}.compat-love-life-card ol{margin:0;padding:0 var(--space-3) var(--space-3);list-style:none;animation:compat-love-life-open .26s ease-out both}.compat-love-life-card li{padding:var(--space-3) 0;border-top:1px dashed rgba(126,94,58,.28)}.compat-love-life-card li>strong{color:var(--topic-accent);font-size:var(--fs-small)}.compat-love-life-card li>p{margin:var(--space-1) 0 0;color:var(--color-text-primary);font-size:var(--fs-body);line-height:1.65}@keyframes compat-love-life-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.compat-love-voices{max-width:48rem;margin:var(--space-5) auto 0}.compat-love-voices>h2{margin:0 0 var(--space-4);padding:var(--space-4) var(--space-5);font-size:var(--font-size-heading-md);font-weight:700;line-height:var(--line-height-snug)}.compat-love-story-chapter,.compat-love-voices>h2{border:1px solid rgba(126,94,58,.22);border-radius:var(--radius-card,10px);background:var(--paper-cream-warm,#f4eee4);box-shadow:3px 4px 0 rgba(74,54,38,.08)}.compat-love-story-chapter{margin-top:var(--space-4);padding:var(--space-5);scroll-margin-top:80px}.compat-love-story-chapter>header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3)}.compat-love-story-chapter>header span{color:#956c4d;font-size:var(--fs-small);font-weight:700;font-variant-numeric:tabular-nums}.compat-love-story-chapter h3{margin:0;color:var(--color-text-primary);font-size:var(--fs-heading);font-weight:700;line-height:1.25}.compat-love-voices-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.compat-love-voices-grid>:only-child{grid-column:1/-1}.compat-love-voice{min-width:0;padding:var(--space-4);border:1px solid rgba(126,94,58,.22);border-left:3px solid var(--type-color,rgba(126,94,58,.4));border-radius:var(--radius-card,10px);background:var(--color-surface-01,#fff);box-shadow:3px 4px 0 rgba(74,54,38,.08)}.compat-love-voice>h4{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--fs-small);font-weight:700;line-height:1.4}.compat-love-voice-code{color:var(--type-color-text,var(--type-color,var(--color-text-secondary)));font-size:var(--font-size-caption);font-weight:var(--weight-title);letter-spacing:.06em}.compat-love-voice p,.compat-love-voice-name{color:var(--color-text-primary)}.compat-love-voice p{margin:0;font-size:var(--fs-body);line-height:1.7}@media (max-width:600px){.compat-love-atlas,.compat-love-journey,.compat-love-life,.compat-love-voices{margin-right:var(--space-3);margin-left:var(--space-3)}.compat-love-atlas,.compat-love-life,.compat-love-story-chapter{padding:var(--space-4)}.compat-love-life-grid{grid-template-columns:1fr}.compat-love-journey-header,.compat-love-scene{padding:var(--space-4)}.compat-love-scene-consent,.compat-love-scene-gestures{grid-template-columns:1fr}.compat-love-scene-consent .compat-love-scene-path{margin-bottom:var(--space-4)}.compat-love-voices-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.compat-love-life-card ol{animation:none}}@media (max-width:360px){.compat-love-atlas{margin-right:0;margin-left:0;padding:var(--space-3)}.compat-love-atlas thead th{padding-right:4px;padding-left:4px;white-space:nowrap}.compat-love-atlas tbody td,.compat-love-atlas tbody th{padding-right:5px;padding-left:5px}}.compat-love-actions{display:grid;justify-content:center;gap:var(--space-3);text-align:center;margin-top:var(--space-5)}.compat-love-actions .compat-love-share{background:var(--color-cta-warm);border:1px solid var(--color-cta-warm);color:#FFFDF9;font-weight:700;box-shadow:1.5px 1.5px 0 rgba(74,54,38,.16)}.compat-love-actions .compat-love-share,.compat-love-back{border-radius:10px;padding:var(--space-3) var(--space-5);font-size:var(--fs-small)}.compat-love-back{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);font-weight:var(--weight-label);border:1px solid rgba(126,94,58,.18);background:rgba(255,252,246,.9);text-decoration:none;color:inherit}}.compat-two-code-preview{width:min(100%,360px);margin:var(--space-1) 0 var(--space-2);overflow:hidden;border:1px solid rgba(74,54,38,.24);border-radius:var(--radius-card);box-shadow:3px 5px 0 rgba(40,54,38,.13)}.compat-two-code-preview-scene{position:relative;aspect-ratio:5/3;background:url(/art/paper/compat-bridge-v1.webp) bottom/cover no-repeat}.compat-two-code-doll-slot{position:absolute;bottom:37%;width:clamp(50px,21%,90px);aspect-ratio:2/3;transform:translateX(-50%)}.compat-two-code-doll-slot--first{left:22.4%}.compat-two-code-doll-slot--second{left:77.6%}.compat-two-code-doll{display:block;width:100%;height:100%;object-fit:contain;position:relative;top:var(--foot-margin,7%);filter:drop-shadow(3px 5px 3px rgba(26,31,19,.42))}.compat-two-code-doll-slot{transform-origin:0 100%;transition:rotate .42s cubic-bezier(.2,.9,.3,1.3)}.compat-two-code-preview.is-met .compat-two-code-doll-slot--first{rotate:4deg}.compat-two-code-preview.is-met .compat-two-code-doll-slot--second{rotate:-4deg}.compat-two-code-hearts{position:absolute;z-index:2;bottom:42%;left:50%;pointer-events:none}.compat-two-code-hearts img{position:absolute;width:22px;max-width:none;height:22px;margin-left:-11px;opacity:0}@media (prefers-reduced-motion:no-preference){.compat-two-code-hearts img{animation:compat-heart-rise 1.6s ease-out both}.compat-two-code-hearts img:first-child{--dx:-34px;animation-delay:.1s}.compat-two-code-hearts img:nth-child(2){--dx:18px;animation-delay:.28s}.compat-two-code-hearts img:nth-child(3){--dx:-8px;animation-delay:.45s}.compat-two-code-hearts img:nth-child(4){--dx:36px;animation-delay:.62s}.compat-two-code-hearts img:nth-child(5){--dx:-22px;animation-delay:.8s}.compat-two-code-submit.is-ready{animation:compat-submit-stamp .55s cubic-bezier(.2,.9,.3,1.4) .35s both}}@keyframes compat-heart-rise{0%{opacity:0;transform:translateY(10px) scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx),-90px) scale(1) rotate(18deg)}}@keyframes compat-submit-stamp{0%{scale:1}40%{scale:1.06}to{scale:1}}.compat-two-code-preview-captions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px 4px;border-top:2px solid #e4cfaa;background:#fff9ec;color:var(--color-text-primary);font-size:var(--fs-micro);font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere}.compat-matrix-mobile-note{display:none}@media (max-width:899.98px){.compat-matrix-mobile-note{display:block;width:auto;margin:var(--space-3) 0 0;font-size:var(--font-size-body-sm);color:var(--color-text-secondary)}}.compat-pair-axes-copy{margin:var(--space-2) 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-loose)}.compat-ladder-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);font-size:var(--font-size-caption);font-weight:var(--weight-label,600)}.compat-ladder-legend>span{display:inline-flex;align-items:center;gap:var(--space-2)}.compat-ladder-rows{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.compat-ladder-row{padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface-01)}.compat-ladder-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.compat-ladder-axis{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--weight-label,600)}.compat-ladder-verdict{padding:2px var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-chip);color:var(--color-text-tertiary);font-size:var(--font-size-caption);white-space:nowrap}.compat-ladder-row.is-same .compat-ladder-verdict{border-color:var(--color-type-SC-text,var(--color-border-medium));background:var(--color-surface-02);color:var(--color-text-primary)}.compat-ladder-track{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left right" "rail rail";align-items:end;gap:var(--space-1) var(--space-3)}.compat-ladder-pole{grid-area:left;color:var(--color-text-tertiary);font-size:var(--font-size-caption);line-height:var(--line-height-snug);hyphens:manual}.compat-ladder-pole--right{grid-area:right;text-align:end}.compat-ladder-pole b{font-weight:var(--weight-title,700);letter-spacing:var(--letter-spacing-wider)}.compat-ladder-pole.is-on{color:var(--color-text-primary);font-weight:var(--weight-label,600)}.compat-ladder-rail{grid-area:rail;position:relative;height:34px;margin-inline:17px}.compat-ladder-rail:before{content:"";position:absolute;top:50%;right:0;left:0;height:4px;margin-top:-2px;border-radius:4px;background:#e7dcc6;box-shadow:inset 0 1px 0 rgba(71,52,33,.12)}.compat-ladder-tension{position:absolute;top:50%;right:0;left:0;height:3px;margin-top:-1.5px;background:linear-gradient(90deg,var(--from),var(--to));-webkit-mask:repeating-linear-gradient(90deg,#000 0 7px,transparent 7px 12px);mask:repeating-linear-gradient(90deg,#000 0 7px,transparent 7px 12px);transform-origin:50% 50%}.compat-ladder-marker{position:absolute;top:50%;display:grid;width:34px;height:34px;margin:-17px 0 0 -17px;overflow:hidden;place-items:center;border:2px solid var(--marker-accent);border-radius:50%;background:#fffaf0;box-shadow:0 3px 6px rgba(71,52,33,.22);font-size:var(--font-size-caption);font-weight:700}.compat-ladder-marker img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}.compat-ladder-marker--legend{position:static;width:26px;height:26px;margin:0}.compat-bridge-hero{width:min(100%,780px);margin-inline:auto;overflow:hidden;border:1px solid rgba(74,54,38,.24);border-radius:16px;background:#fff9ec;box-shadow:4px 7px 0 rgba(40,54,38,.17),0 25px 38px rgba(30,43,33,.14);isolation:isolate}.compat-bridge-scene{position:relative;aspect-ratio:2/1;overflow:hidden;background:url(/art/paper/compat-bridge-v1.webp) bottom/cover no-repeat}.compat-bridge-scene:after{position:absolute;z-index:0;inset:0;content:"";background:linear-gradient(180deg,transparent 72%,rgba(35,43,27,.16));pointer-events:none}.compat-bridge-figure{position:absolute;z-index:1;bottom:44%;width:135px;aspect-ratio:2/3;translate:-50% 0;transform-origin:50% 100%}.compat-bridge-figure--first{left:22.4%}.compat-bridge-figure--second{left:77.6%}.compat-bridge-figure img{display:block;width:100%;height:100%;object-fit:contain;transform:translateY(var(--foot-margin,7%));filter:drop-shadow(4px 7px 4px rgba(26,31,19,.48))}.compat-bridge-captions{display:grid;grid-template-columns:minmax(0,1fr) 136px minmax(0,1fr);min-height:142px;border-top:3px solid #e4cfaa;background:#fff9ec}.compat-bridge-person,.compat-bridge-score{display:flex;flex-direction:column;align-items:center;min-width:0;padding:16px 12px;text-align:center}.compat-bridge-person{gap:4px;border-top:5px solid var(--bridge-accent);background:color-mix(in srgb,var(--bridge-accent) 11%,#fff9ec)}.compat-bridge-code,.compat-bridge-mbti,.compat-bridge-role,.compat-bridge-score-label,.compat-bridge-score-total{font-size:var(--fs-small);line-height:1.3;overflow-wrap:anywhere}.compat-bridge-role{font-weight:700}.compat-bridge-code{font-weight:700;letter-spacing:.07em}.compat-bridge-mbti{color:var(--color-text-secondary)}.compat-bridge-name{margin-top:auto;color:var(--color-text-primary);font-size:var(--fs-heading);line-height:1.23;text-wrap:balance;overflow-wrap:anywhere}.compat-bridge-score{justify-content:center;gap:3px;border-inline:1px solid rgba(74,54,38,.14)}.compat-bridge-score-value{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#fffdf6;box-shadow:inset 0 2px 0 #fff,0 6px 16px rgba(52,44,29,.18);color:var(--color-text-primary);font-size:var(--fs-display);font-weight:700;line-height:1}.compat-bridge-score-label{font-weight:700}.compat-bridge-score-value{--score-shown:var(--score,0);position:relative}.compat-bridge-score-value:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(var(--color-cta-warm,#a85529) calc(var(--score-shown) * 1%),rgba(74,54,38,.12) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px))}@media (max-width:640px){.compat-bridge-scene{aspect-ratio:5/3}.compat-bridge-figure{bottom:37%;width:90px}.compat-bridge-captions{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr)}.compat-bridge-person,.compat-bridge-score{padding:12px 6px}.compat-bridge-code,.compat-bridge-mbti,.compat-bridge-role,.compat-bridge-score-label,.compat-bridge-score-total{font-size:var(--fs-micro)}.compat-bridge-name{font-size:var(--fs-body)}.compat-bridge-score-value{width:62px;height:62px}}@media (prefers-reduced-motion:reduce){.compat-bridge-figure,.compat-bridge-score-value{animation:none;transition:none}}.compat-love-page .compat-love-hero{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:clamp(250px,36vw,340px);padding:clamp(30px,5vw,54px) 24px;border-color:rgba(126,94,58,.25);background:#f9e9d6;box-shadow:0 22px 44px rgba(74,54,38,.16)}.compat-love-page .compat-love-hero:after{background:linear-gradient(180deg,rgba(255,249,237,.96),rgba(255,249,237,.66) 45%,transparent 78%)}.compat-love-hero-art{position:absolute;inset:0;z-index:-2;display:block}.compat-love-hero-art img{display:block;width:100%;height:100%;object-fit:cover}.compat-love-page .compat-love-hero h1,.compat-love-page .compat-love-hero p{position:relative;max-width:38rem;color:var(--color-text-primary);text-shadow:0 0 12px rgba(255,250,239,.9)}.compat-love-page .compat-love-hero .paper-chapter-kicker{color:#8a5938}.compat-love-page .compat-love-hero .compat-love-header-find a{color:#245043}.compat-love-page .compat-love-hero .compat-love-header-find a:focus-visible{outline:3px solid #245043;outline-offset:3px}@media (max-width:640px){.compat-love-page .compat-love-hero{min-height:340px}.compat-love-hero-art img{object-position:center top}}.compat-matrix-table .compat-matrix-cell-link,.compat-matrix-table .compat-matrix-col-h,.compat-matrix-table .compat-matrix-row-h{transition:opacity .14s ease}.compat-matrix-table.is-crossing .compat-matrix-cell-link,.compat-matrix-table.is-crossing .compat-matrix-col-h,.compat-matrix-table.is-crossing .compat-matrix-row-h{opacity:.35}.compat-matrix-table.is-crossing .compat-matrix-col-h.is-cross,.compat-matrix-table.is-crossing td.is-cross .compat-matrix-cell-link,.compat-matrix-table.is-crossing tr.is-cross .compat-matrix-cell-link,.compat-matrix-table.is-crossing tr.is-cross>.compat-matrix-row-h{opacity:1}.compat-matrix-table .compat-matrix-cell-link:focus-visible,.compat-matrix-table td.compat-matrix-cell:hover .compat-matrix-cell-link{position:relative;z-index:2;scale:1.25;box-shadow:0 4px 10px rgba(61,49,30,.28)}@media (prefers-reduced-motion:reduce){.compat-matrix-table .compat-matrix-cell-link,.compat-matrix-table .compat-matrix-col-h,.compat-matrix-table .compat-matrix-row-h{transition:none}}.compat-love-atlas tr.is-match>*{background:linear-gradient(transparent 12%,rgba(247,221,115,.45) 0,rgba(247,221,115,.45) 88%,transparent 0)}.compat-love-atlas-matches{display:block;margin-top:var(--space-4);padding:var(--space-4);border:1.5px dashed rgba(168,71,74,.35);border-radius:var(--radius-card,8px);background:rgba(255,250,240,.8)}.compat-love-atlas-matches h3{margin:0 0 var(--space-2);color:#a8474a;font-size:var(--fs-small);font-weight:700}.compat-love-atlas-matches ul{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.compat-love-atlas-matches li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:var(--space-2);font-size:var(--fs-small);line-height:1.5}.compat-love-atlas-matches li img{width:28px;height:28px;object-fit:contain}.compat-love-atlas-matches p{margin:0;color:var(--color-text-secondary);font-size:var(--fs-small);line-height:1.5}@media (max-width:400px){.compat-love-atlas thead th:first-child{white-space:normal}.compat-love-atlas-language{flex-direction:column;align-items:flex-start;gap:4px}.compat-love-atlas-emblem{width:28px;height:28px}.compat-love-atlas thead th:first-child{width:36%}.compat-love-atlas tbody td{padding-inline:2px}.compat-love-atlas-mark{margin:2px 0;padding:2px 5px}}.love-guide-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 6px;margin:0;padding:0;list-style:none}.love-guide-row li{display:grid;justify-items:center;align-content:start;gap:4px;min-width:0;text-align:center}.love-guide-row img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(80,50,30,.2))}@media (max-width:359.98px){.love-guide-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.love-guide-row{grid-template-columns:repeat(5,minmax(0,1fr))}}.love-guide-row li:nth-child(odd) img{rotate:-5deg}.love-guide-row li:nth-child(2n) img{rotate:4deg}.love-guide-row span{color:var(--color-text-secondary);font-size:var(--fs-micro);font-weight:var(--weight-label);line-height:1.3;overflow-wrap:normal;word-break:keep-all}.love-guide-code{display:grid;width:min(100%,320px);margin:0 auto}.love-guide-code-label{justify-self:start;width:60%;text-align:center;font-size:var(--fs-micro);font-weight:var(--weight-title)}.love-guide-code-label.is-give{color:#245043}.love-guide-code-label.is-want{justify-self:center;width:60%;color:#82432d}.love-guide-code-bracket{display:block;width:100%;height:12px;overflow:visible}.love-guide-code-bracket path{fill:none;stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}.love-guide-code-bracket.is-give path{stroke:#3f7a64}.love-guide-code-bracket.is-want path{stroke:#b0664a}.love-guide-code-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:4px 0}.love-guide-code-tiles>span{display:grid;justify-items:center;padding:5px 0;border-radius:8px;background:#fffaf0;box-shadow:inset 0 0 0 1px rgba(126,94,58,.22),0 2px 0 rgba(126,94,58,.16);font-size:var(--fs-small);font-weight:var(--weight-title);line-height:1.2}.love-guide-code-tiles b+b{color:var(--color-text-tertiary)}.love-guide-code-tiles .is-give{background:#e1eee5;color:#245043}.love-guide-code-tiles .is-want{background:#f8e2d4;color:#82432d}.love-guide-code-tiles .is-idle{opacity:.45}@media (prefers-reduced-motion:no-preference){.love-guide-row.grow-armed li{transition:opacity .3s ease,translate .5s cubic-bezier(.3,1.5,.5,1);transition-delay:calc(.1s + var(--i, 0) * 90ms)}.love-guide-row.grow-armed:not(.is-grown) li{opacity:0;translate:0 16px}.love-guide-code.grow-armed .love-guide-code-bracket path{transition:stroke-dashoffset .6s ease-out .25s}.love-guide-code.grow-armed .love-guide-code-bracket.is-want path{transition-delay:.85s}.love-guide-code.grow-armed:not(.is-grown) .love-guide-code-bracket path{stroke-dashoffset:1}.love-guide-code.grow-armed .love-guide-code-label{transition:opacity .3s ease .7s}.love-guide-code.grow-armed .love-guide-code-label.is-want{transition-delay:1.3s}.love-guide-code.grow-armed:not(.is-grown) .love-guide-code-label{opacity:0}}