:root{color:#25332f;font-synthesis:none;--ink:#25332f;--muted:#8a928e;--red:#bc3e3e;--red-light:#fbefee;--jade:#517b69;--line:#e9edea;--soft:#f6f8f6;--display:"Songti SC", "STSong", "Noto Serif CJK SC", serif;background:#fff;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--jade);outline-offset:4px}a{color:inherit}button,a,input,select,textarea{touch-action:manipulation}img{max-width:100%;display:block}textarea{resize:vertical}h1,h2,h3,p{margin:0}small{font-size:12px}.icon{vertical-align:middle;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon svg{width:100%;height:100%;display:block}.icon-button{border-radius:50%;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s;display:inline-flex}.icon-button:hover{background:var(--soft)}.muted{color:var(--muted)}.text-action{min-height:40px;color:var(--jade);justify-content:center;align-items:center;gap:7px;font-size:14px;display:inline-flex}.text-action:hover,.text-action.active{color:var(--red)}.centered{margin:14px auto 0;display:flex}.primary-button,.outline-button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 18px;font-size:15px;font-weight:500;line-height:1.4;display:inline-flex}.primary-button{background:var(--red);color:#fff;border:1px solid var(--red)}.primary-button:hover{background:#a83131}.outline-button{background:#fff;border:1px solid #dce4df}.outline-button:hover{border-color:var(--jade);background:var(--soft)}.full{width:100%}.avatar{color:#507463;font-family:var(--display);background:#e4eeea;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.avatar.female{color:#a87170;background:#f2e9e8}.avatar img{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.avatar.memorial{color:#8b918c;background:#eeefed}.avatar.memorial img{filter:grayscale()}.app-header{z-index:15;border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);background:#fffffff7;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1080px;height:66px;margin:0 auto;padding:0 17px;display:flex}.header-inner h1{font-family:var(--display);font-size:25px;font-weight:700;line-height:1.2}.header-spacer{width:42px}.page-wrap{width:100%;max-width:1080px;padding-bottom:calc(105px + env(safe-area-inset-bottom));margin:0 auto}.page-tabs{border-bottom:1px solid var(--line);justify-content:center;align-items:stretch;gap:60px;height:53px;display:flex}.page-tabs button{color:#747d77;min-width:56px;font-size:16px;position:relative}.page-tabs button.active{color:var(--red);font-weight:600}.page-tabs button.active:after{content:"";background:var(--red);border-radius:2px;width:27px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.search-field{background:var(--soft);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;margin:14px 20px;padding-left:12px;display:flex}.search-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:12px 3px;font-size:15px}.search-field .icon{color:var(--muted)}.feed{min-width:0}.post{border-bottom:1px solid var(--line);padding:21px 20px 20px}.post-author{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.person-link{text-align:left;align-items:center;gap:11px;display:flex}.person-link strong{margin-bottom:4px;font-size:15px;font-weight:600;display:block}.person-link small{color:#999f9a;font-size:11px}.post-text{white-space:pre-line;overflow-wrap:anywhere;margin-bottom:13px;font-size:16px;line-height:1.8}.post-images{border-radius:6px;width:100%;overflow:hidden}.photo-button{aspect-ratio:4/3;width:100%;display:block;overflow:hidden}.photo-button img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.photo-button:hover img{transform:scale(1.015)}.post-images.multiple{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.post-images.multiple .photo-button{aspect-ratio:1}.post-video{background:#1d2622;border-radius:6px;width:100%;max-height:460px}.people-tags{flex-wrap:wrap;align-items:center;gap:10px;padding-top:12px;font-size:12px;display:flex}.people-tags button{color:var(--jade);align-items:center;gap:4px;min-height:28px;display:flex}.tag-caption{color:var(--muted);margin-right:2px;font-size:11px}.post-meta{color:#839085;flex-wrap:wrap;gap:12px;padding-top:9px;font-size:11px;display:flex}.post-meta>span{align-items:center;gap:3px;display:flex}.post-actions{align-items:center;gap:26px;height:47px;margin-top:3px;display:flex}.post-actions button{align-items:center;gap:7px;min-width:44px;min-height:42px;font-size:13px;display:inline-flex}.post-actions .liked{color:var(--red)}.post-actions .last-action{justify-content:flex-end;margin-left:auto}.comment-preview{background:var(--soft);cursor:pointer;border-radius:4px;padding:10px 12px}.comment-preview p{overflow-wrap:anywhere;font-size:12px;line-height:1.9}.comment-preview strong{color:var(--jade);font-weight:500}.feed-end{text-align:center;color:#a0a9a2;padding:30px 20px;font-size:12px}.family-aside{display:none}.publish-fab{bottom:calc(100px + env(safe-area-inset-bottom));background:var(--red);color:#fff;z-index:12;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;display:flex;position:fixed;right:max(23px,50vw - 224px);box-shadow:0 4px 15px #872d2d22}.publish-fab:hover{background:#a83131;transform:translateY(-2px)}.bottom-nav{z-index:20;height:calc(76px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffffa;border-top:1px solid #e4e9e5;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#879089;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:min(33.333%,210px);font-size:12px;display:flex}.bottom-nav button.active{color:var(--red);font-weight:500}.bottom-nav button:hover{background:#fafbfa}.bottom-nav .icon{margin-top:2px}.empty-state{text-align:center;min-height:180px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:28px 10px;font-size:14px;line-height:1.7;display:flex}.empty-state h3{color:var(--ink);font-size:17px;font-weight:500}.family-tree{max-width:680px;margin:0 auto;padding:4px 18px 0}.tree-tools{justify-content:space-between;padding:3px 0 5px;display:flex}.tree-tools .text-action{font-size:12px}.ancestor-couple{justify-content:center;gap:89px;padding:8px 0 28px;display:flex;position:relative}.person-node{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:7px;min-width:78px;display:flex;position:relative}.person-node>strong{overflow-wrap:anywhere;max-width:132px;font-size:15px;font-weight:500;line-height:1.3}.person-node>small{color:var(--jade);font-size:12px}.person-node:hover .avatar{box-shadow:0 0 0 3px #e7eee9}.ancestor .avatar{border:3px solid #f4f6f3}.couple-line{background:#96ad9e;width:146px;height:1px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.couple-line:after{content:"";background:#90aa99;border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;left:calc(50% - 3px)}.root-line{background:#96ad9e;width:1px;height:91px;position:absolute;top:40px;left:50%}.branch-strip{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:3px;padding:6px 0 13px;display:grid;position:relative}.branch-strip button{color:#77867d;flex-direction:column;align-items:center;gap:7px;min-height:61px;font-size:12px;display:flex;position:relative}.rank-number{width:27px;height:27px;font-family:var(--display);background:#fff;border:1px solid #d4e0d7;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.branch-strip button.selected{color:var(--red);font-weight:600}.branch-strip button.selected .rank-number{color:#fff;border-color:var(--red);background:var(--red)}.branch-strip button.selected:after{content:"";background:var(--red);width:17px;height:2px;position:absolute;bottom:-5px}.branch-strip .memorial{color:#a2a8a2}.focused-tree{padding-top:13px;animation:.25s ease-out appear}.generation-label{color:#9aa49c;text-align:center;margin-bottom:20px;font-size:11px}.parent-row{justify-content:center;gap:72px;display:flex;position:relative}.parent-row .pair-connector{background:#95ad9d;width:145px;height:1px;position:absolute;top:31px}.parent-row.has-children:after{content:"";background:#95ad9d;width:1px;position:absolute;top:100%;bottom:-37px;left:50%}.parent-row.paired.has-children:after{top:31px}.children-row{justify-content:center;gap:0;max-width:500px;margin:37px auto 0;display:flex}.child-branch{flex-direction:column;flex:1;align-items:center;min-width:0;padding-top:23px;display:flex;position:relative}.child-branch:before{content:"";background:#95ad9d;height:1px;position:absolute;top:0;left:0;right:0}.child-branch:first-child:before{left:50%}.child-branch:last-child:before{right:50%}.child-branch:after{content:"";background:#95ad9d;width:1px;height:23px;position:absolute;top:0;left:50%}.single .child-branch:before{display:none}.self .avatar{border:2px solid var(--red);background:#fff;padding:2px}.self-mark{color:var(--red);background:var(--red-light);vertical-align:middle;border-radius:3px;margin-left:5px;padding:2px 4px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:10px;font-weight:500;display:inline-block}.spouse-label{color:#8a988f;align-items:center;gap:4px;min-height:29px;padding:9px 0 0;font-size:11px;display:flex}.grandchildren{justify-content:center;gap:12px;margin-top:26px;padding-top:19px;display:flex;position:relative}.grandchildren:before{content:"";background:#95ad9d;width:1px;height:43px;position:absolute;top:-26px;left:50%}.tree-add{color:#83968a;align-items:center;gap:6px;min-height:42px;margin:27px auto 0;font-size:12px;display:flex}.tree-add:hover{color:var(--red)}.tree-footer{font-family:var(--display);text-align:center;color:#a6b0a8;margin:28px 0 20px;font-size:13px}.tree-overview{grid-template-columns:1fr;padding-top:9px;display:grid}.branch-overview{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:15px 5px;display:flex}.branch-overview>span:nth-child(2){flex:1;min-width:0}.branch-overview strong{font-size:15px;font-weight:500;display:block}.branch-overview small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.memorial-note{font-family:var(--display);text-align:center;color:#8d998f;margin:40px 0 55px;font-size:15px}.directory{max-width:720px;margin:0 auto;padding:4px 22px}.section-heading{color:var(--muted);justify-content:space-between;align-items:center;padding:15px 0;font-size:12px;display:flex}.section-heading h3{color:var(--ink);font-size:16px;font-weight:600}.directory-row{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;padding:16px 0;display:flex}.directory-name{flex:1;min-width:0}.directory-name strong{overflow-wrap:anywhere;font-size:16px;font-weight:500;display:block}.directory-name small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.directory-row>.icon{color:#bac2bb}.quiet-label{color:#a3aca5;flex-shrink:0;font-size:11px}.my-profile{flex-direction:column;align-items:center;padding:37px 22px 26px;display:flex}.my-profile h2{font-family:var(--display);margin:17px 0 10px;font-size:26px}.my-profile p{color:var(--muted);text-align:center;font-size:13px;line-height:1.7}.my-profile .text-action{margin-top:12px;font-size:12px}.my-stats{border-bottom:1px solid var(--line);justify-content:space-around;max-width:600px;margin:0 auto 25px;padding:13px 10px 26px;display:flex}.my-stats button{flex-direction:column;flex:1;align-items:center;gap:9px;display:flex}.my-stats strong{font-family:Georgia,serif;font-size:26px;font-weight:400}.my-stats span{color:#8f9991;font-size:12px}.my-menu{max-width:680px;margin:0 auto;padding:0 23px}.my-menu>button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:13px;width:100%;min-height:66px;display:flex}.my-menu>button>span:not(.icon){flex:1;font-size:15px}.my-menu>button>.icon:first-child{color:var(--jade)}.my-menu>button>.icon:last-child{color:#a7afa8}.my-menu small{color:var(--muted);font-size:11px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17251f50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;max-height:93dvh;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-radius:8px 8px 0 0;flex-direction:column;display:flex;box-shadow:0 -4px 30px #1e2e2210}.sheet-handle{background:#dce3dd;border-radius:2px;flex-shrink:0;width:30px;height:4px;margin:10px auto 0}.sheet-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 17px 10px 23px;display:flex}.sheet-header h2{font-size:17px;font-weight:600}.sheet-content{overscroll-behavior:contain;padding:21px 23px 28px;overflow-y:auto}.person-profile{flex-direction:column;align-items:center;padding:5px 0 0;display:flex}.person-profile h2{font-family:var(--display);margin-top:15px;font-size:27px}.profile-relation{color:var(--jade);margin-top:8px;font-size:14px}.profile-facts{color:var(--muted);gap:17px;margin-top:17px;font-size:12px;display:flex}.profile-facts>span{align-items:center;gap:5px;display:flex}.profile-note{text-align:center;white-space:pre-line;overflow-wrap:anywhere;margin-top:17px;font-size:14px;line-height:1.8}.profile-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0 12px;display:flex}.profile-actions button{min-height:40px;padding:9px 11px;font-size:12px}.profile-section{border-top:1px solid var(--line);margin-top:23px;padding-top:21px}.profile-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.profile-photos button{aspect-ratio:1;background:var(--soft);border-radius:4px;position:relative;overflow:hidden}.profile-photos img{object-fit:cover;width:100%;height:100%}.profile-photos small{color:#fff;background:#273a3066;border-radius:2px;padding:2px 4px;font-size:10px;position:absolute;bottom:5px;left:5px}.profile-photos button>span{height:100%;padding:10px;font-size:12px;line-height:1.6;display:block;overflow:hidden}.field{color:#64736a;border:0;flex-direction:column;gap:10px;min-width:0;margin:0 0 21px;padding:0;font-size:13px;display:flex}.field legend{margin-bottom:11px;padding:0}.field input,.field select,.field textarea{width:100%;min-height:45px;color:var(--ink);background:#fff;border:1px solid #dfe6e0;border-radius:5px;padding:12px;font-size:15px;line-height:1.4}.field select{appearance:auto;padding-right:8px}input::placeholder,textarea::placeholder{color:#adb4ae}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.relation-options{gap:8px;display:flex}.relation-options label{min-height:43px;color:var(--muted);cursor:pointer;border:1px solid #e1e7e2;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:7px;display:flex}.relation-options label.selected{color:var(--jade);background:#f1f6f3;border-color:#c0d3c6}.relation-options input{accent-color:var(--jade);width:14px;min-height:14px;margin:0}.gender-options{margin:-8px 0 22px;font-size:14px}.form-actions{flex-direction:column;gap:10px;display:flex}.form-error{color:var(--red);padding:0 0 15px;font-size:13px;line-height:1.6}.story-input{resize:vertical;background:0 0;border:0;width:100%;min-height:120px;padding:0;font-size:17px;line-height:1.8}.compose-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 27px;display:grid}.compose-photos>div,.photo-picker{aspect-ratio:1;border-radius:5px;min-width:0;position:relative;overflow:hidden}.compose-photos>div>img{object-fit:cover;width:100%;height:100%}.compose-photos>div>button{color:#fff;background:#1c282b88;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:4px;right:4px}.photo-picker{color:#8a9f90;background:#f9fbf9;border:1px dashed #cbd8cf;flex-direction:column;justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}.compose-video{width:100%;max-height:240px;margin-bottom:20px}.people-picker{flex-wrap:wrap;gap:7px;max-height:154px;padding:2px;display:flex;overflow:auto}.people-picker label{color:#86938a;cursor:pointer;border:1px solid #e1e6e2;border-radius:4px;align-items:center;gap:5px;min-height:32px;padding:6px 8px;font-size:12px;display:inline-flex}.people-picker label.checked{color:var(--jade);background:#edf4ef;border-color:#bfd3c5}.people-picker input{accent-color:var(--jade);margin:0}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.comment-row{gap:12px;margin-bottom:23px;display:flex}.comment-row>div{flex:1;min-width:0}.comment-row strong{color:var(--jade);font-size:13px;font-weight:500}.comment-row p{overflow-wrap:anywhere;margin-top:8px;font-size:15px;line-height:1.65}.comment-form{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:28px;padding-top:16px;display:flex}.comment-form input{background:var(--soft);border:1px solid var(--line);border-radius:5px;flex:1;min-width:0;padding:12px;font-size:15px}.comment-form button{flex-shrink:0;padding:12px 17px}.action-menu>button{border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;padding:18px 0;font-size:15px;display:flex}.action-menu>button>.icon:last-child{color:#a1aca3;margin-left:auto}.danger{color:var(--red)}.invite-intro{color:var(--jade);text-align:center;padding:8px 0 27px}.invite-intro h3{font-family:var(--display);color:var(--ink);margin-top:14px;font-size:20px;font-weight:500}.invite-person{align-items:center;gap:12px;padding:4px 0 24px;display:flex}.invite-person strong,.invite-person small{display:block}.invite-person strong{font-size:16px;font-weight:500}.invite-person small{color:var(--muted);margin-top:6px;font-size:12px}.invitation-artifact{text-align:center;border:1px solid #e8ded8;border-top:4px solid var(--red);border-radius:4px;margin:0 5px;padding:24px 15px 20px}.tiny-seal{width:26px;height:27px;color:var(--red);border:1px solid var(--red);font:19px var(--display);border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.invitation-top h3{font-family:var(--display);margin-top:10px;font-size:25px}.invitation-top p{color:#79877c;margin:12px 0 21px;font-size:14px}.invitation-name{margin-top:8px;font-size:18px;font-weight:500;display:block}.invitation-relation{color:var(--muted);margin:7px 0 13px;font-size:12px}#invite-qr{background:#fff;padding:5px;display:inline-block}#invite-qr canvas{display:block}#invite-qr.disabled{filter:blur(4px);opacity:.35}.invitation-from{margin-top:10px;font-size:12px}.invitation-status{color:#9aa39b;margin-top:7px;font-size:11px;display:block}.invitation-buttons{margin-top:19px}.invite-list-row{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:15px 0;display:flex}.invite-list-person{text-align:left;flex:1;min-width:0}.invite-list-person strong{font-size:15px;font-weight:500;display:block}.invite-list-person small{color:var(--muted);margin-top:7px;font-size:11px;display:block}.history-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:17px 0;display:flex}.history-dot{background:#9bb5a4;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.history-row>div{flex:1;min-width:0}.history-row strong{font-size:13px;font-weight:500;line-height:1.6}.history-row p{color:#829185;overflow-wrap:anywhere;margin:7px 0;font-size:13px;line-height:1.6}.history-row small{color:#a7afa8;font-size:11px}.recycle-row{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:15px 0;display:flex}.recycle-row>img,.text-thumbnail{object-fit:cover;border-radius:4px;flex-shrink:0;width:60px;height:60px}.text-thumbnail{background:var(--soft);color:var(--muted);place-items:center;display:grid}.recycle-row>div{flex:1;min-width:0}.recycle-row strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.7;display:-webkit-box;overflow:hidden}.recycle-row small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.lightbox{z-index:200;background:#101813f7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox>img{object-fit:contain;max-width:100%;max-height:85dvh}.lightbox .icon-button{color:#fff;z-index:2;background:#25332f77;position:absolute}.lightbox-close{top:20px;right:15px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-count{color:#fff;font-size:13px;position:absolute;top:34px;left:25px}.toast-message{z-index:300;left:50%;bottom:calc(101px + env(safe-area-inset-bottom));color:#fff;background:#2f4239ee;border-radius:6px;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 38px);padding:13px 17px;font-size:13px;line-height:1.5;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 5px 23px #23302719}.sheet-enter-active,.sheet-leave-active{transition:opacity .2s}.sheet-enter-active .sheet,.sheet-leave-active .sheet{transition:transform .25s}.sheet-enter-from,.sheet-leave-to{opacity:0}.sheet-enter-from .sheet,.sheet-leave-to .sheet{transform:translateY(30px)}.toast-enter-active,.toast-leave-active{transition:opacity .2s}.toast-enter-from,.toast-leave-to{opacity:0}@keyframes appear{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (width>=760px){.header-inner{height:79px}.header-inner h1{font-size:29px}.page-tabs{gap:85px;height:59px}.feed-layout{grid-template-columns:minmax(0,1fr) 265px;gap:55px;padding:0 26px;display:grid}.post{padding:27px 0 25px}.post-text{font-size:16px}.post-images .photo-button{aspect-ratio:1.55}.family-aside{align-self:start;padding-top:31px;display:block;position:sticky;top:97px}.aside-title{justify-content:space-between;align-items:center;display:flex}.aside-title h2{font-family:var(--display);font-size:19px;font-weight:600}.aside-grandparents{justify-content:center;gap:20px;margin-top:25px;display:flex}.aside-family-names{text-align:center;color:var(--jade);margin-top:15px;font-size:13px}.aside-rule{background:var(--line);height:1px;margin:26px 0 8px}.aside-person{text-align:left;align-items:center;gap:10px;width:100%;min-height:48px;font-size:12px;display:flex}.aside-rank{color:#bdc8c0;width:15px;font-family:Georgia,serif;font-size:13px}.aside-person strong{flex:1;font-size:13px;font-weight:500}.aside-person>span:not(.aside-rank){color:#8e9d93}.aside-person>.icon{color:#a5b0a7}.family-aside .outline-button{margin-top:24px;font-size:12px}.family-tree{padding-top:8px}.tree-tools{padding-bottom:10px}.ancestor-couple{gap:139px;padding-bottom:30px}.ancestor-couple .couple-line{width:210px}.branch-strip{padding-top:10px;padding-bottom:17px}.branch-strip button{font-size:13px}.rank-number{width:31px;height:31px;font-size:13px}.generation-label{margin-bottom:23px}.parent-row{gap:122px}.parent-row .pair-connector{width:200px}.tree-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.my-profile{padding-top:48px}.my-menu{padding-top:9px}.modal-overlay{align-items:center;padding:24px}.sheet{border-radius:8px;max-height:min(90dvh,900px)}.sheet-handle{display:none}.sheet-header{padding:14px 19px 12px 27px}.sheet-content{padding:25px 28px 30px}.sheet-enter-from .sheet,.sheet-leave-to .sheet{transform:translateY(12px)}.profile-photos{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=370px){.header-inner{height:61px}.header-inner h1{font-size:23px}.post{padding-left:16px;padding-right:16px}.post-text{font-size:15px}.family-tree{padding-left:12px;padding-right:12px}.parent-row{gap:60px}.person-node>strong{font-size:14px}.people-tags{gap:7px}.sheet-content{padding-left:18px;padding-right:18px}.my-menu small{display:none}}@media (width<=759px){.family-tree{--child-gap:24px}.ancestor-couple{padding-top:1px;padding-bottom:17px}.ancestor-couple .avatar{width:54px!important;height:54px!important}.couple-line{top:28px}.root-line{height:86px;top:28px}.branch-strip{padding-top:3px;padding-bottom:8px}.branch-strip button{min-height:57px}.generation-label{margin-bottom:12px}.person-node{gap:5px}.person-node>strong{font-size:14px}.person-node>small{font-size:11px}.parent-row .avatar{width:54px!important;height:54px!important}.parent-row .pair-connector{top:27px}.parent-row.has-children:after{bottom:calc(-1 * var(--child-gap))}.parent-row.paired.has-children:after{top:27px}.children-row{margin-top:var(--child-gap)}.child-branch{min-width:100px;padding-top:17px}.children-row{justify-content:flex-start;padding-bottom:5px;overflow-x:auto}.child-branch:after{height:17px}.grandchildren{margin-top:12px;padding-top:15px}.grandchildren:before{height:27px;top:-12px}.grandchildren .avatar{width:44px!important;height:44px!important}.tree-add{margin-top:14px}}.relationship-map{max-width:720px;margin:0 auto;padding:10px 24px 0}.relation-toolbar{justify-content:space-between;align-items:center;height:48px;margin-bottom:18px;display:flex}.relation-toolbar>span{color:var(--muted);font-size:13px}.relation-toolbar .text-action{width:42px;font-size:13px}.kinship-graph{max-width:530px;margin:0 auto}.kinship-label{color:var(--muted);text-align:center;margin-bottom:14px;font-size:12px}.kinship-row{flex-wrap:wrap;justify-content:center;gap:20px 34px;display:flex}.kinship-person{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:88px;max-width:160px;min-height:65px;padding:8px 5px;display:flex}.kinship-person strong{font-family:var(--display);overflow-wrap:anywhere;font-size:21px;font-weight:600;line-height:1.4}.kinship-person small{color:var(--jade);font-size:12px}.kinship-person:hover strong{color:var(--red)}.kinship-person.memorial strong,.sibling-list .memorial strong{color:#929b95}.kinship-stem{background:#b4c8bc;width:1px;height:34px;margin:11px auto;display:block}.parent-generation .kinship-row{padding-bottom:9px;position:relative}.parent-generation .kinship-row:after{content:"";border-bottom:1px solid #b4c8bc;position:absolute;bottom:0;left:33%;right:33%}.parent-generation .kinship-stem{margin-top:0}.parent-generation.with-partner .kinship-stem{background:0 0;width:min(100%,300px);position:relative}.parent-generation.with-partner .kinship-stem:before{content:"";border-left:1px solid #b4c8bc;height:17px;position:absolute;top:0;left:50%}.parent-generation.with-partner .kinship-stem:after{content:"";border-top:1px solid #b4c8bc;border-left:1px solid #b4c8bc;height:17px;position:absolute;top:17px;left:calc(25% - 11.25px);right:50%}.focus-generation{justify-content:center;align-items:center;gap:15px;display:flex}.focus-generation.paired{grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);gap:0;width:min(100%,300px);margin:0 auto;display:grid}.focal-person{color:var(--red);border-bottom:2px solid var(--red);padding-bottom:13px}.focal-person strong{font-size:28px}.focal-person small{color:var(--red)}.marriage-link{color:#8da594;align-items:center;gap:5px;width:45px;display:flex}.marriage-link:before,.marriage-link:after{content:"";background:#b4c8bc;flex:1;height:1px}.child-generation .kinship-label{margin-bottom:7px}.relation-actions{justify-content:center;gap:30px;margin:24px 0 31px;display:flex}.relation-actions .text-action{font-size:13px}.sibling-section{border-top:1px solid var(--line);padding-top:21px}.sibling-section h2{margin-bottom:7px;font-size:15px;font-weight:500}.sibling-section h2 span{color:var(--muted);margin-left:9px;font-size:11px;font-weight:400}.sibling-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;display:grid}.sibling-list>button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:11px;min-height:71px;display:flex}.sibling-list>button>span:not(.sibling-rank):not(.icon){flex:1;min-width:0}.sibling-list strong{overflow-wrap:anywhere;font-size:15px;font-weight:500}.sibling-list small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.sibling-rank{font-family:var(--display);color:#96ab9d;font-size:13px}.sibling-list .icon{color:#abb8af}.person-link:has(.avatar){min-height:44px}.person-link:not(:has(.avatar)){min-height:36px}.my-profile:not(:has(.avatar)){padding-top:40px}.person-profile:not(:has(.avatar)){padding-top:5px}.relation-options{flex-wrap:wrap}.relation-options label{min-width:60px}@media (width<=370px){.relationship-map{padding-left:18px;padding-right:18px}.sibling-list{column-gap:14px}.kinship-person strong{font-size:19px}.focal-person strong{font-size:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.family-view-tabs{justify-content:center;gap:0}.family-view-tabs button{flex:1;max-width:180px;font-size:15px}.network-view{height:calc(100dvh - 195px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;min-height:440px;max-height:950px;display:flex}.network-toolbar{border-bottom:1px solid var(--line);z-index:5;flex-shrink:0;align-items:center;gap:5px;height:68px;padding:12px 16px;display:flex;position:relative}.network-search{background:var(--soft);border:1px solid var(--line);min-width:0;max-width:340px;color:var(--muted);border-radius:6px;flex:1;align-items:center;gap:8px;padding-left:10px;display:flex}.network-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:40px;font-size:14px}.network-results{border:1px solid var(--line);background:#fff;border-radius:6px;width:min(100% - 32px,340px);max-height:300px;position:absolute;top:62px;left:16px;overflow-y:auto;box-shadow:0 5px 20px #25332f18}.network-results button{text-align:left;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:13px 15px;display:flex}.network-results button:hover{background:var(--soft)}.network-results strong{overflow-wrap:anywhere;font-size:14px;font-weight:500}.network-results span,.network-results p{color:var(--muted);font-size:12px}.network-results p{padding:18px}.network-stage{flex:1;min-height:0;position:relative;overflow:hidden}.network-canvas{touch-action:none;width:100%;height:100%}.network-legend{pointer-events:none;color:var(--muted);gap:14px;font-size:11px;display:flex;position:absolute;top:15px;left:17px}.network-legend span{align-items:center;gap:5px;display:flex}.network-legend i{border-top:1.5px solid #8ca899;width:21px;display:block}.network-legend .spouse-line{border-top:1.5px dashed #c88686}.network-zoom{border:1px solid var(--line);background:#fffe;border-radius:6px;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:15px;right:13px}.network-zoom .icon-button{border-radius:5px}.network-zoom output{color:var(--muted);align-items:center;height:20px;font-size:11px;display:flex}.network-selection{border-top:1px solid var(--line);align-items:center;gap:15px;min-height:73px;padding:12px 18px;display:flex}.network-selection>div{flex:1;min-width:0}.network-selection strong{overflow-wrap:anywhere;font-size:16px;font-weight:500}.network-selection small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.network-selection .text-action{flex-shrink:0;font-size:12px}.network-selection>span{color:var(--muted);font-size:12px}.network-selection>span:last-child{margin-left:auto}.post-read{text-align:left;width:100%;display:block}.post-video-preview{width:100%;display:block;position:relative}.post-video-preview>span{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story-viewer{z-index:80;color:#fff;background:#171c19;height:100dvh;position:fixed;inset:0;overflow:hidden}.viewer-toolbar{z-index:3;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;background:#171c19;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.viewer-toolbar>span{align-items:center;gap:12px;font-size:16px;display:flex}.viewer-toolbar small{color:#a5b0a8;min-width:34px;font-size:12px}.story-viewer .icon-button:hover{background:#ffffff15}.story-viewer button:disabled{opacity:.25}.story-stream{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;height:100%;position:absolute;inset:0;overflow:hidden auto}.story-stream::-webkit-scrollbar{display:none}.story-media-track::-webkit-scrollbar{display:none}.story-slide{scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100%;padding-top:calc(64px + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;overflow:hidden}.story-media-area{flex:1;min-height:120px;position:relative}.story-media-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;width:100%;height:100%;display:flex;overflow:auto hidden}.story-media-frame{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.story-media-frame>img,.story-media-frame>video{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.story-letter{flex-direction:column;gap:22px;padding:25px 36px}.letter-year{color:#b1c3b6;font-family:Georgia,serif;font-size:30px}.story-letter>p{max-width:600px;font-family:var(--display);white-space:pre-line;overflow-wrap:anywhere;font-size:23px;line-height:1.9;overflow-y:auto}.media-prev,.media-next{z-index:2;background:#171c1999;position:absolute;top:calc(50% - 21px)}.media-prev{left:12px}.media-next{right:12px}.viewer-media-count{color:#fff;pointer-events:none;background:#171c19aa;border-radius:4px;padding:5px 8px;font-size:12px;position:absolute;bottom:14px;right:18px}.story-caption{flex-shrink:0;width:100%;max-width:900px;margin:0 auto;padding:20px 24px 12px}.story-author{overflow-wrap:anywhere;align-items:center;gap:15px;max-width:100%;font-size:17px;font-weight:600;display:flex}.story-author span{color:#a1afa6;font-size:11px;font-weight:400}.story-copy{white-space:pre-line;overflow-wrap:anywhere;max-height:125px;margin-top:10px;padding-right:48px;font-size:15px;line-height:1.8;overflow-y:auto}.story-facts{color:#acbcb0;flex-wrap:wrap;gap:14px;margin-top:11px;font-size:11px;display:flex}.story-facts span{align-items:center;gap:5px;display:flex}.story-actions{align-items:center;gap:26px;margin-top:9px;display:flex}.story-actions button{align-items:center;gap:8px;min-width:43px;min-height:43px;font-size:13px;display:flex}.story-actions .liked{color:#f29292}.story-pagination{bottom:calc(22px + env(safe-area-inset-bottom));z-index:4;background:#171c19;flex-direction:column;display:flex;position:absolute;right:12px}@media (width>=760px){.network-view{height:calc(100dvh - 215px)}.network-toolbar,.network-selection{padding-left:27px;padding-right:27px}.network-selection .text-action{font-size:14px}.story-caption{padding-bottom:24px}.story-media-frame>img,.story-media-frame>video{max-width:1400px}.story-pagination{bottom:36px;right:24px}.story-letter>p{font-size:28px}}