.dev-plan{display:flex;flex-direction:column;gap:var(--space-4)}.dev-plan-header{padding-right:40px}.dev-plan-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-h2);color:var(--text-primary);margin:0 0 6px}.dev-plan-subtitle{font-size:var(--font-size-body);color:var(--text-muted);line-height:var(--line-height-body);margin:0}.dev-plan-timeline{display:flex;flex-direction:column}.dev-plan-milestone{display:flex;gap:var(--space-3);position:relative}.dev-plan-milestone-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:16px;padding-top:6px}.dev-plan-milestone-dot{width:10px;height:10px;border-radius:50%;background:var(--border-muted);flex-shrink:0;position:relative;z-index:1}.dev-plan-milestone:not(:last-child) .dev-plan-milestone-indicator:after{content:"";width:1px;flex:1 1;background:var(--border-muted)}.dev-plan-milestone-shipped .dev-plan-milestone-dot{background:var(--accent-primary);box-shadow:0 0 8px rgba(16,185,129,.4)}.dev-plan-milestone-in-progress .dev-plan-milestone-dot{background:var(--accent-primary);animation:devPlanPulse 2s ease-in-out infinite}.dev-plan-milestone-planned .dev-plan-milestone-dot{background:var(--border-default)}@keyframes devPlanPulse{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.3)}50%{box-shadow:0 0 0 6px rgba(16,185,129,0)}}.dev-plan-milestone-content{flex:1 1;padding-bottom:var(--space-4)}.dev-plan-milestone:last-child .dev-plan-milestone-content{padding-bottom:0}.dev-plan-milestone-header{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-1)}.dev-plan-milestone-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-primary-muted);color:var(--accent-primary);flex-shrink:0}.dev-plan-milestone-shipped .dev-plan-milestone-icon{background:rgba(16,185,129,.15)}.dev-plan-milestone-planned .dev-plan-milestone-icon{background:rgba(255,255,255,.04);color:var(--text-muted)}.dev-plan-milestone-meta{flex:1 1;min-width:0}.dev-plan-milestone-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h4);color:var(--text-primary);margin:0}.dev-plan-milestone-planned .dev-plan-milestone-title{color:var(--text-secondary)}.dev-plan-milestone-info{display:flex;align-items:center;gap:var(--space-2);margin-top:2px}.dev-plan-milestone-date{font-size:var(--font-size-small);color:var(--text-muted);line-height:var(--line-height-small)}.dev-plan-milestone-status{font-size:.6875rem;font-weight:var(--font-weight-semibold);line-height:1;padding:3px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.dev-plan-status-shipped{background:rgba(16,185,129,.12);color:var(--accent-primary)}.dev-plan-status-in-progress{background:rgba(251,191,36,.12);color:rgb(251,191,36)}.dev-plan-status-planned{background:rgba(255,255,255,.06);color:var(--text-muted)}.dev-plan-milestone-description{font-size:var(--font-size-small);color:var(--text-secondary);line-height:var(--line-height-body);margin:0}.dev-plan-milestone-planned .dev-plan-milestone-description{color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.dev-plan-milestone-in-progress .dev-plan-milestone-dot{animation:none;box-shadow:0 0 8px rgba(16,185,129,.4)}}