@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@500;600;700;800;900&display=swap";:root{font-family:DM Sans,sans-serif;color:#273d36;background:#fbfaf6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Nunito,sans-serif}h1{font-size:clamp(30px,4vw,43px);line-height:1.15;margin-bottom:9px}h2{font-size:27px}h3{font-size:19px}p{color:#78857e;line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:#fff;border-right:1px solid #f0f0eb;padding:30px 17px;display:flex;flex-direction:column}.brand{font-size:27px;font-weight:900;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px;color:#264c40}.brand-icon{display:grid;place-items:center;background:#d9f1dd;color:#2e7556;border-radius:13px;width:39px;height:39px}.dot{color:#f5a9a2;margin-left:-9px}.sidebar-label,.eyebrow,.gen-label{font-size:10px;letter-spacing:2px;font-weight:800;color:#83a18d}.sidebar-label{margin:55px 12px 18px}.nav{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;border:0;background:transparent;text-align:left;border-radius:12px;color:#75827c;font-weight:700;margin-bottom:7px}.nav.active{background:#e9f5eb;color:#2b7854}.sidebar-bottom{margin-top:auto}.privacy{background:#fff4e6;border-radius:15px;padding:16px;font-weight:700;font-size:13px;margin-bottom:22px;color:#9b774a}.privacy svg{vertical-align:middle;color:#e9a477}.privacy small{display:block;margin-left:23px;font-weight:400}main{flex:1;min-width:0}header{height:84px;border-bottom:1px solid #f1eee9;background:#fff;display:flex;justify-content:flex-end;align-items:center;padding:0 48px}.header-right{display:flex;gap:18px;align-items:center}.header-right select{border:1px solid #e6ebe5;border-radius:11px;padding:10px 15px;background:#fff;color:#456250;font-weight:700;max-width:240px}.avatar{background:#e9dcfa;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-weight:800;color:#705c91}.mobile-brand{display:none}.content{max-width:1210px;margin:auto;padding:39px 48px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading .eyebrow{margin-bottom:11px}.heading-emoji{font-size:29px}.primary,.secondary{border:0;border-radius:11px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;white-space:nowrap}.primary{background:#317a59;color:#fff;box-shadow:0 5px 12px #317a5920}.primary:hover{background:#256447}.secondary{background:#eaf5eb;color:#317a59}.hero{background:#e8f3e5;border-radius:21px;display:flex;justify-content:space-between;align-items:center;padding:29px 43px;margin-bottom:31px;overflow:hidden}.hero h2{font-size:29px;margin:9px 0}.hero p{max-width:350px;margin-bottom:0}.hero-illustration{font-size:105px;position:relative;line-height:1}.hero-illustration span{position:absolute;font-size:30px;right:-5px;top:3px}.panel,.tree-panel{background:#fff;border:1px solid #f0f0eb;border-radius:20px;padding:29px;box-shadow:0 4px 22px #263b3206}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.section-title h3{margin:0}.section-title>span,.tree-note{font-size:12px;color:#99a49c}.generation{margin-bottom:35px}.gen-label{margin-bottom:15px}.person-grid{display:flex;flex-wrap:wrap;gap:15px}.person-card{width:155px;min-height:170px;background:#fff;border:1px solid #ecefea;border-radius:17px;padding:19px 10px;display:flex;align-items:center;flex-direction:column;gap:9px;color:#304b3e;transition:transform .15s,box-shadow .15s}.person-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #223b3012}.person-card strong{font-size:13px}.person-card small,.directory-person small{font-size:11px;color:#9ba69e}.person-avatar{display:grid;place-items:center;border-radius:50%;width:69px;height:69px;font-size:20px;font-weight:900;color:#536d66}.person-avatar.small{width:48px;height:48px;font-size:15px}.tree-note{margin-bottom:0}.search{display:flex;align-items:center;gap:7px;border:1px solid #e9ece7;border-radius:10px;padding:0 12px}.search input{border:0;outline:0;width:180px}.directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.directory-person{display:flex;align-items:center;gap:13px;text-align:left;background:#fcfcfa;border:1px solid #f0f0eb;border-radius:13px;padding:12px;color:#2b4537}.directory-person span:nth-child(2){display:flex;flex-direction:column;gap:5px}.arrow{margin-left:auto}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.role-chip{display:flex;gap:8px;color:#367d5c;background:#eaf5eb;padding:12px;border-radius:12px;margin:20px 0;font-weight:700}.panel label,.modal label,.auth-card label{display:flex;flex-direction:column;gap:8px;margin:15px 0;font-size:13px;font-weight:700;color:#506357}input,select,textarea{border:1px solid #e1e8df;border-radius:10px;padding:12px;background:#fff;color:#304b3e;width:100%;outline-color:#83c9a1}textarea{resize:vertical}.hint{font-size:12px;margin-top:12px}.empty{text-align:center;padding:60px 25px}.big-emoji{font-size:57px;margin-bottom:12px}.create-row{display:flex;max-width:480px;gap:10px;margin:25px auto}.empty .secondary{margin-top:10px}.toast{background:#fff2d6;border:1px solid #efdca8;border-radius:12px;padding:12px 17px;margin-bottom:20px;color:#78602e;display:flex;justify-content:space-between;gap:15px}.toast button,.close{border:0;background:transparent;font-size:23px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b342b77;display:flex;justify-content:flex-end;z-index:10}.drawer{background:#fff;width:min(440px,100%);height:100%;overflow:auto;padding:35px}.back{border:0;background:transparent;color:#408060;display:flex;gap:8px;align-items:center;margin-bottom:45px}.profile-icon{width:100px;height:100px;background:#e9dcfa;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:900;margin-bottom:20px}.drawer h3{margin-top:35px}.muted{color:#93a198}.connection{display:flex;align-items:center;gap:9px;border:1px solid #e9eee8;border-radius:10px;background:#fafcf9;padding:13px;width:100%;margin-bottom:9px;text-align:left}.connection span{flex:1}.overlay:has(.modal){justify-content:center;align-items:center;padding:15px}.modal{background:#fff;width:min(510px,100%);max-height:95vh;overflow:auto;border-radius:23px;padding:30px;position:relative}.modal .close{position:absolute;right:23px;top:17px}.modal-icon{background:#e6f4e9;color:#367c59;border-radius:14px;width:47px;height:47px;display:grid;place-items:center;margin-bottom:16px}.modal h2{margin-bottom:5px}.modal .primary{width:100%;margin-top:13px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:#e7f3e5;padding:75px clamp(30px,7vw,120px);display:flex;flex-direction:column;justify-content:center}.brand.big{font-size:35px;margin-bottom:70px}.auth-art h1{font-size:clamp(38px,4vw,61px);letter-spacing:-2px}.auth-art em{color:#35845d;font-style:normal}.auth-art p{max-width:400px}.art-circles{display:flex;margin-top:45px}.art-circles span{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:32px;margin-right:-12px;border:4px solid #e7f3e5}.auth-card{width:min(410px,85%);align-self:center;justify-self:center}.auth-card h2{font-size:32px;margin:13px 0 4px}.auth-card .primary{width:100%;margin-top:13px}.switch{text-align:center;margin-top:23px}.link{border:0;background:transparent;color:#327b57;font-weight:800}.notice{background:#fff2d6;padding:12px;border-radius:9px}.center{min-height:100vh;display:grid;place-items:center;padding:30px}@media(max-width:850px){.sidebar{width:75px;padding:25px 10px}.sidebar .brand{font-size:0}.sidebar .dot,.sidebar-label,.sidebar-bottom .privacy{display:none}.nav{font-size:0;justify-content:center;padding:15px}.nav svg{flex-shrink:0}.content{padding:30px 23px}header{padding:0 23px}.auth-wrap{grid-template-columns:1fr}.auth-art{padding:32px}.brand.big{margin-bottom:22px}.auth-art h1{font-size:35px}.art-circles{display:none}.auth-card{padding:45px 0}}@media(max-width:520px){.sidebar{display:none}.mobile-brand{display:flex;margin-right:auto;font-size:20px}.header-right select{max-width:150px}.content{padding:25px 15px}.page-heading{align-items:flex-start}.page-heading .primary{padding:11px;font-size:12px}.hero{padding:23px}.hero-illustration{font-size:55px}.hero h2{font-size:23px}.tree-panel,.panel{padding:18px}.person-card{width:calc(50% - 8px)}.create-row{flex-direction:column}.two-cols{grid-template-columns:1fr}}.branch-toggle{display:flex;align-items:center;gap:9px;color:#32654b;font-size:14px;margin:12px 0 22px}.branch-toggle input{width:17px;height:17px;accent-color:#36805b}.person-card.branch-you{border:3px solid #36805b;background:#e9f4ed}.person-card.branch-ancestor{border:3px solid #70a9db}.person-card.branch-descendant{border:3px solid #b58adb}.branch-badge{font-size:11px;color:#37614b;min-height:13px}.branch-badge:empty{display:none}.access-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e7e7e7}.access-row button{width:auto;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 6px;color:#99a49c;font-size:12px;font-weight:700}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e7eee8}.google{width:100%;border:1px solid #e1e8df;border-radius:11px;padding:12px 19px;background:#fff;color:#304b3e;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px}.google:hover{background:#f7faf6}