.lifecycle{grid-template-columns:repeat(var(--n,4), 1fr);counter-reset:step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.lifecycle--track{--n:5}.lifecycle__step{--c:var(--st-archived);align-items:flex-start;gap:12px;display:flex;position:relative}.lifecycle__step--idea{--c:var(--st-idea)}.lifecycle__step--prototype{--c:var(--st-prototype)}.lifecycle__step--alpha{--c:var(--st-alpha)}.lifecycle__step--beta{--c:var(--st-beta)}.lifecycle__step--promoted{--c:var(--gold)}.lifecycle__icon{width:46px;height:46px;color:var(--c);background:color-mix(in srgb, var(--c) 13%, var(--surface));border:1px solid color-mix(in srgb, var(--c) 35%, transparent);border-radius:14px;flex:none;place-items:center;display:grid}.lifecycle__text{flex-direction:column;gap:2px;padding-top:2px;display:flex}.lifecycle__text strong{color:var(--c);font-size:.98rem}.lifecycle__text small{color:var(--text-dim);font-size:.8rem;line-height:1.4}.lifecycle:not(.lifecycle--track) .lifecycle__step:not(:last-child):after{content:"→";color:var(--text-dim);font-size:1.1rem;position:absolute;top:10px;right:-10px}.lifecycle--track{gap:0}.lifecycle--track .lifecycle__step{text-align:center;flex-direction:column;align-items:center;gap:8px}.lifecycle--track .lifecycle__step:before{content:"";background:var(--border);height:2px;position:absolute;top:19px;left:calc(22px - 50%);right:calc(50% + 22px)}.lifecycle--track .lifecycle__step:first-child:before{display:none}.lifecycle--track .lifecycle__step.is-done:before,.lifecycle--track .lifecycle__step.is-now:before{background:var(--c)}.lifecycle--track .lifecycle__icon{border-radius:50%;width:40px;height:40px}.lifecycle--track .is-todo .lifecycle__icon{color:var(--text-dim);background:var(--surface);border-color:var(--border)}.lifecycle--track .is-todo strong{color:var(--text-dim);font-weight:600}.lifecycle--track .is-now .lifecycle__icon{box-shadow:0 0 0 4px color-mix(in srgb, var(--c) 22%, transparent)}.lifecycle--track .lifecycle__text strong{font-size:.82rem}@media (width<=719px){.lifecycle:not(.lifecycle--track){grid-template-columns:1fr 1fr;gap:18px 14px}.lifecycle:not(.lifecycle--track) .lifecycle__step:after{display:none}}