.from-why-to-how-module__slseya__root{--amber-bg:#fbf5ea;--amber-line:#e9d5ab;--spring:cubic-bezier(.34, 1.56, .64, 1);--soft:cubic-bezier(.16, 1, .3, 1)}.from-why-to-how-module__slseya__ring{max-width:100%;height:auto;display:block;overflow:visible}.from-why-to-how-module__slseya__track{fill:none;stroke:var(--amber-line);stroke-width:22px;stroke-dasharray:100;stroke-dashoffset:0;opacity:.55;transform-origin:100px 100px;transform:rotate(-90deg)}.from-why-to-how-module__slseya__inner{fill:none;stroke:var(--caution);stroke-width:1.5px;stroke-dasharray:3 5;opacity:.5;transform-origin:100px 100px}.from-why-to-how-module__slseya__spin{transform-origin:100px 100px}.from-why-to-how-module__slseya__ringText{fill:var(--color-ink);letter-spacing:0;dominant-baseline:central;font-size:12px;font-weight:600}.from-why-to-how-module__slseya__ghost{fill:none;stroke:var(--color-ink-faint);stroke-width:3px;opacity:0}.from-why-to-how-module__slseya__you{fill:var(--color-accent)}.from-why-to-how-module__slseya__ring[data-undone] .from-why-to-how-module__slseya__you{r:18px}.from-why-to-how-module__slseya__ring[data-undone] .from-why-to-how-module__slseya__ringText{opacity:0}.from-why-to-how-module__slseya__ring[data-undone] .from-why-to-how-module__slseya__ghost{opacity:.45}.from-why-to-how-module__slseya__ring[data-undone] .from-why-to-how-module__slseya__inner{opacity:0}.from-why-to-how-module__slseya__ring[data-undone] .from-why-to-how-module__slseya__track{stroke-dashoffset:100px}.from-why-to-how-module__slseya__lp{--ring:160px;--small:.4;flex-direction:column;display:flex}.from-why-to-how-module__slseya__top{height:176px;position:relative}.from-why-to-how-module__slseya__ringBox{width:var(--ring);height:var(--ring);transform-origin:50%;position:absolute;top:8px;left:50%;transform:translate(-50%)}.from-why-to-how-module__slseya__was{opacity:0;pointer-events:none;flex-direction:column;gap:2px;margin:0;display:flex;position:absolute;top:6px;left:76px;right:0}.from-why-to-how-module__slseya__was span{color:var(--color-ink-faint);font-size:12px}.from-why-to-how-module__slseya__was s{color:var(--color-ink-soft);-webkit-text-decoration-color:color-mix(in srgb, var(--color-ink-faint) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--color-ink-faint) 60%, transparent);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.from-why-to-how-module__slseya__stones{flex-direction:column;gap:14px;max-height:0;margin:0;padding:0 0 4px;list-style:none;display:flex;position:relative;overflow:hidden}.from-why-to-how-module__slseya__stones:before{content:"";background:repeating-linear-gradient(180deg, var(--color-accent) 0 6px, transparent 6px 11px);transform-origin:top;border-radius:1px;width:2px;position:absolute;top:-10px;bottom:16px;left:31px;transform:scaleY(0)}.from-why-to-how-module__slseya__stones li{opacity:0;flex-direction:column;gap:4px;min-height:28px;padding-left:56px;display:flex;position:relative;transform:translateY(8px)}.from-why-to-how-module__slseya__stones b{color:var(--color-ink);font-size:15px;line-height:1.5}.from-why-to-how-module__slseya__stones p{color:var(--color-ink-soft);overflow-wrap:anywhere;background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:12px;margin:0;padding:8px 12px;font-size:14px;line-height:1.6}.from-why-to-how-module__slseya__dot{background:var(--color-surface-raised);border:2px solid var(--color-accent);border-radius:50%;width:20px;height:20px;position:absolute;top:3px;left:22px}.from-why-to-how-module__slseya__last .from-why-to-how-module__slseya__dot{background:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-tint)}.from-why-to-how-module__slseya__last b{color:var(--color-accent-strong)}.from-why-to-how-module__slseya__lp[data-stage=path] .from-why-to-how-module__slseya__top{height:72px}.from-why-to-how-module__slseya__lp[data-stage=path] .from-why-to-how-module__slseya__ringBox{transform:translate(-48px, -56px) scale(var(--small));left:0}.from-why-to-how-module__slseya__lp[data-stage=path] .from-why-to-how-module__slseya__was{opacity:1}.from-why-to-how-module__slseya__lp[data-stage=path] .from-why-to-how-module__slseya__stones{max-height:1200px;padding-top:6px}.from-why-to-how-module__slseya__lp[data-stage=path] .from-why-to-how-module__slseya__stones:before{transform:scaleY(1)}.from-why-to-how-module__slseya__lp[data-stage=path] .from-why-to-how-module__slseya__stones li{opacity:1;transform:none}.from-why-to-how-module__slseya__caption{display:grid}.from-why-to-how-module__slseya__caption>*{grid-area:1/1}.from-why-to-how-module__slseya__captionOut{opacity:0}@media (prefers-reduced-motion:no-preference){.from-why-to-how-module__slseya__spin{animation:22s linear infinite from-why-to-how-module__slseya__turn}.from-why-to-how-module__slseya__inner{animation:from-why-to-how-module__slseya__turn var(--t,12s) linear infinite reverse, from-why-to-how-module__slseya__ring-in .6s var(--soft) backwards}.from-why-to-how-module__slseya__ring[data-undone] .from-why-to-how-module__slseya__spin,.from-why-to-how-module__slseya__ring[data-undone] .from-why-to-how-module__slseya__inner{animation-play-state:paused}.from-why-to-how-module__slseya__track{transition:stroke-dashoffset 1.1s var(--soft) .1s}.from-why-to-how-module__slseya__ringText,.from-why-to-how-module__slseya__inner{transition:opacity .6s}.from-why-to-how-module__slseya__ghost{transition:opacity .6s .9s}.from-why-to-how-module__slseya__you{transition:r .6s var(--spring) .9s}.from-why-to-how-module__slseya__top{transition:height .9s var(--soft) .2s}.from-why-to-how-module__slseya__ringBox{transition:left .9s var(--soft) .2s, transform .9s var(--soft) .2s}.from-why-to-how-module__slseya__was{transition:opacity .6s .9s}.from-why-to-how-module__slseya__stones{transition:max-height 1.4s var(--soft) .4s, padding .6s .4s}.from-why-to-how-module__slseya__stones:before{transition:transform 1s var(--soft) .7s}.from-why-to-how-module__slseya__stones li{transition:opacity .5s var(--soft), transform .6s var(--spring);transition-delay:calc(1.1s + var(--i,0) * .28s)}.from-why-to-how-module__slseya__caption>*{transition:opacity .5s var(--soft)}}@keyframes from-why-to-how-module__slseya__turn{to{transform:rotate(360deg)}}@keyframes from-why-to-how-module__slseya__ring-in{0%{opacity:0}}