:root{--bg:#f6f3ee;--surface:#fff;--text:#1f1d1a;--muted:#6b655c;--accent:#2f6b4f;--accent-text:#fff;--border:#ddd6cb;--male:#4a78a8;--female:#b5577a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:19px;line-height:1.5}a{color:var(--accent)}.header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.header .logo{color:var(--text);font-size:24px;font-weight:700;text-decoration:none}.header nav{align-items:center;gap:16px;font-size:18px;display:flex}.header .stub{color:var(--muted);font-size:15px}.page{max-width:760px;margin:0 auto;padding:20px 16px 48px}h1{margin:8px 0 4px;font-size:30px;line-height:1.2}h2{margin:28px 0 10px;font-size:22px}.muted{color:var(--muted)}.facts{grid-template-columns:max-content 1fr;gap:6px 16px;margin:16px 0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.rel-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rel-list a{background:var(--surface);border:1px solid var(--border);border-left:6px solid var(--border);color:var(--text);border-radius:10px;padding:12px 14px;text-decoration:none;display:block}.rel-list a.male{border-left-color:var(--male)}.rel-list a.female{border-left-color:var(--female)}.rel-list .years{color:var(--muted);font-size:16px}.actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.btn,button{font:inherit;border:1px solid var(--accent);background:var(--accent);min-height:48px;color:var(--accent-text);cursor:pointer;border-radius:10px;padding:12px 18px;font-size:18px;text-decoration:none;display:inline-block}.btn.secondary{background:var(--surface);color:var(--accent)}.add-relative{gap:10px;margin-top:12px;display:grid}.add-relative details{background:var(--surface);border:1px solid var(--border);border-radius:10px}.add-relative summary{cursor:pointer;padding:14px 16px;font-weight:600}.add-relative form{gap:12px;padding:0 16px 16px;display:grid}label{gap:4px;font-size:17px;display:grid}label.check{align-items:center;gap:10px;display:flex}input[type=text],select,textarea{font:inherit;border:1px solid var(--border);min-height:48px;color:var(--text);background:#fff;border-radius:8px;width:100%;padding:10px 12px;font-size:18px}input[type=checkbox]{width:24px;height:24px}.notice{background:#fff6dc;border:1px solid #ecd9a0;border-radius:10px;padding:12px 14px}:root{--tree-bg:#eef0e3;--tree-line:#8b6b4a;--crown:#b9cfa4;--trunk:#a8896a;--leaf:#7fa36a;--card-bg:#fffaf3;--card-text:#2a2621;--card-muted:#7a7064;--avatar-male:#8fa9c0;--avatar-female:#c99aa8;--avatar-unknown:#b4ab9f;--me-ring:#3d6b3a;--focus-ring:#c78a2c;--ease-out:cubic-bezier(.23, 1, .32, 1)}.tree-hint{color:var(--muted);margin:0;padding:8px 16px;font-size:16px}.tree-wrap{position:relative;overflow:hidden}.tree-stage{background:var(--tree-bg);position:relative}.tree-backdrop{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tb-crown ellipse{fill:var(--crown);opacity:.22}.tb-trunk{fill:var(--trunk);opacity:.16}.tb-roots{fill:none;stroke:var(--trunk);stroke-width:14px;stroke-linecap:round;opacity:.12}#FamilyChart{width:100%;height:calc(100dvh - 110px);min-height:420px;color:var(--card-text);background:0 0;position:relative}#FamilyChart .link{stroke:var(--tree-line);stroke-linecap:round;stroke-linejoin:round;opacity:.75;transition:opacity .2s var(--ease-out)}#FamilyChart .link.branch-spouse{stroke-dasharray:1 6;opacity:.6}#FamilyChart.has-focus .link{opacity:.3}#FamilyChart .rc{position:relative}#FamilyChart .rc:before{content:"";opacity:.9;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M3 21C3 11 9 4 21 3c-1 12-8 18-18 18Z%27 fill=%27%237fa36a%27/%3E%3Cpath d=%27M4 20C9 15 13 11 18 6%27 stroke=%27%23f4f1e4%27 stroke-width=%271.4%27 fill=%27none%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") 50%/contain no-repeat;width:26px;height:26px;position:absolute;top:-11px;right:14px;transform:rotate(-12deg)}#FamilyChart .rc.leaf-1:before{left:18px;right:auto;transform:rotate(-96deg)scaleX(-1)}#FamilyChart .rc.leaf-2:before{width:22px;height:22px;top:auto;bottom:-10px;right:22px;transform:rotate(160deg)}#FamilyChart .rc.rc-dead:before{filter:grayscale(.7);opacity:.6}#FamilyChart div.card-main .card-inner{outline:none}#FamilyChart div.card:hover>div{transform:none}#FamilyChart .card .card-inner.rc{background:var(--card-bg);min-height:100px;color:var(--card-text);text-align:left;outline-offset:0;transition:opacity .2s var(--ease-out), box-shadow .2s var(--ease-out), outline-color .2s var(--ease-out);border-radius:16px;outline:3px solid #0000;align-items:center;gap:12px;padding:12px 14px;line-height:1.2;display:flex;box-shadow:0 1px 2px #3c2d1914,0 4px 14px #3c2d191a}@media (hover:hover) and (pointer:fine){#FamilyChart .card .card-inner.rc:hover{box-shadow:0 2px 4px #3c2d191a,0 8px 22px #3c2d1929}}#FamilyChart .card .card-inner.rc.rc-me{outline-color:var(--me-ring)}#FamilyChart .card .card-inner.rc.is-focus{outline-color:var(--focus-ring)}#FamilyChart .rc.rc-dead{color:#5d564d;background:#f3eee7}#FamilyChart .rc.rc-dead .rc-avatar{filter:grayscale(.6);opacity:.8}#FamilyChart.has-focus .rc:not(.is-focus):not(.is-related){opacity:.35}.rc-avatar{color:#fff;letter-spacing:.02em;background:var(--avatar-unknown);border-radius:50%;flex:none;place-items:center;width:56px;height:56px;font-size:20px;font-weight:700;display:grid;overflow:hidden}.rc-avatar-male{background:var(--avatar-male)}.rc-avatar-female{background:var(--avatar-female)}.rc-avatar img{object-fit:cover;width:100%;height:100%}.rc-text{gap:1px;min-width:0;display:grid}.rc-surname{color:var(--card-muted);letter-spacing:.01em;font-size:14px}.rc-name{font-size:18px;font-weight:650}.rc-years{font-variant-numeric:tabular-nums;margin-top:3px;font-size:15px}.rc-place{color:var(--card-muted);font-size:13px}.kin-panel{overscroll-behavior:contain;background:var(--surface);width:360px;max-width:calc(100% - 24px);transition:transform .26s var(--ease-out);z-index:5;border-radius:16px;padding:20px 18px 24px;position:absolute;top:48px;bottom:12px;right:12px;overflow-y:auto;transform:translate(calc(100% + 24px));box-shadow:0 10px 40px #281e0f38}.kin-panel.open{transform:translate(0)}.kin-close{width:44px;height:44px;min-height:0;color:var(--muted);background:0 0;border:none;border-radius:50%;padding:0;font-size:28px;line-height:1;position:absolute;top:8px;right:8px}.kin-close:hover{background:var(--bg)}.kin-head{align-items:center;gap:14px;padding-right:36px;display:flex}.kin-head.rc-dead .rc-avatar{filter:grayscale(.6);opacity:.8}.kin-surname{color:var(--muted);font-size:15px}.kin-name{font-size:22px;font-weight:700;line-height:1.2}.kin-meta{color:var(--muted);margin-top:2px;font-size:16px}.kin-open{text-align:center;margin:16px 0 4px;display:block}.kin-title{margin:22px 0 4px;font-size:18px}.kin-group{color:var(--muted);text-transform:none;margin:14px 0 6px;font-size:15px;font-weight:600}.kin-spouse-title{border-top:1px solid var(--border);margin-top:22px;padding-top:14px}.kin-empty{margin:6px 0}.kin-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.kin-row{border:1px solid var(--border);background:var(--surface);width:100%;min-height:56px;color:var(--text);text-align:left;transition:background-color .15s var(--ease-out), transform .12s var(--ease-out);border-radius:12px;align-items:center;gap:12px;padding:8px 10px;font-size:17px;display:flex}.kin-row:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.kin-row:hover{background:var(--bg)}}.kin-row .rc-avatar{font-size:15px}.kin-row-text{min-width:0;display:grid}.kin-row-name{font-weight:600}.kin-row-note{color:var(--muted);font-size:15px}@media (max-width:639px){.tree-wrap.panel-open .tree-hint{display:none}.tree-wrap.panel-open #FamilyChart{height:calc(42dvh - 62px);min-height:200px}#FamilyChart .rc:before{width:22px;height:22px;top:-9px}.kin-panel{border-radius:18px 18px 0 0;width:auto;max-width:none;max-height:58dvh;padding-top:26px;position:fixed;inset:auto 0 0;transform:translateY(100%)}.kin-panel:before{content:"";background:var(--border);border-radius:3px;width:40px;height:5px;margin-left:-20px;position:absolute;top:8px;left:50%}.kin-panel.open{transform:translateY(0)}.rc-name{font-size:17px}}@media (prefers-reduced-motion:reduce){.kin-panel{opacity:0;pointer-events:none;transition:opacity .2s;transform:none}.kin-panel.open{opacity:1;pointer-events:auto}.kin-row:active{transform:none}}@media (max-width:520px){body{font-size:18px}h1{font-size:26px}.header nav{gap:12px;font-size:17px}}.login-page{max-width:460px}.login-form{gap:14px;margin-top:18px;display:grid}.login-form button[type=submit]{justify-self:start;min-width:160px}input[type=password]{font:inherit;border:1px solid var(--border);min-height:48px;color:var(--text);background:#fff;border-radius:8px;width:100%;padding:10px 12px;font-size:18px}.link-button{min-height:0;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;text-decoration:underline}.header nav form{margin:0}.issued{background:#eef5ea;border:1px solid #c9dcc0;border-radius:12px;margin-top:22px;padding:16px}.issued h2{margin-top:0}.issued-text{font:inherit;white-space:pre-wrap;border:1px solid var(--border);background:#fff;border-radius:8px;padding:12px;font-size:18px}.logins-list{gap:6px;padding-left:20px;display:grid}.person-head{flex-wrap:wrap;align-items:center;gap:18px;margin:10px 0 6px;display:flex}.person-head h1{margin-top:0}.avatar-editor{justify-items:center;gap:8px;display:grid}.avatar-editor .rc-avatar{box-shadow:0 2px 10px #3c2d192e}.avatar-editor .avatar-change{min-height:40px;padding:6px 12px;font-size:15px}.avatar-editor.compact{gap:4px}.avatar-editor.compact .avatar-change{border-radius:8px;min-height:32px;padding:3px 8px;font-size:13px}dialog.crop-dialog{border:none;border-radius:16px;width:min(420px,100vw - 24px);padding:20px;box-shadow:0 20px 60px #1e140a59}dialog.crop-dialog::backdrop{background:#1e19148c}.crop-dialog h3{margin:0 0 4px;font-size:22px}.crop-view{touch-action:none;cursor:grab;box-shadow:0 0 0 4px var(--surface), 0 0 0 6px var(--border);background:#ddd;border-radius:50%;margin:14px auto;position:relative;overflow:hidden}.crop-view:active{cursor:grabbing}.crop-view img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:0;left:0}.crop-zoom input{width:100%}.dialog-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.bio p{margin:0 0 12px}.bio-edit textarea{resize:vertical;min-height:220px;line-height:1.5}.facts-list{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.facts-list li{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--leaf);border-radius:10px;align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex}.fact-text{flex:1}.fact-tools{gap:4px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);min-width:40px;min-height:40px;color:var(--text);border-radius:8px;padding:0;font-size:20px;line-height:1}.icon-btn:disabled{opacity:.35;cursor:default}.fact-add{gap:8px;display:flex}.fact-add input{flex:1}.album-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0 0 14px;padding:0;list-style:none;display:grid}.album-thumb{aspect-ratio:1;background:var(--border);border:none;border-radius:12px;width:100%;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.album-thumb img{object-fit:cover;width:100%;height:100%;display:block}.album-badge{color:#fff;background:#2f6b4feb;border-radius:999px;padding:2px 8px;font-size:13px;position:absolute;bottom:8px;left:8px}.album-caption{margin-top:4px;font-size:15px;line-height:1.3}.btn.danger{color:#a3322a;background:#fff;border-color:#d9a29c}.lightbox{z-index:50;background:#0f0c0af0;grid-template-rows:1fr auto;display:grid;position:fixed;inset:0}.lightbox-stage{touch-action:pan-y;place-items:center;min-height:0;padding:12px;display:grid}.lightbox-stage img{object-fit:contain;border-radius:6px;max-width:100%;max-height:100%}.lb-btn{color:#fff;background:#ffffff24;border:none;border-radius:50%;width:52px;height:52px;min-height:0;padding:0;font-size:34px;line-height:1;position:absolute}.lb-close{top:12px;right:12px}.lb-prev{top:45%;left:12px}.lb-next{top:45%;right:12px}.lightbox-bar{color:#f4efe8;gap:10px;padding:12px 16px 18px;display:grid}.lb-count{opacity:.6}.lb-actions,.lb-edit{flex-wrap:wrap;gap:8px;display:flex}.lb-edit input{flex:160px;min-height:44px}@media (max-width:639px){.lb-prev,.lb-next{display:none}.album-grid{grid-template-columns:repeat(2,1fr)}.person-head{gap:12px}}.tree-toolbar{flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 16px 0;display:flex}.seg{border:1px solid var(--accent);border-radius:10px;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);min-height:44px;color:var(--accent);border:none;border-radius:0;padding:8px 16px;font-size:17px}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.family-filter{align-items:center;gap:8px;font-size:17px;display:flex}.family-filter select{width:auto;min-width:220px;min-height:44px}#FamilyChart.has-filter .rc:not(.in-family){opacity:.28}#FamilyChart.has-filter .rc.in-family{outline-color:var(--leaf)}#FamilyChart.has-filter.has-focus .rc.is-related,#FamilyChart.has-filter.has-focus .rc.is-focus{opacity:1}.gen-view{background:var(--tree-bg);height:calc(100dvh - 160px);min-height:420px;padding:8px 16px 40px;overflow-y:auto}.gen-note{margin:4px 0 0}.gen-row h3{color:var(--tree-line);margin:18px 0 10px;font-size:19px}.gen-row ul{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.gen-card{background:var(--card-bg);width:100%;min-height:92px;color:var(--card-text);text-align:left;border:none;border-radius:16px;outline:3px solid #0000;align-items:center;gap:12px;padding:12px 14px;line-height:1.2;display:flex;box-shadow:0 1px 2px #3c2d1914,0 4px 14px #3c2d191a}.gen-card .rc-text{display:grid}.gen-card.rc-me{outline-color:var(--me-ring)}.gen-card.is-focus{outline-color:var(--focus-ring)}.gen-card.rc-dead{color:#5d564d;background:#f3eee7}@media (max-width:639px){.family-filter{width:100%}.family-filter select{flex:1;min-width:0}.gen-row ul{grid-template-columns:1fr}}#FamilyChart .rc[data-hidden]:after{content:attr(data-hidden);background:var(--tree-line);color:#fff;pointer-events:none;border-radius:999px;padding:1px 9px;font-size:13px;font-weight:600;position:absolute;bottom:-11px;right:10px}.kin-open+.kin-open{margin-top:8px}