.kin-link-existing{border:1px solid #ffffff10;background:#ffffff04;border-radius:16px;padding:12px;margin:14px 0}.kin-link-existing strong{display:block;font-size:13px;color:#f7ead0;margin-bottom:8px}.kin-link-existing>div{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.kin-link-existing select{min-height:42px;margin:0}.kin-link-existing .btn{min-height:42px;padding:8px 12px}@media(max-width:430px){.kin-link-existing>div{grid-template-columns:1fr}.kin-link-existing .btn{width:100%}}.kin-tree{padding:20px;background:linear-gradient(155deg,#302537,#201a29);border-color:#a68b6d55;overflow:hidden}.kin-form-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.kin-form-mode .btn{min-height:40px;padding:8px 10px}.kin-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.kin-heading h2{font-size:25px;margin:8px 0 12px}.kin-toolbar{display:flex;gap:8px;align-items:center}.kin-search{flex:1 1;min-width:0}.kin-search input{font-size:13px}.kin-toolbar .btn{padding:10px;flex-shrink:0}.kin-controls{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:8px 0 12px;font-size:10px;color:var(--muted)}.kin-controls>div{display:flex;align-items:center;gap:7px;flex-shrink:0}.kin-controls .round{height:36px;width:36px;font-size:20px}.kin-controls button:disabled{opacity:.3}.kin-controls .text-btn{font-size:11px}.kin-viewport{height:360px;overflow:auto;border:1px solid #b7987529;border-radius:18px;background:radial-gradient(circle,#9f817733 1px,transparent 0) 0 0/18px 18px,#17131e;touch-action:none;overscroll-behavior:contain;cursor:grab}.kin-viewport:active{cursor:grabbing}.kin-stage{position:relative;transform-origin:top left}.kin-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.kin-lines path{stroke:#9a7b60;stroke-width:2;fill:none;opacity:.7}.kin-lines path.active{stroke:#d9b889;stroke-width:3;opacity:1}.kin-lines path.partner{stroke:#b497d8;stroke-dasharray:5 4}.kin-generation{position:absolute;left:20px;text-transform:uppercase;font-size:10px;letter-spacing:.1em;color:#b4a0ba}.kin-person{position:absolute;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:10px;row-gap:4px;padding:12px;border:1px solid #846d72;border-radius:16px;background:linear-gradient(140deg,#3d3043,#2c2434);color:var(--ink);text-align:left;box-shadow:0 5px 15px #0004}.kin-person strong{font-size:clamp(10px,2.8vw,13px);align-self:end;white-space:normal;word-break:break-word}.kin-person small,.kin-person strong{line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kin-person small{font-size:clamp(9px,2.4vw,10px);color:#c9b9ce;grid-column:2}.kin-avatar{grid-row:1/3;align-self:center;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#c6a77d;color:#271e2d;font-size:16px;font-weight:700}.kin-person.is-me{border-color:#b694d4}.kin-person.selected{border:2px solid #e1c2ff;box-shadow:0 0 0 4px #c3a0e233,0 8px 20px #0006}.kin-person.related:not(.selected){border-color:#dfbb8a}.kin-legend{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:10px!important;color:var(--muted);margin:12px 0}.kin-legend span{width:18px;border-top:2px solid #ab8962}.kin-legend span.dashed{border-top:2px dashed #b497d8;margin-left:10px}.kin-detail,.kin-form,.kin-suggestions{border-top:1px solid var(--line);padding-top:18px;margin-top:16px}.kin-detail-heading{display:flex;justify-content:space-between;gap:12px}.kin-detail h3{font-size:24px;overflow-wrap:anywhere;margin:8px 0}.kin-detail-actions,.kin-primary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.kin-detail-actions .btn{font-size:12px;padding:10px}.kin-detail-actions .btn:disabled{opacity:.4;cursor:default}.kin-relationships p{font-size:12px;margin:3px 0}.kin-relationships .text-btn{margin-left:10px}.kin-memory{white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid #d0b083;padding:10px 14px;background:#ffffff04;border-radius:0 12px 12px 0}.kin-form label{display:block;font-size:13px;margin-top:12px}.kin-suggestion{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0d;padding:12px 0;font-size:12px}.kin-suggestion span{min-width:0;overflow-wrap:anywhere}.kin-results,.kin-unlinked{margin:10px 0}.kin-results .btn,.kin-unlinked .btn{margin:3px;font-size:12px}.kin-empty{text-align:center;padding:20px 8px}.kin-empty p{font-size:13px;color:var(--muted)}.kin-empty-art{display:flex;justify-content:center;gap:12px;margin:5px 0 20px}.kin-empty-art i{width:34px;height:34px;border:1px solid #c6a77d;border-radius:50%;background:#c6a77d22}.kin-empty-art i:nth-child(2){margin-top:28px;border-color:#b694d4;background:#b694d422}.kin-fullscreen{position:fixed;inset:0;z-index:50;background:#17131e;padding:calc(env(safe-area-inset-top) + 10px) 16px calc(env(safe-area-inset-bottom) + 14px);display:flex;flex-direction:column;overflow:auto}.kin-fullscreen .kin-viewport{flex:1 1;min-height:220px;height:auto}.kin-fullscreen .kin-unlinked{flex-shrink:0;max-height:130px;overflow:auto}.kin-expanded-selection{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px}.kin-expanded-selection strong{max-width:100%;overflow-wrap:anywhere}.kin-expanded-selection span{font-size:12px;color:var(--muted)}.kin-expanded-selection .btn{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:380px){.kin-tree{padding:14px}.kin-controls{flex-wrap:wrap}.kin-heading h2{font-size:22px}}@media(min-width:700px){.kin-viewport{height:450px}}