:root{--bg:#0e1316;--panel:#141b1f;--raised:#1a2328;--line:#26333a;--line-strong:#33444c;--fg:#dce6ea;--muted:#8a9ba3;--faint:#5d6e76;--accent:#a78bfa;--accent-ink:#1b1038;--accent-soft:rgba(167,139,250,.14);--warn:#e2a64b;--warn-soft:rgba(226,166,75,.12);--danger:#e0645a;--danger-soft:rgba(224,100,90,.12);--ok:#6cc58a;--font-ui:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;--r:6px;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#eef2f3;--panel:#f8fafa;--raised:#ffffff;--line:#d6dfe2;--line-strong:#bccacf;--fg:#17232a;--muted:#566871;--faint:#8596a0;--accent:#6a3fd0;--accent-ink:#ffffff;--accent-soft:rgba(106,63,208,.1);--warn:#a8650e;--warn-soft:rgba(168,101,14,.1);--danger:#b83a30;--danger-soft:rgba(184,58,48,.08);--ok:#2a8a4c;color-scheme:light}}:root[data-theme=light]{--bg:#eef2f3;--panel:#f8fafa;--raised:#ffffff;--line:#d6dfe2;--line-strong:#bccacf;--fg:#17232a;--muted:#566871;--faint:#8596a0;--accent:#6a3fd0;--accent-ink:#ffffff;--accent-soft:rgba(106,63,208,.1);--warn:#a8650e;--warn-soft:rgba(168,101,14,.1);--danger:#b83a30;--danger-soft:rgba(184,58,48,.08);--ok:#2a8a4c;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:14px;line-height:1.45}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--panel)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--panel);border-bottom:1px solid var(--line);padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.01em}.brand .brand-logo{font-size:17px}.brand>span{font-family:var(--font-mono);font-size:11px;color:var(--muted);font-weight:400}.status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);min-width:0}.dot{width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none}.dot.dirty{background:var(--warn)}.dot.clean{background:var(--ok)}.spacer{flex:1}.langbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.langbar label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.chip{border:1px solid var(--line-strong);background:transparent;border-radius:999px;padding:3px 10px;font-family:var(--font-mono);font-size:12px;cursor:pointer;color:var(--muted)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip small{opacity:.7;margin-left:4px;font-size:10px}.chip-input{width:56px;border:1px dashed var(--line-strong);background:transparent;border-radius:999px;padding:3px 8px;font-family:var(--font-mono);font-size:12px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);background:var(--raised);border-radius:var(--r);padding:7px 12px;cursor:pointer;font-weight:500;white-space:nowrap}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.btn.sm{padding:6px 11px;font-size:13px}.btn[disabled]{opacity:.45;cursor:not-allowed}.icon-btn{border:1px solid transparent;background:transparent;border-radius:var(--r);width:30px;height:30px;display:inline-grid;place-items:center;cursor:pointer;color:var(--muted)}.icon-btn:hover{border-color:var(--line-strong);color:var(--fg)}.icon-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100% - 60px)}.rail{border-right:1px solid var(--line);background:var(--panel);padding:16px 10px;display:flex;flex-direction:column;gap:2px}.rail h6{margin:14px 10px 6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:600}.rail h6:first-child{margin-top:0}.nav{display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:var(--r);cursor:pointer;color:var(--muted);font-weight:500}.nav:hover{background:var(--raised);color:var(--fg)}.nav[aria-current=true]{background:var(--accent-soft);color:var(--accent)}.nav .count{font-family:var(--font-mono);font-size:11px;color:var(--faint)}main{min-width:0;padding-block:24px 64px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.canvas{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.head h1{margin:0;font-size:24px;letter-spacing:-.01em;text-wrap:balance}.head p{margin:4px 0 0;color:var(--muted);max-width:62ch}.banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;border:1px solid var(--line);border-left:3px solid var(--warn);background:var(--warn-soft);border-radius:var(--r);padding:10px 14px;font-size:13px}.banner.info{border-left-color:var(--accent);background:var(--accent-soft)}.banner .grow{flex:1;min-width:200px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.panel-body{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.panel-title{padding:12px 16px;border-bottom:1px solid var(--line);font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-title small{font-weight:400;color:var(--muted)}.f{display:flex;flex-direction:column;gap:4px;min-width:0}.f.wide{grid-column:1/-1}.f>span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;gap:6px;align-items:center}.tag{font-family:var(--font-mono);font-size:10px;letter-spacing:0;border:1px solid var(--accent);color:var(--accent);border-radius:3px;padding:0 4px;text-transform:uppercase}.f input,.f select,.f textarea{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;width:100%;min-width:0}.f input:hover,.f select:hover,.f textarea:hover{border-color:var(--line-strong)}.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.f textarea{resize:vertical;min-height:84px;line-height:1.5}.f input[disabled]{opacity:.5}.flags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:4px}.check{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;color:var(--muted)}.check input{accent-color:var(--accent);width:15px;height:15px}.hint{grid-column:1/-1;font-size:12px;color:var(--faint);margin:0}.items{display:flex;flex-direction:column;gap:8px}.item{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.item.hidden-item{opacity:.6}.item[data-open=true]{border-color:var(--line-strong)}.item-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 8px 8px 14px}.item-toggle{border:0;background:transparent;text-align:left;cursor:pointer;padding:4px 0;min-width:0;display:flex;flex-direction:column;gap:2px}.item-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-tools{display:flex;align-items:center;gap:2px}.star{color:var(--warn)}.item .panel-body{border-top:1px solid var(--line)}.empty{border:1px dashed var(--line-strong);border-radius:var(--r);padding:28px 16px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--fg);margin-bottom:4px}.targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.target{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:10px}.target h3{margin:0;font-size:15px;display:flex;align-items:center;gap:8px}.target p{margin:0;color:var(--muted);font-size:13px}.target .meta{font-family:var(--font-mono);font-size:11px;color:var(--faint)}.target .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.pill{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-radius:3px;padding:1px 6px;border:1px solid currentColor}.pill.ok{color:var(--ok)}.pill.warn{color:var(--warn)}.pill.paid{color:var(--accent)}pre.json{margin:0;max-height:260px;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:10px;font-family:var(--font-mono);font-size:11.5px;white-space:pre}.scrim{position:fixed;inset:0;z-index:20;background:#05090b9e;display:grid;place-items:center;padding-block:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.dialog{background:var(--panel);border:1px solid var(--line-strong);border-radius:10px;width:100%;max-width:560px;max-height:100%;overflow:auto;box-shadow:0 20px 60px #0006}.dialog header{padding:16px 18px 6px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.dialog h2{margin:0;font-size:18px}.dialog .sub{color:var(--muted);margin:2px 0 0;font-size:13px}.dialog .body{padding:10px 18px 18px;display:flex;flex-direction:column;gap:10px}.option{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--raised);border-radius:var(--r);padding:12px;cursor:pointer;width:100%}.option:hover{border-color:var(--accent)}.option .num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-weight:500}.option b{display:block}.option small{color:var(--muted);display:block;margin-top:2px;font-size:12.5px}.option .warnline{color:var(--warn)}.form-row{display:flex;flex-direction:column;gap:10px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--fg);color:var(--bg);padding:9px 16px;border-radius:999px;font-size:13px;font-weight:500;box-shadow:0 8px 24px #0000004d;max-width:calc(100% - 32px)}.toast.err{background:var(--danger);color:#fff}@media(max-width:860px){.shell{grid-template-columns:minmax(0,1fr)}.rail{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px max(16px,env(safe-area-inset-left,0px));gap:4px}.rail h6{display:none}.nav{flex:none}.nav .count{margin-left:6px}.targets{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.panel-body{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:no-preference){.dialog{animation:rise .16s ease-out}@keyframes rise{0%{transform:translateY(8px);opacity:.6}to{transform:none;opacity:1}}}app-field,app-flag,app-icon{display:contents}.signed-in{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.tabs{display:flex;gap:4px}.tabs button{flex:1}app-profile-editor,app-summary-editor,app-experience-editor,app-skill-editor,app-training-editor,app-reference-editor,app-versions,app-preview,app-storage{display:contents}app-item-card{display:block}.option[disabled]{opacity:.5;cursor:progress}.provider-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.provider-btn{justify-content:flex-start;gap:10px;width:100%;padding:9px 12px}.mark{width:22px;height:22px;flex:none;display:inline-grid;place-items:center;border-radius:50%;background:var(--raised);border:1px solid var(--line-strong);font-weight:600;font-size:12px;color:var(--fg);overflow:hidden}.mark:has(svg){border:0;background:none;border-radius:0}.mark svg{width:19px;height:19px;display:block}.mark img{width:18px;height:18px;object-fit:contain}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--line)}.dialog-section{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}.methods{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.method{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);background:var(--raised);border-radius:var(--r);padding:10px 12px}.method .grow{flex:1;min-width:160px}.method small{display:block;color:var(--muted);font-size:12px;margin-top:2px;overflow-wrap:anywhere}.signed-in{max-width:220px;overflow:hidden;text-overflow:ellipsis}.consent-banner{position:fixed;z-index:15;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--line-strong);box-shadow:0 -8px 24px #0000002e;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-block:14px calc(14px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.consent-banner p{margin:0;flex:1;min-width:260px;max-width:80ch;color:var(--muted);font-size:13px}.consent-banner b{color:var(--fg);display:block;margin-bottom:2px}.consent-actions{display:flex;gap:8px}.consent-actions .btn{min-width:96px;justify-content:center}.rail-foot{margin-top:auto;padding:12px 10px 0}.rail-foot button{border:0;background:none;color:var(--faint);font-size:12px;cursor:pointer;padding:0;text-decoration:underline}@media(max-width:860px){.rail-foot{margin-top:0;padding:0 0 0 8px;align-self:center;flex:none}}a.brand{color:inherit;text-decoration:none}a.brand:hover .brand-name{opacity:.8}.brand-logo{display:inline-flex;align-items:center;gap:.42em;font-family:var(--font-ui, "Instrument Sans", system-ui, sans-serif);font-weight:700;letter-spacing:-.02em;line-height:1;white-space:nowrap}.brand-mark{height:1.55em;width:auto;display:block;flex:none}.brand-name{color:inherit}.brand-tail{background:linear-gradient(90deg,#f5178d,#b414b4 55%,#7e12c8);-webkit-background-clip:text;background-clip:text;color:transparent}.crop-stage{position:relative;width:280px;height:280px;max-width:100%;margin:0 auto;border-radius:var(--r);overflow:hidden;background:var(--bg)}.crop-canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.crop-canvas:active{cursor:grabbing}.crop-mask{position:absolute;inset:0;pointer-events:none;border-radius:var(--r);background:radial-gradient(circle at center,transparent 69.5%,rgba(5,9,11,.55) 70%);box-shadow:inset 0 0 0 1px var(--line-strong)}.crop-zoom input{padding:0;accent-color:var(--accent)}:root{--male:#7aa2ff;--female:#f27ab8;--fan-pat:#8b5cf6;--fan-mat:#ec4899}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--male:#3f6fd8;--female:#d43f8d;--fan-pat:#7e12c8;--fan-mat:#f5178d}}:root[data-theme=light]{--male:#3f6fd8;--female:#d43f8d;--fan-pat:#7e12c8;--fan-mat:#f5178d}app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.family-shell{flex:1;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr)}.family-shell.with-panel{grid-template-columns:220px minmax(0,1fr) 384px}.family-shell>main{overflow:auto}.family-shell>main.chart-main{padding:0;display:flex;flex-direction:column;overflow:hidden}.chart-main .sample-banner{margin:12px 16px 0;flex:none}main:not(.chart-main) .sample-banner{max-width:880px;margin:0 auto 16px}app-family-view,app-person-view,app-fan-view{display:flex;flex-direction:column;flex:1;min-height:0}app-people,app-storage{display:contents}.view-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel);flex:none}.view-bar h1{margin:0;font-size:16px;font-weight:600;letter-spacing:-.005em;white-space:nowrap}.view-bar h1 small{font-weight:400;color:var(--muted);font-size:12px;margin-left:6px;font-family:var(--font-mono)}.focus-name{color:var(--accent)}.zoom{display:flex;gap:4px;align-items:center}.zoom .btn.ghost{min-width:32px;justify-content:center;font-size:16px;padding:4px 8px}.mini{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.mini select{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:4px 6px;color:var(--fg)}.view-hint{margin:0;padding:6px 16px 10px;font-size:12px;color:var(--faint);flex:none;text-align:center}.diagram-host{display:block;flex:1;min-height:0;position:relative}.diagram{display:block;width:100%;height:100%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--bg);background-image:radial-gradient(var(--line) 1px,transparent 1.2px);background-size:24px 24px}.diagram:active{cursor:grabbing}.diagram-host.static .diagram{cursor:default;background:none;touch-action:auto}.ln-family{fill:none;stroke:var(--line-strong);stroke-width:1.6}.ln-partner{fill:none;stroke:var(--muted);stroke-width:2}.ln-copy{fill:none;stroke:var(--accent);stroke-width:1.2;stroke-dasharray:5 5;opacity:.4}.ln-family.hl,.ln-partner.hl{stroke:var(--accent);stroke-width:2.4}.ln-copy.hl{opacity:1;stroke-width:1.8}.ln-family.dim,.ln-partner.dim,.ln-copy.dim{opacity:.15}.card{cursor:pointer;outline:none}.diagram-host.static .card{cursor:default}.card-box{fill:var(--raised);stroke:var(--line-strong);stroke-width:1.2}.card-bar{fill:var(--faint)}.card.male .card-bar{fill:var(--male)}.card.female .card-bar{fill:var(--female)}.card:hover .card-box,.card:focus-visible .card-box{stroke:var(--accent)}.card.focus .card-box{stroke:var(--accent);stroke-width:1.6}.card.selected .card-box{stroke:var(--accent);stroke-width:2.6;filter:drop-shadow(0 0 6px var(--accent-soft))}.card.copy .card-box{stroke-dasharray:5 3;fill:var(--panel)}.card.dim{opacity:.28}.card text{text-anchor:middle;pointer-events:none}.card-name{font-size:13px;font-weight:600;fill:var(--fg)}.card-surname{font-size:11.5px;fill:var(--muted)}.card-years{font-size:10.5px;fill:var(--faint);font-family:var(--font-mono)}.card .card-badge{text-anchor:end;font-size:9px;font-family:var(--font-mono);fill:var(--accent);letter-spacing:.06em}.fan-slot{cursor:pointer;outline:none}.diagram-host.static .fan-slot{cursor:default}.fan-cell{stroke:var(--bg);stroke-width:1.5;fill:var(--raised)}.fan-slot.paternal .fan-cell{fill:color-mix(in srgb,var(--fan-pat) var(--mix,14%),var(--raised))}.fan-slot.maternal .fan-cell{fill:color-mix(in srgb,var(--fan-mat) var(--mix,14%),var(--raised))}.fan-slot[data-gen="1"]{--mix:34%}.fan-slot[data-gen="2"]{--mix:27%}.fan-slot[data-gen="3"]{--mix:21%}.fan-slot[data-gen="4"]{--mix:16%}.fan-slot[data-gen="5"]{--mix:12%}.fan-slot[data-gen="6"]{--mix:9%}.fan-slot.empty .fan-cell{fill:transparent;stroke:var(--line-strong);stroke-dasharray:4 4;stroke-width:1}.fan-slot.empty .fan-text{fill:var(--faint);font-size:16px}.fan-slot.empty:hover .fan-cell{fill:var(--accent-soft);stroke:var(--accent)}.fan-slot:not(.empty):hover .fan-cell,.fan-slot:focus-visible .fan-cell{stroke:var(--accent);stroke-width:2}.fan-slot.selected .fan-cell{stroke:var(--accent);stroke-width:3}.fan-slot.repeat .fan-cell{stroke-dasharray:6 3}.fan defs path{fill:none}.fan-text{font-size:11.5px;fill:var(--fg);text-anchor:middle;pointer-events:none}.fan-text .fan-name,.fan-text.fan-name,tspan.fan-name{font-weight:600}.fan-years{font-family:var(--font-mono);font-size:10px;fill:var(--muted)}.fan-centre{cursor:pointer;outline:none}.fan-centre circle{fill:var(--raised);stroke:var(--line-strong);stroke-width:2}.fan-centre.male circle{stroke:var(--male)}.fan-centre.female circle{stroke:var(--female)}.fan-centre.selected circle{stroke:var(--accent);stroke-width:3}.fan-centre .fan-name{font-size:13px}app-person-panel{display:flex;flex-direction:column;min-height:0;overflow:auto;border-left:1px solid var(--line);background:var(--panel)}.pp-head{display:flex;align-items:flex-start;gap:10px;padding:16px 12px 10px 16px;border-left:4px solid var(--faint)}.pp-head.male{border-left-color:var(--male)}.pp-head.female{border-left-color:var(--female)}.pp-head h2{margin:0;font-size:19px;letter-spacing:-.01em;overflow-wrap:anywhere}.pp-head .grow{flex:1;min-width:0}.pp-sub{margin:3px 0 0;color:var(--muted);font-size:12.5px}.pp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 16px 14px}.pp-section{border-top:1px solid var(--line)}.pp-section>summary{padding:12px 16px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.pp-section>summary::-webkit-details-marker{display:none}.pp-section>summary:after{content:"+";color:var(--accent);font-weight:400}.pp-section[open]>summary:after{content:"\2212"}.pp-form{padding:0 16px 16px}.pp-form .wide,.partnership .wide{grid-column:1/-1}.date-row{display:grid;grid-template-columns:78px 58px minmax(0,1fr) 72px;gap:6px}.place-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.date-field select,.date-field input,.place-field input{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:7px 8px;width:100%;min-width:0}.date-field :focus,.place-field :focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.date-field input::-webkit-inner-spin-button{display:none}.check.wide{grid-column:1/-1}.pp-family{padding-bottom:8px}.pp-family h3{margin:14px 16px 4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}.pp-family .hint{padding:2px 16px 4px}.rel-row{display:flex;align-items:center;gap:2px;padding:0 8px}.rel{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:0;background:transparent;text-align:left;padding:7px 8px;border-radius:var(--r);cursor:pointer}.rel:hover{background:var(--raised)}.rel .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rel small{color:var(--faint);font-family:var(--font-mono);font-size:11px;white-space:nowrap}.add-row{display:flex;flex-wrap:wrap;gap:6px;padding:6px 16px 4px}.add-row.center{justify-content:center;padding-top:14px}.confirm-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 16px 6px;padding:8px 10px;border-radius:var(--r);background:var(--danger-soft);font-size:13px}.confirm-row .grow{flex:1;min-width:160px}.partnership{margin:2px 16px 8px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}.pp-danger{padding:12px 16px 28px}.danger-text{color:var(--danger)}.btn app-icon svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.dot.male{background:var(--male)}.dot.female{background:var(--female)}.dot.unknown{background:var(--faint)}app-person-search{position:relative;display:block;min-width:200px}app-person-search input{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:6px 12px;width:100%;color:var(--fg)}app-person-search input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.search-results{position:absolute;z-index:12;top:calc(100% + 4px);left:0;width:max(100%,300px);max-height:360px;overflow:auto;list-style:none;margin:0;padding:4px;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 12px 32px #0000004d}.search-results button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;text-align:left;padding:7px 8px;border-radius:6px;cursor:pointer}.search-results button:hover,.search-results button:focus-visible{background:var(--accent-soft)}.search-results .grow{flex:1;min-width:0}.search-results small{color:var(--faint);font-family:var(--font-mono);font-size:11px}.search-results .none{padding:8px;color:var(--muted);font-size:13px}.wide-search{width:100%}.list-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.list-tools .filter{flex:1;min-width:220px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:8px 10px}.list-tools .filter:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.people-table{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.people-row{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr);gap:12px;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:9px 14px;cursor:pointer;font-size:13.5px}.people-row:first-child{border-top:0}.people-row:hover{background:var(--raised)}.people-row[aria-current=true]{background:var(--accent-soft)}.people-row.head-row{cursor:default;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--raised)}.people-row .name{display:flex;align-items:center;gap:8px;font-weight:500;min-width:0}.people-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-row .pill{margin-left:4px}.people-table .empty{border:0;border-radius:0}.empty-tree{margin:48px auto;max-width:520px;background:var(--panel)}@media(max-width:860px){.family-shell,.family-shell.with-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.family-shell .rail{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px max(16px,env(safe-area-inset-left,0px));gap:4px}.family-shell .rail h6{display:none}.family-shell .nav{flex:none}.family-shell .nav .count{margin-left:6px}.family-shell .rail-foot{margin-top:0;padding:0 0 0 8px;align-self:center;flex:none}app-person-panel{position:fixed;z-index:14;left:0;right:0;bottom:0;height:min(68vh,640px);border-left:0;border-top:1px solid var(--line-strong);border-radius:14px 14px 0 0;box-shadow:0 -12px 40px #00000059;padding-bottom:env(safe-area-inset-bottom,0px)}.people-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.people-row span:nth-child(3),.people-row span:nth-child(4){display:none}.view-bar app-person-search{flex:1}}.pp-photo{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}.pp-photo img,.pp-photo .initials{width:64px;height:64px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--raised);border:1px solid var(--line-strong);font-weight:600;color:var(--muted);font-size:20px}.pp-photo-actions{display:flex;gap:8px}.link-btn{border:0;background:none;padding:0;color:var(--accent);font-size:12px;cursor:pointer}.link-btn:hover{text-decoration:underline}.card-photo{pointer-events:none}.merge-table{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:10px}.merge-row{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:7px 12px;border-top:1px solid var(--line);font-size:13px;align-items:center}.merge-row:first-child{border-top:0}.merge-head{background:var(--raised);font-weight:600}.merge-head small{font-weight:400;color:var(--muted);margin-left:4px}.merge-row [role=rowheader]{color:var(--muted)}.merge-row.conflict{background:var(--accent-soft)}.merge-row label{display:flex;gap:6px;align-items:center;cursor:pointer}.dup-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto}.dup-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);font-size:13px}.dup-list small{color:var(--faint);font-family:var(--font-mono)}.dup-list .reasons{display:block;color:var(--muted);font-size:12px;margin-top:2px}.dup-list .none{color:var(--muted)}.f-label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}app-people .banner{margin-bottom:12px}