:root{--ink:#183b33;--muted:#6d7f78;--paper:#f5f1e8;--card:#fffdf8;--line:#d8d2c4;--sage:#dce7df;--accent:#b35d3f;--accent-dark:#91452e;--shadow:0 10px 28px rgba(35,54,46,.1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,#fff9eb 0,transparent 30%),var(--paper)}button,input,textarea,select{font:inherit}.hidden{display:none!important}.eyebrow{font-size:.68rem;letter-spacing:.2em;font-weight:800;color:#7c8e80;margin:0 0 .65rem}.primary{border:0;border-radius:9px;background:var(--accent);color:white;padding:.82rem 1.1rem;font-weight:750;cursor:pointer;box-shadow:0 4px 12px rgba(179,93,63,.22)}.primary:hover{background:var(--accent-dark)}.primary.small{padding:.65rem .9rem}.secondary,.danger{border:1px solid var(--line);border-radius:9px;background:white;padding:.75rem 1rem;cursor:pointer}.danger{color:#a13e35;border-color:#e4b9b3}.error{color:#a13e35;font-size:.86rem;min-height:1.25rem}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(125deg,rgba(24,59,51,.04),transparent 45%),var(--paper)}.auth-card{width:min(460px,100%);background:var(--card);padding:3rem;border:1px solid #e4ded2;border-radius:20px;box-shadow:var(--shadow);text-align:center}.brand-mark,.brand span{display:grid;place-items:center;background:var(--ink);color:#f5e7c4;font-family:Georgia,serif}.brand-mark{width:56px;height:56px;border-radius:50% 50% 48% 52%;margin:0 auto 1.5rem;font-size:2rem}.auth-card h1{font:600 2.25rem/1.08 Georgia,serif;margin:.3rem 0 1rem}.auth-copy{color:var(--muted);line-height:1.6;margin:0 auto 2rem;max-width:340px}.auth-card label{text-align:left}.auth-card .primary{width:100%;margin-top:1rem}.hint{font-size:.78rem;color:var(--muted)}label{display:grid;gap:.42rem;color:#52675e;font-size:.78rem;font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line);background:#fffefa;color:var(--ink);padding:.7rem .75rem;border-radius:8px;outline:none}input:focus,textarea:focus,select:focus{border-color:#789486;box-shadow:0 0 0 3px rgba(120,148,134,.14)}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:rgba(255,253,248,.92);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.65rem}.brand span{width:32px;height:32px;border-radius:50%;font-family:Georgia,serif}.brand strong{font:600 1.16rem Georgia,serif}.header-actions{display:flex;align-items:center;gap:.65rem}.icon-button,.avatar-button{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:white;color:var(--ink);cursor:pointer}.avatar-button{border-radius:50%;background:var(--sage);font-size:.7rem;font-weight:800}.toolbar{display:flex;align-items:end;justify-content:space-between;padding:1.4rem 2rem 1rem}.toolbar h1{font:600 2rem Georgia,serif;margin:0}.search-wrap{width:min(340px,36vw);position:relative}.search-wrap span{position:absolute;left:.8rem;top:.62rem;color:var(--muted);font-size:1.3rem}.search-wrap input{padding-left:2.4rem;background:rgba(255,255,255,.7)}.workspace{height:calc(100vh - 151px);padding:0 1.25rem 1.25rem;position:relative}.stage{height:100%;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background-color:#faf8f1;background-image:radial-gradient(#d5d3c9 1px,transparent 1px);background-size:24px 24px;cursor:grab}.stage.dragging{cursor:grabbing}.stage svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tree-transform{position:absolute;transform-origin:0 0;will-change:transform}.person{position:absolute;width:190px;height:82px;display:flex;gap:.72rem;align-items:center;padding:.75rem;background:var(--card);border:1px solid #d8d4c9;border-radius:13px;box-shadow:0 4px 13px rgba(35,54,46,.08);cursor:pointer;text-align:left;color:var(--ink)}.person:hover,.person.match{border-color:#7a998a;box-shadow:0 6px 18px rgba(35,54,46,.15)}.person.dim{opacity:.27}.person img,.person .initials{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:0 0 auto}.person .initials{display:grid;place-items:center;background:var(--sage);font:600 1.05rem Georgia,serif}.person strong{display:block;font:600 1rem Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:105px}.person small{display:block;color:var(--muted);font-size:.7rem;margin-top:.28rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:105px}.line-partner{stroke:#a98567;stroke-width:2}.line-child{stroke:#8da095;stroke-width:1.5;fill:none}.empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;justify-items:center;padding:2rem}.empty-leaf{font-size:3rem;color:#748b7d}.empty h2{font:600 1.8rem Georgia,serif;margin:.4rem}.empty p{color:var(--muted);max-width:370px;line-height:1.5}.zoom{position:absolute;right:2.2rem;bottom:2.2rem;display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.zoom button{border:0;background:white;width:38px;height:36px;cursor:pointer}.zoom span{font-size:.72rem;color:var(--muted);width:52px;text-align:center}dialog{width:min(680px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);border:0;border-radius:16px;padding:0;background:var(--card);box-shadow:0 25px 80px rgba(20,35,29,.28)}dialog::backdrop{background:rgba(20,35,29,.48);backdrop-filter:blur(2px)}dialog form{padding:1.6rem}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{font:600 1.8rem Georgia,serif;margin:0}.close{border:0;background:transparent;font-size:1.8rem;color:var(--muted);cursor:pointer}.photo-row{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.photo-picker input{display:none}.photo-picker span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--sage);border:1px dashed #8fa598;font-size:1.4rem;cursor:pointer;background-size:cover;background-position:center}.photo-row p{font-size:.73rem;color:var(--muted);margin:.3rem 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wide{grid-column:1/-1}fieldset{border:0;border-top:1px solid var(--line);padding:1.2rem 0 0;margin:1.3rem 0 0}legend{padding:0 .6rem 0 0;font:600 1rem Georgia,serif}.dialog-actions{display:flex;justify-content:flex-end;gap:.7rem;align-items:center;margin-top:1rem}.dialog-actions .danger{margin-right:auto}@media(max-width:650px){header{padding:0 1rem}.brand strong,.icon-button{display:none}.toolbar{padding:1rem;align-items:start}.toolbar h1{font-size:1.55rem}.search-wrap{width:45%;}.workspace{padding:0;height:calc(100vh - 139px)}.stage{border-radius:0;border-left:0;border-right:0}.auth-card{padding:2rem 1.4rem}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.person{width:164px}.person strong,.person small{max-width:80px}dialog form{padding:1.2rem}}