*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#102033;background:#f4efe7;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.header{background:#fff;border-bottom:1px solid #e2ddd4;justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex}.logo{font-size:24px;font-weight:700;text-decoration:none}.nav{gap:22px;display:flex}.nav a{color:#475569;text-decoration:none;transition:all .2s}.nav a:hover{color:#000}.page{max-width:1400px;margin:auto;padding:40px}.title{margin:10px 0;font-size:44px}.subtitle{color:#64748b;font-size:18px}.eyebrow{color:#8a5a2b;text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}.hero{background:linear-gradient(135deg,#fff,#eee5d8);border:1px solid #e2ddd4;border-radius:30px;margin-bottom:40px;padding:50px;box-shadow:0 12px 35px #00000012}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;display:grid}.card{background:#fff;border:1px solid #e2ddd4;border-radius:22px;padding:26px;text-decoration:none;transition:all .25s;box-shadow:0 8px 24px #0000000d}.card:hover{transform:translateY(-4px)}.card-icon{font-size:36px}.page-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:35px;display:flex}.counter-card{background:#fff;border:1px solid #e2ddd4;border-radius:20px;padding:22px 28px;box-shadow:0 8px 24px #0000000d}.counter-card strong{font-size:34px;display:block}.counter-card span{color:#64748b}.people-list{flex-direction:column;gap:14px;display:flex}.person-row{background:#fff;border:1px solid #e2ddd4;border-radius:18px;grid-template-columns:60px 1fr auto;align-items:center;gap:20px;padding:18px 20px;text-decoration:none;transition:all .2s;display:grid;box-shadow:0 6px 18px #0000000a}.person-row:hover{transform:translateY(-2px)}.avatar{color:#fff;background:#8a5a2b;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:700;display:flex}.person-row h2{margin:0;font-size:22px}.person-row p{color:#64748b;margin:6px 0 0}.person-place{color:#64748b}.back-link{color:#8a5a2b;margin-bottom:25px;font-weight:700;text-decoration:none;display:inline-block}.profile-hero{background:linear-gradient(135deg,#fff,#eee5d8);border:1px solid #e2ddd4;border-radius:28px;align-items:center;gap:30px;margin-bottom:30px;padding:36px;display:flex;box-shadow:0 12px 30px #0000000f}.profile-avatar{color:#fff;background:#8a5a2b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;font-size:48px;font-weight:700;display:flex}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;display:grid}.profile-card{background:#fff;border:1px solid #e2ddd4;border-radius:20px;padding:26px;box-shadow:0 8px 24px #0000000d}.profile-card h2{margin-top:0}.search-input{background:#fff;border:1px solid #e2ddd4;border-radius:18px;outline:none;width:100%;margin-bottom:24px;padding:18px 20px;font-size:16px;box-shadow:0 6px 18px #0000000a}.search-input:focus{border-color:#8a5a2b}.tree-board{background:#fff;border:1px solid #e2ddd4;border-radius:28px;padding:40px;overflow-x:auto;box-shadow:0 12px 32px #0000000f}.tree-row{flex-wrap:wrap;justify-content:center;gap:22px;margin:26px 0;display:flex}.tree-center{justify-content:center;margin:36px 0;display:flex}.tree-card{text-align:center;background:#f8f4ee;border:1px solid #e2ddd4;border-radius:18px;min-width:220px;padding:20px 24px;text-decoration:none;box-shadow:0 8px 20px #0000000a}.tree-card span{color:#8a5a2b;margin-bottom:8px;font-size:13px;display:block}.tree-card strong{font-size:18px;display:block}.tree-main{color:#fff;background:#8a5a2b}.tree-main span{color:#f5dfc5}.tree-flow{background:#fff;border:1px solid #e2ddd4;border-radius:28px;width:100%;height:720px;overflow:hidden;box-shadow:0 12px 32px #0000000f}.flow-person-card{color:#102033;text-align:center;background:#fffaf3;border:1px solid #e2ddd4;border-radius:18px;width:220px;min-height:110px;padding:14px;text-decoration:none;display:block;box-shadow:0 8px 20px #0000000d}.flow-avatar{color:#fff;background:#8a5a2b;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 8px;font-weight:700;display:flex}.flow-person-card strong{margin-bottom:6px;font-size:14px;display:block}.flow-person-card span{color:#64748b;font-size:12px;display:block}.tree-toolbar{margin-bottom:24px}.geno-tree{background:#fff;border:1px solid #e2ddd4;border-radius:28px;padding:34px;overflow-x:auto;box-shadow:0 12px 32px #0000000f}.geno-generation-title{text-align:center;color:#8a5a2b;text-transform:uppercase;letter-spacing:.06em;margin:18px 0 14px;font-size:13px;font-weight:700}.geno-row{flex-wrap:wrap;justify-content:center;gap:36px;margin:12px 0;display:flex}.geno-row.children{gap:18px}.geno-couple{flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;display:flex}.geno-spouse-wrap{align-items:center;display:flex}.geno-marriage-line{background:#8a5a2b;width:44px;height:2px}.geno-connector{background:#8a5a2b;width:2px;height:34px;margin:8px auto}.geno-person{color:#102033;background:#fffaf3;border:1px solid #e2ddd4;border-radius:18px;flex-direction:column;justify-content:center;width:220px;min-height:104px;padding:14px;text-decoration:none;display:flex;box-shadow:0 8px 20px #0000000d}.geno-person.main{color:#fff;background:#8a5a2b}.geno-person.empty{opacity:.45;text-align:center}.geno-role{color:#8a5a2b;margin-bottom:6px;font-size:12px;font-weight:700}.geno-person.main .geno-role{color:#f5dfc5}.geno-person strong{margin-bottom:6px;font-size:15px}.geno-person small{color:#64748b}.geno-person.main small{color:#f5dfc5}.geno-empty-text{color:#64748b}.generation-node{color:#fff;text-align:center;background:#102033;border-radius:999px;min-width:210px;padding:10px 16px;font-size:13px;font-weight:700;box-shadow:0 6px 18px #0000001f}.flow-person-card.selected{color:#fff;background:#8a5a2b;border-color:#8a5a2b;transform:scale(1.06)}.flow-person-card.selected span{color:#f5dfc5}.flow-role{color:#8a5a2b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.flow-person-card.selected .flow-avatar{color:#8a5a2b;background:#fff}.tree-search{margin-bottom:18px;position:relative}.tree-search-results{z-index:20;background:#fff;border:1px solid #e2ddd4;border-radius:18px;position:absolute;top:62px;left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #0000001f}.tree-search-results button{text-align:left;cursor:pointer;background:#fff;border:0;justify-content:space-between;gap:20px;width:100%;padding:14px 18px;display:flex}.tree-search-results button:hover{background:#f8f4ee}.tree-search-results span{color:#64748b}.family-node{background:#8a5a2b;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 2px #8a5a2b}.geno-canvas{background:#fff;border:1px solid #e2ddd4;border-radius:28px;height:760px;overflow:auto;box-shadow:0 12px 32px #0000000f}.geno-inner{background-image:radial-gradient(#d8d1c7 1px,#0000 1px);background-size:16px 16px;position:relative}.geno-lines{pointer-events:none;position:absolute;inset:0}.geno-line{fill:none;stroke:#102033;stroke-width:2px}.geno-line.marriage{stroke:#8a5a2b;stroke-width:2.5px}.geno-card{text-align:center;color:#102033;background:#fffaf3;border:1px solid #e2ddd4;border-radius:14px;width:190px;height:90px;padding:10px;text-decoration:none;position:absolute;box-shadow:0 6px 16px #0000000f}.geno-card span{color:#8a5a2b;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.geno-card strong{margin-bottom:4px;font-size:12px;display:block}.geno-card small{color:#64748b;font-size:11px}.geno-card.selected{color:#fff;background:#8a5a2b;border-color:#8a5a2b}.geno-card.selected span,.geno-card.selected small{color:#f5dfc5}.geno-card.male{border-top:4px solid #3b82f6}.geno-card.female{border-top:4px solid #ec4899}.person-hero{background:linear-gradient(135deg,#fff,#eee5d8);border:1px solid #e2ddd4;border-radius:30px;align-items:center;gap:32px;margin-bottom:28px;padding:36px;display:flex;box-shadow:0 12px 32px #0000000f}.person-photo-placeholder{color:#fff;background:#8a5a2b;border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;font-size:56px;font-weight:700;display:flex}.person-facts{color:#475569;flex-direction:column;gap:8px;display:flex}.person-layout{grid-template-columns:1fr 340px;gap:24px;display:grid}.person-main,.person-side{flex-direction:column;gap:20px;display:flex}.timeline{flex-direction:column;gap:14px;display:flex}.timeline div{border-left:3px solid #8a5a2b;padding-left:14px}.timeline strong{display:block}.timeline span{color:#64748b}.tree-button{color:#fff;text-align:center;background:#8a5a2b;border-radius:18px;padding:16px;font-weight:700;text-decoration:none}.edit-form{background:#fff;border:1px solid #e2ddd4;border-radius:28px;gap:18px;max-width:760px;padding:28px;display:grid;box-shadow:0 12px 32px #0000000f}.edit-form label{gap:8px;font-weight:700;display:grid}.edit-form input,.edit-form select,.edit-form textarea{width:100%;font:inherit;border:1px solid #e2ddd4;border-radius:14px;padding:12px 14px}.edit-form textarea{resize:vertical}.tree-button.secondary{color:#8a5a2b;background:#fff;border:1px solid #8a5a2b}.danger-button,.danger-link{color:#fff;text-align:center;cursor:pointer;background:#b91c1c;border:none;border-radius:18px;padding:16px;font-weight:700;text-decoration:none;display:block}.danger-button:hover,.danger-link:hover{background:#991b1b}.checkbox-row{align-items:center;gap:10px;grid-template-columns:none!important;display:flex!important}.checkbox-row input{width:auto}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.photo-card img{object-fit:cover;border-radius:16px;width:100%;height:140px}.photo-card strong{margin-top:8px;display:block}.person-photo{object-fit:cover;border-radius:28px;flex-shrink:0;width:140px;height:140px;box-shadow:0 10px 24px #0000001f}.card-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.small-action-link{color:#8a5a2b;font-weight:700;text-decoration:none}.photo-badge{color:#fff;background:#8a5a2b;border-radius:999px;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.image-avatar{object-fit:cover;padding:0!important}.flow-avatar-photo{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.archive-photo-card{color:#102033;background:#fff;border:1px solid #e2ddd4;border-radius:20px;padding:12px;text-decoration:none;display:block;box-shadow:0 8px 24px #0000000f}.archive-photo-card span{color:#64748b;margin-top:6px;font-size:13px;display:block}.archive-photo-card em{color:#8a5a2b;margin-top:8px;font-size:12px;font-style:normal;font-weight:700;display:inline-block}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin:28px 0;display:grid}.admin-action-card{color:#102033;background:#fff;border:1px solid #e2ddd4;border-radius:22px;padding:22px;text-decoration:none;box-shadow:0 8px 24px #0000000f}.admin-action-card strong{margin-bottom:8px;font-size:18px;display:block}.admin-action-card span{color:#64748b}.document-list{gap:14px;display:grid}.document-card{background:#fffaf3;border:1px solid #e2ddd4;border-radius:18px;padding:16px}.document-card strong{margin-bottom:6px;display:block}.document-card span{color:#8a5a2b;margin-bottom:8px;font-weight:700;display:block}.document-card p{color:#64748b}.document-card a{color:#8a5a2b;margin-top:8px;font-weight:700;text-decoration:none;display:inline-block}.document-actions{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.document-actions a{color:#8a5a2b;font-weight:700;text-decoration:none}.danger-text-link{color:#b91c1c!important}.bottom-nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #e2ddd4;border-radius:24px;gap:8px;padding:10px 14px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000024}.bottom-nav a{color:#102033;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:8px 10px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.bottom-nav a:hover{background:#f3eadf}body{padding-bottom:90px}.document-preview-image{object-fit:contain;background:#f8f3ea;border:1px solid #e2ddd4;border-radius:18px;width:100%;max-height:720px}.document-preview-pdf{background:#fff;border:1px solid #e2ddd4;border-radius:18px;width:100%;height:720px}.photo-full-image{object-fit:contain;background:#f8f3ea;border:1px solid #e2ddd4;border-radius:22px;width:100%;max-height:780px}.photo-button{text-align:left;cursor:pointer;font:inherit;border:none}.photo-modal{z-index:200;background:#000000db;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.photo-modal-content{gap:14px;max-width:1100px;max-height:92vh;display:grid}.photo-modal-content img{object-fit:contain;background:#fff;border-radius:18px;max-width:100%;max-height:76vh}.photo-modal-caption{color:#fff;text-align:center}.photo-modal-caption strong{margin-bottom:6px;font-size:18px;display:block}.photo-modal-caption p{color:#e5e7eb;margin:0 0 6px}.photo-modal-caption span{color:#cbd5e1;font-size:13px}.photo-modal-close{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:999px;width:44px;height:44px;font-size:32px;position:fixed;top:24px;right:32px}.photo-modal-arrow{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:999px;width:54px;height:54px;font-size:48px;line-height:1;position:fixed;top:50%;transform:translateY(-50%)}.photo-modal-arrow.left{left:32px}.photo-modal-arrow.right{right:32px}.photo-viewer-card{position:relative}.photo-page-arrow{color:#fff;text-align:center;z-index:5;background:#00000073;border-radius:999px;width:52px;height:52px;font-size:44px;line-height:46px;text-decoration:none;position:absolute;top:50%;transform:translateY(-50%)}.photo-page-arrow.left{left:20px}.photo-page-arrow.right{right:20px}.photo-counter{text-align:center;color:#64748b;font-weight:700}.marker-editor{grid-template-columns:280px 1fr;align-items:start;gap:22px;display:grid}.marker-sidebar{background:#fff;border:1px solid #e2ddd4;border-radius:22px;gap:10px;padding:18px;display:grid}.marker-person{text-align:left;cursor:pointer;font:inherit;background:#fffaf3;border:1px solid #e2ddd4;border-radius:16px;padding:12px}.marker-person.selected{background:#f3eadf;border-color:#8a5a2b}.marker-person strong,.marker-person span,.marker-person em{display:block}.marker-person span{color:#8a5a2b;margin-top:4px;font-weight:700}.marker-person em{color:#64748b;margin-top:4px;font-size:12px;font-style:normal}.marker-photo-wrap{cursor:crosshair;background:#111827;border-radius:22px;position:relative;overflow:hidden}.marker-photo{width:100%;display:block}.photo-marker{background:#facc15;border:3px solid #fff;border-radius:999px;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000059}.photo-marker span{color:#fff;white-space:nowrap;background:#0f172ae6;border-radius:999px;padding:5px 8px;font-size:12px;position:absolute;top:26px;left:50%;transform:translate(-50%)}@media (max-width:900px){.marker-editor{grid-template-columns:1fr}}.photo-viewer-with-markers{position:relative}.visible-marker{z-index:10;cursor:pointer}.visible-marker span{opacity:0;pointer-events:none}.visible-marker:hover span{opacity:1}.admin-hero{margin-bottom:26px}.admin-stats{grid-template-columns:repeat(5,minmax(140px,1fr));gap:18px;margin-bottom:30px;display:grid}.admin-stat-card{background:#fff;border:1px solid #e2ddd4;border-radius:22px;padding:22px 26px;box-shadow:0 14px 35px #10203314}.admin-stat-card strong{color:#102033;margin-bottom:8px;font-size:36px;line-height:1;display:block}.admin-stat-card span{color:#55708f;font-weight:700}.admin-actions{grid-template-columns:repeat(4,minmax(180px,1fr));gap:22px;display:grid}.admin-action-card{color:#102033;background:#fff;border:1px solid #e2ddd4;border-radius:24px;min-height:170px;padding:28px;text-decoration:none;transition:transform .15s,box-shadow .15s;box-shadow:0 16px 40px #10203314}.admin-action-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px #10203321}.admin-action-card h2{margin:14px 0 10px}.admin-action-card p{color:#55708f;margin:0}@media (max-width:1100px){.admin-stats,.admin-actions{grid-template-columns:repeat(2,1fr)}}.article-reader{background:#fff;border:1px solid #e2ddd4;border-radius:28px;gap:22px;padding:34px;display:grid;box-shadow:0 16px 40px #10203314}.article-heading{color:#102033;margin:14px 0 0;font-size:30px}.article-text{color:#102033;margin:0;font-size:18px;line-height:1.75}.article-image{gap:10px;margin:10px 0;display:grid}.article-image img{object-fit:contain;background:#f8f3ea;border:1px solid #e2ddd4;border-radius:22px;width:100%;max-height:720px}.article-image strong{color:#102033;font-size:18px}.article-image figcaption{color:#55708f;font-size:15px}.article-block-shell{border:1px solid #0000;border-radius:22px;padding:14px;position:relative}.article-block-shell:hover{background:#fffaf3;border-color:#e2ddd4}.block-toolbar{gap:8px;margin-top:10px;display:flex}.block-toolbar-button{color:#102033;cursor:pointer;background:#fff;border:1px solid #e2ddd4;border-radius:14px;padding:8px 12px;font-weight:700}.block-toolbar-button.danger{color:#b91c1c}.place-selector{gap:10px;display:grid}.place-selector-results{background:#fffaf3;border:1px solid #e2ddd4;border-radius:18px;gap:8px;padding:10px;display:grid}.place-selector-item{text-align:left;cursor:pointer;font:inherit;background:#fff;border:1px solid #e2ddd4;border-radius:14px;padding:10px 12px}.place-selector-item strong,.place-selector-item span{display:block}.place-selector-item span{color:#55708f;font-size:13px}.place-selector-item.selected{background:#f3eadf;border-color:#8a5a2b}.user-nav-card{border-left:1px solid #e2ddd4;min-width:120px;padding:8px 12px!important}.user-nav-card strong{font-size:12px;line-height:1.1}.user-nav-card span{opacity:.75;font-size:11px}