body{position:relative}.reading-thread{display:none}.page-spine{position:absolute;inset:80px 0 0;width:100%;height:calc(100% - 80px);z-index:12;pointer-events:none;overflow:visible;opacity:.56}.spine-route{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.spine-base{stroke:#9d83ae42;stroke-width:1.05}.spine-ink{stroke:#806094;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--page-progress,0))}.spine-markers circle{fill:#f8f5fa;stroke:#8d6ca2;stroke-width:.16;vector-effect:non-scaling-stroke;opacity:.58;transition:fill .32s ease,opacity .32s ease,transform .42s cubic-bezier(.2,.8,.2,1);transform-box:fill-box;transform-origin:center}.spine-markers circle.is-past{fill:#8d6ca2;opacity:1;transform:scale(1.65)}.spine-mobile{display:none}.thread-stage svg,.continuous-thread{display:none!important}.thread-page{transition:opacity .36s ease,transform .42s ease}.story-step{transition:opacity .28s ease}.story-screen{top:124px}.phone-shell{width:100%;height:auto;aspect-ratio:3/2;padding:0;background:#d8d0de;border-radius:2px;display:block}.phone-shell:before{display:none}.phone-shell img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:0;box-shadow:none;transition:opacity .24s ease}.story-screen.active .phone-shell img{animation:stable-image-in .38s ease both}.screen-caption{border-top:1px solid #c9bfce;padding:16px 2px}.reveal{transition:opacity .5s ease,transform .5s ease}.moment-preview{width:min(560px,100%);min-width:0;border-radius:2px;overflow:hidden}.moment-preview img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.principles-visual{overflow:hidden}.principles-visual img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.mobile-story-image{padding:0;overflow:hidden;background:#d8d0de}.mobile-story-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0;box-shadow:none}.opening-visual .character{object-fit:contain}@keyframes stable-image-in{from{opacity:.66}to{opacity:1}}
@media(max-width:720px){.page-spine{opacity:.5}.spine-desktop{display:none}.spine-mobile{display:block}.spine-base{stroke-width:1}.spine-ink{stroke-width:1.35}.thread-story{height:auto}.thread-stage{position:relative;height:auto;min-height:0;padding:72px 30px 72px 24px;overflow:visible}.thread-pages{display:grid;gap:48px;min-height:0}.thread-page{position:static;opacity:1;transform:none;visibility:visible!important}.thread-tabs,.thread-caption{display:none}.story-step{opacity:1}.mobile-story-image{display:block;margin:22px 0 28px;border-radius:2px}.mobile-story-image img{height:auto}.story-screen{display:none}.principles-visual img{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.spine-ink{stroke-dashoffset:0}.spine-markers circle,.spine-markers circle.is-past{fill:#8d6ca2;opacity:.72;transform:none!important;transition:none!important}.thread-page,.story-step,.phone-shell img,.reveal{transition:none!important;animation:none!important}}
.motion-reduced .spine-ink{stroke-dashoffset:0}.motion-reduced .spine-markers circle,.motion-reduced .spine-markers circle.is-past{fill:#8d6ca2;opacity:.72;transform:none!important;transition:none!important}.motion-reduced .thread-page,.motion-reduced .story-step,.motion-reduced .phone-shell img,.motion-reduced .reveal{transition:none!important;animation:none!important}