:root{color-scheme:dark;font-family:"Noto Serif SC",Songti SC,serif;background:#111;color:#e9e0d3;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:#0d0e0e}button,textarea{font:inherit}button{color:inherit}.app-stage{min-height:100vh;display:grid;place-items:center;padding:20px;background:#e9e7e2}.mobile-prototype{position:relative;width:390px;height:844px;max-width:100%;overflow:hidden;border-radius:30px;background:#0d0e0e;box-shadow:0 18px 48px #0005}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0d0e0e}.content-screen{padding-top:0}.page-header{height:55px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:0 12px}.page-header h1{margin:0;text-align:center;color:#c9a067;font-size:19px;font-weight:500;letter-spacing:2px}.icon-button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#d6aa70;cursor:pointer}.header-right{display:grid;place-items:center}.welcome-screen img{width:100%;height:100%;object-fit:fill;display:block}.welcome-hit{position:absolute;left:22%;right:22%;bottom:15.5%;height:54px;border:0;border-radius:18px;background:transparent;cursor:pointer}.home-screen{overflow-y:auto;padding-bottom:82px;scrollbar-width:none}.home-hero{position:relative;min-height:317px;padding-top:58px;text-align:center;background-size:cover;background-position:center;isolation:isolate}.home-hero:after,.more-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0607077a}.share{position:absolute;top:21px;right:16px;border:0;background:transparent;color:#cfc4b5;display:flex;gap:4px;align-items:center;font-size:12px}.main-portrait{width:98px;height:98px;border-radius:50%;object-fit:cover;border:1px solid #b58b56;box-shadow:0 0 0 5px #ffffff12}.home-hero h1{color:#d3a96e;margin:13px 0 5px;font-size:23px;font-weight:500;letter-spacing:2px}.home-hero p{margin:3px 0;font-size:12px;color:#e0d8cd}.home-hero .location{margin-top:11px}.home-card{position:relative;margin:-22px 14px 0;padding:18px 15px 8px;border:1px solid #ffffff0d;border-radius:14px;background:#151616;box-shadow:0 8px 28px #0008}.home-card h2,.records h2{color:#d0a264;font-size:16px;font-weight:500;margin:0 0 9px}.home-card>p{font-size:11px;line-height:1.9;color:#d0c8bc;margin:0 0 9px}.entry-list button{width:100%;height:49px;padding:0 3px;display:grid;grid-template-columns:28px 1fr 20px;align-items:center;border:0;border-top:1px solid #ffffff0d;background:transparent;text-align:left;cursor:pointer}.bottom-nav{position:absolute;z-index:20;left:0;right:0;bottom:0;height:72px;display:grid;grid-template-columns:repeat(4,1fr);background:#111212f7;border-top:1px solid #ffffff0c}.bottom-nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border:0;background:transparent;color:#837a6f;font-size:11px;cursor:pointer}.bottom-nav button.active{color:#d3a05d}.timeline{position:relative;margin:2px 18px 0 24px}.timeline:before{content:"";position:absolute;left:9px;top:16px;bottom:20px;width:1px;background:#956b43}.timeline article{position:relative;height:92px;display:grid;grid-template-columns:1fr 100px;gap:12px;padding-left:34px;align-items:center}.timeline article:before{content:"";position:absolute;left:4px;top:21px;width:10px;height:10px;border-radius:50%;border:2px solid #b88954;background:#d6a064;box-shadow:0 0 0 4px #0d0e0e}.timeline-copy strong{color:#d2aa76;font-size:15px;font-weight:500}.timeline-copy p{margin:5px 0 0;font-size:10px;color:#cfc5b8;line-height:1.45}.timeline img{width:90px;height:69px;object-fit:cover;border-radius:9px;filter:saturate(.75)}.life-quote{display:flex;align-items:center;justify-content:space-between;color:#d3a461;padding:3px 22px 0;font-size:14px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:0 14px 15px;border-bottom:1px solid #ffffff10}.tabs button{height:42px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aaa196;cursor:pointer}.tabs button.active{color:#d6aa6d;border-bottom-color:#c68f50}.media-grid{padding:0 13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.media-grid>button{height:110px;padding:0;border:0;border-radius:10px;overflow:hidden;background:#191919;cursor:pointer}.media-grid img{width:100%;height:100%;object-fit:cover;display:block}.audio-card{display:flex;flex-direction:column;align-items:flex-start;padding:14px!important;color:#d9c6ab}.audio-card strong{font-size:14px;font-weight:500}.audio-card small{color:#95897c}.wave{margin:15px 0 5px;letter-spacing:1px;color:#a47e51}.empty-media{height:460px;display:grid;place-content:center;text-align:center;color:#8d8174}.empty-media p{color:#bda57f}.player{margin:12px 13px 0;width:calc(100% - 26px);height:55px;display:grid;grid-template-columns:40px 1fr auto 22px;align-items:center;border:1px solid #ffffff0d;border-radius:12px;background:#1a1918;text-align:left;cursor:pointer}.player small{color:#857c72}.play-circle{width:32px;height:32px;display:grid;place-items:center;border:1px solid #957047;border-radius:50%;color:#d6a462}.player.playing{border-color:#7f6040}.outline-button{display:block;min-width:140px;height:43px;margin:18px auto 0;padding:0 20px;border:1px solid #5a4935;border-radius:10px;background:transparent;color:#d1aa72;cursor:pointer}.composer{position:relative;margin:3px 13px 10px;height:112px;border:1px solid #ffffff10;border-radius:12px;background:#161717;overflow:hidden}.composer textarea{width:100%;height:78px;padding:13px;resize:none;border:0;outline:0;background:transparent;color:#eee4d8;font-size:12px}.composer textarea::placeholder{color:#7f7870}.composer span{position:absolute;right:63px;bottom:10px;color:#6e6860;font-size:10px}.composer button{position:absolute;right:8px;bottom:7px;height:28px;padding:0 12px;border:0;border-radius:7px;background:#c29a64;color:#18130e;font-size:11px}.tags{display:flex;gap:7px;padding:0 13px 10px}.tags button{flex:1;height:28px;border:1px solid #5e4932;border-radius:14px;background:#181716;color:#a98c68;font-size:10px}.tags button.active{background:#715536;color:#f2dfc4}.message-list{padding:0 13px}.message-list article{min-height:112px;display:grid;grid-template-columns:34px 1fr;gap:9px;padding:13px 0;border-bottom:1px solid #ffffff0d}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#3a3834;color:#d9b477;font-size:12px}.message-body>div:first-child{display:flex;justify-content:space-between}.message-body strong{font-size:12px}.message-body em{padding:3px 7px;border-radius:9px;background:#2a241d;color:#c39966;font-size:9px;font-style:normal}.message-body small{color:#6f6962;font-size:9px}.message-body p{margin:7px 0;color:#c6beb4;font-size:10px;line-height:1.55}.message-actions{text-align:right;color:#6f6961;font-size:9px}.ritual-screen{padding-bottom:72px}.ritual-summary{text-align:center;color:#c8b7a0;font-size:12px;line-height:1.8}.ritual-summary b{color:#d5a35e}.ritual-summary span{color:#a88d6b;font-size:10px}.ritual-image{width:100%;height:306px;object-fit:cover;margin-top:8px;display:block}.ritual-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:-3px 12px 10px}.ritual-actions button{height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #ffffff0c;border-radius:10px;background:#191817;color:#c99a5d;font-size:12px}.records{margin:0 13px}.records h2{margin-top:8px}.records button{width:100%;height:37px;display:grid;grid-template-columns:22px 48px 1fr 55px 18px;align-items:center;border:0;border-top:1px solid #ffffff0b;background:transparent;color:#a49a8e;font-size:10px;text-align:left}.records button>span{color:#cda46c}.records button b{font-weight:400}.records button em{color:#c69b63;font-style:normal}.tree{padding-top:14px}.tree-row{position:relative;display:flex;justify-content:center}.ancestors{gap:45px}.grandparents{justify-content:space-around;padding:0 8px}.couple{gap:24px}.children{justify-content:space-around;padding:0 33px}.person{width:72px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#d5cabc;font-size:11px}.person-photo{width:49px;height:49px;overflow:hidden;border:1px solid #b38854;border-radius:50%;background:#292929}.couple .person-photo{width:72px;height:72px}.person-photo img{width:100%;height:100%;object-fit:cover}.person-photo.muted img{opacity:.13;filter:grayscale(1)}.person span{margin-top:5px}.person small{color:#b08a5d;font-size:9px}.tree-line{width:1px;height:24px;margin:0 auto;background:#8e704d}.tree-line.long{height:27px}.grandparents:before,.children:before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:1px;background:#8e704d}.family-more{margin-top:34px}.more-screen{padding-bottom:72px}.more-hero{position:relative;z-index:0;height:265px;background-size:cover;background-position:center bottom}.more-hero h1{margin:0;padding-top:46px;text-align:center;color:#cda269;font-size:20px;font-weight:500;letter-spacing:3px}.more-list{margin:-18px 13px 0;position:relative;border:1px solid #ffffff0d;border-radius:12px;background:#121313;overflow:hidden}.more-list button{width:100%;height:64px;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;padding:0 14px;border:0;border-bottom:1px solid #ffffff0d;background:transparent;color:#cda06a;text-align:left}.more-list button span{color:#ddd2c4}.toast{position:absolute;z-index:99;left:50%;bottom:86px;transform:translate(-50%);max-width:80%;padding:9px 14px;border:1px solid #8e6b43;border-radius:20px;background:#211e1aef;color:#ead5b8;font-size:11px;white-space:nowrap;box-shadow:0 8px 25px #0008}@media(max-width:600px){.app-stage{min-height:100svh;padding:0;background:#0d0e0e}.mobile-prototype{width:100vw;height:100svh;max-height:none;border-radius:0;box-shadow:none}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(72px + env(safe-area-inset-bottom));background:#111212}}