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}}

html,body,#sakura-story{height:100%}#sakura-story{box-sizing:border-box;padding-top:40px;display:flex;align-items:center;justify-content:center}#tree{width:100%;height:100%}[data-cut="hero"] .household-tree{height:100%;display:flex;flex-direction:column}.tree-scene{flex:1;min-height:0;display:flex;align-items:center}.tree-scene>svg{width:100%;height:100%;max-height:100%}.tree-key{flex:none}#record-cloud{height:44px}.sakura-record{padding:8px;top:2px!important}