*{box-sizing:border-box}body{margin:0;font-family:Georgia,Times New Roman,serif;background:linear-gradient(135deg,#2d5016,#4a7c59 50%,#6b8e23);background-attachment:fixed;min-height:100vh}.family-tree-container{padding:1rem;overflow-x:auto;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:20px;margin:1rem;max-width:100vw;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.3)}.tree-header{text-align:center;margin-bottom:.5rem;position:relative}.other-tree-link{font-size:1.5rem;background:linear-gradient(145deg,#fff8dc,#f5deb3);padding:.5rem;width:20rem;height:fit-content;border-radius:2.5rem;border:.25rem solid #6b8e23;text-decoration:underline;position:absolute;top:0;right:0;color:#0000FF;margin-top:.5rem;text-shadow:.08rem .08rem .1rem rgba(113,113,113,.5)}.header-tree-image{margin-bottom:.05rem;position:relative;display:inline-block}.tree-photo{width:30rem;position:relative;justify-self:center;max-width:70%;height:auto;border-radius:15%;object-fit:cover;box-shadow:.6rem .9rem .9rem rgba(0,0,0,.4);border:.4rem solid rgba(58,58,58,.34);transition:all .3s ease}.tree-photo:hover{transform:scale(1.05);box-shadow:.4rem .7rem .7rem rgba(237,182,2,.788);border:.4rem solid rgba(255,217,0,.34)}.tree-title{font-size:2.8rem;color:#f0fff0;margin-bottom:.3rem;text-shadow:.1rem .1rem .6rem rgba(44,44,44,.9);font-family:Georgia,Times New Roman,serif;font-weight:600;letter-spacing:1px}.tree-subtitle{color:#e6ffe6;font-size:1.1rem;font-style:italic;text-shadow:1px 1px 4px rgba(0,0,0,.5)}.tree-root{margin-top:.5rem}.header-tree-image:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);border-radius:25px;z-index:-1}.tree-wrapper{display:flex;position:relative;justify-items:center;justify-content:center;min-height:80vh}ul{list-style:none;padding:0;margin:0}.children-container,ul{display:flex;flex-direction:row}.children-container{flex-wrap:wrap;justify-content:center;margin-top:3rem;width:100%;max-width:98vw;column-gap:8rem;row-gap:0}.svg-root{position:absolute;margin-top:15.5rem;left:50%;transform:translateX(-50%);z-index:-1;opacity:.95;pointer-events:none}.svg-root path{stroke-dasharray:200;stroke-dashoffset:200;animation:drawBranch 1.6s ease-out forwards}@keyframes drawBranch{to{stroke-dashoffset:0}}.family-unit{width:25rem;max-width:40rem;gap:1rem;display:flex;flex-direction:column;align-items:center}.family-unit.open{align-items:center;max-width:100vw;width:100%}.couple-container-compact,.parents-container{display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:50%;gap:1rem;width:30rem}.family-navigation{display:flex;justify-content:center;margin-top:1rem;position:absolute;bottom:-2rem;left:50%;transform:translateX(-50%)}.person-card-compact{background:linear-gradient(145deg,#f0fff0,#e6ffe6);border:.05rem solid #228b22;border-radius:10%;padding:.3rem;margin:.1rem .3rem;width:15rem;height:15rem;box-shadow:0 .2rem .6rem rgba(0,0,0,.2);transition:all .3s ease;position:relative;text-align:center}.person-card-compact:hover{transform:translateY(-.3rem) scale(1.07);box-shadow:0 .4rem .9rem rgba(0,0,0,.25)}.person-avatar-small{position:relative;margin-bottom:.5rem;cursor:pointer;justify-self:center;justify-content:center}.avatar-image-small{width:9.5rem;height:9.5rem;justify-self:center;border-radius:50%;border:.2rem solid #228b22;object-fit:cover}.avatar-placeholder-small{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#228b22,#32cd32);color:white;font-weight:700;font-size:1rem;margin:0 auto;border:3px solid #006400;box-shadow:0 2px 4px rgba(0,0,0,.2)}.avatar-placeholder-small,.focus-indicator{display:flex;align-items:center;justify-content:center}.focus-indicator{position:absolute;bottom:.2rem;right:.2rem;background:#b6b6b6b0;border-radius:50%;width:1.8rem;height:1.8rem;font-size:.8rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.3);opacity:0;transition:opacity .3s ease}.person-avatar-small:hover .focus-indicator{opacity:1}.quad-parents{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:flex-start}.quad-expand-btn{font-size:1rem;box-shadow:0 2px 4px rgba(0,0,0,.2)}.expand-btn-small,.quad-expand-btn{position:absolute;margin-top:15rem;margin-left:-1rem;margin-right:-1rem;background:#8b5022;border:#4ee74e;border-width:.1rem;border-style:solid;color:white;width:2rem;height:2rem;border-radius:50%;font-weight:700;cursor:pointer;transition:all .3s ease}.expand-btn-small{font-size:1.2rem;text-align:center;box-shadow:0 .2rem .4rem rgba(0,0,0,.2)}.expand-btn-small:hover,.quad-expand-btn:hover{background:#985d10;transform:scale(1.8)}.expand-btn-small,.person-avatar-small{z-index:10;position:relative}.couple-container-compact{flex-direction:row;gap:.5rem;width:100%}.couple-cards-small,.couple-container-compact{display:flex;position:relative;justify-content:center;align-items:center}.couple-cards-small{gap:.1rem}.marriage-connector{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:5.4rem;color:#b22222;text-shadow:0 0 .4rem rgba(255,34,203,.801);pointer-events:none;z-index:2}.focus-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.focus-modal{background:linear-gradient(145deg,#f0fff0,#e6ffe6);border:.2rem solid #228b22;border-radius:1.5rem;padding:5rem 2rem;width:70rem;max-width:85%;max-height:80vh;overflow-y:auto;position:relative;justify-self:center;box-shadow:0 .5rem 2rem rgba(0,0,0,.3);animation:slideIn .3s ease}.couple-modal{max-width:50%}.close-btn{position:absolute;top:1rem;right:1rem;background:#dc143c;color:white;border:none;border-radius:50%;width:1.5rem;height:1.5rem;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#b91c3c;transform:scale(1.1)}.focus-content{text-align:center}.focus-avatar{margin-bottom:1rem}.focus-image{object-fit:cover}.focus-image,.focus-placeholder{width:10rem;height:10rem;border-radius:50%;border:.3rem solid #228b22;box-shadow:0 .5rem .8rem rgba(0,0,0,.2)}.focus-placeholder{background:linear-gradient(135deg,#228b22,#32cd32);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:3rem;margin:0 auto}.focus-name{color:#2d5016;font-size:1.8rem;margin:1rem 0;font-weight:700}.focus-detail{color:#4a7c59;font-size:1.1rem;margin:.5rem 0;line-height:1.4}.couple-focus-cards{display:flex;align-items:center;gap:2rem;justify-content:center;flex-wrap:wrap}.focus-person{flex:1;min-width:200px}.focus-person .focus-placeholder{font-size:2rem}.focus-person .focus-name{font-size:1.4rem}.marriage-focus-info{display:flex;flex-direction:column;align-items:center;gap:1rem}.heart-large{font-size:6rem}.marriage-focus-details{text-align:center}.marriage-focus-details p{color:#4a7c59;font-size:1rem;margin:.3rem 0}@keyframes slideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.root-family .person-card-compact{background:linear-gradient(145deg,#fff8dc,#f5deb3);border-color:#daa520;box-shadow:0 6px 12px rgba(0,0,0,.3)}.root-family .person-name-compact{color:#8b4513;font-size:1.75rem;font-weight:550}@media (max-width:768px){.marriage-connector{margin-top:.2rem}.focus-modal{margin:.5rem;padding-top:1rem;padding-bottom:1rem;max-width:98%;width:50rem;max-height:90%;height:fit-content;border-radius:1.5rem}.focus-image{width:12rem;height:12rem}.couple-focus-cards{flex-direction:column;gap:.3rem}.marriage-focus-info{gap:.1rem}.focus-name{margin:.2rem 0}.focus-detail{font-size:1rem;margin:.1rem 0}.heart-large{font-size:2.5rem}.marriage-focus-details p{font-size:1rem;margin:.1rem 0}.other-tree-link{position:absolute;font-size:.75rem;width:7rem;max-width:20%}.tree-header{margin-bottom:.1rem}.couple-container-compact{gap:.3rem}}@media (max-width:480px){.root-family .person-name-compact{font-size:.9rem;padding-bottom:.9rem}.family-tree-container{padding:.5rem;margin:.25rem}.family-unit{width:10rem;max-width:98%}.couple-container-compact{margin-bottom:1rem}.tree-photo{width:15rem;border:.1rem solid rgba(58,58,58,.34);box-shadow:.1rem .2rem .9rem rgba(0,0,0,.4);max-width:50%;height:auto}.tree-title{font-size:clamp(1.5rem,7.5vw,2rem);margin-top:.7rem;margin-bottom:.1rem}.tree-subtitle{font-size:.8rem;margin-bottom:.5rem;margin-top:-.3rem}.tree-root{margin-top:.1rem}.children-container{gap:.1rem;margin-top:.1rem!important;row-gap:0;column-gap:3.5rem}.person-card-compact{width:clamp(6rem,28vw,10rem);height:clamp(6rem,28vw,10rem)}.person-avatar-small{margin-bottom:.1rem}.avatar-image-small{width:clamp(4rem,20vw,7rem);height:clamp(4rem,20vw,7rem);margin-bottom:.1rem}.marriage-connector{font-size:clamp(2rem,10vw,4rem)}.expand-btn-small{width:1.4rem;height:1.4rem;font-size:.9rem;margin-top:6.5rem}.svg-root{max-width:100vw;width:100%;max-height:100vh;height:100%;margin-top:6rem}.parents-container{margin-top:1rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.person-card-compact{border-width:3px}.focus-modal{border-width:4px}}.close-btn:focus,.expand-btn-small:focus,.person-avatar-small:focus{outline:3px solid #32cd32;outline-offset:2px}