html,body {margin:0;background:transparent;overflow:hidden;scrollbar-gutter:auto;}
#sakura-story {position:relative;padding:68px 0 0;min-height:0;isolation:isolate;}
[data-cut="hero"] .household-tree {padding:0;border:0;margin:0;}
.tree-scene {width:100%;max-width:none;margin:0 auto;}
.tree-scene svg {max-height:none;}
.tree-key {margin:0 0 8px;font-size:11px;}
#record-cloud {position:absolute;inset:0 0 auto;height:64px;pointer-events:none;overflow:hidden;}
.sakura-record {position:absolute;box-sizing:border-box;width:190px;display:grid;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:7px;padding:10px;border:1px solid #ecdee6;border-radius:15px;background:#fffafd;box-shadow:0 4px 12px #67435108;animation:record-drift 5.8s ease both;font-size:11px;color:var(--text);}
.sakura-record svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;}
.sakura-record span {min-width:0;}
.sakura-record b {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;}
.sakura-record strong {font-size:12px;white-space:nowrap;color:var(--pink);}
.sakura-record.income strong {color:var(--mint);}
@keyframes record-drift {0%{opacity:0;transform:translateY(8px) scale(.97)}15%,74%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.sakura-record{animation:none}#record-cloud{display:none}}