.jh-match{--match-ink:var(--text,var(--ink,#29242c));--match-muted:var(--muted,#817780);--match-line:var(--line,#ded7dc);--match-accent:var(--accent,#84546f);--match-paper:var(--card,transparent);margin:var(--sp-5) 0 var(--sp-6);font-family:var(--reader-font,sans-serif)}:is(#phone,.sheet) .jh-match .jh-match-heading{display:flex;gap:var(--sp-2);align-items:center;margin:0 0 var(--sp-5);padding:0;border:0;background:none}.jh-match-heading>span{display:block;width:21px;height:21px;flex-shrink:0;color:var(--match-accent)}.jh-match svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}:is(#phone,.sheet) .jh-match .jh-match-heading h3{margin:0;padding:0;color:var(--match-ink);font:var(--fw-bold) var(--fs-xl)/var(--lh-snug) var(--reader-font,sans-serif);letter-spacing:-.7px;word-break:keep-all}.jh-match-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);align-items:stretch}.jh-match-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:370px;border-radius:var(--r-lg);background:#261e28;box-shadow:0 7px 20px #28132214;display:flex;flex-direction:column;justify-content:space-between}.jh-match-card:nth-child(2){background:#30232c}:is(#phone,.sheet) .jh-match .jh-match-card>img{position:absolute;z-index:-2;top:0;left:0;display:block;width:100%;height:auto;max-width:none;margin:0;border-radius:0;opacity:1}.jh-match-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#261e2800 15%,#261e2810 28%,#261e28d4 53%,#261e28 72%)}.jh-match-card:nth-child(2) .jh-match-shade{background:linear-gradient(180deg,#30232c00 15%,#30232c10 28%,#30232cdb 53%,#30232c 72%)}.jh-match-badge{display:flex;align-items:center;gap:var(--sp-1);align-self:flex-start;margin:var(--sp-3);padding:var(--sp-1) var(--sp-2);border:1px solid #ffffff50;border-radius:var(--r-lg);background:#2b202c50;backdrop-filter:blur(9px);color:#fff}.jh-match-badge svg{width:11px;height:11px;fill:#fff;stroke:none}:is(#phone,.sheet) .jh-match .jh-match-badge b{font-size:var(--fs-2xs);line-height:var(--lh-tight);font-weight:var(--fw-semibold);color:#fff}.jh-match-copy{padding:142px var(--sp-4) var(--sp-5)}:is(#phone,.sheet) .jh-match .jh-match-copy h4{margin:0;padding:0;border:0;background:none;font-family:var(--reader-font,sans-serif);font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:-.65px;color:#fff;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;text-shadow:0 1px 5px #0002}.jh-match-detail{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid #ffffff30}:is(#phone,.sheet) .jh-match .jh-match-detail small{display:block;margin:0 0 var(--sp-1);font-family:var(--reader-font,sans-serif);font-size:var(--fs-2xs);font-weight:var(--fw-regular);line-height:var(--lh-snug);color:#e0ccd8;word-break:keep-all}:is(#phone,.sheet) .jh-match .jh-match-detail p{margin:0;padding:0;background:none;font-family:var(--reader-font,sans-serif);font-size:var(--fs-sm);font-weight:var(--fw-regular);line-height:var(--lh-read);letter-spacing:-.3px;color:#fff4fa;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}.jh-match-all{margin-top:var(--sp-4)}:is(#phone,.sheet) .jh-match .jh-match-all>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:47px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--match-line);border-radius:var(--r-md);background:transparent;list-style:none;cursor:pointer;color:var(--match-accent);font-family:var(--reader-font,sans-serif);font-size:var(--fs-xs);font-weight:var(--fw-semibold);line-height:var(--lh-body)}.jh-match-all>summary::-webkit-details-marker{display:none}.jh-match-all>summary:focus-visible{outline:2px solid var(--match-accent);outline-offset:3px}.jh-match-all>summary>i{position:relative;width:12px;height:12px;flex-shrink:0}.jh-match-all>summary>i:before,.jh-match-all>summary>i:after{content:"";position:absolute;top:5px;left:0;width:12px;height:1.5px;background:currentColor}.jh-match-all>summary>i:after{transform:rotate(90deg)}.jh-match-all[open]>summary>i:after{transform:none}.jh-match-table{margin-top:var(--sp-3)}.jh-match-row{display:grid;grid-template-columns:37px minmax(0,1fr);gap:var(--sp-3);padding:var(--sp-4) var(--sp-2);border-bottom:1px solid var(--match-line)}.jh-match-row.is-match{background:color-mix(in srgb,var(--match-accent) 9%,transparent)}.jh-match-row>b{font-size:var(--fs-sm);line-height:var(--lh-snug);font-weight:var(--fw-bold);color:var(--match-ink)}.jh-match-mark{display:block;width:12px;height:12px;margin:var(--sp-1) 0 0 var(--sp-1);color:var(--match-accent)}.jh-match-mark svg{fill:currentColor;stroke:none}:is(#phone,.sheet) .jh-match .jh-match-row p{margin:0;font:var(--fw-regular) var(--fs-sm)/var(--lh-body) var(--reader-font,sans-serif);color:var(--match-ink);word-break:keep-all;text-wrap:pretty}:is(#phone,.sheet) .jh-match .jh-match-row p+p{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--match-line)}.jh-match-row small{display:block;margin-bottom:3px;font-size:var(--fs-2xs);line-height:var(--lh-snug);color:var(--match-muted)}.jh-match-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:350px){.jh-match-pair{gap:var(--sp-2)}.jh-match-copy{padding-right:var(--sp-3);padding-left:var(--sp-3)}.jh-match-badge{margin:var(--sp-2)}:is(#phone,.sheet) .jh-match .jh-match-copy h4{font-size:var(--fs-lg)}:is(#phone,.sheet) .jh-match .jh-match-heading h3{font-size:var(--fs-xl)}}.jh-match-library{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--match-line)}:is(#phone,.sheet) .jh-match .jh-library-heading h4{margin:0 0 var(--sp-2);padding:0;border:0;background:none;color:var(--match-ink);font:var(--fw-bold) var(--fs-xl)/var(--lh-snug) var(--reader-font,sans-serif);letter-spacing:-.5px}:is(#phone,.sheet) .jh-match .jh-library-heading p{margin:0;color:var(--match-muted);font:var(--fw-regular) var(--fs-xs)/var(--lh-read) var(--reader-font,sans-serif);word-break:keep-all}:is(#phone,.sheet) .jh-match .jh-library-heading small{display:block;margin-top:var(--sp-2);color:var(--match-accent);font:var(--fw-regular) var(--fs-2xs)/var(--lh-body) var(--reader-font,sans-serif)}.jh-family-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-2);margin:var(--sp-4) 0 var(--sp-5)}:is(#phone,.sheet) .jh-match .jh-family-tab{appearance:none;display:block;min-width:0;margin:0;padding:3px;border:1.5px solid transparent;border-radius:var(--r-md);background:none;color:var(--match-muted);cursor:pointer;font-family:var(--reader-font,sans-serif);box-shadow:none}:is(#phone,.sheet) .jh-match .jh-family-tab img{display:block;width:100%;height:72px;object-fit:cover;object-position:center 18%;border-radius:var(--r-sm);margin:0;opacity:.68;filter:saturate(.6)}:is(#phone,.sheet) .jh-match .jh-family-tab>span{display:block;font-size:var(--fs-2xs);line-height:var(--lh-read);padding:var(--sp-1) 0 2px;color:inherit}:is(#phone,.sheet) .jh-match .jh-family-tab[aria-selected=true]{border-color:var(--match-accent);background:color-mix(in srgb,var(--match-accent) 8%,transparent);color:var(--match-accent)}:is(#phone,.sheet) .jh-match .jh-family-tab[aria-selected=true] img{opacity:1;filter:none}.jh-family-tab:focus-visible,.jh-family-panel:focus-visible{outline:2px solid var(--match-accent);outline-offset:3px}.jh-family-panel{padding:0 var(--sp-4);border-radius:var(--r-md);background:color-mix(in srgb,var(--match-accent) 6%,transparent)}.jh-family-meaning{padding:var(--sp-5) 0}.jh-family-meaning+.jh-family-meaning{border-top:1px solid var(--match-line)}:is(#phone,.sheet) .jh-match .jh-family-meaning h5{display:flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-2);padding:0;background:none;border:0;color:var(--match-accent);font:var(--fw-bold) var(--fs-xs)/var(--lh-snug) var(--reader-font,sans-serif)}.jh-family-meaning h5 span{font-size:var(--fs-2xs)}:is(#phone,.sheet) .jh-match .jh-family-meaning h5{flex-wrap:wrap}.jh-family-match-label{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-2);border-radius:var(--r-sm);background:color-mix(in srgb,var(--match-accent) 10%,transparent);font-weight:var(--fw-regular);line-height:var(--lh-snug)}:is(#phone,.sheet) .jh-match .jh-family-meaning strong{display:block;color:var(--match-ink);font:var(--fw-semibold) var(--fs-lg)/var(--lh-body) var(--reader-font,sans-serif);letter-spacing:-.4px;word-break:keep-all;overflow-wrap:anywhere}:is(#phone,.sheet) .jh-match .jh-family-meaning p{margin:var(--sp-2) 0 0;padding:0;background:none;color:var(--match-muted);font:var(--fw-regular) var(--fs-sm)/var(--lh-read) var(--reader-font,sans-serif);word-break:keep-all;overflow-wrap:anywhere}.jh-match-sealed-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;visibility:hidden}.is-revealed .jh-match-sealed-content{visibility:visible}:is(#phone,.sheet) .jh-match .jh-match-sealed-content>img{position:absolute;z-index:-2;top:0;left:0;width:100%;height:auto;margin:0;max-width:none;border-radius:0}:is(#phone,.sheet) .jh-match .jh-match-cover{appearance:none;position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:inherit;overflow:hidden;background:transparent;cursor:pointer;color:#fbf0f7;font-family:var(--reader-font,sans-serif);text-align:center;box-shadow:none}.jh-match-cover:focus-visible{outline:3px solid #e3bed4;outline-offset:-5px}.jh-cover-half{position:absolute;inset:0;display:block;background:radial-gradient(ellipse at 50% 32%,#ad759633,transparent 65%),repeating-radial-gradient(ellipse at 50% 32%,transparent 0 33px,#edc4dd09 34px 35px),linear-gradient(155deg,#583c56,#302435);transition:transform .6s cubic-bezier(.22,.75,.2,1),opacity .55s}.jh-match-card:nth-child(2) .jh-cover-half{background:radial-gradient(ellipse at 50% 32%,#cc899433,transparent 65%),repeating-radial-gradient(ellipse at 50% 32%,transparent 0 33px,#f8d2dc09 34px 35px),linear-gradient(155deg,#704657,#3c2a38)}.jh-cover-half.left{clip-path:polygon(0 0,52% 0,48% 10%,53% 20%,47% 30%,52% 40%,48% 50%,53% 60%,47% 70%,52% 80%,48% 90%,52% 100%,0 100%)}.jh-cover-half.right{clip-path:polygon(52% 0,100% 0,100% 100%,52% 100%,48% 90%,52% 80%,47% 70%,53% 60%,48% 50%,52% 40%,47% 30%,53% 20%,48% 10%)}.jh-cover-letter{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-2);transition:opacity .18s,transform .3s}:is(#phone,.sheet) .jh-match .jh-cover-letter>small{font:var(--fw-regular) var(--fs-2xs)/var(--lh-snug) var(--reader-font,sans-serif);letter-spacing:1px;color:#e4c9d8;margin:0}.jh-cover-seal{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ddb1cb88;border-radius:50%;background:#e9bfd315;box-shadow:0 0 0 5px #ddb1cb08}.jh-cover-seal svg{width:20px;height:20px;stroke:#f7dae9}:is(#phone,.sheet) .jh-match .jh-cover-letter>b{font:var(--fw-semibold) var(--fs-xl)/var(--lh-body) var(--reader-font,sans-serif);letter-spacing:-.6px;color:#fff4fa}.jh-cover-action{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid #efd3e04d;border-radius:var(--r-md);font-size:var(--fs-2xs);line-height:var(--lh-snug);background:#ffffff08;color:#f5dde9}.is-revealed .jh-cover-half.left{transform:translateX(-105%) rotate(-9deg);opacity:0}.is-revealed .jh-cover-half.right{transform:translateX(105%) rotate(9deg);opacity:0}.is-revealed .jh-cover-letter{opacity:0;transform:scale(.93)}@media(max-width:380px){.jh-family-tabs{gap:var(--sp-1)}:is(#phone,.sheet) .jh-match .jh-family-tab img{height:61px}.jh-family-panel{padding:0 var(--sp-4)}:is(#phone,.sheet) .jh-match .jh-cover-letter>b{font-size:var(--fs-lg)}.jh-cover-letter{gap:var(--sp-5)}}@media(prefers-reduced-motion:reduce){.jh-cover-half,.jh-cover-letter{transition:none}}:is(#phone,.sheet) .jh-match .jh-library-heading p{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--match-accent)}:is(#phone,.sheet) .jh-match .jh-family-tab>span{font-size:var(--fs-xs)}:is(#phone,.sheet) .jh-match .jh-family-tab:after{content:"";display:block;width:14px;height:14px;box-sizing:border-box;border:1.5px solid var(--match-accent);border-radius:50%;margin:var(--sp-1) auto var(--sp-1)}:is(#phone,.sheet) .jh-match .jh-family-tab[aria-selected=true]:after{background:radial-gradient(circle,var(--match-accent) 0 3px,transparent 3.5px)}