: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}*{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)}.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: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:16px}.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}}.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.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}.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:16px}.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}}:root{--ink:#343437;--muted:#818184;--jade:#505a68;--red:#bc514b;--red-light:#faf0ee;--line:#e2e1df;--soft:#f5f5f4;color:var(--ink);background:#fafafa}body{background:#fafafa}button,input,select,textarea{font-size:16px}.primary-button,.outline-button{border-radius:4px;min-height:49px;font-size:16px}.primary-button{color:#fff;background:#b64e49;border:1px solid #a84843;box-shadow:0 3px #8e3e3a}.primary-button:hover{background:#a94843}.outline-button{color:#454548;background:#fff;border-color:#d3d1ce;box-shadow:0 2px #e5e3e0}.primary-button:active,.outline-button:active{box-shadow:none;transform:translateY(2px)}.text-action{min-height:44px;font-size:15px}.icon-button{flex-basis:44px;width:44px;height:44px}.app-exit-button{z-index:25;top:calc(10px + env(safe-area-inset-top));color:#595659;background:#fffffff5;border:1px solid #d4d2cf;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;left:14px;box-shadow:0 2px #d8d5d180}.app-exit-button:hover{background:#f8f7f5}.app-exit-error{z-index:90;top:calc(62px + env(safe-area-inset-top));color:#903b36;background:#fff5f4;border:1px solid #e4b8b4;border-radius:4px;width:fit-content;max-width:calc(100% - 28px);margin:0;padding:12px 16px;font-size:15px;line-height:1.6;position:fixed;left:14px;right:14px}.family-cover{isolation:isolate;width:100%;height:calc(252px + env(safe-area-inset-top));background:#f4f4f3;position:relative;overflow:hidden}.family-cover-image{z-index:-1;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.family-cover-inner{width:100%;max-width:1080px;height:100%;padding:calc(83px + env(safe-area-inset-top)) 24px 20px;margin:0 auto;position:relative}.family-cover-title{width:fit-content;max-width:100%}.family-cover-title h1{font:700 34px/1.35 var(--display);color:#343033;margin:0}.family-cover-subtitle{color:#666165;font:15px/1.7 var(--display);margin-top:10px}.family-cover-count{border-bottom:1px solid var(--line);color:#767276;background:#fff;margin:0;padding:10px 24px;font:13px/20px sans-serif;position:absolute;bottom:0;left:0;right:0}.family-cover:has(.family-cover-count) .family-cover-image{height:calc(100% - 40px)}.cover-refresh,.cover-shortcut{top:calc(10px + env(safe-area-inset-top));color:#595659;background:#fffffff5;border:1px solid #d4d2cf;border-radius:4px;position:absolute;right:14px;box-shadow:0 2px #d8d5d180}.cover-shortcut.with-refresh{right:68px}.family-cover.compact{height:calc(178px + env(safe-area-inset-top))}.family-cover.compact .family-cover-inner{padding-top:calc(71px + env(safe-area-inset-top))}.family-cover.compact .family-cover-title h1{font-size:28px}.family-cover.compact .family-cover-subtitle{display:none}.app-header{box-shadow:none}.header-inner{height:65px}.header-inner h1{font-size:23px}.page-wrap{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.page-tabs{background:#f1f0ee;border-bottom:1px solid #d4d1cd;justify-content:stretch;gap:7px;height:64px;padding:15px 14px 0}.page-tabs button{color:#89817c;background:#e9e7e4;border:1px solid #d4d1cd;border-bottom:0;border-radius:5px 5px 0 0;flex:1;min-width:0;max-width:none;padding:0 6px;font-size:15px}.page-tabs button.active{color:#ad4946;background:#fff;box-shadow:0 -3px #b85850}.page-tabs button.active:after{display:none}.network-view{height:calc(100dvh - 330px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:350px}.network-stage{flex-direction:column;display:flex}.network-canvas{flex:1;height:calc(100% - 55px);min-height:0}.network-zoom{flex-direction:row;flex-shrink:0;align-self:flex-end;height:44px;margin:0 12px 10px;position:static}.network-zoom output{justify-content:center;width:42px}.network-legend i{border-color:#b1a79e}.network-legend .spouse-line{border-color:#c58278}.page-wrap:has(.network-view){padding-bottom:calc(88px + env(safe-area-inset-bottom))}.relationship-map{max-width:none;margin:0;padding:0}.relation-toolbar{border-bottom:1px solid var(--line);background:#fff;height:auto;min-height:49px;margin:0;padding:3px 14px}.relation-toolbar>span{color:#706a68;font:500 15px/1.5 var(--display);overflow-wrap:anywhere;text-align:center}.relation-toolbar .text-action{flex-shrink:0;width:49px;font-size:15px}.kinship-graph{background:#f7f7f6;max-width:none;padding:28px 20px}.kinship-label{display:none}.kinship-row{gap:28px 24px}.kinship-person{background:#fff;border:1px solid #d2cec9;border-radius:3px;gap:4px;min-width:120px;max-width:155px;min-height:76px;padding:12px 16px;position:relative;box-shadow:0 3px #e0ddd9}.kinship-person strong{color:#464143;font-size:23px;font-weight:600;line-height:1.35}.kinship-person small{color:#89817d;font-size:14px;line-height:1.4}.kinship-person:hover{border-color:#aa9690}.kinship-person:hover strong{color:inherit}.focal-person{background:#fff9f6;border-color:#c6978d;min-width:133px;min-height:86px;box-shadow:0 3px #debbb0}.focal-person:before{content:"";background:#b9574ee6;width:36px;height:9px;position:absolute;top:-5px}.focal-person strong{color:#a34741;font-size:27px}.focal-person small{color:#aa5b52}.kinship-person.memorial{background:#f2f1ef;border-color:#dad7d3;box-shadow:0 3px #e2dfdb}.kinship-person.memorial strong{color:#96908c}.kinship-stem{background:#b5aba4;width:1px;height:36px;margin:0 auto}.parent-generation .kinship-row{padding-bottom:0}.parent-generation .kinship-row:after{border-color:#b5aba4;bottom:-10px}.parent-generation.single-parent .kinship-row:after{display:none}.parent-generation:not(.single-parent) .kinship-row{padding-bottom:10px}.parent-generation.with-partner .kinship-stem{height:36px}.parent-generation.with-partner .kinship-stem:before{border-color:#b5aba4;height:18px}.parent-generation.with-partner .kinship-stem:after{border-color:#b5aba4;height:18px;top:18px}.focus-generation{gap:0}.focus-generation.paired{grid-template-columns:minmax(0,155px) 34px minmax(0,155px);max-width:344px;margin:0 auto}.focus-generation.paired .kinship-person{width:100%;min-width:0}.marriage-link{color:#b48b82;width:34px}.child-generation .kinship-row{padding-top:0}.relation-actions{border-bottom:1px solid var(--line);background:#f7f7f6;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:14px 18px 17px;display:grid}.relation-actions .text-action{color:#666b74;background:#fff;border:1px solid #ceced0;border-radius:3px;gap:10px;width:100%;min-height:47px;font-size:15px;box-shadow:0 3px #dddde0}.relation-actions .text-action:active{transform:translateY(2px);box-shadow:0 1px #dddde0}.sibling-section{border:0;margin:0;padding:24px 22px 12px}.sibling-section h2{margin-bottom:10px;font-size:19px}.sibling-list{gap:0 20px}.sibling-list>button{min-height:66px;padding:12px 0}.sibling-list strong{font-size:17px}.sibling-list small{font-size:13px}.tree-footer{text-align:center;color:var(--muted);margin:0;padding:15px 12px;font-size:13px}.bottom-nav{height:calc(88px + env(safe-area-inset-bottom));padding:12px 18px calc(12px + env(safe-area-inset-bottom));box-shadow:none;background:#eeedeb;border-color:#d7d3cf;gap:11px}.bottom-nav button{color:#797677;background:#fff;border:1px solid #d4d0cc;border-radius:3px;flex:1;gap:3px;min-width:0;max-width:165px;height:61px;padding:6px 0;font-size:13px;position:relative;box-shadow:0 3px #d9d5d1}.bottom-nav button:before{content:"";background:#c9b7a6;width:3px;position:absolute;top:0;bottom:0;left:0}.bottom-nav button:nth-child(2):before{background:#c17a70}.bottom-nav button:nth-child(3):before{background:#8295ac}.bottom-nav button.active{color:#ac4c45;background:#fffaf8;border-color:#c7998f;font-weight:600}.bottom-nav button.active .icon{color:#ad5049}.directory{padding:10px 0}.directory .search-field{margin:8px 20px 16px}.search-field input{padding:13px 6px;font-size:16px}.directory .section-heading{padding:0 22px;font-size:14px}.directory-row{min-height:80px;padding:19px 22px}.directory-name strong{font:600 21px/1.4 var(--display)}.directory-name small{font-size:14px;line-height:1.6}.self-mark{color:#a54f49;background:#f9eeea;font-family:inherit}.quiet-label{color:#908980;font-size:13px}:is(.my-profile,.my-profile:not(:has(.avatar))){background:url(/assets/family-profile.webp) 50%/cover;align-items:flex-start;min-height:230px;padding:45px 28px 25px}.my-profile h2{overflow-wrap:anywhere;color:#373236;max-width:65%;margin:0 0 8px;font-size:30px}.my-profile p{text-align:left;color:#777074;max-width:65%;font-size:15px}.my-profile .text-action{background:#fffffff0;border:1px solid #d5d1cd;border-radius:3px;min-height:42px;margin-top:13px;padding:0 10px;font-size:14px;box-shadow:0 2px #d8d3ce}.my-menu{margin-top:0;padding:12px 22px}.my-menu>button{min-height:66px;font-size:17px}.my-menu>button>.icon:first-child{color:#7b8798}.join-page{background:#fff;width:100%;max-width:none;min-height:100dvh;margin:0;padding:0 0 30px;display:block}.join-page .family-cover{height:calc(305px + env(safe-area-inset-top))}.join-page .family-cover-inner{padding-top:calc(101px + env(safe-area-inset-top))}.join-content{text-align:center;max-width:480px;margin:0 auto;padding:31px 25px 20px}.join-content>p{color:var(--muted);margin:0 0 14px;font-size:16px;line-height:1.8}.join-content h2{font:600 30px/1.45 var(--display);color:var(--ink);overflow-wrap:anywhere;margin:9px 0}.join-content>.primary-button{margin-top:17px}.join-content .field,.join-content form,.join-content .join-choice{text-align:left}.join-content .page-tabs{margin:22px 0}.join-choice{min-height:54px;padding:14px}.join-choice small{font-size:14px}.sheet-header h2{font-size:19px}.sheet-content{padding:23px}.field{font-size:15px}.field input,.field select,.field textarea{border-radius:4px;min-height:48px;font-size:16px}.profile-name{font-size:28px}.profile-facts,.profile-note{font-size:16px;line-height:1.8}.invitation-artifact{background:#fff;border:1px solid #d6d0c9;border-radius:3px;padding-top:0;overflow:hidden;box-shadow:0 3px #e4e0db}.invitation-top{background:url(/assets/family-invitation.webp) 50%/cover;justify-content:flex-start;align-items:center;gap:9px;min-height:152px;margin:0 -15px 23px;padding-left:24px;display:flex}.invitation-top h3{font:700 28px/1.4 var(--display);color:#3f3538;margin:0}.invitation-top .tiny-seal,.invitation-top p{display:none}.invitation-name{font:600 26px/1.5 var(--display)}.invitation-relation,.invitation-from{font-size:15px}.live-qr{background:#fff;border:1px solid #e6e2de;border-radius:2px;width:204px;margin:20px auto;padding:12px}.live-time-empty{min-height:445px;padding-top:265px;position:relative}.live-time-empty:before{content:"";background:url(/assets/family-memory.webp) 50%/cover no-repeat;width:100%;height:235px;position:absolute;top:0;left:0}.live-time-empty>.icon{display:none}.live-time-empty h3{font:600 23px/1.5 var(--display)}.shortcut-method{align-items:flex-start;gap:14px;margin-bottom:25px;display:flex}.shortcut-method>.icon{color:#7b8798;flex-shrink:0;margin-top:3px}.shortcut-method h3{margin:0 0 7px;font-size:18px;line-height:1.5}.shortcut-method p{color:#727276;margin:0;font-size:15px;line-height:1.8}.shortcut-address{color:#727276;margin:0 0 16px;font-size:14px;display:block}.shortcut-address input{color:#454548;letter-spacing:0;background:#f8f8f7;border:1px solid #d5d4d2;border-radius:4px;width:100%;min-width:0;margin-top:8px;padding:14px 10px;font-size:16px;display:block}.shortcut-feedback{text-align:center;color:#a34741;min-height:24px;margin:10px 0;font-size:14px;line-height:1.7}.shortcut-footnote{border-top:1px solid var(--line);color:#818184;margin:0;padding-top:15px;font-size:13px;line-height:1.8}.memory-toolbar{background:#fff;align-items:center;gap:12px;padding:18px 20px;display:flex}.memory-toolbar .search-field{flex:1;min-width:0;margin:0}.memory-toolbar .primary-button{flex-shrink:0;padding:0 15px;font-size:15px}.memory-feed{max-width:700px;margin:0 auto}.memory-feed .post{overflow-wrap:anywhere}.memory-person-filter{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:4px 22px;font-size:15px;display:flex}.memory-error{padding:12px 22px}.memory-overlay{z-index:80}.memory-upload-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0 23px;display:grid}.memory-upload-item,.memory-upload-list .photo-picker{aspect-ratio:1;border:1px solid var(--line);background:#f4f4f3;border-radius:4px;justify-content:center;align-items:center;width:100%;min-width:0;height:auto;display:flex;position:relative;overflow:hidden}.memory-upload-item img,.memory-upload-item video{object-fit:cover;width:100%;height:100%}.memory-video-thumbnail{color:#737982;place-items:center;padding-bottom:27px;display:grid;position:absolute;inset:0}.memory-video-thumbnail>video,.memory-video-thumbnail>img{opacity:0;position:absolute;inset:0}.memory-video-thumbnail>.preview-loaded{opacity:1}.memory-video-kind{color:#454548;background:#fffffff2;border-radius:3px;padding:3px 5px;font-size:11px;position:absolute;top:6px;left:6px}.upload-remove{color:#454548;background:#fffffff2;border:1px solid #d5d4d2;border-radius:4px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:2px;right:2px}.upload-progress,.upload-retry,.upload-complete{color:#454548;background:#ffffffef;justify-content:center;align-items:center;gap:4px;min-height:27px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.upload-complete{color:#505a68;background:#fffffff2}.upload-retry{color:#a34741;min-height:40px}.memory-old{align-items:center;gap:9px;margin:0 0 22px;font-size:15px;display:flex}.memory-old input{accent-color:#b64e49;width:18px;height:18px}.memory-sheet .people-picker{max-height:190px;overflow-y:auto}.memory-sheet .field,.memory-sheet .photo-picker{color:#727276}.memory-sheet .field input{border-color:#d8d8d7}.memory-sheet .field input::placeholder{color:#949498}.memory-sheet .sheet-handle{background:#d8d8d7}.memory-sheet .people-picker label{color:#656569;border-color:#d8d8d7;gap:8px;max-width:100%}.memory-sheet .people-picker label.checked{color:#99443f;background:#faf0ef;border-color:#d7aca9}.memory-sheet .people-picker input{accent-color:#b64e49;flex:0 0 18px;width:18px;height:18px;min-height:18px;padding:0}.memory-sheet .people-picker span{overflow-wrap:anywhere;min-width:0}.memory-sheet .comment-form{margin-bottom:24px}.memory-comment{overflow-wrap:anywhere;flex:1;min-width:0}.memory-comment strong{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.memory-comment small{color:var(--muted);font-size:12px;font-weight:400}.video-processing{color:#737982;background:#f2f3f4;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:195px;display:flex}.video-processing p{margin:0;font-size:15px}.memory-toast{z-index:100;bottom:calc(110px + env(safe-area-inset-bottom));color:#fff;background:#444449;border-radius:4px;width:max-content;max-width:calc(100% - 40px);padding:12px 18px;font-size:15px;line-height:1.7;position:fixed;left:50%;transform:translate(-50%)}.memory-feed .post-video-preview{aspect-ratio:4/3}.memory-feed .post-video{object-fit:contain;background:#212123;width:100%;height:100%}.story-viewer,.viewer-toolbar,.story-pagination{background:#212123}.viewer-toolbar small,.story-author span,.story-facts,.letter-year{color:#b8b8bd}.media-prev,.media-next{background:#21212399}.viewer-media-count{background:#212123aa}@media (width<=480px){.memory-toolbar{flex-wrap:wrap}.memory-toolbar .search-field{flex-basis:100%;order:2}.memory-toolbar .primary-button{width:100%}}@media (width<=370px){.family-cover-inner{padding-left:20px}.family-cover-title h1{font-size:31px}.family-cover-subtitle{font-size:14px}.family-cover-count{padding-left:20px}.page-tabs button{font-size:14px}.kinship-person{min-width:108px;padding:11px 13px}.kinship-person strong{font-size:21px}.focal-person strong{font-size:24px}.kinship-graph{padding:26px 16px}.relationship-map{padding:0}.bottom-nav{gap:9px;padding-left:15px;padding-right:15px}}@media (width>=760px){body{background:#f4f4f3}.family-cover{height:276px}.family-cover-image{object-position:center 62%}.cover-welcome .family-cover-image{object-position:center 85%}.family-cover-inner{padding-top:85px;padding-left:35px}.family-cover-title h1{font-size:40px}.family-cover-subtitle{font-size:18px}.family-cover-count{padding-left:35px;font-size:14px}.family-cover.compact{height:190px}.network-view{height:calc(100dvh - 342px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.page-wrap{background:#fff;min-height:calc(100dvh - 276px)}.relation-toolbar{padding:3px 30px}.kinship-graph{padding:34px 25px}.join-page .family-cover{height:360px}.join-page .family-cover-inner{padding-top:110px}.join-content{padding-top:38px}:is(.my-profile,.my-profile:not(:has(.avatar))){padding-left:40px}}