.life-stage-frame.svelte-1w10b2j{width:100%;margin:0 auto}.container-layout.svelte-1w10b2j{container-type:inline-size}.life-stage.svelte-1w10b2j{--lab-life-people: var(--life-people, #397652);--lab-life-play: var(--life-play, #8d59a2);--lab-life-learning: var(--life-learning, #97670d);--lab-life-care: var(--life-care, #267b82);--lab-life-daily: var(--life-daily, #a15172);--lab-life-inner: var(--life-inner, #6663a5);position:relative;width:100%;max-width:var(--stage-max-width);aspect-ratio:var(--desktop-aspect);margin:0 auto;container-type:inline-size}.dark .life-stage.svelte-1w10b2j{--lab-life-people: var(--life-people, #98cbaa);--lab-life-play: var(--life-play, #cfaae6);--lab-life-learning: var(--life-learning, #e0c278);--lab-life-care: var(--life-care, #8dcac2);--lab-life-daily: var(--life-daily, #dfa3b5);--lab-life-inner: var(--life-inner, #b6b3e6)}.fallback.svelte-1w10b2j,.bodies.svelte-1w10b2j,canvas.svelte-1w10b2j{position:absolute;inset:0;width:100%;height:100%}.fallback.svelte-1w10b2j{stroke-linecap:round;stroke-linejoin:round}.fallback.compact.svelte-1w10b2j,.bodies.compact.svelte-1w10b2j{display:none}canvas.svelte-1w10b2j{opacity:0;pointer-events:none}.ready.svelte-1w10b2j canvas:where(.svelte-1w10b2j){opacity:1}.ready.svelte-1w10b2j .fallback:where(.svelte-1w10b2j){opacity:0}.bodies.svelte-1w10b2j{z-index:1;pointer-events:none}.body.svelte-1w10b2j{position:absolute;width:var(--icon-size);height:var(--icon-size);transform:translate(-50%,-50%)}.icon.svelte-1w10b2j{width:100%;height:100%}.body-label.svelte-1w10b2j{position:absolute;top:calc(100% + var(--label-gap));left:50%;transform:translate(-50%);width:110px;max-width:var(--label-bound);font-size:13px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;text-align:center;color:var(--scene-ink);padding:1px 4px;border-radius:3px;background:var(--panel)}.body-label.central.svelte-1w10b2j{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;pointer-events:auto}.above.svelte-1w10b2j .body-label:where(.svelte-1w10b2j){top:auto;bottom:calc(100% + var(--label-gap))}.person.svelte-1w10b2j .body-label:where(.svelte-1w10b2j){color:var(--scene-person);font-weight:600}.ai-label-outside.svelte-1w10b2j [data-body-kind=ai]:where(.svelte-1w10b2j) .body-label:where(.svelte-1w10b2j){top:calc(50% + var(--body-radius) + 8px);bottom:auto}@media(max-width:700px){.life-stage-frame.svelte-1w10b2j:not(.container-layout) .life-stage:where(.svelte-1w10b2j){max-width:500px;aspect-ratio:var(--compact-aspect)}.life-stage-frame.svelte-1w10b2j:not(.container-layout) .fallback.desktop:where(.svelte-1w10b2j),.life-stage-frame.svelte-1w10b2j:not(.container-layout) .bodies.desktop:where(.svelte-1w10b2j){display:none}.life-stage-frame.svelte-1w10b2j:not(.container-layout) .fallback.compact:where(.svelte-1w10b2j),.life-stage-frame.svelte-1w10b2j:not(.container-layout) .bodies.compact:where(.svelte-1w10b2j){display:block}.life-stage-frame.svelte-1w10b2j:not(.container-layout) .body:where(.svelte-1w10b2j){width:calc(var(--icon-size) * .9);height:calc(var(--icon-size) * .9)}.life-stage-frame.svelte-1w10b2j:not(.container-layout) .body-label:where(.svelte-1w10b2j){width:clamp(62px,24cqw,88px);font-size:12px;padding:1px 3px}}.compact-layout.svelte-1w10b2j .life-stage:where(.svelte-1w10b2j){max-width:500px;aspect-ratio:var(--compact-aspect)}.compact-layout.svelte-1w10b2j .fallback.desktop:where(.svelte-1w10b2j),.compact-layout.svelte-1w10b2j .bodies.desktop:where(.svelte-1w10b2j){display:none}.compact-layout.svelte-1w10b2j .fallback.compact:where(.svelte-1w10b2j),.compact-layout.svelte-1w10b2j .bodies.compact:where(.svelte-1w10b2j){display:block}.compact-layout.svelte-1w10b2j .body:where(.svelte-1w10b2j){width:calc(var(--icon-size) * .9);height:calc(var(--icon-size) * .9)}.compact-layout.svelte-1w10b2j .body-label:where(.svelte-1w10b2j){width:clamp(62px,24cqw,88px);font-size:12px;padding:1px 3px}@container (width < 560px){.container-layout.svelte-1w10b2j .life-stage:where(.svelte-1w10b2j){max-width:500px;aspect-ratio:var(--compact-aspect)}.container-layout.svelte-1w10b2j .fallback.desktop:where(.svelte-1w10b2j),.container-layout.svelte-1w10b2j .bodies.desktop:where(.svelte-1w10b2j){display:none}.container-layout.svelte-1w10b2j .fallback.compact:where(.svelte-1w10b2j),.container-layout.svelte-1w10b2j .bodies.compact:where(.svelte-1w10b2j){display:block}.container-layout.svelte-1w10b2j .body:where(.svelte-1w10b2j){width:calc(var(--icon-size) * .9);height:calc(var(--icon-size) * .9)}.container-layout.svelte-1w10b2j .body-label:where(.svelte-1w10b2j){width:clamp(62px,24cqw,88px);font-size:12px;padding:1px 3px}}.person.svelte-1w10b2j .body-label:where(.svelte-1w10b2j),[data-body-kind=ai].svelte-1w10b2j .body-label:where(.svelte-1w10b2j){width:max-content}.body-label.central.svelte-1w10b2j{max-width:min(110px,var(--label-bound))}@container (width < 560px){.body-label.central.svelte-1w10b2j{max-width:min(clamp(62px,24cqw,88px),var(--label-bound))}}