:root{--ink:#26372e;--muted:#829083;--green:#315e48;--green-dark:#214b38;--cream:#f6f3ec;--line:#e7e5dc;--card:#fffdfa;--gold:#b38c59;--rose:#f2e5dc}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin-top:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:264px;min-width:264px;background:#fffdf8;border-right:1px solid var(--line);padding:27px 16px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 36px}.brand-mark{width:37px;height:37px;border-radius:12px;background:var(--green);color:white;display:grid;place-items:center;font-size:22px}.brand strong{font-family:'Playfair Display',serif;font-size:19px;display:block;line-height:1.05}.brand span{display:block;color:#a0a69b;font-size:11px;margin-top:5px;letter-spacing:.06em}.side-section-title{font-size:10px;font-weight:700;letter-spacing:.18em;color:#a5aa9e;padding:0 11px 11px}.side-link{border:0;background:transparent;border-radius:10px;color:#69776b;min-height:39px;display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:0 12px;font-size:13px;font-weight:600}.side-link>span:first-child{font-size:20px;font-weight:400;width:22px}.side-link.active{background:#e8eee8;color:var(--green-dark)}.side-arrow,.count{margin-left:auto;color:#7b9b84}.count{font-size:11px;background:#eef1e9;border-radius:30px;padding:3px 7px}.sidebar-rule{height:1px;background:var(--line);margin:23px 10px 25px}.search{height:37px;display:flex;align-items:center;gap:7px;background:#f5f5ef;border:1px solid #eeeae2;border-radius:9px;padding:0 9px;color:#9aa698}.search span{font-size:23px;line-height:1}.search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:12px;color:var(--ink)}.people-list{overflow:auto;margin:14px -4px 0;flex:1}.person-list-item{border:0;background:none;display:flex;align-items:center;gap:10px;padding:8px 10px;width:100%;border-radius:9px;text-align:left;color:var(--ink)}.person-list-item:hover,.person-list-item.selected{background:#f3f1e9}.person-list-item .avatar{width:33px;height:33px;min-width:33px;font-size:11px}.person-list-item strong{font-size:12px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.person-list-item small{font-size:10px;color:#9aa499}.add-person-side{border:1px dashed #a8bba9;background:#f7faf4;color:var(--green);border-radius:9px;font-size:12px;padding:10px;margin:12px 3px 0;font-weight:700}.sidebar-bottom{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding:20px 12px 0;font-size:11px;color:#607665;line-height:1.35}.sidebar-bottom small{color:#a2aa9e}.privacy-dot{width:8px;height:8px;border-radius:50%;background:#7fb081;align-self:flex-start;margin-top:3px}.main-area{flex:1;min-width:0}.topbar{height:70px;background:rgba(255,253,249,.7);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 37px}.crumb{font-size:12px;color:#7b897c}.crumb span{padding:0 10px;color:#b4bbaf}.top-actions{display:flex;gap:11px;align-items:center}.text-button{border:0;background:none;color:#597061;font-size:11px;font-weight:700;padding:9px}.text-button:hover{text-decoration:underline}.primary-button{border:0;background:var(--green);color:white;border-radius:8px;padding:11px 17px;font-size:11px;font-weight:700}.primary-button:hover{background:var(--green-dark)}.page-content{max-width:1450px;margin:auto;padding:38px 40px 56px}.heading-row{display:flex;align-items:center;justify-content:space-between}.eyebrow{color:#9d9278;font-size:10px;font-weight:700;letter-spacing:.2em;margin-bottom:8px}.heading-row h1{font-family:'Playfair Display',serif;font-size:39px;font-weight:500;letter-spacing:-.035em;margin:0 0 9px}.heading-row h1 span{color:var(--gold)}.subhead{font-size:13px;color:#839084;margin:0}.round-add{border:0;background:#e4ebe3;color:var(--green);height:37px;width:37px;border-radius:50%;font-size:22px}.stat-row{display:flex;align-items:center;gap:26px;margin:35px 0 34px}.stat-row>div:not(.stat-line){display:flex;align-items:baseline;gap:6px}.stat-row strong{font-family:'Playfair Display',serif;font-size:27px;font-weight:600}.stat-row span{color:#8f998f;font-size:11px}.stat-line{height:27px;width:1px;background:#dddcd1}.stat-row p{font-size:11px;color:#9aa499;margin:0}.tree-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-head{display:flex;gap:11px;align-items:center}.section-icon{font-size:22px;background:#e5ede4;color:var(--green);height:39px;width:39px;display:grid;place-items:center;border-radius:10px}.section-head h2{font-family:'Playfair Display',serif;font-size:21px;font-weight:500;margin:0}.section-head small{color:#9aa498;font-size:11px}.tree-controls{display:flex;align-items:center;gap:8px;color:#879388;font-size:11px}.tree-controls label{display:flex;align-items:center;gap:6px;margin-right:10px}.tree-controls select{border:1px solid var(--line);background:#fffdfa;color:#516554;border-radius:7px;padding:7px 22px 7px 8px;max-width:150px;font-size:11px}.icon-button{border:1px solid var(--line);background:#fffdfa;color:#52705c;border-radius:7px;width:29px;height:29px;display:grid;place-items:center;font-size:15px}.tree-viewport{height:515px;border:1px solid #e5e3da;border-radius:15px;background-color:#fffefa;background-image:radial-gradient(#e9ede6 .8px,transparent .8px);background-size:20px 20px;overflow:auto;position:relative}.tree-inner{position:relative;transform-origin:0 0;min-width:max-content;min-height:100%}.tree-grid{position:relative;display:flex;gap:110px;padding:42px 65px 55px;align-items:flex-start}.generation{width:180px;display:flex;flex-direction:column;gap:22px;position:relative}.generation-label{font-size:10px;color:#a6a99d;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:1px;white-space:nowrap}.person-card{width:180px;min-height:94px;display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid #e9e9df;background:#fffefb;box-shadow:0 7px 24px rgba(43,65,48,.045);border-radius:11px;position:relative;text-align:left;color:var(--ink)}.person-card:hover,.person-card.selected{border-color:#8dae96;box-shadow:0 8px 25px rgba(49,94,72,.12)}.person-card.selected:before{content:'';position:absolute;left:-1px;top:13px;bottom:13px;width:3px;background:var(--green);border-radius:4px}.avatar{display:grid;place-items:center;flex-shrink:0;background:#e4e7de;color:#66806b;border-radius:50%;overflow:hidden;font-family:'Playfair Display',serif}.person-card .avatar{width:47px;height:47px;font-size:17px}.avatar img{width:100%;height:100%;object-fit:cover}.person-card strong{display:block;font-family:'Playfair Display',serif;font-size:13px;font-weight:600;line-height:1.18}.person-card small{color:#9aa399;font-size:10px;display:block;margin-top:5px}.person-card em{font-style:normal;font-size:9px;color:#718c76;display:block;margin-top:5px}.tree-lines{position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:1}.tree-grid{z-index:2}.tree-lines path{fill:none;stroke:#b3c3b3;stroke-width:1.5}.tree-lines path.step{stroke-dasharray:5 5;stroke:#c5ad8b}.tree-lines path.partner{stroke-dasharray:3 4;stroke:#d1b6b2}.tree-legend{display:flex;gap:21px;justify-content:flex-end;color:#9ca59c;font-size:10px;margin:10px 4px 27px}.tree-legend span{display:flex;gap:6px;align-items:center}.legend-line{width:18px;height:0;border-top:2px solid #b3c3b3}.legend-line.step{border-color:#c5ad8b;border-top-style:dashed}.legend-line.partner{border-color:#d1b6b2;border-top-style:dotted}.tip-card{border-radius:13px;background:#e8eee6;display:flex;align-items:center;padding:18px 23px;gap:14px}.tip-icon{width:39px;height:39px;min-width:39px;border-radius:50%;background:#d8e3d5;color:#427350;display:grid;place-items:center;font-size:22px}.tip-card strong{font-family:'Playfair Display',serif;font-size:15px}.tip-card p{margin:4px 0 0;color:#758879;font-size:11px;line-height:1.5}.tip-card button{margin-left:auto;background:none;border:0;color:#2f6347;white-space:nowrap;font-size:11px;font-weight:700}.overlay{position:fixed;inset:0;background:rgba(29,43,32,.28);z-index:10}.detail-drawer{position:fixed;right:0;top:0;bottom:0;width:min(520px,100vw);background:#fffefa;z-index:11;box-shadow:-13px 0 55px rgba(30,50,35,.16);overflow-y:auto}.detail-top{padding:22px 27px 0;background:#f7f4ed}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.drawer-header span{font-size:10px;letter-spacing:.16em;font-weight:700;color:#9fa69b}.close-btn{border:0;background:none;font-size:23px;color:#7b8b7e;width:29px;height:29px}.profile{display:flex;align-items:center;gap:19px;padding-bottom:26px}.profile .avatar{width:82px;height:82px;font-size:27px;border:4px solid white;box-shadow:0 3px 15px #e4e4da}.profile h2{font-family:'Playfair Display',serif;font-size:25px;font-weight:500;margin:0 0 5px}.profile p{color:#8b978c;font-size:12px;margin:0 0 8px}.profile .alive{color:#538666;background:#e6f0e4;padding:4px 8px;border-radius:20px;font-size:10px}.tabs{display:flex;gap:28px;padding:0 27px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;color:#9aa69a;padding:15px 1px 13px;font-size:12px;font-weight:700;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:var(--green);border-bottom-color:var(--green)}.drawer-body{padding:26px 27px 45px}.drawer-section h3{font-family:'Playfair Display',serif;font-size:19px;font-weight:500;margin:0 0 14px}.drawer-section p{font-size:13px;line-height:1.7;color:#67786b;white-space:pre-wrap}.metadata{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f8f7f1;border-radius:11px;padding:16px;margin:21px 0}.metadata small{display:block;color:#9aa59a;font-size:10px;margin-bottom:5px}.metadata strong{font-size:12px;font-weight:600}.section-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-row h3{margin:0}.link-button{border:0;background:none;color:var(--green);font-size:11px;font-weight:700}.outline-button{border:1px solid #cbd9ca;border-radius:8px;background:white;color:var(--green);padding:9px 13px;font-size:11px;font-weight:700}.danger{color:#a65d55!important}.photo-card,.memory-card,.relation-card{border:1px solid var(--line);border-radius:11px;padding:14px;margin-bottom:11px;background:#fff}.photo-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.photo-card-head strong{font-family:'Playfair Display',serif;font-size:15px}.photo-card-head small{font-size:10px;color:#9aa59a}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.photo-slot{height:140px;background:#f3f3ec;border-radius:8px;overflow:hidden;position:relative;display:grid;place-items:center;font-size:11px;color:#a0aaa0}.photo-slot img{width:100%;height:100%;object-fit:cover}.photo-slot span{position:absolute;bottom:5px;left:6px;background:rgba(255,255,255,.9);padding:3px 6px;border-radius:5px;font-size:9px;color:#425543}.photo-actions{display:flex;gap:8px;justify-content:space-between;margin-top:11px}.photo-actions button{border:0;background:none;color:var(--green);font-size:10px;font-weight:700;padding:0}.memory-card strong{font-size:12px}.memory-card small{color:#9aa59a;font-size:10px;margin-left:5px}.memory-card p{margin:9px 0 0;font-size:12px}.relation-card{display:flex;align-items:center;gap:10px}.relation-card .avatar{width:34px;height:34px;font-size:12px}.relation-card strong{font-size:12px}.relation-card small{display:block;color:#9aa59a;font-size:10px;margin-top:3px}.relation-card button{margin-left:auto;border:0;background:none;color:#b78d83;font-size:17px}.empty-state{border:1px dashed #d7ded3;background:#fbfcf8;border-radius:10px;padding:23px;text-align:center;color:#9ca89d;font-size:12px;line-height:1.6}.drawer-actions{display:flex;gap:10px;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.drawer-actions button{flex:1}.modal-wrap{position:fixed;inset:0;z-index:13;display:grid;place-items:center;padding:18px;background:rgba(28,43,34,.42)}.modal{background:#fffefa;border-radius:15px;width:min(490px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px rgba(20,40,25,.21);padding:24px 27px 28px}.modal h2{font-family:'Playfair Display',serif;font-size:24px;font-weight:500;margin:0 0 6px}.modal .intro{color:#89968a;font-size:12px;line-height:1.6;margin:0 0 20px}.modal-close{float:right;border:0;background:none;font-size:23px;color:#8c9d8f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:11px;font-weight:700;color:#657869;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #e0e4da;background:#fdfdfb;border-radius:8px;padding:10px 11px;outline-color:#88a890;color:#35483a;font-size:12px}.field textarea{min-height:91px;resize:vertical}.field input[type=file]{padding:8px}.checkbox{display:flex;align-items:center;gap:7px;font-size:12px;color:#5e725e;margin:3px 0 16px}.checkbox input{accent-color:var(--green)}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}.ghost-button{border:0;background:#f1f3ed;color:#627767;border-radius:8px;padding:10px 16px;font-size:11px;font-weight:700}.form-help{color:#a2aba1;font-size:10px;line-height:1.5;margin:-4px 0 11px}.upload-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.print-preview{padding:15px;background:#f7f6ef;border-radius:10px;display:flex;gap:12px;align-items:center;margin-bottom:15px}.print-preview .paper{width:45px;height:62px;background:#fff;border:1px solid #deded5;box-shadow:2px 3px 8px #d9dbd2;display:grid;place-items:center;color:#9eb29e;font-size:23px}.print-preview strong{font-size:12px}.print-preview small{display:block;color:#9ca89d;font-size:10px;margin-top:4px}.export-buttons{display:flex;gap:8px;flex-wrap:wrap}.export-buttons button{flex:1;min-width:110px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#244b38;color:white;padding:11px 17px;border-radius:9px;box-shadow:0 10px 25px #253b2d35;z-index:30;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}[hidden]{display:none!important}@media(max-width:980px){.sidebar{width:210px;min-width:210px}.page-content{padding:31px 22px}.topbar{padding:0 22px}.stat-row{gap:15px}.stat-row p{display:none}.top-actions .text-button{display:none}}@media(max-width:680px){.sidebar{display:none}.topbar{height:58px;padding:0 17px}.top-actions .primary-button{padding:9px 11px}.page-content{padding:24px 15px}.heading-row h1{font-size:30px}.stat-row{margin:25px 0}.tree-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.tree-controls{width:100%;justify-content:flex-end}.tree-viewport{height:500px}.tip-card{align-items:flex-start}.tip-card button{display:none}.tabs{gap:18px;overflow:auto}.detail-top,.drawer-body{padding-left:19px;padding-right:19px}.tabs{padding:0 19px}.upload-pair{grid-template-columns:1fr}}@media print{body{background:white}.app-shell,.overlay,.detail-drawer,.modal-wrap,.toast{display:none!important}#printSheet{display:block!important}}
@media(max-width:980px){.top-actions .text-button{display:inline-block;font-size:0;padding:5px}.top-actions #backupBtn::before{content:'↓';font-size:16px}.top-actions #restoreBtn::before{content:'↑';font-size:16px}}