.closeness{--cl-me:#c8741c;--cl-person:#2e6b66;--cl-seat:#8fa3a0;--cl-ring:#1e293b24;--cl-pill:var(--color-surface,#fff);--cl-label:var(--color-text-secondary,#64748b);flex-direction:column;align-items:center;gap:16px;width:100%;margin:0;display:flex}body.dark-mode-active .closeness{--cl-me:#f0a54a;--cl-person:#6cc0b5;--cl-seat:#5b6e6c;--cl-ring:#e2e8f029}.closeness__svg{aspect-ratio:1;width:100%;max-width:340px;height:auto;display:block;overflow:visible}.closeness__halo-stop{stop-color:var(--cl-me)}.closeness__ring{fill:none;stroke:var(--cl-ring);stroke-width:1.4px}.closeness__pill{fill:var(--cl-pill)}.closeness__ring-label{fill:var(--cl-label);letter-spacing:.08em;text-transform:uppercase;text-anchor:middle;font-size:12px;font-weight:700}.closeness__tie{stroke:var(--cl-person);stroke-width:1.2px;opacity:.35}.closeness__me{fill:var(--cl-me)}.closeness__person{fill:var(--cl-person)}.closeness__seat{fill:none;stroke:var(--cl-seat);stroke-width:1.4px;stroke-dasharray:2.5 2.5}.closeness__legend{width:100%;max-width:340px;color:var(--color-text,#2d3748);flex-direction:column;gap:0;font-size:.92rem;display:flex}.closeness__row{border-bottom:1px solid var(--color-border,#0000000f);text-align:left;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.closeness__row strong{font-variant-numeric:tabular-nums;font-weight:700}.closeness__mark{border-radius:50%;justify-self:center;width:12px;height:12px}.closeness__mark--person{background:var(--cl-person)}.closeness__mark--small{width:9px;height:9px}.closeness__mark--warm{background:var(--cl-me);box-shadow:0 0 0 4px color-mix(in srgb, var(--cl-me) 25%, transparent)}
.info-hint{vertical-align:middle;display:inline-flex;position:relative}.info-hint__btn{border:1px solid var(--color-border,#00000026);background:var(--color-surface,#fff);width:22px;height:22px;color:var(--color-text-secondary,#4a4a4a);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font:italic 700 .8rem/1 Georgia,Times New Roman,serif;transition:border-color .15s,color .15s;display:inline-flex}.info-hint__btn:hover,.info-hint__btn[aria-expanded=true]{border-color:var(--color-text-secondary,#4a4a4a);color:var(--color-text,#1a1a1a)}.info-hint__btn:focus-visible{outline:2px solid var(--color-text-secondary,#4a4a4a);outline-offset:2px}.info-hint__pop{z-index:20;color:#fff;text-align:left;letter-spacing:normal;text-transform:none;background:#2c3e50;border-radius:12px;width:min(260px,80vw);padding:10px 12px;font-size:.85rem;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #00000059}body.dark-mode-active .info-hint__pop{color:#1a1a1a;background:#f1f2f6}